修改功能文档

2025-09-17 09:20:55 +08:00
parent b1246a864a 2d40736a96
commit 51772d788b
38 changed files with 340 additions and 592 deletions
--- a/src/views/StationLevel/index.vue
+++ b/src/views/StationLevel/index.vue
@ -6,38 +6,27 @@
        <li class="asideItem" v-for="(item, idx) in meun.leftMeun" :key="idx">
          <div class="title">{{ item }}</div>
          <div class="asideCnt" @click="handless">
-            <PeoCollection
-              :jczId="query.id"
-              v-if="item == '人员数据采集'"
-            ></PeoCollection>
-            <PlowStatistics
-              :jczId="query.id"
-              v-if="item == '流入流出统计'"
-            ></PlowStatistics>
-            <WarningCount
-              :jczId="query.id"
-              v-if="item == '预警统计'"
-            ></WarningCount>
+            <PeoCollection :jczId="query.id" v-if="item == '人员数据采集'"></PeoCollection>
+            <PlowStatistics :jczId="query.id" v-if="item == '流入流出统计'"></PlowStatistics>
+            <WarningCount :jczId="query.id" v-if="item == '预警统计'"></WarningCount>
          </div>
        </li>
      </ul>
      <div class="mainBox">
-        <div class="main-top"><VideoMore></VideoMore></div>
-        <div class="main-bottom"><VideoFoot></VideoFoot></div>
+        <div class="main-top">
+          <VideoMore></VideoMore>
+        </div>
+        <div class="main-bottom">
+          <VideoFoot></VideoFoot>
+        </div>
      </div>
      <ul class="asideBox">
        <li class="asideItem" v-for="(item, idx) in meun.rightMeun" :key="idx">
          <div class="title">{{ item }}</div>
          <div class="asideCnt">
            <BeOnDuty :jczId="query.id" v-if="item == '值班备勤'"></BeOnDuty>
-            <CarWarning
-              :jczId="query.id"
-              v-if="item == '车辆预警'"
-            ></CarWarning>
-            <PeoWarning
-              :jczId="query.id"
-              v-if="item == '人员预警'"
-            ></PeoWarning>
+            <CarWarning :jczId="query.id" v-if="item == '车辆预警'"></CarWarning>
+            <PeoWarning :jczId="query.id" v-if="item == '人员预警'"></PeoWarning>
          </div>
        </li>
      </ul>
@ -71,21 +60,25 @@ const query = computed(() => {
 .homeBox {
  background: #000;
 }
+
 .mainBox_jcz {
  position: absolute;
  top: 65px;
  width: 100%;
  height: calc(100vh - 60px);
  background: #000;
+
  .asideBox {
    width: 420px;
    height: 100%;
+
    .asideItem {
      height: calc(100% / 3);
      background: url("~@/assets/images/bg12.png") no-repeat;
      background-size: 100% 100%;
      padding: 0 10px;
      box-sizing: border-box;
+
      .title {
        height: 50px;
        line-height: 50px;
@ -96,6 +89,7 @@ const query = computed(() => {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
+
      .asideCnt {
        height: calc(100% - 50px);
        overflow: hidden;
@ -103,14 +97,17 @@ const query = computed(() => {
      }
    }
  }
+
  .mainBox {
    flex: 1 0 0;
    margin: 10px;
+
    .main-top {
      background: url("~@/assets/images/bg_13.png") no-repeat;
      background-size: 100% 100%;
      height: 70%;
    }
+
    .main-bottom {
      height: 30%;
      background: url("~@/assets/images/bg_14.png") no-repeat;
--- a/src/views/StationLevel/layout/BeOnDuty.vue
+++ b/src/views/StationLevel/layout/BeOnDuty.vue
@ -2,18 +2,10 @@
  <div class="warning-container">
    <!-- 标签切换 -->
    <div class="tab-container">
-      <div
-        class="tab-item"
-        @click="showchenge(1)"
-        :class="{ active: show == 1 }"
-      >
+      <div class="tab-item" @click="showchenge(1)" :class="{ active: show == 1 }">
        <div class="tab-content">值班人员</div>
      </div>
-      <div
-        class="tab-item"
-        @click="showchenge(2)"
-        :class="{ active: show == 2 }"
-      >
+      <div class="tab-item" @click="showchenge(2)" :class="{ active: show == 2 }">
        <div class="tab-content">值班装备</div>
      </div>
    </div>
@ -21,15 +13,11 @@
    <!-- 预警列表 -->
    <div class="warning-list" v-if="show == 2 && warningList">
      <div class="warning-card">
-        <div class="title flex align-center">
+        <div class="title flex align-center white-text">
          <img src="@/assets/images/icon_06.png" alt="" />
          值班装备
        </div>
-        <div
-          class="cardItem flex"
-          v-for="(item, index) in warningList.qxList"
-          :key="index"
-        >
+        <div class="cardItem flex white-text" v-for="(item, index) in warningList.qxList" :key="index">
          <span style="flex: 1">名称：{{ item.qxmc }}</span>
          <span style="flex: 1">数量：{{ item.qxsl }}</span>
        </div>
@ -37,47 +25,33 @@

      <div class="line mt6 mb6"></div>
      <div class="warning-card">
-        <div class="title flex align-center">
+        <div class="title flex align-center white-text">
          <img src="@/assets/images/icon_06.png" alt="" /> 值班车辆
        </div>
-        <div
-          class="cardItem"
-          v-for="(item, index) in warningList.clList"
-          :key="index"
-        >
+        <div class="cardItem white-text" v-for="(item, index) in warningList.clList" :key="index">
          车牌号：{{ item.cph }}
        </div>
      </div>
      <div class="line mt6 mb6"></div>
      <div class="warning-card">
-        <div class="title flex align-center">
+        <div class="title flex align-center white-text">
          <img src="@/assets/images/icon_06.png" alt="" /> 智能设备
        </div>
-        <div
-          class="cardItem"
-          v-for="(item, index) in warningList.sbList"
-          :key="index"
-        >
-      名称：{{ item.sbmc }}
+        <div class="cardItem white-text" v-for="(item, index) in warningList.sbList" :key="index">
+          名称：{{ item.sbmc }}
        </div>
      </div>
    </div>
    <Empty :show="warningList == null && show == 2" />
    <div class="warning-list" v-if="show == 1 && warningList">
      <div class="warning-card">
-        <div class="title flex align-center">
+        <div class="title flex align-center white-text">
          <img src="@/assets/images/icon_06.png" alt="" />
          值班人员
        </div>
-        <div
-          class="cardItem flex"
-          v-for="(item, index) in warningList.ryList"
-          :key="index"
-        >
+        <div class="cardItem flex white-text" v-for="(item, index) in warningList.ryList" :key="index">
          <span style="flex: 1">名称：{{ item.ryXm }}</span>
-          <span style="flex: 1"
-            >警种：{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span
-          >
+          <span style="flex: 1">警种：{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span>
        </div>
      </div>
      <div class="line mt6 mb6"></div>
@ -91,7 +65,7 @@ import { onMounted, ref } from "vue";
 import Empty from "@/components/MyComponents/Empty/index.vue";
 import { jczqueryById } from "@/api/mosty-jcz";
 import emitter from "@/utils/eventBus.js";
-let warningList = ref({ qxList: [], ryList: [], clList: [] ,sbList:[]});
+let warningList = ref({ qxList: [], ryList: [], clList: [], sbList: [] });
 onMounted(() => {
  emitter.on("getjczqueryById", (res) => {
    warningListValue(res)
@ -116,17 +90,17 @@ const getjczqueryById = () => {
 };
 const warningListValue = (res) => {
  if (res) {
-    warningList.value={}
-      warningList.value.qxList =res.qxList&&res.qxList.length>0
-        ? res.qxList.filter((item) => item.qxsl > 0)
-        : [];
-      warningList.value.ryList = res.ryList.length>0 ? res.ryList : [];
-      warningList.value.clList = res.clList.length>0 ? res.clList : [];
-      warningList.value.sbList = [...res.tcList, ...res.zdList]
-     emitter.emit("chengZ", res);
-    } else {
-      warningList.value = res;
-    }
+    warningList.value = {}
+    warningList.value.qxList = res.qxList && res.qxList.length > 0
+      ? res.qxList.filter((item) => item.qxsl > 0)
+      : [];
+    warningList.value.ryList = res.ryList.length > 0 ? res.ryList : [];
+    warningList.value.clList = res.clList.length > 0 ? res.clList : [];
+    warningList.value.sbList = [...res.tcList, ...res.zdList]
+    emitter.emit("chengZ", res);
+  } else {
+    warningList.value = res;
+  }
 }
 getjczqueryById();
 </script>
@ -189,6 +163,7 @@ getjczqueryById();
  flex: 1;
  display: flex;
  flex-direction: column;
+
  // justify-content: space-between;
  .cardItem {
    height: 27px;
@ -200,6 +175,7 @@ getjczqueryById();
    box-sizing: border-box;
  }
 }
+
 .line {
  width: 100%;
  height: 3px;
@ -210,6 +186,7 @@ getjczqueryById();
 .warning-image {
  width: 100px;
  height: 80px;
+
  img {
    width: 100%;
    height: 100%;
@ -248,5 +225,7 @@ getjczqueryById();
  font-size: 12px;
  margin-left: 10px;
 }
-
+.white-text{
+  color: #fff;
+}
 </style>
--- a/src/views/StationLevel/layout/PeoCollection.vue
+++ b/src/views/StationLevel/layout/PeoCollection.vue
@ -56,6 +56,7 @@ countWay();
  flex: 1;
  text-align: center;
  position: relative;
+  color: #fff;
 }

 .stat-number {