src/views/map/components/renyuan.vue

@@ -55,7 +55,7 @@
         </div>
       </div>
     </div>
-    <div v-if="corpInfoId !== '21590a00ea5e462e9ee44dd332dddc26'" class="block4">
+    <div class="block4">
       <layout-title title="报警列表"/>
       <div class="content">
         <div class="table">
@@ -72,25 +72,6 @@
         </div>
       </div>
     </div>
-    <div v-if="corpInfoId === '21590a00ea5e462e9ee44dd332dddc26'" class="block4">
-      <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 class="td">报警地点</div>
-          </div>
-          <div v-for="(item,index) in block4List" :key="index" class="tr">
-            <div class="td">{{ item.alarmName }}</div>
-            <div class="td">{{ item.alarmTime }}</div>
-            <div class="td">{{ item.foulUserName }}</div>
-            <div class="td">{{ item.place }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -192,59 +173,37 @@ export default {
     },
     getData() {
       requestFN(
-        '/map/getAllDwMessage', { corpId: this.corpInfoId }
+        '/map/getAllDwMessage',
+        { corpId: this.corpInfoId }
       ).then((data) => {
-        // 一公司人员定位系统（我知道这里写的拉但是没办法，一天要把功能改完，后续有缘人在重构吧）
+        this.block4List = data.alarmList.list
-        if (this.corpInfoId === '035958e685cf4850bc40151c5e0617a6') {
+        this.block1OptionsList = [
-          this.block4List = data.alarmList.list
+          {
-          this.block1OptionsList = [
+            title: '在线设备数',
-            {
+            img: require('../../../assets/map/renyuan/ico1.png'),
-              title: '在线设备数',
+            count: data.orthermessage.onlineDeviceNum
-              img: require('../../../assets/map/renyuan/ico1.png'),
+          },
-              count: data.orthermessage.onlineDeviceNum
+          {
-            },
+            title: '在线人员',
-            {
+            img: require('../../../assets/map/renyuan/img1ico1.png'),
-              title: '在线人员',
+            count: data.orthermessage.infoList.UwbBQ.num
-              img: require('../../../assets/map/renyuan/img1ico1.png'),
+          },
-              count: data.orthermessage.infoList.UwbBQ.num
+          {
-            },
+            title: '在线基站数',
-            {
+            img: require('../../../assets/map/renyuan/ico3.png'),
-              title: '在线基站数',
+            count: data.orthermessage.infoList.UwbJiZhan.num
-              img: require('../../../assets/map/renyuan/ico3.png'),
+          },
-              count: data.orthermessage.infoList.UwbJiZhan.num
+          {
-            },
+            title: '在线摄像头数',
-            {
+            img: require('../../../assets/map/renyuan/ico4.png'),
-              title: '在线摄像头数',
+            count: data.orthermessage.infoList.HKcamera.num
-              img: require('../../../assets/map/renyuan/ico4.png'),
+          },
-              count: data.orthermessage.infoList.HKcamera.num
+          {
-            },
+            title: '在线报警设备数',
-            {
+            img: require('../../../assets/map/renyuan/ico5.png'),
-              title: '在线报警设备数',
+            count: data.orthermessage.infoList.tklyr.num
-              img: require('../../../assets/map/renyuan/ico5.png'),
+          }
-              count: data.orthermessage.infoList.tklyr.num
+        ]
-            }
-          ]
-        }
-        if (this.corpInfoId === '21590a00ea5e462e9ee44dd332dddc26') {
-          this.block1OptionsList = [
-            {
-              title: '总设备数',
-              img: require('../../../assets/map/renyuan/img1ico1.png'),
-              count: data.orthermessage.onlineDeviceNum
-            },
-            {
-              title: '在线人员数',
-              img: require('../../../assets/map/renyuan/img1ico1.png'),
-              count: data.orthermessage.lockNum
-            },
-            {
-              title: '离线人数',
-              img: require('../../../assets/map/renyuan/img1ico1.png'),
-              count: data.orthermessage.unLockNum
-            }
-          ]
-          this.block4List = data.orthermessage.alarmList
-        }
       }).catch((e) => {
         this.$message.error(e)
       })

src/views/map/dialog/peoplePositionYGS.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container print-work">
+  <div class="app-container print-work" style="width: 100%;">
     <div class="level-title">
       <h1>人员信息</h1>
     </div>
@@ -29,12 +29,12 @@
         <td>{{ otherInfo?otherInfo.postName:'' }}</td>
       </tr>
     </table>
-    <!-- 一公司人员定位页面 -->
+    <table class="table-ui">
-    <table v-if="corpId === '035958e685cf4850bc40151c5e0617a6'" class="table-ui">
       <tr>
         <td class="bbg-transparent">姓名</td>
         <td >{{ info?info.userName:'' }}</td>
       </tr>
+
       <tr>
         <td class="bbg-transparent">定位卡号:</td>
         <td >{{ info?info.id:'' }}</td>
@@ -48,25 +48,6 @@
         <td>{{ info?info.departmentName:'' }}</td>
       </tr>
     </table>
-    <!-- 九公司人员定位页面 -->
-    <table v-if="corpId === '21590a00ea5e462e9ee44dd332dddc26'" class="table-ui">
-      <tr>
-        <td class="bbg-transparent">姓名</td>
-        <td >{{ (info && info.name) ? info.name : '未绑定人员' }}</td>
-      </tr>
-      <tr>
-        <td class="bbg-transparent">定位卡号:</td>
-        <td >{{ info?info.id:'' }}</td>
-      </tr>
-      <tr>
-        <td class="bbg-transparent">定位卡电量</td>
-        <td >{{ info?info.battery:'' }}</td>
-      </tr>
-      <tr>
-        <td class="bbg-transparent">公司</td>
-        <td>{{ info?info.corpName:'' }}</td>
-      </tr>
-    </table>
   </div>
 </template>
 

src/views/map/index.vue

@@ -182,18 +182,6 @@
             </template>
           </template>
         </template>
-        <transition
-          enter-active-class="animate__animated animate__fadeInDown"
-          leave-active-class="animate__animated animate__fadeOutUp"
-        >
-          <div v-if="isPeopleTrajectory" class="people_trajectory">
-            <el-select v-model="peopleTrajectoryValue" popper-class="people_trajectory_select">
-              <el-option v-for="item in onePerLocArr" :key="item.id" :value="item.id" :label="item.id"/>
-            </el-select>
-            <el-button class="search_btn" @click="addTrajectory">搜索</el-button>
-            <el-button class="reset_btn" @click="()=>{removeTrajectory();peopleTrajectoryValue = ''}">重置</el-button>
-          </div>
-        </transition>
       </div>
     </transition>
     <div class="right_options">
@@ -668,17 +656,26 @@ export default {
               checkImg: require('../../assets/map/gangkou_index/buttom/ico21_on.png'),
               containAuthorization: [],
               eliminateAuthorization: []
-            },
-            {
-              label: '人员轨迹',
-              dialog_width: '1200px',
-              check: false,
-              type: 'peopleTrajectory',
-              img: require('../../assets/map/gangkou_index/buttom/ico29.png'),
-              checkImg: require('../../assets/map/gangkou_index/buttom/ico29_on.png'),
-              containAuthorization: [],
-              eliminateAuthorization: []
             }
+            // {
+            //   label: '摄像头',
+            //   dialog_width: '1200px',
+            //   check: false,
+            //   type: 'platcamera',
+            //   img: require('../../assets/map/gangkou_index/buttom/ico26.png'),
+            //   checkImg: require('../../assets/map/gangkou_index/buttom/ico26_on.png'),
+            //   containAuthorization: [],
+            //   eliminateAuthorization: []
+            // }
+            // {
+            //   label: '车辆定位',
+            //   dialog_width: '1200px',
+            //   check: false,
+            //   img: require('../../assets/map/gangkou_index/buttom/ico22.png'),
+            //   checkImg: require('../../assets/map/gangkou_index/buttom/ico22_on.png'),
+            //   containAuthorization: [],
+            //   eliminateAuthorization: []
+            // }
           ]
         },
         {
@@ -1094,9 +1091,7 @@ export default {
         longitude: '',
         latitude: ''
       },
-      trajectoryEntityCollection: {},
+      trajectoryEntityCollection: {}
-      isPeopleTrajectory: false,
-      peopleTrajectoryValue: ''
     }
   },
   mounted() {
@@ -1231,13 +1226,12 @@ export default {
         }
       }, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
     },
-    addTrajectory() {
+    addTrajectory(point_id, corpInfoId) {
-      this.removeTrajectory()
       requestFN(
         '/map/getPersonTrace',
         {
-          id: this.peopleTrajectoryValue,
+          id: point_id,
-          corpId: this.CORP_INFO_ID
+          corpId: corpInfoId
         }
       ).then((data) => {
         if (data.list) {
@@ -1677,7 +1671,6 @@ export default {
             this.bottomOptionsList[i].list[j].check = false
           }
         }
-        this.isPeopleTrajectory = false
       }
     },
     clearAllBottomOptionsItemsEntityCollection() {
@@ -1764,22 +1757,10 @@ export default {
           }
           this.carLocArr = []
         }
-        if (urlType === 'peopleTrajectory') {
-          this.isPeopleTrajectory = false
-        }
         if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') {
           this.doUnSubscribe()
           this.clearMqttPoint('+/UwbBQ/')
           this.removeTrajectory()
-          for (let i = 0; i < this.bottomOptionsList[pindex].list.length; i++) {
-            if (this.bottomOptionsList[pindex].list[i].type === 'peopleTrajectory') {
-              if (this.bottomOptionsList[pindex].list[i].check) {
-                this.bottomOptionsList[pindex].list[i].check = false
-                this.isPeopleTrajectory = false
-                break
-              }
-            }
-          }
         }
         if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' && urlType === 'peoplePosition') {
           this.clearRYDWPoint('+/UwbBQ/')
@@ -1797,23 +1778,6 @@ export default {
           }
         })
       } else {
-        if (urlType === 'peopleTrajectory') {
-          let flag = false
-          for (let i = 0; i < this.bottomOptionsList[pindex].list.length; i++) {
-            if (this.bottomOptionsList[pindex].list[i].type === 'peoplePosition') {
-              if (!this.bottomOptionsList[pindex].list[i].check) {
-                flag = true
-                break
-              }
-            }
-          }
-          if (flag) {
-            this.$message.warning('请先选择人员定位！！！')
-            return
-          } else {
-            this.isPeopleTrajectory = true
-          }
-        }
         this.bottomOptionsList[pindex].list[index].check = true
         if (this.gangkouActive === '00004') {
           this.cfdBottomOptionsList[pindex].list[index].check = true
@@ -2377,10 +2341,10 @@ export default {
         _this.fwebsocket = new WebSocket(encodeURI(wsUrl))
         _this.fwebsocket.onmessage = function(message) {
           console.info('接收消息')
-          const peopleList = JSON.parse(message.data)
+          const peopleList = JSON.parse(message.data).data.data
           for (let i = 0; i < peopleList.length; i++) {
             const item = peopleList[i]
-            if ((!item)) continue
+            if ((!item) || (item.ts === 1)) continue
             // 将地图上剩余的点与最新的定位人员点进行对比   更新地图上已存在的点    新增地图上之前没有的点
             const index = _this.onePerLocArr.findIndex(item1 => {
               return item1.id.toString() === item.id.toString()
@@ -2396,7 +2360,6 @@ export default {
             } else {
               const perLoc = {
                 id: item.id,
-                name: item.name,
                 x: x,
                 y: y,
                 icon_type: 'img4_0' + pointColor,
@@ -3136,52 +3099,9 @@ export default {
     transform: translateY(0);
   }
 }
-.people_trajectory{
-  position: absolute;
-  top: -60px;
-  left: 0;
-  width: 400px;
-  padding: 10px;
-  background-image: linear-gradient(to right, rgb(31 62 129 / 57%) 0%, rgb(17 93 255 / 40%) 50%, rgb(31 62 129 / 57%) 100%);
-  .search_btn{
-    background-color: #1563e3;
-    color: #fff;
-    border-color: #1563e3;
-  }
-  .reset_btn{
-    background-color: #558be5;
-    color: #fff;
-    border-color: #558be5;
-  }
-}
 </style>
 <style>
 .cesium-viewer-toolbar, .cesium-viewer-fullscreenContainer, .cesium-infoBox-visible {
   display: none !important;
 }
-  .people_trajectory .el-input__inner{
-    background-color: #100693 !important;
-    border-color: #100693 !important;
-    color: #fff !important;
-  }
-  .people_trajectory_select{
-    background-color: #100693 !important;
-    border-color: #100693 !important;
-  }
-  .people_trajectory_select .el-select-dropdown__item{
-    color: #fff !important;
-  }
-  .people_trajectory_select .el-select-dropdown__item.hover{
-    background-color: #2111ec !important;
-    color: #fff !important;
-  }
-  .people_trajectory_select .popper__arrow{
-    border-top-color: #100693 !important;
-    border-bottom-color: #100693 !important;
-  }
-  .people_trajectory_select .popper__arrow::after{
-    border-top-color: #100693 !important;
-    border-bottom-color: #100693 !important;
-  }
-
 </style>

src/views/map/js/ry_dragentity.js

@@ -30,16 +30,6 @@ export default class DragEntity {
         heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
         disableDepthTestDistance: Number.POSITIVE_INFINITY
       },
-      label: {
-        text: point.name ? point.name : point.id,
-        font: '13px sans-serif',
-        pixelOffset: new Cesium.Cartesian2(0, -55),
-        showBackground: true,
-        // eslint-disable-next-line new-cap
-        backgroundColor: new Cesium.Color.fromCssColorString('rgba(20, 58, 142, 1)'),
-        backgroundPadding: new Cesium.Cartesian2(7, 5),
-        disableDepthTestDistance: Number.POSITIVE_INFINITY
-      },
       orientation: new Cesium.VelocityOrientationProperty(point.property),
 
       monitoItems: {
@@ -53,9 +43,7 @@ export default class DragEntity {
     this.viewer.clock.clockRange = Cesium.ClockRange.CLAMPED
     this.viewer.clock.shouldAnimate = false
   }
-  delEntity(point) {
+
-    this.viewer.entities.remove(point)
-  }
   getPosition(point) {
     if (this.viewer.clock.shouldAnimate === false) {
       this.viewer.clock.shouldAnimate = true