From 8b9ba57796e9a59d07becb72d7e1f98965ca0981 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Thu, 18 Aug 2022 18:15:24 +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=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=8D=87=E9=99=8D=E6=9C=BA=E5=BC=B9=E6=A1=86=E6=8A=A5=E8=AD=A6?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataBoard/digitalSite/index.vue           |  87 ++++++---------
 .../components/ElevatorDialog_.vue            | 101 ++++++++++++++++--
 2 files changed, 126 insertions(+), 62 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/digitalSite/index.vue b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
index b6106835..ae66e4a0 100644
--- a/src/views/projectAdmin/dataBoard/digitalSite/index.vue
+++ b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
@@ -1336,16 +1336,11 @@
                       </div>
                       <div class="deviceInfo">
                         <p>
-                          <!--  设备名称： -->
-                          {{ $t('message.dataBoard.devName2') + ':' }}{{ (lifterInfo.lifter || {}).devName || '--' }}
+                          <!--  设备名称： -->{{ $t('message.dataBoard.devName2') + ':' }}{{ (lifterInfo.lifter || {}).devName || '--' }}
                         </p>
+                        <p><!-- 设备编号： -->{{ $t('message.dataBoard.devCode') + ':' }}{{ (lifterInfo.lifter || {}).devSn || '--' }}</p>
                         <p>
-                          <!-- 设备编号： -->
-                          {{ $t('message.dataBoard.devCode') + ':' }}{{ (lifterInfo.lifter || {}).devSn || '--' }}
-                        </p>
-                        <p>
-                          <!-- 设备备案号： -->
-                          {{ $t('message.dataBoard.devAQ') + ':' }}{{ (lifterInfo.lifter || {}).registNo || '--' }}
+                          <!-- 设备备案号： -->{{ $t('message.dataBoard.devAQ') + ':' }}{{ (lifterInfo.lifter || {}).registNo || '--' }}
                         </p>
                         <p>
                           <!--  设备最大载重： -->
@@ -1365,50 +1360,38 @@
                         <i></i>
                         {{ company == 'longguang' ? $t('message.dataBoard.lifterPlayer') : $t('message.dataBoard.driverInfo2') }}
                       </div>
-                      <vue-scroll v-if="lifterInfoDriverList.length" style="width: 100%; height: 236px">
-                        <div
-                          v-for="(item, index) in lifterInfo.driverList"
-                          :key="index"
-                          v-if="company == 'longguang' || item.idCard == lifterCurrentData.driverIdCard"
-                          style="margin: 5px 0"
-                        >
-                          <div
-                            class="deviceInfo"
-                            style="
-                              display: inline-block;
-                              width: 50%;
-                              vertical-align: middle;
-                            "
-                          >
-                            <p>
-                              <!-- 姓名： -->
-                              {{ $t('message.dataBoard.name') + ':' }}{{ item.workerName }}
-                            </p>
-                            <p>
-                              <!-- 年龄： -->
-                              {{ $t('message.dataBoard.age') + ':' }}{{ item.age }}
-                            </p>
-                            <p>
-                              <!-- 特种证书编号： -->
-                              {{ $t('message.dataBoard.certificateNumber') + ':' }}{{ item.certificateNumber }}
-                            </p>
-                            <p>
-                              <!-- 上岗时间： -->
-                              {{ $t('message.dataBoard.workTime') + ':' }}{{ item.enterDate }}
-                            </p>
-                          </div>
-                          <img
-                            width="80"
-                            height="90"
-                            :src="fileUrl + item.fieldAcquisitionUrl"
-                            @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
-                            style="
-                              display: inline-block;
-                              vertical-align: middle;
-                            "
-                          />
-                        </div>
-                      </vue-scroll>
+                      <template v-if="lifterInfoDriverList.length">
+                        <vue-scroll style="width: 100%; height: 236px">
+                          <template v-if="company == 'longguang' || item.idCard == lifterCurrentData.driverIdCard">
+                            <div v-for="(item, index) in lifterInfo.driverList" :key="index" style="margin: 5px 0">
+                              <div
+                                class="deviceInfo"
+                                style="display: inline-block; width: 50%; vertical-align: middle;"
+                              >
+                                <p>
+                                  <!-- 姓名： -->{{ $t('message.dataBoard.name') + ':' }}{{ item.workerName }}
+                                </p>
+                                <p>
+                                  <!-- 年龄： -->{{ $t('message.dataBoard.age') + ':' }}{{ item.age }}
+                                </p>
+                                <p>
+                                  <!-- 特种证书编号： -->{{ $t('message.dataBoard.certificateNumber') + ':' }}{{ item.certificateNumber }}
+                                </p>
+                                <p>
+                                  <!-- 上岗时间： -->{{ $t('message.dataBoard.workTime') + ':' }}{{ item.enterDate }}
+                                </p>
+                              </div>
+                              <img
+                                width="80"
+                                height="90"
+                                :src="fileUrl + item.fieldAcquisitionUrl"
+                                @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
+                                style="display: inline-block;vertical-align: middle;"
+                              />
+                            </div>
+                          </template>
+                        </vue-scroll>
+                      </template>
                       <div v-else style="text-align: center">
                         <img style="height: 150px; margin-top: 40px" src="@/assets/images/09b108269bb2491369b67686bd74c6a.png" />
                         <p>
diff --git a/src/views/projectAdmin/jlw/digitalSite/components/ElevatorDialog_.vue b/src/views/projectAdmin/jlw/digitalSite/components/ElevatorDialog_.vue
index 0269ee25..a5e27943 100644
--- a/src/views/projectAdmin/jlw/digitalSite/components/ElevatorDialog_.vue
+++ b/src/views/projectAdmin/jlw/digitalSite/components/ElevatorDialog_.vue
@@ -43,14 +43,50 @@
         </div>
       </div>
 
-      <!-- 设备信息 -->
-      <div class="card">
-        <div class="card-title">设备信息</div>
-        <div class="device">
-          <div class="device-item">设备名称：{{ (deviceInfo.lifter || {}).devName || '-' }}</div>
-          <div class="device-item">设备编号：{{ (deviceInfo.lifter || {}).devSn || '-' }}</div>
-          <div class="device-item">设备备案号：{{ (deviceInfo.lifter || {}).registNo || '-' }}</div>
-          <div class="device-item">设备最大载重：{{ (deviceInfo.lifter || {}).maxLoad || '-' }} kg</div>
+      <div class="infos">
+        <!-- 设备信息 -->
+        <div class="card">
+          <div class="card-title">设备信息</div>
+          <div class="device">
+            <div class="device-item">设备名称：{{ (deviceInfo.lifter || {}).devName || '-' }}</div>
+            <div class="device-item">设备编号：{{ (deviceInfo.lifter || {}).devSn || '-' }}</div>
+            <div class="device-item">设备备案号：{{ (deviceInfo.lifter || {}).registNo || '-' }}</div>
+            <div class="device-item">设备最大载重：{{ (deviceInfo.lifter || {}).maxLoad || '-' }} kg</div>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-title">司机信息</div>
+          <div class="driver">
+            <template v-if="(deviceInfo.driverList || []).length">司机信息</template>
+            <div v-else class="nodata">
+              <img src="@/assets/images/09b108269bb2491369b67686bd74c6a.png" />
+              <div class="notice">暂无数据</div>
+            </div>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-title">报警信息</div>
+          <div class="alert">
+            <vue-scroll>
+              <div v-for="(alert, index) in alerts" :key="index" class="alert-info">
+                <div class="alert-item">设备名称：{{ alert.devName }}</div>
+                <div class="alert-item">设备时间：{{ fmtDate(alert.addTime) }}</div>
+                <div class="alert-item" v-if="alert.bottomAlarm">下限位报警</div>
+                <div class="alert-item" v-if="alert.fallAlarm">防坠器报警</div>
+                <div class="alert-item" v-if="alert.heightAlarm">高度报警</div>
+                <div class="alert-item" v-if="alert.motor1Alarm">1号电机报警</div>
+                <div class="alert-item" v-if="alert.motor2Alarm">2号电机报警</div>
+                <div class="alert-item" v-if="alert.motor3Alarm">3号电机报警</div>
+                <div class="alert-item" v-if="alert.obliguityXAlarm">倾角X报警</div>
+                <div class="alert-item" v-if="alert.obliguityYAlarm">倾角Y报警</div>
+                <div class="alert-item" v-if="alert.peopleCntAlarm">人数报警</div>
+                <div class="alert-item" v-if="alert.speedAlarm">速度报警</div>
+                <div class="alert-item" v-if="alert.topAlarm">防冲顶报警</div>
+                <div class="alert-item" v-if="alert.weightAlarm">载重报警</div>
+                <div class="alert-item" v-if="alert.windSpeedAlarm">风速报警</div>
+              </div>
+            </vue-scroll>
+          </div>
         </div>
       </div>
     </div>
@@ -60,7 +96,8 @@
 <script>
 import AreaTree from '@/components/areaTree'
 import VideoModule from '@/components/videoModule/videoModule'
-import { getLifterCurrentDataApi, getSelectLifterBySnApi } from '@/assets/js/api/lifter'
+import { getLifterCurrentDataApi, getSelectLifterBySnApi, getLifterAlarmApi } from '@/assets/js/api/lifter'
+import moment from 'moment'
 export default {
   components: { AreaTree, VideoModule },
   props: {
@@ -72,14 +109,17 @@ export default {
   mounted() {
     this.getEnvironmentInfo()
     this.getDeviceInfo()
+    this.getAlertInfo()
   },
   data() {
     return {
+      projectSn: this.$store.state.projectSn,
       videoList: [],
       playList: [],
       activeLiveData: { devSn: '' },
       environmentInfo: {},
-      deviceInfo: {}
+      deviceInfo: {},
+      alerts: []
     }
   },
   methods: {
@@ -104,6 +144,16 @@ export default {
           this.deviceInfo = res.result
         }
       })
+    },
+    getAlertInfo() {
+      getLifterAlarmApi({ devSn: '2DE46E53AEF7483B98C9B8825ECAA12F', projectSn: this.projectSn }).then(res => {
+        if (res.code == 200) {
+          this.alerts = res.result.records
+        }
+      })
+    },
+    fmtDate(date) {
+      return moment(date).format('YYYY-MM-DD日 HH:mm:ss')
     }
   }
 }
@@ -165,6 +215,37 @@ export default {
           margin-bottom: 10px;
         }
       }
+      .driver {
+        .nodata {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          img {
+            margin-top: 40px;
+            height: 150px;
+          }
+        }
+      }
+      .alert {
+        height: 200px;
+        .alert-info {
+          margin-bottom: 20px;
+          display: flex;
+          flex-wrap: wrap;
+          .alert-item {
+            margin-bottom: 10px;
+            width: 50%;
+          }
+        }
+      }
+    }
+
+    .infos {
+      height: 260px;
+      display: flex;
+      > div {
+        flex: 1;
+      }
     }
   }
   .green {