From bd2c6e338b6c3e0290f3e583ded522a87547a4f7 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Fri, 19 Aug 2022 16:05:51 +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=A1=94=E5=90=8A=E6=A3=80=E6=B5=8B=E5=BC=B9=E6=A1=86=E5=A1=94?=
 =?UTF-8?q?=E5=90=8A=E5=9B=BE=E7=89=87=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../digitalSite/components/TowerDialog.vue    | 74 +++++++++++++------
 1 file changed, 52 insertions(+), 22 deletions(-)

diff --git a/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue b/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
index 3dfc0420..116933d0 100644
--- a/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
+++ b/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
@@ -52,7 +52,11 @@
           </div>
         </div>
       </div>
-      <div class="center"></div>
+      <div class="center">
+        <div class="x-move"></div>
+        <div class="box"></div>
+        <div class="circle"></div>
+      </div>
       <div class="right"></div>
     </div>
   </el-dialog>
@@ -61,7 +65,7 @@
 <script>
 import AreaTree from '@/components/areaTree'
 import VideoModule from '@/components/videoModule/videoModule'
-import { getLifterCurrentDataApi, getSelectLifterBySnApi } from '@/assets/js/api/lifter'
+import { getSelectLifterBySnApi } from '@/assets/js/api/lifter'
 import { getTowerAlarmListApi, getSelectTowerBySnApi } from '@/assets/js/api/towerCrane'
 import moment from 'moment'
 export default {
@@ -73,7 +77,6 @@ export default {
     }
   },
   mounted() {
-    this.getEnvironmentInfo()
     this.getDeviceInfo()
     this.getDrivers()
     this.getAlertInfo()
@@ -82,31 +85,12 @@ export default {
     return {
       projectSn: this.$store.state.projectSn,
       fileUrl: this.$store.state.FILEURL,
-      videoList: [],
-      playList: [],
-      activeLiveData: { devSn: '' },
-      environmentInfo: {},
       deviceInfo: {},
       drivers: [],
       alerts: []
     }
   },
   methods: {
-    getPlayParams(data) {
-      console.log(data, '大罗勒密河')
-      if (!this.showVideoDialog) {
-        this.videoList = data
-      } else {
-        this.playList = data
-      }
-    },
-    getEnvironmentInfo() {
-      getLifterCurrentDataApi({ devSn: '2DE46E53AEF7483B98C9B8825ECAA12F' }).then(res => {
-        if (res.code == 200) {
-          this.environmentInfo = res.result || {}
-        }
-      })
-    },
     getDeviceInfo() {
       getSelectLifterBySnApi({ devSn: '2DE46E53AEF7483B98C9B8825ECAA12F' }).then(res => {
         if (res.code === 200) {
@@ -150,6 +134,52 @@ export default {
         margin: 20px 0;
       }
     }
+    .center {
+      position: relative;
+      flex: 1;
+      background: url(~@/assets/images/towericon/towerBG.png) no-repeat;
+      background-position-x: 20%;
+      background-position-y: 20%;
+      .x-move {
+        position: absolute;
+        left: 60%;
+        top: 17%;
+        width: 26px;
+        height: 12px;
+        background: url(~@/assets/images/towericon/1.png) no-repeat;
+      }
+      .box {
+        position: absolute;
+        left: 59%;
+        top: 49%;
+        width: 36px;
+        height: 74px;
+        background: url(~@/assets/images/towericon/hock.png) no-repeat;
+      }
+      .circle {
+        position: absolute;
+        left: 72%;
+        top: 65%;
+        width: 80px;
+        height: 80px;
+        background: url(~@/assets/images/towericon/tower.png) no-repeat;
+        background-position-x: 50%;
+        background-position-y: 50%;
+        border: #f5a623 3px solid;
+        border-radius: 50%;
+        &::before {
+          content: '';
+          position: absolute;
+          left: calc(50% - 1px);
+          width: 2px;
+          height: 50%;
+          background-color: #f5a623;
+        }
+      }
+    }
+    .right {
+      width: 420px;
+    }
     .card {
       .card-title {
         margin-bottom: 20px;