From 77c3ba4ad78a0c9d5cec985fc1479bb8ffc15dc2 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Tue, 16 Aug 2022 11:37:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E5=B7=A5=E5=9C=B0)=EF=BC=9A=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E4=BA=BA=E8=84=B8=E9=97=B8=E6=9C=BA=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataBoard/digitalSite/index.vue           |  79 +-------------
 .../jlw/digitalSite/centerTop.vue             |  25 ++++-
 .../digitalSite/components/FaceGageDialog.vue | 101 ++++++++++++++++++
 3 files changed, 125 insertions(+), 80 deletions(-)
 create mode 100644 src/views/projectAdmin/jlw/digitalSite/components/FaceGageDialog.vue

diff --git a/src/views/projectAdmin/dataBoard/digitalSite/index.vue b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
index d4e73827..c3c3b71b 100644
--- a/src/views/projectAdmin/dataBoard/digitalSite/index.vue
+++ b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
@@ -508,17 +508,6 @@
                             <!-- 顺时针回转限位报警 -->
                             {{ $t('message.dataBoard.alarmTypeArray2')[8] }}
                           </p>
-
-                          <!--                          <p v-if="item.windSpeedAlarm" class="p1">风速报警:{{item.windSpeedAlarm == 0?'正常':item.windSpeedAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--&lt;!&ndash;                          <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>&ndash;&gt;-->
-                          <!--                          <p v-if="item.environmentAlarm" class="p2">环境防撞报警:{{item.environmentAlarm == 0?'正常':item.environmentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.heightAlarm" class="p1">高度上限位报警:{{item.heightAlarm == 0?'正常':item.heightAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.maxRangeAlarm" class="p2">幅度外限位报警:{{item.maxRangeAlarm == 0?'正常':item.maxRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.minRangeAlarm" class="p1">幅度内限位报警:{{item.minRangeAlarm == 0?'正常':item.minRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.momentAlarm" class="p2">力矩报警:{{item.momentAlarm == 0?'正常':item.momentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.multiAlarm" class="p1">多机防撞报警:{{item.multiAlarm == 0?'正常':item.multiAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.negAngleAlarm" class="p2">逆时针回转限位报警:{{item.negAngleAlarm == 0?'正常':item.negAngleAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.posAngleAlarm" class="p1">顺时针回转限位报警 :{{item.posAngleAlarm == 0?'正常':item.posAngleAlarm == 1?'报警':'预警'}}</p>-->
                         </div>
                       </div>
                     </vue-scroll>
@@ -538,27 +527,6 @@
                   <div class="svg-box" id="svg_box" v-if="company == 'longguang'">
                     <svg id="svg" ref="svg" class="svg-pan-zoom_viewport" style="width: 100%; height: 100%" />
                   </div>
-                  <!--                  <div class="blockTitle blockTitle2"><i></i>预警信息</div>-->
-                  <!--                  <div class="deviceInfo">-->
-                  <!--                    <vue-scroll v-if="TowerWarningList" style="height: 145px; margin-bottom: 10px">-->
-                  <!--                      <div-->
-                  <!--                              class="driverInfo"-->
-                  <!--                              v-for="(item, index) in TowerWarningList"-->
-                  <!--                              :key="index"-->
-                  <!--                      >-->
-                  <!--                        <div class="TowerAlarm_item">-->
-                  <!--                          <p class="p1">设备名称:{{item.devName}}</p>-->
-                  <!--                          <p class="p2">预警时间：{{ transformTimestamp(item.alarmTime) }}</p>-->
-                  <!--                          <p class="p1">报警类别：{{ item.alarmType == 1?'报警':'预警' }}</p>-->
-                  <!--                          <p class="p2">角度:{{item.angle}}°</p>-->
-                  <!--                          <p class="p1">高度:{{item.height}}m</p>-->
-                  <!--                          <p class="p2">载重:{{item.loading}}kg</p>-->
-                  <!--                          <p class="p1">载重量比:{{item.loadRatio}}%</p>-->
-                  <!--                          <p class="p2">风速:{{item.windspeed}}m/s</p>-->
-                  <!--                        </div>-->
-                  <!--                      </div>-->
-                  <!--                    </vue-scroll>-->
-                  <!--                  </div>-->
                 </div>
               </div>
               <div class="towerBox center2">
@@ -1566,37 +1534,6 @@
                   </div>
                 </div>
               </div>
-
-              <!-- <div class="right fullHeight">
-                <div class="dialogBlock fullHeight">
-                  <div class="dialogBlockContent">
-                    <div class="blockTitle blockTitle2"><i></i>循环记录</div>
-                    <table class="dialogTable">
-                      <thead>
-                        <tr>
-                          <th>开始时间</th>
-                          <th>结束时间</th>
-                          <th>工作时长</th>
-                          <th>载重(kg)</th>
-                          <th>司机</th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr
-                          v-for="(item, index) in lifterWorkCycleList"
-                          :key="index"
-                        >
-                          <td>{{ item.startTime }}</td>
-                          <td>{{ item.endTime }}</td>
-                          <td>{{ item.workTime }}</td>
-                          <td>{{ item.loading }}</td>
-                          <td>{{ item.driverName }}</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
-                </div>
-              </div>-->
             </div>
           </div>
         </el-dialog>
@@ -1708,17 +1645,6 @@
                           </th>
                         </tr>
                       </thead>
-                      <tbody>
-                        <tr>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>
-                            <img src />
-                          </td>
-                        </tr>
-                      </tbody>
                     </table>
                   </div>
                 </div>
@@ -2142,7 +2068,6 @@
             v-for="(item, index) in devTypeList"
             :key="index"
             :class="{ active: devTypeIndex == index }"
-            v-if="company == 'nanchang' || (company != 'nanchang' && item.id != 99)"
           >
             {{ item.name }}
           </li>
@@ -2173,9 +2098,7 @@ import {
   selectEnvironmentDevAlaramCountList,
   getAllTowerDangerInfo,
   getAllLifterDangerInfo,
-  getEnvironmentInfo,
-  getAiVideoInfo,
-  getAIDangerList
+  getEnvironmentInfo
 } from '@/assets/js/api/dataBoard'
 import { selectCarTotal } from '@/assets/js/api/carManage.js'
 import {
diff --git a/src/views/projectAdmin/jlw/digitalSite/centerTop.vue b/src/views/projectAdmin/jlw/digitalSite/centerTop.vue
index 67776f40..b60961d0 100644
--- a/src/views/projectAdmin/jlw/digitalSite/centerTop.vue
+++ b/src/views/projectAdmin/jlw/digitalSite/centerTop.vue
@@ -7,6 +7,7 @@
         v-for="(point, index) in points"
         :key="index"
       ></div>
+      <FaceGageDialog v-if="faceGateDialog" :close="() => (faceGateDialog = false)" :data="faceGateData" />
     </div>
     <div class="tabs">
       <div class="tab" :class="{ checked: index === tabIndex }" v-for="(tab, index) in tabs" :key="index" @click="changeTab(index)">
@@ -19,16 +20,22 @@
 <script>
 import Card from '../components/Card.vue'
 import JNestedRingChart from '../jChart/pie/JNestedRingChart.vue'
+import FaceGageDialog from './components/FaceGageDialog.vue'
+import { selectWorkerAttendanceByDevApi } from '@/assets/js/api/dataBoard'
 export default {
-  components: { Card, JNestedRingChart },
+  components: { Card, JNestedRingChart, FaceGageDialog },
   props: {
     title: {
       type: String,
       default: ''
     }
   },
+  mounted() {
+    this.selectWorkerAttendanceByDev()
+  },
   data() {
     return {
+      projectSn: this.$store.state.projectSn,
       tabIndex: 0,
       tabs: [
         { label: '全部', value: 'all' },
@@ -37,12 +44,26 @@ export default {
         { label: '视频监测', value: 'video' },
         { label: '环境监测', value: 'environment' },
         { label: '人脸闸机', value: 'gate' }
-      ]
+      ],
+      faceGateDialog: true,
+      faceGateData: {
+        list: [],
+        totalAttendance: { inTotalNum: 0, outTotalNum: 0 },
+        ufaceDev: { deviceState: 1 }
+      }
     }
   },
   methods: {
     changeTab(index) {
       this.tabIndex = index
+    },
+    selectWorkerAttendanceByDev() {
+      selectWorkerAttendanceByDevApi({
+        projectSn: this.projectSn,
+        devSn: '2525'
+      }).then(res => {
+        this.faceGateData = { ...res.result }
+      })
     }
   },
   computed: {
diff --git a/src/views/projectAdmin/jlw/digitalSite/components/FaceGageDialog.vue b/src/views/projectAdmin/jlw/digitalSite/components/FaceGageDialog.vue
new file mode 100644
index 00000000..8c5f7bb1
--- /dev/null
+++ b/src/views/projectAdmin/jlw/digitalSite/components/FaceGageDialog.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="faceGateDialog">
+    <div class="title">
+      <div class="text">{{ data.ufaceDev.devName }}</div>
+      <div class="status" :class="isOnline ? 'online' : 'offline'">{{ isOnline ? '在线' : '离线' }}</div>
+      <div class="close" @click="close">×</div>
+    </div>
+    <div class="list-title">进出统计</div>
+    <div class="person-times">
+      今日进场人数：<span>{{ data.totalAttendance.inTotalNum }}</span>
+    </div>
+    <div class="person-times">
+      今日出场人数：<span>{{ data.totalAttendance.outTotalNum }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    close: {
+      type: Function,
+      require: true,
+      default: () => {}
+    },
+    data: {
+      type: Object,
+      required: true,
+      default: () => ({})
+    }
+  },
+  mounted() {
+    console.log(this.data, '是第三方士大夫')
+    setTimeout(() => {
+      console.log(this.data, '收待发送发生的方法')
+    }, 2000)
+  },
+  computed: {
+    isOnline() {
+      return this.data.ufaceDev && this.data.ufaceDev.deviceState === '1'
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.faceGateDialog {
+  position: absolute;
+  top: 30px;
+  left: 30px;
+  padding: 20px;
+  width: 200px;
+  height: 140px;
+  border: 1px solid #0081c3;
+  background-color: #07162b;
+  .title {
+    display: flex;
+    align-items: center;
+    .text {
+      margin-right: auto;
+    }
+    .status {
+      width: 40px;
+      height: 22px;
+      line-height: 22px;
+      text-align: center;
+      font-size: 12px;
+      color: white;
+      background-color: #61c9d6;
+      border-radius: 4px;
+      &.offline {
+        background-color: #fe6c7f;
+      }
+    }
+    .close {
+      margin-left: 10px;
+      font-size: 20px;
+      cursor: pointer;
+    }
+  }
+  .list-title {
+    margin: 10px 0;
+    font-size: 18px;
+    color: #6ce9f0;
+    display: flex;
+    align-items: center;
+    &::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      margin-right: 7px;
+      background-color: #6ce9f0;
+    }
+  }
+  .person-times {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+</style>