简化老版数字工地人脸闸机弹框

src/views/projectAdmin/dataBoard/digitalSite/center/FaceGate.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="faceGate">
-    <div class="faceDevBox pointDialog_s" :style="{ left: data.x, top: data.y }">
+    <div class="faceDevBox pointDialog_s">
       <div class="title">
         {{ data.name }}
         <span class="closeBtn" @click="close">

src/views/projectAdmin/dataBoard/digitalSite/index.vue

@@ -140,11 +140,7 @@
               <div class="devName">{{ item.name }}</div>
             </div>
             <!-- 人脸闸机弹框 -->
-            <FaceGate
-              v-if="showFaceDevDialog"
-              :close="() => (showFaceDevDialog = false)"
-              :data="{ ...faceDevDialogData, ...faceDevDetail }"
-            ></FaceGate>
+            <FaceGate v-if="showFaceDevDialog" :close="() => (showFaceDevDialog = false)" :data="{ ...faceDevDialogData }"></FaceGate>
             <!-- 环境设备弹框 -->
             <div class="environBox pointDialog_s" v-show="showEnvironDialog" :style="{ left: environBoxPos.x, top: environBoxPos.y }">
               <!-- 实时数据 -->
@@ -2265,7 +2261,6 @@ export default {
       },
       showVideoDialog: false,
       showVideoDialog2: false,
-      faceDevDetail: { name: '', devSn: '', x: 0, y: 0 },
       showFaceDevDialog: false,
       faceDevDialogData: {
         list: [],
@@ -2395,7 +2390,6 @@ export default {
     }
     this.getDevTypeFn()
     this.getDevList()
-    this.selectWorkerAttendanceByDev()
     this.pieAnalyse()
     this.countBoxSize()
   },
@@ -3037,19 +3031,8 @@ export default {
           this.getRealTimeDustNoiseData(item.devSn)
           break
         case 7:
-          this.faceDevDetail = item
-          if (parseFloat(item.mapY) > 650) {
-            this.faceDevDetail.y = parseFloat(item.mapY) - 100 + 'px'
-          } else {
-            this.faceDevDetail.y = parseFloat(item.mapY) + 0 + 'px'
-          }
-          if (parseFloat(item.mapX) / this.imgWidthScale > 630) {
-            this.faceDevDetail.x = parseFloat(item.mapX) / this.imgWidthScale - 150 + 'px'
-          } else {
-            this.faceDevDetail.x = parseFloat(item.mapX) / this.imgWidthScale + 50 + 'px'
-          }
           this.showFaceDevDialog = true
-          this.selectWorkerAttendanceByDev()
+          this.selectWorkerAttendanceByDev(item)
           break
         //龙门吊
         case 9:
@@ -3290,13 +3273,12 @@ export default {
       })
     },
     //获取人脸闸机数据
-    selectWorkerAttendanceByDev() {
+    selectWorkerAttendanceByDev({ devSn, name }) {
       selectWorkerAttendanceByDevApi({
         projectSn: this.projectSn,
-        devSn: this.faceDevDetail.devSn
+        devSn
       }).then(res => {
-        this.faceDevDialogData = res.result
-        console.log(this.faceDevDialogData)
+        this.faceDevDialogData = { ...res.result, name }
       })
     },
     //获取电箱设备的实时数据