From 056609e0187d58c5bdb82559b674bdfd01319301 Mon Sep 17 00:00:00 2001
From: limingyu <limingyu203@163.com>
Date: Tue, 7 May 2024 11:30:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E9=87=8D=E7=82=B9=E5=B7=A5?=
 =?UTF-8?q?=E7=A8=8B=E5=B7=A6=E4=BE=A7=E7=BB=9F=E8=AE=A1=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/map/components/bianjieruqin.vue | 116 +++++++++++++++-------
 1 file changed, 80 insertions(+), 36 deletions(-)

diff --git a/src/views/map/components/bianjieruqin.vue b/src/views/map/components/bianjieruqin.vue
index 8fac441..687ef9e 100644
--- a/src/views/map/components/bianjieruqin.vue
+++ b/src/views/map/components/bianjieruqin.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="shipin">
     <div class="block1">
-      <layout-title title="视频状态"/>
+      <layout-title title="视频定位"/>
       <div class="options">
         <div class="option">
           <div class="leftimg"/>
@@ -15,7 +15,7 @@
       </div>
     </div>
     <div class="block2">
-      <layout-title title="区域报警数"/>
+      <layout-title title="重点工程"/>
       <div class="options">
         <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
           <div class="circular"><img :src="item.img" alt=""></div>
@@ -26,26 +26,25 @@
         </div>
       </div>
     </div>
-    <div class="block3">
-      <layout-title title="报警记录"/>
-      <div class="content">
-
-        <div class="table">
-          <div class="tr">
-            <div class="td">防区</div>
-            <div class="td">摄像头名称</div>
-            <div class="td">时间</div>
-          </div>
-          <div class="scroll">
-            <div v-for="(item,index) in block3List" :key="index" class="tr">
-              <div class="td line1">{{ item.region }}</div>
-              <div class="td">{{ item.name }}</div>
-              <div class="td">{{ item.time }}</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!--    <div class="block3">-->
+    <!--      <layout-title title="报警记录"/>-->
+    <!--      <div class="content">-->
+    <!--        <div class="table">-->
+    <!--          <div class="tr">-->
+    <!--            <div class="td">防区</div>-->
+    <!--            <div class="td">摄像头名称</div>-->
+    <!--            <div class="td">时间</div>-->
+    <!--          </div>-->
+    <!--          <div class="scroll">-->
+    <!--            <div v-for="(item,index) in block3List" :key="index" class="tr">-->
+    <!--              <div class="td line1">{{ item.region }}</div>-->
+    <!--              <div class="td">{{ item.name }}</div>-->
+    <!--              <div class="td">{{ item.time }}</div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </div>-->
   </div>
 </template>
 
@@ -79,17 +78,25 @@ export default {
         {
           lable: '视频总数',
           count: 0
+        },
+        {
+          lable: '在线数量',
+          count: 0
+        },
+        {
+          lable: '离线数量',
+          count: 0
         }
       ],
       block2OptionsList: [
         {
-          img: require('../../../assets/map/bianjie/img1.png'),
-          label: '码头',
+          img: require('../../../assets/map/gangkou_index/point/ico15.png'),
+          label: '重点工程总数',
           count: 0
         },
         {
-          img: require('../../../assets/map/bianjie/img2.png'),
-          label: '油罐区域',
+          img: require('../../../assets/map/gangkou_index/point/ico30.png'),
+          label: '重点工程开工数量',
           count: 0
         }
       ],
@@ -163,33 +170,70 @@ export default {
     this.initgetTable()
   },
   methods: {
+    // 初始化总摄像头数
+    // initCount() {
+    //   requestFN(
+    //     '/map/mapPlatformelectronic/listAll',
+    //     {
+    //       CORPINFO_ID: this.corpInfoId,
+    //       AREA: this.area
+    //     }
+    //   ).then((data) => {
+    //     this.block1OptionsList[0].count = data.allForMap
+    //   })
+    // },
     // 初始化总摄像头数
     initCount() {
       requestFN(
-        '/map/mapPlatformelectronic/listAll',
+        '/map/keyProject/listAllLocation',
         {
           CORPINFO_ID: this.corpInfoId,
-          AREA: this.area
+          AREA: this.area,
+          TYPE: 'VIDEO',
+          GANGKOU: this.gangkou
         }
       ).then((data) => {
-        this.block1OptionsList[0].count = data.allForMap
+        this.block1OptionsList[0].count = data.varList.length
+        data.varList.forEach((item) => {
+          if (item.ONLINE_STATUS === '0') {
+            this.block1OptionsList[1].count++
+          } else {
+            this.block1OptionsList[2].count++
+          }
+        })
       })
     },
 
+    // 初始化港口摄像头数
+    // initgetTable() {
+    //   requestFN(
+    //     '/map/mapPlatformelectronic/listAllByArea',
+    //     {
+    //       CORPINFO_ID: this.corpInfoId,
+    //       AREA: this.area
+    //     }
+    //   ).then((data) => {
+    //     data.varList.forEach(item => {
+    //       if (item.SUOSHUQUYU === '2') {
+    //         this.block2OptionsList[0].count = item.co
+    //       } else if (item.SUOSHUQUYU === '1') {
+    //         this.block2OptionsList[1].count = item.co
+    //       }
+    //     })
+    //   })
+    // },
     // 初始化港口摄像头数
     initgetTable() {
       requestFN(
-        '/map/mapPlatformelectronic/listAllByArea',
+        '/outsourced/listForCount',
         {
-          CORPINFO_ID: this.corpInfoId,
-          AREA: this.area
+          CORPINFO_ID: this.corpInfoId
         }
       ).then((data) => {
+        this.block2OptionsList[0].count = data.varList.length
         data.varList.forEach(item => {
-          if (item.SUOSHUQUYU === '2') {
-            this.block2OptionsList[0].count = item.co
-          } else if (item.SUOSHUQUYU === '1') {
-            this.block2OptionsList[1].count = item.co
+          if (item.STATE == 1) {
+            this.block2OptionsList[1].count++
           }
         })
       })