3D库房配置Bug修改和3D库房获取当前库房配置

src/views/storeManage/warehouse3D/archivesStorage/index.vue

@@ -3,15 +3,7 @@
     <!-- <h1>全景图</h1> -->
     <div class="warehouse-left">
       <div class="left-3d">
-        <iframe
-          id="myIframe"
-          ref="myIframe"
-          name="iframeMap"
-          class="iframe_box"
-          src="/webA/index.html"
-          frameborder="0"
-          scrolling="no"
-        />
+        <iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" />
         <ul class="msg-list">
           <li>
             <svg-icon icon-class="temperature" class-name="msg-list-svg" />
@@ -109,19 +101,27 @@
 <script>
 import WarehouseWarning from '@/views/components/WarehouseWarning'
 import SecurityDoor from '@/views/components/SecurityDoor'
+import displayConfigApi from '@/api/storeManage/displayConfig'
 export default {
   name: 'FullView',
   components: { WarehouseWarning, SecurityDoor },
   data() {
     return {
       roomId: 'D6490DA3D4261E8C26D0E3',
-      iframeWin: null,
-      timer: null, // 定时器id 滚动表格
-      isScroll: false // 是否滚动
+      TopDisplayConfigData: [],
+      OaoDisplayConfigData: []
+      // ,
+      // iframeWin: null,
+      // timer: null, // 定时器id 滚动表格
+      // isScroll: false // 是否滚动
     }
   },
-  async created() {
+  created() {
     window.getIframeLoading = this.getIframeLoading // 把vue实例中的方法引用给window对象
+    displayConfigApi.list({ storeroomId: this.roomId }).then((data) => {
+      this.TopDisplayConfigData = data.filter((item) => { return item.divPosition.includes('TOP') })
+      this.OaoDisplayConfigData = data.filter((item) => { return item.divPosition.includes('OAO') })
+    })
   },
   mounted() {
     const _this = this
@@ -137,7 +137,14 @@ export default {
     getIframeLoading(value) {
       // console.log(`我是iframe传过来的参数：${value}`)
       if (value === 'false') {
-        this.handleHide('DAK_MO_OAO_001')
+        const oaoDisplayParams = []
+        this.OaoDisplayConfigData.array.forEach(element => {
+          if (!element.isDisplay || !element.bindState) {
+            this.handleHide(element.divPosition)
+          } else {
+            oaoDisplayParams.push({ deviceSpecParams: element.deviceSpecParams })
+          }
+        })
         this.handleAlarm('DAK_MO_OAO_003')
       }
     },
@@ -248,16 +255,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/assets/styles/lend-manage.scss';
-  .warehouse-left{
+@import "~@/assets/styles/lend-manage.scss";
+.warehouse-left {
   position: relative;
-  }
-.container-wrap{
+}
+.container-wrap {
   min-height: auto;
-  height: calc(100%/2 - 10px);
+  height: calc(100% / 2 - 10px);
   overflow: hidden;
 }
-.container-wrap{
+.container-wrap {
   margin-bottom: 20px;
 }
 </style>

src/views/storeManage/warehouse3D/readRoom/index.vue

@@ -25,11 +25,9 @@ export default {
   },
   created() {
     window.getIframeLoading = this.getIframeLoading // 把vue实例中的方法引用给window对象
-    if (this.roomId) {
     displayConfigApi.list({ storeroomId: this.roomId }).then((data) => {
       this.displayConfigData = data
     })
-    }
   },
   mounted() {
     // const _this = this

src/views/storeManage/warehouse3DConfig/index.vue

@@ -155,13 +155,16 @@ export default {
           }
           this.devOptions = data.content.map(data => { return { value: data.id, label: data.deviceName, info: isCamera ? data.videoRoute : data.deviceId, self: data } })
         })
+        // 温湿度感应器
         if (!isCAM && this.form.deviceInfo.id) {
           this.getParamsOptionsList()
         }
         if (this.form.deviceSpecParams && this.form.deviceSpecParams.length > 0) {
-          const deviceSpecParams = this.form.deviceSpecParams.map((item) => { return item.id })
-          this.$set(this.form, 'deviceSpecParams', deviceSpecParams)
-          // this.form.deviceSpecParams.splice(0, this.form.deviceSpecParams.length, ...deviceSpecParams)
+          let formParams = this.form.deviceSpecParams.map((item) => { return item.id })
+          if (this.form.divPosition.includes('TOP')) {
+            formParams = formParams[0]
+          }
+          this.$set(this.form, 'deviceSpecParams', formParams)
         }
         this.dialogVisible = true
       } else {