From c2608fe2d5ca7be5ce5413262bfb48d56d750af0 Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Fri, 5 Aug 2022 16:08:27 +0800
Subject: [PATCH] =?UTF-8?q?5-=E6=97=B6=E9=97=B4=E6=A0=BC=E5=BC=8F=E4=B8=8D?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4=20=EF=BC=9B11-=E6=9C=AA=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pages/civilizedCity/index.vue       | 1090 ++++++++---------
 .../components/CauseAnalysis.vue              |    2 +-
 2 files changed, 545 insertions(+), 547 deletions(-)

diff --git a/src/views/pages/civilizedCity/index.vue b/src/views/pages/civilizedCity/index.vue
index c164bb9..1d2e0c0 100644
--- a/src/views/pages/civilizedCity/index.vue
+++ b/src/views/pages/civilizedCity/index.vue
@@ -267,18 +267,18 @@
 </template>
 
 <script>
-import { HieimpMap } from "@/supermap/map-init";
-import TiledMap from "./components/tiledMap";
-import * as turf from "@turf/turf";
-import { wgs84LL2bdLL } from "@/utils/coordinateSystemTransform";
+import { HieimpMap } from '@/supermap/map-init'
+import TiledMap from './components/tiledMap'
+import * as turf from '@turf/turf'
+import { wgs84LL2bdLL } from '@/utils/coordinateSystemTransform'
 import {
   createCameraDetailsPop,
   createEventListDetailsPop,
-  createSearchAddressTitlePop,
-} from "@/supermap/createMarkerPopup";
+  createSearchAddressTitlePop
+} from '@/supermap/createMarkerPopup'
 // import VideoPlay from "@/views/videoPlay/index.vue";
 // import DragButton from "@/views/videoPlay/components/DragButton.vue";
-import VideoPlay from "./components/VideoPlay";
+import VideoPlay from './components/VideoPlay'
 import {
   getCameraAll,
   getCameraLabel,
@@ -286,9 +286,9 @@ import {
   getCameraAllOrgan,
   getCameraByParentId,
   selectByLabelName,
-  selectByChannelName,
-} from "@/api/videoSurveillance/index";
-import bus from "@/views/layout/bus";
+  selectByChannelName
+} from '@/api/videoSurveillance/index'
+import bus from '@/views/layout/bus'
 import {
   listPassengerFlow,
   selectEvent,
@@ -298,30 +298,30 @@ import {
   selectByLabelCity,
   listPassengerFlowByAllNums,
   selectByTimeAndName,
-  selectPeopleRecognize,
-} from "@/api/civilizedCity.js";
+  selectPeopleRecognize
+} from '@/api/civilizedCity.js'
 // 时间轴
-import HorizonTimeLine from "./components/HorizonTimeLine";
-import { valueOf } from "screenfull";
+import HorizonTimeLine from './components/HorizonTimeLine'
+import { valueOf } from 'screenfull'
 
 export default {
-  data() {
+  data () {
     return {
       loading: true,
       hiMap: new HieimpMap(), // 地图全局对象
-      mapId: "map-single", // 地图容器的id
+      mapId: 'map-single', // 地图容器的id
 
       cameraAllData: [],
       checkboxGroup: [],
       tabList: [],
-      state: "",
+      state: '',
       timeout: null,
       camreaTree: [],
       camreaTreeIsShow: true,
       camreaTreeSingle: [],
-      checkStatus: "2",
-      labelSearch: "",
-      labelSearch1: "",
+      checkStatus: '2',
+      labelSearch: '',
+      labelSearch1: '',
       page: 1,
       timer: null,
       openVideo: false,
@@ -331,20 +331,20 @@ export default {
       // 事件感知
       perceptionList: [
         {
-          name: "视频感知",
+          name: '视频感知',
           allNum: 0,
-          todayAllNum: 0,
+          todayAllNum: 0
         },
         {
-          name: "市民热线",
+          name: '市民热线',
           allNum: 0,
-          todayAllNum: 0,
+          todayAllNum: 0
         },
         {
-          name: "数字城管",
+          name: '数字城管',
           allNum: 0,
-          todayAllNum: 0,
-        },
+          todayAllNum: 0
+        }
         // {
         //   name: "人口聚集区",
         //   allNum: 0,
@@ -352,13 +352,13 @@ export default {
         // },
       ],
       // 人口聚集区数量
-      PopulationArea: "",
+      PopulationArea: '',
       todayAll: [],
       allNumTop: 0,
       todayAllNumTop: 0,
       // 事件列表
       EventData: [],
-      EventBtns: ["全部"],
+      EventBtns: ['全部'],
       // EventDataShow: false,
       EventPeopleShow: false,
       // btnActive: "全部",
@@ -369,50 +369,50 @@ export default {
       EventTypePelList: [],
       // 时间轴
       timelineData: [],
-      gettime: "",
-      from: "",
-      typeSelect: "",
+      gettime: '',
+      from: '',
+      typeSelect: '',
       // 热力图当日数据
       hotDataAll: {},
       bottomTabList: [
         {
-          name: "AI事件",
-          id: "road",
-          index: "0",
-          img: require("../../../assets/civilizedCity/thing.png"),
-          imgDefault: require("../../../assets/civilizedCity/thing.png"),
-          imgActive: require("../../../assets/civilizedCity/thingActive.png"),
+          name: 'AI事件',
+          id: 'road',
+          index: '0',
+          img: require('../../../assets/civilizedCity/thing.png'),
+          imgDefault: require('../../../assets/civilizedCity/thing.png'),
+          imgActive: require('../../../assets/civilizedCity/thingActive.png')
         },
         {
-          name: "视频监控",
-          id: "monitor",
-          index: "1",
-          img: require("../../../assets/civilizedCity/monitor.png"),
-          imgDefault: require("../../../assets/civilizedCity/monitor.png"),
-          imgActive: require("../../../assets/civilizedCity/monitorActive.png"),
+          name: '视频监控',
+          id: 'monitor',
+          index: '1',
+          img: require('../../../assets/civilizedCity/monitor.png'),
+          imgDefault: require('../../../assets/civilizedCity/monitor.png'),
+          imgActive: require('../../../assets/civilizedCity/monitorActive.png')
         },
         {
-          name: "聚集区",
-          id: "hot",
-          index: "2",
-          img: require("../../../assets/civilizedCity/peopel.png"),
-          imgDefault: require("../../../assets/civilizedCity/peopel.png"),
-          imgActive: require("../../../assets/civilizedCity/peopelActive.png"),
+          name: '聚集区',
+          id: 'hot',
+          index: '2',
+          img: require('../../../assets/civilizedCity/peopel.png'),
+          imgDefault: require('../../../assets/civilizedCity/peopel.png'),
+          imgActive: require('../../../assets/civilizedCity/peopelActive.png')
         },
         {
-          name: "人流热力",
-          id: "thermodynamic",
-          index: "3",
-          img: require("../../../assets/civilizedCity/heating.png"),
-          imgDefault: require("../../../assets/civilizedCity/heating.png"),
-          imgActive: require("../../../assets/civilizedCity/heatingActive.png"),
-        },
+          name: '人流热力',
+          id: 'thermodynamic',
+          index: '3',
+          img: require('../../../assets/civilizedCity/heating.png'),
+          imgDefault: require('../../../assets/civilizedCity/heating.png'),
+          imgActive: require('../../../assets/civilizedCity/heatingActive.png')
+        }
       ],
-      showHotAll: "人口聚集区",
+      showHotAll: '人口聚集区',
       hotDataNum: [],
       videoStream: [],
       // 今日和全部事件切换
-      EventChange: "today",
+      EventChange: 'today',
       // 分页
       page_count: 0,
       // page1: 1,
@@ -421,70 +421,70 @@ export default {
       thermodynamicPeopleTypeSelect: false,
       thermodynamicPeopleAll: [],
       thermodynamicPeopleLocal: [],
-      thermodynamicPeopleNoLocal: [],
-    };
+      thermodynamicPeopleNoLocal: []
+    }
   },
   components: {
     TiledMap,
     VideoPlay,
-    HorizonTimeLine,
+    HorizonTimeLine
     // DragButton,
   },
-  created() {},
+  created () {},
   watch: {
     // page(newV, oldV) {
     //   this.getCameraAllPage(newV);
     // },
-    checkStatus(newV, oldV) {
-      console.log(newV);
-      this.$refs.tree.filter(newV);
+    checkStatus (newV, oldV) {
+      console.log(newV)
+      this.$refs.tree.filter(newV)
     },
-    page(newV, oldV) {
-      this.EventsPerception();
+    page (newV, oldV) {
+      this.EventsPerception()
     },
-    checkboxGroup(newV, oldV) {
-      if(newV.length > 0) {
-        this.bottomTabList[1].img = this.bottomTabList[1].imgActive;
-        if (this.checkList.indexOf("视频监控") == -1) {
-          this.checkList.push("视频监控");
+    checkboxGroup (newV, oldV) {
+      if (newV.length > 0) {
+        this.bottomTabList[1].img = this.bottomTabList[1].imgActive
+        if (this.checkList.indexOf('视频监控') == -1) {
+          this.checkList.push('视频监控')
         }
-      }else {
-        this.bottomTabList[1].img = this.bottomTabList[1].imgDefault;
-        this.checkList.forEach( (item,index) => {
-          if(item == "视频监控") {
-            this.checkList.splice(index, 1);
+      } else {
+        this.bottomTabList[1].img = this.bottomTabList[1].imgDefault
+        this.checkList.forEach((item, index) => {
+          if (item == '视频监控') {
+            this.checkList.splice(index, 1)
           }
         })
       }
     }
   },
-  mounted() {
-    this.hiMapFun = this.hiMap.myMapFun(this.hiMap.mapObj);
+  mounted () {
+    this.hiMapFun = this.hiMap.myMapFun(this.hiMap.mapObj)
     this.multiScreenFun = this.hiMap.multiScreenFun(
       this.hiMap.mapObj,
       this.hiMapFun
-    );
-    this.hiMap.mapObj.map.flyTo({ lat: 36.06, lng: 120.3899 }, 16);
+    )
+    this.hiMap.mapObj.map.flyTo({ lat: 36.06, lng: 120.3899 }, 16)
     selectByLabelCity().then((res) => {
-      this.tabList = res.data.data;
-    });
-    getCameraAllOrgan({ parentId: "S4NbecfYB1DBH8HNULGS34" }).then((res) => {
-      this.camreaTree = res.data.data;
+      this.tabList = res.data.data
+    })
+    getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' }).then((res) => {
+      this.camreaTree = res.data.data
       res.data.data.forEach((item) => {
         this.camreaTreeSingle.push({
           channelName: item.name,
-          children: [],
-        });
-      });
-    });
+          children: []
+        })
+      })
+    })
     getCameraAll().then((res) => {
-      let t1 = new Date().getTime();
-      this.cameraAllData = res.data;
+      const t1 = new Date().getTime()
+      this.cameraAllData = res.data
       // this.addResourceTomap("全部", res.data);
-      this.loading = false;
-      let t2 = new Date().getTime();
-      console.log("时间#############" + (t2 - t1));
-    });
+      this.loading = false
+      const t2 = new Date().getTime()
+      console.log('时间#############' + (t2 - t1))
+    })
     // this.getMapPoint()
     // bus.$off("openCurrentVideo");
     // bus.$on("openCurrentVideo", (videoStream) => {
@@ -493,183 +493,182 @@ export default {
     //     this.videoStream.unshift(videoStream);
     //   }
     // });
-    bus.$off("openCurrentVideoSurveillance");
-    bus.$on("openCurrentVideoSurveillance", (channelCode) => {
-      this.openVideo = true;
-      this.channelCode.unshift(channelCode);
-    });
-    bus.$off("closeVideoDia");
-    bus.$on("closeVideoDia", () => {
-      this.openVideo = false;
-    });
+    bus.$off('openCurrentVideoSurveillance')
+    bus.$on('openCurrentVideoSurveillance', (channelCode) => {
+      this.openVideo = true
+      this.channelCode.unshift(channelCode)
+    })
+    bus.$off('closeVideoDia')
+    bus.$on('closeVideoDia', () => {
+      this.openVideo = false
+    })
 
-    this.EventsPerception();
-    this.EventsPerceptionToday();
-    this.getCurrentTime();
+    this.EventsPerception()
+    this.EventsPerceptionToday()
+    this.getCurrentTime()
 
     // 获取当日全部数据
     for (let i = 0; i < this.timelineData.length; i++) {
-      this.todayAllData(this.timelineData[i].timeId);
+      this.todayAllData(this.timelineData[i].timeId)
     }
 
     // 事件感知上部数据
     setTimeout(() => {
-      this.numTop();
-    }, 5000);
+      this.numTop()
+    }, 5000)
 
-    this.personToday();
+    this.personToday()
 
     // 默认今日全部
     setTimeout(() => {
-      this.EventClck("today");
-    }, 3000);
+      this.EventClck('today')
+    }, 3000)
 
-    this.TimeRefresh();
+    this.TimeRefresh()
   },
   methods: {
-    getCameraAllPage(page) {
-      let params = {
+    getCameraAllPage (page) {
+      const params = {
         page: page,
-        pageSize: 20000,
-      };
+        pageSize: 20000
+      }
       getCameraAll(params).then((res) => {
         // let t1 = new Date().getTime();
-        this.cameraAllData = res.data.data;
-        this.addResourceTomap("全部", res.data.data);
-        this.loading = false;
-      });
+        this.cameraAllData = res.data.data
+        this.addResourceTomap('全部', res.data.data)
+        this.loading = false
+      })
     },
-    tabChange(item) {
+    tabChange (item) {
       if (this.checkboxGroup.indexOf(item.labelName) !== -1) {
-        if (item.labelName == "全部") {
-          this.addResourceTomap("全部", this.cameraAllData);
-          this.checkboxGroup = ["全部"];
+        if (item.labelName == '全部') {
+          this.addResourceTomap('全部', this.cameraAllData)
+          this.checkboxGroup = ['全部']
         } else {
-          this.hiMapFun.removeLayerByLayerName("全部");
-          if(item.labelName == "安保区域"){
+          this.hiMapFun.removeLayerByLayerName('全部')
+          if (item.labelName == '安保区域') {
             selectPeopleRecognize().then((res) => {
-              this.addResourceTomap(item.labelName, res.data.data);
+              this.addResourceTomap(item.labelName, res.data.data)
               res.data.data.forEach((item) => {
                 this.camreaTreeSingle.forEach((val) => {
                   if (item.nodeName == val.channelName) {
-                    val.children.push(item);
+                    val.children.push(item)
                   }
-                });
-              });
-              this.camreaTreeIsShow = false;
-            });
-          }else {
+                })
+              })
+              this.camreaTreeIsShow = false
+            })
+          } else {
             getCameraLabel({ labelCode: item.labelCode }).then((res) => {
-              this.addResourceTomap(item.labelName, res.data.data);
+              this.addResourceTomap(item.labelName, res.data.data)
               res.data.data.forEach((item) => {
                 this.camreaTreeSingle.forEach((val) => {
                   if (item.nodeName == val.channelName) {
-                    val.children.push(item);
+                    val.children.push(item)
                   }
-                });
-              });
-              this.camreaTreeIsShow = false;
-            });
+                })
+              })
+              this.camreaTreeIsShow = false
+            })
           }
         }
       } else {
-        this.hiMapFun.removeLayerByLayerName(item.labelName);
-        this.checkStatus = "2";
-        this.camreaTreeIsShow = true;
-        getCameraAllOrgan({ parentId: "S4NbecfYB1DBH8HNULGS34" }).then(
+        this.hiMapFun.removeLayerByLayerName(item.labelName)
+        this.checkStatus = '2'
+        this.camreaTreeIsShow = true
+        getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' }).then(
           (res) => {
-            this.camreaTree = res.data.data;
+            this.camreaTree = res.data.data
           }
-        );
+        )
       }
     },
 
-    addResourceTomap(type, data) {
-      const dataEvent = [];
+    addResourceTomap (type, data) {
+      const dataEvent = []
       data.forEach((item) => {
-        const arr = [0, 0.0, "", "0", "0.0", "36.008206"];
+        const arr = [0, 0.0, '', '0', '0.0', '36.008206']
         if (arr.indexOf(item.gpsY) == -1) {
           dataEvent.push({
             latLng: { lat: Number(item.gpsY), lng: Number(item.gpsX) },
             data: item,
-            type: "videoSurveillance",
-            dataType:type
-          });
+            type: 'videoSurveillance',
+            dataType: type
+          })
         }
-      });
-      this.getMapPoint(dataEvent, "multi_layer_camera.png", type);
+      })
+      this.getMapPoint(dataEvent, 'multi_layer_camera.png', type)
     },
-    getMapPoint(data, img, type) {
+    getMapPoint (data, img, type) {
       // this.hiMapFun.clearAllLayers();
-      const features = data;
+      const features = data
       this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
         features,
         img,
         type,
         createCameraDetailsPop
-      );
+      )
       // this.hiMapFun.addResourceOnMapWithoutSuper(features, img, "newEVent", createListDetailsPop);
     },
 
-    querySearchAsync(queryString, cb) {
+    querySearchAsync (queryString, cb) {
       if (queryString.length > 0) {
         searchCamera(queryString).then((res) => {
-          cb(res.data.suggestions);
+          cb(res.data.suggestions)
           // console.log(res)
-        });
+        })
       }
       // console.log(queryString)
       // cb(this.testjson.suggestions)
     },
-    handleSelect(item) {
-      this.hiMapFun.clearAllLayers();
+    handleSelect (item) {
+      this.hiMapFun.clearAllLayers()
 
-      let arr = item.detail.location.split(",");
+      const arr = item.detail.location.split(',')
       const searchDataDetail = [
         {
           latLng: { lat: arr[1], lng: arr[0] },
-          data: item,
-        },
-      ];
-      this.hiMap.mapObj.map.flyTo({ lat: arr[1], lng: arr[0] });
-      this.hiMapFun.openPopupVideoSurveillance(searchDataDetail[0]);
+          data: item
+        }
+      ]
+      this.hiMap.mapObj.map.flyTo({ lat: arr[1], lng: arr[0] })
+      this.hiMapFun.openPopupVideoSurveillance(searchDataDetail[0])
       this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
         searchDataDetail,
-        "poi-red.png",
-        "address",
+        'poi-red.png',
+        'address',
         createSearchAddressTitlePop
-      );
-
+      )
 
       // this.timer = setTimeout(() => {
       //   this.addResourceTomap("全部", this.cameraAllData);
       // }, 1000);
 
-      this.checkboxGroup = [];
+      this.checkboxGroup = []
     },
-    handleNodeClick(data) {
-      console.log(data);
+    handleNodeClick (data) {
+      console.log(data)
       getCameraAllOrgan({ parentId: data.id }).then((res) => {
         this.camreaTree.forEach((item) => {
-          item.children = res.data.data;
-        });
-        console.log(this.camreaTree);
-      });
+          item.children = res.data.data
+        })
+        console.log(this.camreaTree)
+      })
     },
-    loadNode(node, resolve) {
+    loadNode (node, resolve) {
       // if (node.level === 0) {
       //   return resolve([{ name: 'region' }]);
       // }
-      console.log(node);
+      console.log(node)
       if (node.level > 0) {
-        let subData = [];
+        let subData = []
         getCameraAllOrgan({ parentId: node.data.id }).then((res) => {
           if (res.data.data.length == 0) {
             const params = {
               parentId: node.data.id,
               checkStatus:
-                this.checkStatus == "2" ? ["0", "1"] : this.checkStatus,
-            };
+                this.checkStatus == '2' ? ['0', '1'] : this.checkStatus
+            }
             getCameraByParentId(params).then((res) => {
               res.data.data.forEach((item) => {
                 subData.push({
@@ -678,257 +677,257 @@ export default {
                   gpsY: item.gpsY,
                   channelCode: item.channelCode,
                   checkStatus: item.checkStatus,
-                  leaf: true,
-                });
-              });
-              return resolve(subData);
-            });
+                  leaf: true
+                })
+              })
+              return resolve(subData)
+            })
           } else {
-            subData = res.data.data;
-            return resolve(subData);
+            subData = res.data.data
+            return resolve(subData)
           }
-        });
+        })
       }
     },
-    treeCameraClick(data) {
-      console.log(data);
+    treeCameraClick (data) {
+      console.log(data)
       if (data.channelCode) {
         const cameraTree = [
           {
             latLng: { lat: data.gpsY, lng: data.gpsX },
             data: data,
-            type: "cameraTree",
-          },
-        ];
-        this.hiMapFun.removeLayerByLayerName("cameraTree");
-        this.hiMapFun.openPopupVideoSurveillance(cameraTree[0]);
-        const arr = [0, 0.0, "", "0", "0.0"];
+            type: 'cameraTree'
+          }
+        ]
+        this.hiMapFun.removeLayerByLayerName('cameraTree')
+        this.hiMapFun.openPopupVideoSurveillance(cameraTree[0])
+        const arr = [0, 0.0, '', '0', '0.0']
         if (arr.indexOf(data.gpsX) == -1) {
           this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
             cameraTree,
-            "poi-red.png",
-            "cameraTree"
-          );
-          this.hiMap.mapObj.map.flyTo({ lat: data.gpsY, lng: data.gpsX });
+            'poi-red.png',
+            'cameraTree'
+          )
+          this.hiMap.mapObj.map.flyTo({ lat: data.gpsY, lng: data.gpsX })
         }
       }
     },
-    searchLabel(value) {
+    searchLabel (value) {
       const params = {
-        labelName: value,
-      };
+        labelName: value
+      }
       selectByLabelName(params).then((res) => {
-        console.log(res);
-        this.tabList = res.data.data;
-      });
+        console.log(res)
+        this.tabList = res.data.data
+      })
     },
-    searchCameraTree(value) {
+    searchCameraTree (value) {
       if (value.length > 0) {
         const params = {
-          channelName: value,
-        };
+          channelName: value
+        }
         selectByChannelName(params).then((res) => {
-          console.log(res);
-          this.camreaTree = [];
+          console.log(res)
+          this.camreaTree = []
           res.data.data.forEach((item) => {
             this.camreaTree.push({
               name: item.channelName,
               gpsX: item.gpsX,
               gpsY: item.gpsY,
               channelCode: item.channelCode,
-              leaf: true,
-            });
-          });
-        });
+              leaf: true
+            })
+          })
+        })
       } else {
-        getCameraAllOrgan({ parentId: "S4NbecfYB1DBH8HNULGS34" }).then(
+        getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' }).then(
           (res) => {
-            this.camreaTree = res.data.data;
+            this.camreaTree = res.data.data
           }
-        );
+        )
       }
     },
-    refresh() {
-      this.hiMapFun.removeLayerByLayerName("全部");
-      this.checkboxGroup.forEach( (item) => {
+    refresh () {
+      this.hiMapFun.removeLayerByLayerName('全部')
+      this.checkboxGroup.forEach((item) => {
         this.hiMapFun.removeLayerByLayerName(item)
       })
-      this.checkboxGroup = [];
-      this.addResourceTomap("全部", this.cameraAllData);
-      this.bottomTabList[2].img = this.bottomTabList[2].imgDefault;
+      this.checkboxGroup = []
+      this.addResourceTomap('全部', this.cameraAllData)
+      this.bottomTabList[2].img = this.bottomTabList[2].imgDefault
 
-      setTimeout( () => {
-        this.bottomTabList[1].img = this.bottomTabList[1].imgActive;
-        if (this.checkList.indexOf("视频监控") == -1) {
-            this.checkList.push("视频监控");
-          }
-      },300)
+      setTimeout(() => {
+        this.bottomTabList[1].img = this.bottomTabList[1].imgActive
+        if (this.checkList.indexOf('视频监控') == -1) {
+          this.checkList.push('视频监控')
+        }
+      }, 300)
     },
-    reset() {
-      this.checkboxGroup = [];
-      this.checkStatus = "2";
-      this.camreaTreeIsShow = true;
-      getCameraAllOrgan({ parentId: "S4NbecfYB1DBH8HNULGS34" }).then((res) => {
-        this.camreaTree = res.data.data;
-      });
-      document.getElementById("tree").scrollTop = 0;
+    reset () {
+      this.labelSearch1 = ''
+      this.checkboxGroup = []
+      this.checkStatus = '2'
+      this.camreaTreeIsShow = true
+      getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' }).then((res) => {
+        this.camreaTree = res.data.data
+      })
+      document.getElementById('tree').scrollTop = 0
     },
-    filterNode(value, data) {
-      if (value == "2") return true;
-      if (value == "0") {
-        return data.checkStatus == 0;
+    filterNode (value, data) {
+      if (value == '2') return true
+      if (value == '0') {
+        return data.checkStatus == 0
       }
-      if (value == "1") {
-        return data.checkStatus == 1;
+      if (value == '1') {
+        return data.checkStatus == 1
       }
     },
-    closeEventList() {
-      this.EventDataShow = false;
+    closeEventList () {
+      this.EventDataShow = false
     },
-    closePersonList() {
-      this.EventPeopleShow = false;
+    closePersonList () {
+      this.EventPeopleShow = false
     },
     // 热力图
-    hot() {
-      let dataNumber = [];
-      let dataNumberLocal = [];
-      let dataNumberNoLocal = [];
+    hot () {
+      const dataNumber = []
+      const dataNumberLocal = []
+      const dataNumberNoLocal = []
       listPassengerFlow().then((res) => {
-
-        const data = res.data;
+        const data = res.data
         // 最大值
         for (let num = 0; num < data.length; num++) {
-          dataNumber.push(data[num].allNums);
-          dataNumberLocal.push(data[num].localNums);
-          dataNumberNoLocal.push(data[num].nonlocalNums);
+          dataNumber.push(data[num].allNums)
+          dataNumberLocal.push(data[num].localNums)
+          dataNumberNoLocal.push(data[num].nonlocalNums)
         }
-        let max = Math.max.apply(null, dataNumber);
-        let maxLocal = Math.max.apply(null, dataNumberLocal);
-        let maxNoLocal = Math.max.apply(null, dataNumberNoLocal);
+        const max = Math.max.apply(null, dataNumber)
+        const maxLocal = Math.max.apply(null, dataNumberLocal)
+        const maxNoLocal = Math.max.apply(null, dataNumberNoLocal)
         data.forEach((item) => {
-          const arr = [0, 0.0, "", "0", "0.0"];
+          const arr = [0, 0.0, '', '0', '0.0']
           if (arr.indexOf(item.latitude) == -1 && arr.indexOf(item.longitude) == -1) {
-            //全部
-            if(item.allNums !== '0'){
-              let allNums = Number((item.allNums / max).toFixed(1))
-              if(allNums > 0.1){
+            // 全部
+            if (item.allNums !== '0') {
+              const allNums = Number((item.allNums / max).toFixed(1))
+              if (allNums > 0.1) {
                 this.thermodynamicPeopleAll.push([
                   Number(item.latitude),
                   Number(item.longitude),
                   allNums
-                ]);
+                ])
               }
             }
-            //本地
-            if(item.localNums !== '0'){
-              let localNums =  Number((item.localNums / maxLocal).toFixed(1))
-              if(localNums > 0.1){
+            // 本地
+            if (item.localNums !== '0') {
+              const localNums = Number((item.localNums / maxLocal).toFixed(1))
+              if (localNums > 0.1) {
                 this.thermodynamicPeopleLocal.push([
                   Number(item.latitude),
                   Number(item.longitude),
                   localNums
-                ]);
+                ])
               }
             }
-            //外地
-            if(item.nonlocalNums !== '0'){
-              let nonlocalNums  = Number((item.nonlocalNums / maxNoLocal).toFixed(1))
-              if(nonlocalNums > 0.1){
+            // 外地
+            if (item.nonlocalNums !== '0') {
+              const nonlocalNums = Number((item.nonlocalNums / maxNoLocal).toFixed(1))
+              if (nonlocalNums > 0.1) {
                 this.thermodynamicPeopleNoLocal.push([
                   Number(item.latitude),
                   Number(item.longitude),
                   nonlocalNums
-                ]);
+                ])
               }
             }
           }
-        });
-        this.hiMapFun.thermodynamic(this.thermodynamicPeopleAll, 25, "typeAll");
-      });
+        })
+        this.hiMapFun.thermodynamic(this.thermodynamicPeopleAll, 25, 'typeAll')
+      })
     },
     // 热力图点击事件
-    timeIdData(val) {
+    timeIdData (val) {
       // 清除实时热力图
-      this.hiMapFun.removeLayerByLayerName("typeAll");
-      this.hiMapFun.removeLayerByLayerName("types");
-      const dataA = [];
-      const dataNumber = [];
-      const dataMax = [];
+      this.hiMapFun.removeLayerByLayerName('typeAll')
+      this.hiMapFun.removeLayerByLayerName('types')
+      const dataA = []
+      const dataNumber = []
+      const dataMax = []
 
-      const listB = this.hotDataAll[val];
-      console.log(listB);
+      const listB = this.hotDataAll[val]
+      console.log(listB)
       // 最大值
       for (let num = 0; num < listB.length; num++) {
-        dataNumber.push(listB[num].allNums);
+        dataNumber.push(listB[num].allNums)
       }
-      let max = Math.max.apply(null, dataNumber);
-      console.log(max); //16617
+      const max = Math.max.apply(null, dataNumber)
+      console.log(max) // 16617
       listB.forEach((item) => {
-        const arr = [0, 0.0, "", "0", "0.0"];
+        const arr = [0, 0.0, '', '0', '0.0']
         if (arr.indexOf(item.latitude) == -1) {
           dataA.push([
             Number(item.latitude),
             Number(item.longitude),
-            Number((item.allNums / max).toFixed(1)),
-          ]);
+            Number((item.allNums / max).toFixed(1))
+          ])
         }
-      });
+      })
       // 筛选
       dataA.forEach((item) => {
         if (item[2] > 0.1) {
-          dataMax.push(item);
+          dataMax.push(item)
         }
-      });
+      })
 
-      this.hiMapFun.thermodynamic(dataMax, 25, "types");
+      this.hiMapFun.thermodynamic(dataMax, 25, 'types')
       // });
     },
 
     // 全部
-    todayAllData(val) {
+    todayAllData (val) {
       const params = {
-        timeId: val,
-      };
-      this.hotDataAll[val] = [];
+        timeId: val
+      }
+      this.hotDataAll[val] = []
       listPassengerFlow(params).then((res) => {
         // console.log(res.data);
         // this.hotDataAll.params = res.data;
-        this.hotDataAll[val] = res.data;
-      });
+        this.hotDataAll[val] = res.data
+      })
       // console.log(this.hotDataAll);
     },
 
     // 热力图自动播放
-    shoWToday(val) {
-      this.hiMapFun.removeLayerByLayerName("typeAll");
-      console.log(val, "aaaaaaaaaaa");
+    shoWToday (val) {
+      this.hiMapFun.removeLayerByLayerName('typeAll')
+      console.log(val, 'aaaaaaaaaaa')
       val.forEach((item) => {
-        this.hiMapFun.removeLayerByLayerName("types");
-        this.timeIdData(item);
-      });
+        this.hiMapFun.removeLayerByLayerName('types')
+        this.timeIdData(item)
+      })
     },
     // 事件感知
-    EventsPerception() {
+    EventsPerception () {
       const params = {
         page: this.page,
-        pageSize: 6000,
-      };
+        pageSize: 6000
+      }
       selectEvent(params).then((res) => {
-        console.log(res.data.data);
-        this.EventData = this.EventData.concat(res.data.data.events);
+        console.log(res.data.data)
+        this.EventData = this.EventData.concat(res.data.data.events)
 
-        console.log(this.EventData);
-        this.allNumTop = this.EventData.length;
+        console.log(this.EventData)
+        this.allNumTop = this.EventData.length
 
         if (
           res.data.data.events != null &&
           res.data.data.events.length > 0 &&
           this.page <= res.data.data.page
         ) {
-          this.page++;
-          console.log(this.page);
+          this.page++
+          console.log(this.page)
         }
-      });
+      })
     },
     // 分页
     // handleCurrentChange(val) {
@@ -943,79 +942,79 @@ export default {
     //   });
     // },
     // 今日事件感知
-    EventsPerceptionToday() {
+    EventsPerceptionToday () {
       // 今日事件总数
       selectByTime().then((res) => {
-        this.todayAll = [];
-        this.todayAll = res.data.data;
+        this.todayAll = []
+        this.todayAll = res.data.data
         // 今日事件总数
-        this.perceptionList[0].todayAllNum = "";
-        this.perceptionList[0].todayAllNum = this.todayAll.length;
-      });
+        this.perceptionList[0].todayAllNum = ''
+        this.perceptionList[0].todayAllNum = this.todayAll.length
+      })
     },
     // 人口聚集今日事件大于5000
-    personToday() {
+    personToday () {
       listPassengerFlowByAllNums().then((res) => {
         // console.log(res.data);
-        this.hotDataNum = res.data;
+        this.hotDataNum = res.data
         // console.log(this.hotDataNum);
-        this.PopulationArea = "";
-        this.PopulationArea = this.hotDataNum.length;
-      });
+        this.PopulationArea = ''
+        this.PopulationArea = this.hotDataNum.length
+      })
     },
     // 人口数据
-    personNum(x, y, allNum, time) {
-      this.EventTypePelData = [];
-      let log = x;
-      let lat = y;
-      let AllNum = allNum;
-      let timeNew =
+    personNum (x, y, allNum, time) {
+      this.EventTypePelData = []
+      const log = x
+      const lat = y
+      const AllNum = allNum
+      const timeNew =
         time.substring(0, 4) +
-        "-" +
+        '-' +
         time.substring(4, 6) +
-        "-" +
+        '-' +
         time.substring(6, 8) +
-        " " +
+        ' ' +
         time.substring(8, 10) +
-        ":" +
-        time.substring(10, 12);
+        ':' +
+        time.substring(10, 12)
       // console.log(timeNew);
       searchAddress(x, y).then((res) => {
         // console.log(res.data);
-        const arr = [0, 0.0, "", "0", "0.0"];
+        const arr = [0, 0.0, '', '0', '0.0']
         if (arr.indexOf(res.data) == -1) {
           this.EventTypePelData.push({
             x: log,
             y: lat,
             address: res.data.address.Match_addr,
             all: AllNum,
-            time: timeNew,
-          });
+            time: timeNew
+          })
         }
-      });
+      })
     },
     // 人口事件列表数据
-    eventTypePelNum() {
+    eventTypePelNum () {
       this.EventTypePelList = this.arrSortByKey(
         this.EventTypePelData,
-        "all",
+        'all',
         false
-      );
-      console.log(this.EventTypePelList, "hhhhhhhhhhhhhhhhhhhh");
+      )
+      console.log(this.EventTypePelList, 'hhhhhhhhhhhhhhhhhhhh')
     },
     // 数组中的对象降序
-    arrSortByKey(array, key, order) {
+    arrSortByKey (array, key, order) {
       return array.sort((a, b) => {
-        let value1 = a[key];
-        let value2 = b[key];
+        const value1 = a[key]
+        const value2 = b[key]
         if (order) {
-          //升序
-          return value1 - value2;
+          // 升序
+          return value1 - value2
         } else {
-          //降序
-          return value2 - value1;
+          // 降序
+          return value2 - value1
         }
-      });
+      })
     },
 
     // 单击事件感知列表
@@ -1032,354 +1031,353 @@ export default {
     // },
 
     // 视频感知点击事件列表
-    EventListClick(data) {
+    EventListClick (data) {
       // this.hiMapFun.clearAllLayers();
       const EventListDetail = [
         {
           latLng: { lat: data.latitude, lng: data.longitude },
           data: data,
-          type: "eventList",
-          from: this.from,
-        },
-      ];
-      this.hiMap.mapObj.map.flyTo({ lat: data.latitude, lng: data.longitude });
-      this.hiMapFun.openPopupVideoSurveillance(EventListDetail[0]);
+          type: 'eventList',
+          from: this.from
+        }
+      ]
+      this.hiMap.mapObj.map.flyTo({ lat: data.latitude, lng: data.longitude })
+      this.hiMapFun.openPopupVideoSurveillance(EventListDetail[0])
       this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
         EventListDetail,
-        "poi-event.png",
-        "EventListDetail"
-      );
+        'poi-event.png',
+        'EventListDetail'
+      )
     },
 
     // 人口聚集区事件列表点击详情
-    PersonListClick(data) {
+    PersonListClick (data) {
       // 清除全部
       // this.hiMapFun.clearAllLayers();
-      this.hiMapFun.removeLayerByLayerName("PersonListDetail");
-      this.hiMapFun.removeLayerByLayerName("全部");
+      this.hiMapFun.removeLayerByLayerName('PersonListDetail')
+      this.hiMapFun.removeLayerByLayerName('全部')
       const EventListDetail = [
         {
           latLng: { lat: data.y, lng: data.x },
           data: data,
-          type: "personList",
-        },
-      ];
-      this.hiMap.mapObj.map.flyTo({ lat: data.y, lng: data.x });
+          type: 'personList'
+        }
+      ]
+      this.hiMap.mapObj.map.flyTo({ lat: data.y, lng: data.x })
       this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
         EventListDetail,
-        "poi-this.png",
-        "PersonListDetail"
-      );
+        'poi-this.png',
+        'PersonListDetail'
+      )
 
       this.timer = setTimeout(() => {
-        this.addResourceTomap("全部", this.cameraAllData);
-      }, 3000);
-      this.bottomTabList[1].img = this.bottomTabList[1].imgActive;
-      if (this.checkList.indexOf("视频监控") == -1) {
-        this.checkList.push("视频监控");
+        this.addResourceTomap('全部', this.cameraAllData)
+      }, 3000)
+      this.bottomTabList[1].img = this.bottomTabList[1].imgActive
+      if (this.checkList.indexOf('视频监控') == -1) {
+        this.checkList.push('视频监控')
       }
     },
 
-    //单击事件下拉按钮
-    EventBtnsClick(item) {
-      this.typeSelect = item;
+    // 单击事件下拉按钮
+    EventBtnsClick (item) {
+      this.typeSelect = item
       // 事件类型
-      if (this.EventChange == "today") {
-        this.EventBtns = ["全部"];
+      if (this.EventChange == 'today') {
+        this.EventBtns = ['全部']
         // 事件类型按钮开始
         this.todayAll.forEach((item) => {
           // 去重
           if (this.EventBtns.indexOf(item.eventNewName) == -1) {
-            this.EventBtns.push(item.eventNewName);
+            this.EventBtns.push(item.eventNewName)
           }
-        });
-        console.log(this.EventBtns);
+        })
+        console.log(this.EventBtns)
         // 事件类型按钮结束
-        if (item == "全部") {
-          this.todayAll.sort(this.compare("captureTime", "inverted"));
-          this.EventTypeData = this.todayAll;
+        if (item == '全部') {
+          this.todayAll.sort(this.compare('captureTime', 'inverted'))
+          this.EventTypeData = this.todayAll
         } else {
           const params = {
-            eventNewName: item,
-          };
+            eventNewName: item
+          }
           selectByTimeAndName(params).then((res) => {
-            console.log(res);
-            res.data.data.sort(this.compare("captureTime", "inverted"));
-            this.EventTypeData = res.data.data;
-          });
+            console.log(res)
+            res.data.data.sort(this.compare('captureTime', 'inverted'))
+            this.EventTypeData = res.data.data
+          })
         }
       } else {
         // 事件类型按钮开始
-        this.EventBtns = ["全部"];
+        this.EventBtns = ['全部']
         this.EventData.forEach((item) => {
           // 去重
           if (this.EventBtns.indexOf(item.eventNewName) == -1) {
-            this.EventBtns.push(item.eventNewName);
+            this.EventBtns.push(item.eventNewName)
           }
-        });
-        console.log(this.EventBtns);
+        })
+        console.log(this.EventBtns)
         // 事件类型按钮结束
-        if (item == "全部") {
-          this.EventData.sort(this.compare("captureTime", "inverted"));
-          this.EventTypeData = this.EventData;
+        if (item == '全部') {
+          this.EventData.sort(this.compare('captureTime', 'inverted'))
+          this.EventTypeData = this.EventData
         } else {
           const params = {
-            eventNewName: item,
-          };
+            eventNewName: item
+          }
           selectByName(params).then((res) => {
-            console.log(res);
-            res.data.data.events.sort(this.compare("captureTime", "inverted"));
+            console.log(res)
+            res.data.data.events.sort(this.compare('captureTime', 'inverted'))
             // console.log(res.data.data)
-            this.EventTypeData = res.data.data.events;
-          });
+            this.EventTypeData = res.data.data.events
+          })
         }
       }
     },
 
     // 单击今日/全部按钮
-    EventClck(data) {
-      console.log(data);
-      if (data == "today") {
-        this.EventChange = "today";
-        this.EventBtnsClick("全部");
+    EventClck (data) {
+      console.log(data)
+      if (data == 'today') {
+        this.EventChange = 'today'
+        this.EventBtnsClick('全部')
       } else {
-        this.EventChange = "all";
-        this.EventBtnsClick("全部");
+        this.EventChange = 'all'
+        this.EventBtnsClick('全部')
       }
     },
     // 聚集区显示
-    peopelHot() {
-      const hotEventListDetail = [];
+    peopelHot () {
+      const hotEventListDetail = []
       this.hotDataNum.forEach((item) => {
         hotEventListDetail.push({
           latLng: { lat: item.latitude, lng: item.longitude },
           data: item,
-          type: "personHot",
-        });
-      });
+          type: 'personHot'
+        })
+      })
       this.hiMapFun.addPointsToMap(
         hotEventListDetail,
-        "poi-blue.png",
-        "PersonHotDetail"
-      );
+        'poi-blue.png',
+        'PersonHotDetail'
+      )
     },
 
     // 图层选择
-    MapCheck(item) {
+    MapCheck (item) {
       // console.log(item);
       if (this.checkList.indexOf(item.name) !== -1) {
         this.bottomTabList[item.index].img =
-          this.bottomTabList[item.index].imgActive;
+          this.bottomTabList[item.index].imgActive
         switch (item.id) {
           // AI事件
-          case "road":
-            this.addListTomap(this.todayAll);
-            break;
+          case 'road':
+            this.addListTomap(this.todayAll)
+            break
           // 人流热力
-          case "thermodynamic":
-            this.hot();
+          case 'thermodynamic':
+            this.hot()
             this.thermodynamicPeopleType = 'all'
-            this.thermodynamicPeopleTypeSelect = true;
-            break;
+            this.thermodynamicPeopleTypeSelect = true
+            break
           // 视频监控
-          case "monitor":
-            this.addResourceTomap("全部", this.cameraAllData);
-            break;
+          case 'monitor':
+            this.addResourceTomap('全部', this.cameraAllData)
+            break
           // 聚集区
-          case "hot":
-            this.peopelHot();
+          case 'hot':
+            this.peopelHot()
             // this.EventDataShow = false;
-            this.EventPeopleShow = true;
+            this.EventPeopleShow = true
             this.hotDataNum.forEach((item) => {
               this.personNum(
                 item.longitude,
                 item.latitude,
                 item.allNums,
                 item.timeId
-              );
-            });
+              )
+            })
             setTimeout(() => {
-              this.eventTypePelNum();
-            }, 3000);
-            break;
+              this.eventTypePelNum()
+            }, 3000)
+            break
           default:
-            break;
+            break
         }
       } else {
         this.bottomTabList[item.index].img =
-          this.bottomTabList[item.index].imgDefault;
+          this.bottomTabList[item.index].imgDefault
         switch (item.id) {
           // 事件
-          case "road":
-            this.hiMapFun.removeLayerByLayerName("EventListAll");
-            this.hiMapFun.removeLayerByLayerName("EventListDetail");
-            break;
+          case 'road':
+            this.hiMapFun.removeLayerByLayerName('EventListAll')
+            this.hiMapFun.removeLayerByLayerName('EventListDetail')
+            break
           // 人流热力
-          case "thermodynamic":
-            this.hiMapFun.removeLayerByLayerName("typeAll");
-            this.hiMapFun.removeLayerByLayerName("types");
-            this.thermodynamicPeopleTypeSelect = false;
-            break;
+          case 'thermodynamic':
+            this.hiMapFun.removeLayerByLayerName('typeAll')
+            this.hiMapFun.removeLayerByLayerName('types')
+            this.thermodynamicPeopleTypeSelect = false
+            break
           // 视频监控
-          case "monitor":
-            this.hiMapFun.removeLayerByLayerName("全部");
-            this.checkboxGroup.forEach( (item) => {
+          case 'monitor':
+            this.hiMapFun.removeLayerByLayerName('全部')
+            this.checkboxGroup.forEach((item) => {
               this.hiMapFun.removeLayerByLayerName(item)
             })
-            this.checkboxGroup = [];
-            break;
+            this.checkboxGroup = []
+            break
           // 聚集区
-          case "hot":
-            this.EventPeopleShow = false;
-            this.hiMapFun.removeLayerByLayerName("PersonHotDetail");
-            this.hiMapFun.removeLayerByLayerName("PersonListDetail");
-            break;
+          case 'hot':
+            this.EventPeopleShow = false
+            this.hiMapFun.removeLayerByLayerName('PersonHotDetail')
+            this.hiMapFun.removeLayerByLayerName('PersonListDetail')
+            break
           default:
-            break;
+            break
         }
       }
     },
 
-    addListTomap(data) {
-      const dataEvent = [];
+    addListTomap (data) {
+      const dataEvent = []
       data.forEach((item) => {
-        const arr = [0, 0.0, "", "0", "0.0"];
+        const arr = [0, 0.0, '', '0', '0.0']
         if (arr.indexOf(item.latitude) == -1) {
           dataEvent.push({
             latLng: { lat: Number(item.latitude), lng: Number(item.longitude) },
             data: item,
-            type: "eventList",
-            from: this.from,
-          });
+            type: 'eventList',
+            from: this.from
+          })
         }
-      });
+      })
       this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
         dataEvent,
-        "poi-event.png",
-        "EventListAll",
+        'poi-event.png',
+        'EventListAll',
         createEventListDetailsPop
-      );
+      )
     },
 
-    changeThermodynamicPeopleType(value) {
-      console.log(value);
+    changeThermodynamicPeopleType (value) {
+      console.log(value)
       switch (value) {
         case 'all':
-          this.hiMapFun.removeLayerByLayerName("typeAll");
-          this.hiMapFun.thermodynamic(this.thermodynamicPeopleAll, 25, "typeAll");
-          break;
+          this.hiMapFun.removeLayerByLayerName('typeAll')
+          this.hiMapFun.thermodynamic(this.thermodynamicPeopleAll, 25, 'typeAll')
+          break
         case 'local':
-          this.hiMapFun.removeLayerByLayerName("typeAll");
-          this.hiMapFun.thermodynamic(this.thermodynamicPeopleLocal, 25, "typeAll");
-          break;
+          this.hiMapFun.removeLayerByLayerName('typeAll')
+          this.hiMapFun.thermodynamic(this.thermodynamicPeopleLocal, 25, 'typeAll')
+          break
         case 'noLocal':
-          this.hiMapFun.removeLayerByLayerName("typeAll");
-          this.hiMapFun.thermodynamic(this.thermodynamicPeopleNoLocal, 25, "typeAll");
-          break;
-        
+          this.hiMapFun.removeLayerByLayerName('typeAll')
+          this.hiMapFun.thermodynamic(this.thermodynamicPeopleNoLocal, 25, 'typeAll')
+          break
       }
     },
 
     // 获取年月日
-    getCurrentTime() {
-      const yy = new Date().getFullYear();
-      const m = new Date().getMonth() + 1;
-      const mm = m < 10 ? "0" + m : m;
+    getCurrentTime () {
+      const yy = new Date().getFullYear()
+      const m = new Date().getMonth() + 1
+      const mm = m < 10 ? '0' + m : m
       const dd =
         new Date().getDate() < 10
-          ? "0" + new Date().getDate()
-          : new Date().getDate();
+          ? '0' + new Date().getDate()
+          : new Date().getDate()
 
-      this.gettime = yy + mm + dd;
+      this.gettime = yy + mm + dd
       // console.log(this.gettime);
 
       for (let i = 8; i <= 20; i++) {
         if (i < 10) {
           this.timelineData.push({
-            timeId: this.gettime + "0" + i + "00",
-            year: i,
-          });
+            timeId: this.gettime + '0' + i + '00',
+            year: i
+          })
         } else {
           this.timelineData.push({
-            timeId: this.gettime + i + "00",
-            year: i,
-          });
+            timeId: this.gettime + i + '00',
+            year: i
+          })
         }
       }
       // console.log(this.timelineData);
     },
 
     // 获取事件感知上部数据
-    numTop() {
+    numTop () {
       // this.allNumTop = 0;
-      this.todayAllNumTop = 0;
+      this.todayAllNumTop = 0
       for (let i = 0; i < this.perceptionList.length - 1; i++) {
         // console.log(this.perceptionList[i].allNum);
         // this.allNumTop += this.perceptionList[i].allNum;
-        this.todayAllNumTop += this.perceptionList[i].todayAllNum;
+        this.todayAllNumTop += this.perceptionList[i].todayAllNum
       }
       // console.log(this.allNumTop);
       // console.log(this.todayAllNumTop);
     },
 
     // 获取热力图的按钮
-    hotName(item) {
+    hotName (item) {
       // console.log(item);
       if (this.checkList.indexOf(item) == -1) {
-        this.checkList.push(item);
-        this.bottomTabList[3].img = this.bottomTabList[3].imgActive;
+        this.checkList.push(item)
+        this.bottomTabList[3].img = this.bottomTabList[3].imgActive
       }
-      console.log(this.checkList);
+      console.log(this.checkList)
     },
 
     // 时间排序
-    compare(prop, align) {
+    compare (prop, align) {
       return function (a, b) {
-        var value1 = a[prop];
-        var value2 = b[prop];
-        if (align == "positive") {
-          //正序
-          return new Date(value1) - new Date(value2);
-        } else if (align == "inverted") {
-          //倒序
-          return new Date(value2) - new Date(value1);
+        var value1 = a[prop]
+        var value2 = b[prop]
+        if (align == 'positive') {
+          // 正序
+          return new Date(value1) - new Date(value2)
+        } else if (align == 'inverted') {
+          // 倒序
+          return new Date(value2) - new Date(value1)
         }
-      };
+      }
     },
 
     // 定时刷新页面
-    TimeRefresh() {
+    TimeRefresh () {
       return setInterval(() => {
-        this.allNumTop = 0;
-        this.EventData = [];
-        this.page = 1;
+        this.allNumTop = 0
+        this.EventData = []
+        this.page = 1
         // this.EventsPerception();
-        this.EventsPerceptionToday();
+        this.EventsPerceptionToday()
         // this.getCurrentTime();
 
         // 事件感知上部数据
         setTimeout(() => {
-          this.numTop();
-        }, 5000);
+          this.numTop()
+        }, 5000)
 
-        this.personToday();
+        this.personToday()
 
         // 默认今日全部
         setTimeout(() => {
-          this.EventClck("today");
-        }, 3000);
-        console.log("触发了定时器");
+          this.EventClck('today')
+        }, 3000)
+        console.log('触发了定时器')
         // debugger;
-      }, 60 * 60 * 1000);
-    },
+      }, 60 * 60 * 1000)
+    }
   },
-  beforeDestroy() {
-    clearInterval(this.timer); // 清除定时器
-    this.timer = null;
+  beforeDestroy () {
+    clearInterval(this.timer) // 清除定时器
+    this.timer = null
     // 清空定时更新
-    clearInterval(this.TimeRefresh);
-  },
-};
+    clearInterval(this.TimeRefresh)
+  }
+}
 </script>
 
 <style lang='scss'>
diff --git a/src/views/pages/roadGovernance/components/CauseAnalysis.vue b/src/views/pages/roadGovernance/components/CauseAnalysis.vue
index 0824915..6e8833f 100644
--- a/src/views/pages/roadGovernance/components/CauseAnalysis.vue
+++ b/src/views/pages/roadGovernance/components/CauseAnalysis.vue
@@ -2,7 +2,7 @@
   <div class="cause-analysis">
     <el-button class="close-btn" @click="close" icon="el-icon-close"></el-button>
     <h2>线索分析</h2>
-    <p class="range">统计范围：{{timeRegion}}-24:00</p>
+    <p class="range">统计范围：{{timeRegion}}-24:00:00</p>
     <main>
       <div class="summary">
         <div class="summary-content"