fix:群控系统>控制面板的样式和逻辑修改

hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue

@@ -7,7 +7,7 @@
           v-for="(item, index) in floorData"
           :key="index"
           class="btn-item"
-          :style="{ color: item.dataCode == thisFloor ? 'black' : 'white' }"
+          :class="{ btnActive: item.dataCode == thisFloor }"
           @click="changeFloor(item.childList, item.dataCode)"
           >{{ item.name }}</button
         >
@@ -36,14 +36,6 @@
           :visible="item.visible" />
       </div>
     </div>
-    <!-- 右侧抽屉的触发按钮 -->
-    <div class="drawer-box-in" v-if="!visible" @click="toggleDrawer">
-      <double-left-outlined class="drawer-icon" style="color: white" />
-    </div>
-    <!-- 左侧抽屉的关闭按钮 -->
-    <div class="drawer-box-out" v-if="visible" @click="toggleDrawer">
-      <double-right-outlined class="drawer-icon" style="color: white" />
-    </div>
     <!-- 右侧抽屉 -->
     <a-drawer
       v-model:visible="visible"
@@ -55,13 +47,17 @@
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">
+      <div class="drawer-box-out" @click="toggleDrawer">
+        <double-left-outlined v-if="!visible" class="drawer-icon" style="color: white" />
+        <double-right-outlined v-else class="drawer-icon" style="color: white" />
+      </div>
       <a-tabs v-model:activeKey="activeKey">
         <a-tab-pane key="1" tab="控制面板">
           <tabs1
             ref="tabs1Ref"
-            @changeArea="changeArea"
             @reset="reset"
             @reload="reload"
+            @changeArea="changeArea"
             :treeData="treeData" />
         </a-tab-pane>
         <a-tab-pane key="2" tab="计划列表" force-render>
@@ -77,6 +73,7 @@
 
 <script setup lang="ts">
   import { ref, onMounted } from 'vue';
+  import { lightPosition } from './lightPosition';
   // 组件
   import light from './light.vue';
   import tabs1 from './tabs1.vue';
@@ -289,7 +286,12 @@
         siteId: state.siteId,
       })
       .then((res) => {
-        console.log(res);
+        const data = res.data;
+        data.forEach((item: any, index: number) => {
+          item.styleText = lightPosition[index];
+        });
+        console.log(res.data);
+        // bulbs.value = data;
       });
   };