湖里大屏(数字工地)：新增升降机检测弹框

src/views/projectAdmin/jlw/digitalSite/centerTop.vue

@@ -11,6 +11,7 @@
       <FaceGageDialog v-if="faceGateDialog" :close="() => (faceGateDialog = false)" :data="faceGateData" />
       <EnvironmentDialog v-if="environmentDialog" :data="environmentInfo" :close="() => (environmentDialog = false)" />
       <VideoDialog v-if="videoDialog" :close="() => (videoDialog = false)" />
+      <ElevatorDialog v-if="elevatorDialog" :close="() => (elevatorDialog = false)" />
     </div>
     <div class="tabs">
       <div class="tab" :class="{ checked: index === tabIndex }" v-for="(tab, index) in tabs" :key="index" @click="changeTab(index)">
@@ -26,10 +27,11 @@ import JNestedRingChart from '../jChart/pie/JNestedRingChart.vue'
 import FaceGageDialog from './components/FaceGageDialog.vue'
 import EnvironmentDialog from './components/EnvironmentDialog.vue'
 import VideoDialog from './components/VideoDialog.vue'
+import ElevatorDialog from './components/ElevatorDialog_.vue'
 import { selectWorkerAttendanceByDevApi } from '@/assets/js/api/dataBoard'
 import { getRealTimeDustNoiseDataApi } from '@/assets/js/api/environmentManage'
 export default {
-  components: { Card, JNestedRingChart, FaceGageDialog, EnvironmentDialog, VideoDialog },
+  components: { Card, JNestedRingChart, FaceGageDialog, EnvironmentDialog, VideoDialog, ElevatorDialog },
   props: {
     title: {
       type: String,
@@ -60,7 +62,8 @@ export default {
       },
       environmentDialog: false,
       environmentInfo: {},
-      videoDialog: false
+      videoDialog: false,
+      elevatorDialog: true
     }
   },
   methods: {

src/views/projectAdmin/jlw/digitalSite/components/ElevatorDialog_.vue

@@ -0,0 +1,102 @@
+<template>
+  <el-dialog title="升降机监测" :visible="true" :modal-append-to-body="false" width="95%" top="0vh" class="elevatorDialog" @close="close">
+    <div class="pointDialog_l">
+      <div class="pointDialogContent"></div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import AreaTree from '@/components/areaTree'
+import VideoModule from '@/components/videoModule/videoModule'
+export default {
+  components: { AreaTree, VideoModule },
+  props: {
+    close: {
+      type: Object,
+      default: () => false
+    }
+  },
+  data() {
+    return {
+      videoList: [],
+      playList: [],
+      activeLiveData: { devSn: '' }
+    }
+  },
+  methods: {
+    getPlayParams(data) {
+      console.log(data, '大罗勒密河')
+      if (!this.showVideoDialog) {
+        this.videoList = data
+      } else {
+        this.playList = data
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.elevatorDialog {
+  overflow: inherit;
+  .pointDialog_l {
+    width: 100%;
+    height: 800px;
+    padding-top: 1px;
+    background-size: 100% 100%;
+    z-index: 3;
+    .pointDialogContent {
+      margin: 40px 70px;
+      height: calc(100% - 80px);
+      /deep/.areaTreeInner {
+        background-color: transparent;
+        text-align: left;
+        padding: 0;
+        height: 100%;
+        width: 224px;
+        margin-right: 25px;
+        border: 1px solid rgba(26, 76, 90, 1);
+        .pageTitle {
+          display: none;
+        }
+        .treeBox {
+          background-color: transparent;
+          height: 100%;
+        }
+        .el-tree {
+          color: white;
+        }
+      }
+    }
+  }
+}
+.el-dialog__wrapper {
+  /deep/ .el-dialog {
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    margin: 0px;
+    .el-dialog__body {
+      background: #262d47;
+    }
+    .el-dialog__header {
+      text-align: center;
+      background: #262d47;
+      .el-dialog__title {
+        color: #6ce9f0;
+        font-size: 17px;
+        font-weight: 900;
+        .el-dialog__headerbtn {
+          .el-dialog__close {
+            color: #262d47;
+          }
+        }
+      }
+      .el-dialog__title::before {
+        background: #262d47;
+      }
+    }
+  }
+}
+</style>