地图重点工程左侧统计修改

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">
+    <!--    <div class="block3">-->
-      <layout-title title="报警记录"/>
+    <!--      <layout-title title="报警记录"/>-->
-      <div class="content">
+    <!--      <div class="content">-->
-
+    <!--        <div class="table">-->
-        <div class="table">
+    <!--          <div class="tr">-->
-          <div class="tr">
+    <!--            <div class="td">防区</div>-->
-            <div class="td">防区</div>
+    <!--            <div class="td">摄像头名称</div>-->
-            <div class="td">摄像头名称</div>
+    <!--            <div class="td">时间</div>-->
-            <div class="td">时间</div>
+    <!--          </div>-->
-          </div>
+    <!--          <div class="scroll">-->
-          <div class="scroll">
+    <!--            <div v-for="(item,index) in block3List" :key="index" class="tr">-->
-            <div v-for="(item,index) in block3List" :key="index" class="tr">
+    <!--              <div class="td line1">{{ item.region }}</div>-->
-              <div class="td line1">{{ item.region }}</div>
+    <!--              <div class="td">{{ item.name }}</div>-->
-              <div class="td">{{ item.name }}</div>
+    <!--              <div class="td">{{ item.time }}</div>-->
-              <div class="td">{{ item.time }}</div>
+    <!--            </div>-->
-            </div>
+    <!--          </div>-->
-          </div>
+    <!--        </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'),
+          img: require('../../../assets/map/gangkou_index/point/ico15.png'),
-          label: '码头',
+          label: '重点工程总数',
           count: 0
         },
         {
-          img: require('../../../assets/map/bianjie/img2.png'),
+          img: require('../../../assets/map/gangkou_index/point/ico30.png'),
-          label: '油罐区域',
+          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,
+          CORPINFO_ID: this.corpInfoId
-          AREA: this.area
         }
       ).then((data) => {
+        this.block2OptionsList[0].count = data.varList.length
         data.varList.forEach(item => {
-          if (item.SUOSHUQUYU === '2') {
+          if (item.STATE == 1) {
-            this.block2OptionsList[0].count = item.co
+            this.block2OptionsList[1].count++
-          } else if (item.SUOSHUQUYU === '1') {
-            this.block2OptionsList[1].count = item.co
           }
         })
       })