修改右下角模块

src/views/page/largeScreen.vue

@@ -102,9 +102,13 @@
               </div>
               <div class="drag_box1" ref="drag_box1" v-show="limitUserId == 2">
                 <img class="drag_img" src="../../assets/img/map1.png" alt="" />
-                <img class="axis_init" :class="'axis_' + (index + 8)" src="../../assets/img/axis1.png" :style="'left:' + (48.5 + index * 4.1) + '%'" alt="" @click="handlerAxis_2" v-for="(i,index) in 10" :key="index + '_1'"/>
+                <img class="axis_init" :class="'axis_' + (index + 8)" src="../../assets/img/axis1.png"
+                  :style="'left:' + (48.5 + index * 4.1) + '%'" alt="" @click="handlerAxis_2" v-for="(i, index) in 10"
+                  :key="index + '_1'" />
 
-                <img class="axis_init1" :class="'axis_' + (index1 + 17)" src="../../assets/img/axis1.png" :style="'top:' + (22 + index1 * 0.105) + '%' + ';' + 'left:' + (5 + index1 * 3.3) + '%' + ';'" alt="" @click="handlerAxis_2" v-for="(i,index1) in 25" :key="index1 + '_2'"/>
+                <img class="axis_init1" :class="'axis_' + (index1 + 17)" src="../../assets/img/axis1.png"
+                  :style="'top:' + (22 + index1 * 0.105) + '%' + ';' + 'left:' + (5 + index1 * 3.3) + '%' + ';'" alt=""
+                  @click="handlerAxis_2" v-for="(i, index1) in 25" :key="index1 + '_2'" />
               </div>
             </div>
           </div>
@@ -138,12 +142,12 @@
               <div>
                 <div class="swiper-container middle_disasterWarningAnalysis" :style="styleContainer">
                   <div class="swiper-wrapper">
-                    <div :class="current == index
+                    <div :class="(limitUserId == 1 ? current : current1) == index
                       ? 'swiper-slide swiper-slide2'
                       : 'swiper-slide swiper-slide1'
                       " v-for="(item, index) in dataList" :key="index" :style="styleItem"
                       @click="getCurrent(index, item)">
-                      {{ item.greenhouseName + "温室" }}
+                      {{ item.greenhouseName + (limitUserId == 1 ? "温室" : '') }}
                     </div>
                   </div>
                 </div>
@@ -158,7 +162,9 @@
           </div>
 
           <div class="device_content scroll">
-            <div class="content_item">
+
+            <!-- 丽水 -->
+            <div class="content_item" v-if="limitUserId == 1">
               <div class="i_title" v-if="fanStatus.open != 0">
                 <img src="../../assets/img/i_title_img.png" alt="" />
                 <span>风机</span>
@@ -224,6 +230,30 @@
                 </template>
               </div>
             </div>
+
+            <!-- 东北 -->
+            <div class="content_item" v-if="limitUserId == 2" style="margin-top: 0.05rem;">
+              <div v-for="(item,index) in fiveControlList" :key="index" style="margin-bottom: 0.15rem;">
+                <div class="i_title" v-if="item.controlState != 0">
+                  <img src="../../assets/img/i_title_img.png" alt="" />
+                  <span>{{ item.title }}</span>
+                  <span class="line"></span>
+                  <span>{{item.controlState == 1 ? "自动控制" : "手机控制"}}</span>
+                  <span class="line"></span>
+                  <i class="progress" v-if="Number(item.progress) == ''">进度{{ item.progress }}%</i>
+                  <span>菜单</span>
+                </div>
+                <div class="i_title" v-else>
+                  <img src="../../assets/img/i_title_img.png" alt="" />
+                  <span>{{ item.title }}</span>
+                  <span class="line"></span>
+                  <span>无效</span>
+                  <span class="line"></span>
+                  <span>菜单</span>
+                </div>
+              </div>
+            </div>
+
           </div>
         </div>
       </div>
@@ -269,6 +299,7 @@ export default {
       content_item_current: -1,
 
       current: 5,
+      current1: 1,
 
       dataList: [
         // "一号温室", "二号温室", "三号温室", "四号温室", "五号温室", "六号温室"
@@ -680,7 +711,51 @@ export default {
         },
       ],
 
-      limitUserId:''
+      limitUserId: '',
+
+
+      // 东北
+      fiveControlList: [{
+        title: '加温水泵',
+        controlState: 0,
+        num: '1000',
+        close_btn: false
+      },
+      {
+        title: '地热风机',
+        controlState: 0,
+        num: '1002',
+        close_btn: false
+      },
+      {
+        title: '上风口',
+        controlState: 0,
+        num: '1004',
+        close_btn: true,
+        progress_num: '1006',
+        progress: ''
+      },
+      {
+        title: '下风口',
+        controlState: 0,
+        num: '1007',
+        close_btn: true,
+        progress_num: '1009',
+        progress: ''
+      },
+      {
+        title: '卷被',
+        controlState: 0,
+        num: '1010',
+        close_btn: true
+      },
+      {
+        title: '除雪',
+        controlState: 0,
+        num: '1013',
+        close_btn: false
+      },
+      ]
     };
   },
   mounted() {
@@ -700,7 +775,7 @@ export default {
   },
   methods: {
     // 根据用户id查询对应的设备大数据信息
-    dataInit(userid,limitUserId) {
+    dataInit(userid, limitUserId) {
       this.api.Bigdata_getAllControl(userid).then((res) => {
         // console.log('根据用户id查询对应的设备大数据信息', res);
         this.dataList = res.data.data;
@@ -722,14 +797,14 @@ export default {
             // this.get_environmentData(el.deviceId)
             // this.get_readControl_getState(el.deviceId)
           });
-          if(limitUserId == 1){
+          if (limitUserId == 1) {
             // 丽水
             this.get_weather_echart_data(2023042214250027);
             this.get_thisWeekTemperature_echart_data(2023042214250027);
             this.get_environmentData(2023042214250027);
             this.get_readControl_getState(2023042214250027);
             this.getWeatherData(2023042214250027);
-          }else if(limitUserId == 2){
+          } else if (limitUserId == 2) {
             // 东北
             this.get_weather_echart_data(2023112911050004);
             this.get_thisWeekTemperature_echart_data(2023112911050004);
@@ -869,7 +944,6 @@ export default {
             }, 100);
           }
         });
-        // console.log(this.get_sel_eqbyid_list);
       });
     },
 
@@ -918,8 +992,16 @@ export default {
             this.statusList.push(statusData);
           }
           // console.log(this.statusList);
+
+          // 五防项目状态
+          this.fiveControlList.forEach(el => {
+            el.controlState = res.data.data[el.num];
+            if(el.progress_num){
+              el.progress = res.data.data[el.progress_num];
             }
-      });
+          })
+        }
+      });0
     },
 
     // 获取天气预报数据
@@ -978,16 +1060,16 @@ export default {
     },
 
     // 获取用户id权限
-    get_user_getjurisdiction(userId){
+    get_user_getjurisdiction(userId) {
-      this.api.user_getjurisdiction(userId).then(res=>{
+      this.api.user_getjurisdiction(userId).then(res => {
-        if(res.data.code == 200){
+        if (res.data.code == 200) {
           this.limitUserId = res.data.data[0].id;
-          if(this.limitUserId == 1){
+          if (this.limitUserId == 1) {
             this.drag_boxHandler();
-            this.dataInit(userId,this.limitUserId);
+            this.dataInit(userId, this.limitUserId);
-          }else if(this.limitUserId == 2){
+          } else if (this.limitUserId == 2) {
             this.drag_boxHandler1();
-            this.dataInit(userId,this.limitUserId);
+            this.dataInit(userId, this.limitUserId);
           }
         }
       })
@@ -1061,8 +1143,10 @@ export default {
 
     getCurrent(index, item) {
       this.current = index;
+      this.current1 = index;
       // console.log(item,'00000000000000');
-      this.get_readControl_getState(item.deviceId);
+      // this.get_readControl_getState(item.deviceId);
+      this.get_readControl_getState(2023112911050004);
     },
 
     drag_boxHandler() {
@@ -1618,7 +1702,7 @@ export default {
             transform: translate(-50%, -50%);
             overflow: hidden;
 
-            .drag_box1{
+            .drag_box1 {
               width: 100%;
               height: 100%;
               position: absolute;
@@ -1640,7 +1724,7 @@ export default {
                     transparent 97%);
               }
 
-              .axis_init{
+              .axis_init {
                 width: 0.4rem;
                 height: 0.5rem;
                 position: absolute;
@@ -1648,13 +1732,14 @@ export default {
                 z-index: 99;
               }
 
-              .axis_init1{
+              .axis_init1 {
                 width: 0.4rem;
                 height: 0.5rem;
                 position: absolute;
                 z-index: 99;
               }
             }
+
             .drag_box {
               width: 100%;
               height: 100%;
@@ -1999,7 +2084,17 @@ export default {
               //   margin-right: 0.47rem;
               // }
 
-              >span:nth-child(6) {
+              .progress{
+                width: 18%;
+                font-size: 0.14rem;
+                font-style: normal;
+                font-family: MicrosoftYaHei;
+                font-weight: 400;
+                color: #7ae1ff;
+                margin-right: 0.47rem;
+              }
+
+              >span:nth-child(6),>span:nth-child(7) {
                 width: 0.66rem;
                 height: 0.3rem;
                 background: linear-gradient(-35deg,
@@ -2133,5 +2228,4 @@ export default {
       }
     }
   }
-}
+}</style>
-</style>