From b55304ef7f8af1050f4b57c2cc4e3cb53fe2fda4 Mon Sep 17 00:00:00 2001
From: chenpingsen <chenpingsen>
Date: Mon, 29 Jul 2024 17:03:10 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=E7=85=A7=E6=98=8E=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E5=A4=9A=E9=80=89=E5=8A=9F=E8=83=BD=E5=AE=8C=E5=96=84=EF=BC=8C?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8FprojectId?=
 =?UTF-8?q?=EF=BC=8C=E9=83=A8=E5=88=86=E4=BA=A4=E4=BA=92=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/api/IlluminationInfo.ts      |   6 +-
 hx-ai-intelligent/src/store/item.ts                |   9 +-
 .../equipmentControl/lightingManage/indexs.vue     |  37 +++++-
 .../lightingManage/lightPosition.ts                |   3 +
 .../view/equipmentControl/lightingManage/tabs1.vue | 128 +++++++++++++--------
 5 files changed, 127 insertions(+), 56 deletions(-)
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/lightingManage/lightPosition.ts

diff --git a/hx-ai-intelligent/src/api/IlluminationInfo.ts b/hx-ai-intelligent/src/api/IlluminationInfo.ts
index 0a8015e..113f7fa 100644
--- a/hx-ai-intelligent/src/api/IlluminationInfo.ts
+++ b/hx-ai-intelligent/src/api/IlluminationInfo.ts
@@ -1,13 +1,13 @@
-
 // 照明系统及相关接口
 export enum lightingManage {
-
   // 主页 ========================================================
 
   // 获得分区与线路
   getArea = '/carbon-smart/IlluminationInfo/region',
   // 修改线路的可用/禁用状态
-  setDisable = '/carbon-smart/IlluminationInfo/revisePanel',
+  setDisable = '/carbon-smart/IlluminationInfo/changePanelStatus',
+  // 获得设备 - 小灯泡
+  getBulbs = '/carbon-smart/IlluminationInfo/getLightState',
 
   // 控制面板tab页 ================================================
 
diff --git a/hx-ai-intelligent/src/store/item.ts b/hx-ai-intelligent/src/store/item.ts
index 2b518c4..f3c2b57 100644
--- a/hx-ai-intelligent/src/store/item.ts
+++ b/hx-ai-intelligent/src/store/item.ts
@@ -3,7 +3,14 @@ import { defineStore } from 'pinia';
 export const items = defineStore({
   id: 'items',
   state() {
-    return { list: [], count: 10 };
+    return {
+      list: [],
+      count: 10,
+      // 当前项目ID
+      projectId: 'HLlmTZp8',
+      // 站点ID
+      siteId: undefined,
+    };
   },
   getters: {
     double: (state: any) => state.count * 2,
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
index e03748d..39fafd4 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
@@ -3,9 +3,13 @@
     <div class="lighting-img-box">
       <!-- 左上角，区域切换 -->
       <div class="btn-box">
-        <button v-for="item in floorData" class="btn-item" @click="changeFloor(item.childList)">{{
-          item.name
-        }}</button>
+        <button
+          v-for="(item, index) in floorData"
+          :key="index"
+          class="btn-item"
+          @click="changeFloor(item.childList, item.code)"
+          >{{ item.name }}</button
+        >
       </div>
       <!-- 楼层区域 -->
       <div class="area">
@@ -77,14 +81,20 @@
   import { lightingManage } from '/@/api/IlluminationInfo';
   // ICON
   import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
+  // 全局变量
+  import { items } from '/@/store/item';
 
   // 初始化 =======================================================
 
   onMounted(() => {
     // 获得分区与线路的结构
     getAllArea();
+    // 获得俯视图中的小灯泡
+    getBulbs();
   });
 
+  // 获得全局变量
+  const state = items();
   // 预加载flag，获得分区数据后，预加载抽屉，防止获取ref报错
   const preload = ref(false);
 
@@ -92,8 +102,11 @@
 
   // 所有楼层的数据
   const floorData = ref([]);
+  // 当前选择的楼层
+  const thisFloor = ref(1);
   // 左上角分层切换
-  const changeFloor = (area: any) => {
+  const changeFloor = (area: any, floor: number) => {
+    thisFloor.value = floor;
     // 重置数据
     reset();
     // 重置视图
@@ -220,7 +233,7 @@
 
   // 获得所有分区
   const getAllArea = () => {
-    http.get(lightingManage.getArea, { projectId: 'HLlmTZp8' }).then((res) => {
+    http.get(lightingManage.getArea, { projectId: state.projectId }).then((res) => {
       const data = res.data;
       floorData.value = data;
       /** 只在前端使用的变量
@@ -248,6 +261,20 @@
     });
   };
 
+  // 设备业务 小灯泡 ==============================================
+
+  const getBulbs = () => {
+    http
+      .get(lightingManage.getBulbs, {
+        floor: thisFloor.value,
+        projectId: state.projectId,
+        siteId: state.siteId,
+      })
+      .then((res) => {
+        console.log(res);
+      });
+  };
+
   // 抽屉业务 =====================================================
 
   // 抽屉 - 当前选择的tab
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/lightPosition.ts b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/lightPosition.ts
new file mode 100644
index 0000000..1991f66
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/lightPosition.ts
@@ -0,0 +1,3 @@
+// 此文件只定义light（即俯视图小灯泡）的位置信息
+// 与显示状态和分组信息无关
+export const lightPosition = [];
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs1.vue b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs1.vue
index 55d6756..203e8f1 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs1.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs1.vue
@@ -50,7 +50,7 @@
             class="openPlan"
             :class="{ enabled2: isPlanEnabled2, disabled2: !isPlanEnabled2 }"
             @click="togglePlan2">
-            {{ isPlanEnabled2 ? '启用面板' : '禁用面板' }}
+            {{ isPlanEnabled2 ? '启用开关' : '禁用开关' }}
           </button>
           <a-switch
             v-model:checked="selectAllCheckbox"
@@ -248,11 +248,13 @@
   import { http } from '/nerv-lib/util/http';
   import { lightingManage } from '/@/api/IlluminationInfo';
   import { getAllEnum } from '/@/api/index';
+  // 全局变量
+  import { items } from '/@/store/item';
 
   // 初始化  =========================================================================
 
   onMounted(() => {
-    // 默认选项
+    // 分区初始化
     setArea();
     // 获得枚举
     getEnum(['IlluminationMode', 'IlluminationScene']);
@@ -267,11 +269,13 @@
       controlScene.value = data.IlluminationScene;
     });
   };
-  // 以 1-1 作为默认回路
+  // 分区初始化，以 1-1 作为默认回路
   const setArea = () => {
     const data = props.treeData[0];
     buttons2.value = data.childList;
   };
+  // 全局变量
+  const state = items();
 
   // 与父组件的交互  ===================================================================
 
@@ -279,11 +283,12 @@
     // 分区结构（照明区域 > 照明回路）
     treeData: {
       type: Array,
-      default: [],
+      default: () => {
+        [];
+      },
     },
   });
-  // 向上传递修改选择样式
-  /**
+  /** 向上传递方法
    * @method changeArea 用于控制俯视图的选中状态
    * @method reset 用于重置按钮区
    */
@@ -327,9 +332,9 @@
 
   // 最近交互过的按钮id，用于禁用和启用
   const handleButton = ref('');
-  // 面板启用/禁用状态
+  // 开关启用/禁用状态
   const isPlanEnabled2 = ref(true);
-  // 面板启用/禁用切换事件
+  // 开关启用/禁用切换事件
   const togglePlan2 = () => {
     // 如果未交互任何按钮
     if (handleButton.value == '') {
@@ -340,7 +345,12 @@
     let panel = +!btn.ctrlStatus;
     isLoading.value = true;
     http
-      .get(lightingManage.setDisable, { deviceGroup: btn.code, panel })
+      .get(lightingManage.setDisable, {
+        deviceGroup: btn.code,
+        panel,
+        projectId: state.projectId,
+        siteId: state.siteId,
+      })
       .then((res) => {
         if (res.msg === 'success') {
           // 确认成功后 - 按钮文本取反 - 按钮布尔值修改 - 关闭loading
@@ -392,7 +402,7 @@
       buttons2.value.forEach((item: any) => {
         item.selected = false;
       });
-      // 全不选时，隐藏模式-场景按钮
+      // 全不选时，隐藏 模式 与 场景 按钮
       resetMode();
     }
     emit('changeArea', arr);
@@ -423,7 +433,7 @@
     // 选择时反控俯视图
     let level1 = selectedButton.value;
     let level2 = button.id;
-    // 单选模式，需将所有其他按钮设为false
+    // 单选模式，需将所有其他回路设为false
     if (singleSelection.value) {
       buttons2.value.forEach((item: any) => {
         item.selected = false;
@@ -486,44 +496,64 @@
     let before = data.scene.value;
     // 修改后的数据
     let after = button4.value;
-    // 如果没有产生实质性的修改（修改前后相同，则跳出）
-    if (before === after) {
-      return message.info('未产生实际修改');
-      // 产生了修改
-    } else {
-      thisButton2.value.scene.value = after;
-      // 查询之前是否修改过
-      const result = changeList.value.find((item: any, index: number) => {
-        item.index = index;
-        return item.deviceGroup == data.code;
-      });
-      // 如果已产生过修改
-      if (result) {
-        // 改回了原有的值，则从数组中移除
-        if (after == result.before) {
-          changeList.value.splice(result.index, 1);
-          // 修改为新值，则只修改after
-        } else {
-          result.scene = after;
-          // 临时flag，用后移除
-          delete result.index;
+    // 如果是多选模式
+    if (!singleSelection.value) {
+      buttons2.value.forEach((item: any) => {
+        // 查看当前回路，哪些被选中
+        if (item.selected) {
+          changeScene(item, item.scene.value, after);
+          item.scene.value = after;
         }
-        // 如果未产生过修改
+      });
+      thisButton2.value.scene.value = after;
+      return message.info('已修改X项');
+      // 如果是单选模式
+    } else {
+      // 如果没有产生实质性的修改（修改前后相同，则跳出）
+      if (before === after) {
+        return message.info('未产生实际修改');
+        // 产生了修改
+      } else {
+        changeScene(data, before, after);
+      }
+    }
+  };
+  /** 控制场景 - 按钮切换通用方法（单选 & 多选）
+   * @param button 当前被选中的回路（单选 & 多选）
+   * @param before 回路场景的初始值（撤回时需使用）
+   * @param after 回路场景被修改后的值
+   */
+  const changeScene = (button: any, before: number, after: number) => {
+    // 查询之前是否修改过
+    const result = changeList.value.find((item: any, index: number) => {
+      item.index = index;
+      return item.deviceGroup == button.code;
+    });
+    // 如果已产生过修改
+    if (result) {
+      // 改回了原有的值，则从数组中移除
+      if (after == result.before) {
+        changeList.value.splice(result.index, 1);
+        // 修改为新值，则只修改after
       } else {
-        changeList.value.push({
-          // 回路
-          deviceGroup: data.code,
-          deviceGroupName: data.name,
-          // 分区
-          region: data.pcode,
-          regionName: '',
-          // 修改前
-          before: before,
-          // 修改后
-          scene: after,
-        });
+        result.scene = after;
+        // 临时flag，用后移除
+        delete result.index;
       }
-      console.log(changeList.value, 'changeList');
+      // 如果未产生过修改
+    } else {
+      changeList.value.push({
+        // 回路
+        deviceGroup: button.code,
+        deviceGroupName: button.name,
+        // 分区
+        region: button.pcode,
+        regionName: '',
+        // 修改前
+        before: before,
+        // 修改后
+        scene: after,
+      });
     }
     thisButton2.value.scene.value = after;
   };
@@ -559,7 +589,11 @@
     }
     buttonLoading.value = true;
     http
-      .post(lightingManage.getChangeList, { infoList: changeList.value, projectId: 'HLlmTZp8' })
+      .post(lightingManage.getChangeList, {
+        infoList: changeList.value,
+        projectId: state.projectId,
+        siteId: state.siteId,
+      })
       .then((res) => {
         if (res.msg === 'success') {
           diffList.value = res.data;

From 1cf99afbc3959cf7c5f52de50fb33cee81377460 Mon Sep 17 00:00:00 2001
From: chenpingsen <chenpingsen>
Date: Tue, 30 Jul 2024 14:35:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?add:=E7=94=B5=E6=A2=AF=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image/liftState/lift/lift1.png                 | Bin 0 -> 5926 bytes
 .../image/liftState/lift/lift2.png                 | Bin 0 -> 6652 bytes
 .../equipmentControl/image/liftState/lift/line.png | Bin 0 -> 4239 bytes
 .../src/view/equipmentControl/liftSystem/index.vue |  28 +-
 .../view/equipmentControl/liftSystem/liftInfo.vue  | 283 +++++++++++++--------
 .../equipmentControl/liftSystem/liftPosition.ts    |   3 +
 6 files changed, 201 insertions(+), 113 deletions(-)
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift1.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift2.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/line.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPosition.ts

diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift1.png b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f272fba3fa7553bffb3db0b0b4db7994ca17b692
GIT binary patch
literal 5926
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

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift2.png b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/lift2.png
new file mode 100644
index 0000000000000000000000000000000000000000..42ebf22d33c81874b9271d2f19cd79f9adc32d66
GIT binary patch
literal 6652
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
OMqk@lt5m}&`o91LdY<zD

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/line.png b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift/line.png
new file mode 100644
index 0000000000000000000000000000000000000000..68197d72dbec594d0fc144e9c0ca984e0047d667
GIT binary patch
literal 4239
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
Zcc@#$?6zBbQ0-p^Y`+jjjnC%Y{{#pK9<Tra

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
index c6705cc..da06560 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="map-box">
     <div class="map">
-      <liftInfo />
+      <liftInfo v-for="(item, index) in liftBox" :key="index" :liftInfo="item" />
     </div>
   </div>
 </template>
@@ -16,14 +16,30 @@
   onMounted(() => {});
 
   // tab页部分 ========================================================
-
-  // 表格数据
-  const dataSource = ref([]);
+  const liftBox = ref([
+    {
+      name: '办公区域扶梯A',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '245px', bottom: '230px' },
+    },
+    {
+      name: '办公区域扶梯B',
+      workState: 0,
+      faultState: 3,
+      direction: 0,
+      type: 1,
+      isLeft: false,
+      styleText: { left: '700px', bottom: '360px' },
+    },
+  ]);
 </script>
 <style lang="less" scoped>
   .map-box {
     // 颜色变量，用于区别颜色
-
     // 正常 - 开启 - 上行 -下行
     --on: #0dffa4;
     // 关闭
@@ -36,6 +52,8 @@
     --fault: #ff7636;
     // 未知
     --unknown: #a742ff;
+    // 触发图标大小
+    --size: 40px;
     width: 100%;
     height: 100%;
     .map {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
index d6e50fd..ff7a321 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
@@ -1,49 +1,61 @@
 <template>
-  <div class="info-box">
-    <div class="box-title">
-      <div class="dot"></div>
-      <span>办公区域扶梯A</span>
-    </div>
-    <div class="box-inner">
-      <!-- 是否开启 -->
-      <div class="item">
-        <div class="item-box">
-          <div class="icon">
-            <div class="icon-item">
-              <img src="../image/liftState/lift-normal.svg" alt="" />
+  <div class="icon-box" :style="info.styleText">
+    <img v-if="info.type == 1" src="../image/liftState/lift/lift1.png" alt="" />
+    <img v-else-if="info.type == 2" src="../image/liftState/lift/lift2.png" alt="" />
+    <div class="tab" :class="[info.isLeft ? 'left' : 'right']">
+      <div v-if="info.isLeft" class="line"></div>
+      <div class="info-box">
+        <div class="box-title">
+          <div class="dot"></div>
+          <span>{{ info.name }}</span>
+        </div>
+        <div class="box-inner">
+          <!-- 是否开启 -->
+          <div class="item">
+            <div class="item-box">
+              <div class="icon">
+                <div class="icon-item">
+                  <img v-if="info.workState" src="../image/liftState/switch-on.svg" alt="" />
+                  <img v-else src="../image/liftState/switch-off.svg" alt="" />
+                </div>
+              </div>
+            </div>
+            <div class="item-text">
+              <span v-if="info.workState" style="color: var(--on)">开启</span>
+              <span v-else style="color: var(--off)">关闭</span>
             </div>
           </div>
-        </div>
-        <div class="item-text">开启</div>
-      </div>
-      <!-- 是否故障 -->
-      <div class="item">
-        <div class="item-box">
-          <div class="icon">
-            <div class="icon-item">
-              <img src="../image/liftState/lift-normal.svg" alt="" />
+          <!-- 是否故障 -->
+          <div class="item">
+            <div class="item-box">
+              <div class="icon">
+                <div class="icon-item">
+                  <img src="../image/liftState/lift-normal.svg" alt="" />
+                </div>
+              </div>
             </div>
+            <div class="item-text">开启</div>
           </div>
-        </div>
-        <div class="item-text">开启</div>
-      </div>
-      <!-- 如何运行 -->
-      <div class="item">
-        <div class="item-box">
-          <div class="icon">
-            <div class="icon-item">
-              <img src="../image/liftState/lift-normal.svg" alt="" />
+          <!-- 如何运行 -->
+          <div class="item">
+            <div class="item-box">
+              <div class="icon">
+                <div class="icon-item">
+                  <img src="../image/liftState/lift-normal.svg" alt="" />
+                </div>
+              </div>
             </div>
+            <div class="item-text">开启</div>
           </div>
         </div>
-        <div class="item-text">开启</div>
       </div>
+      <div v-if="!info.isLeft" class="line1"></div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ref, onMounted } from 'vue';
+  import { ref, computed, onMounted } from 'vue';
 
   // 请求
 
@@ -51,96 +63,151 @@
 
   onMounted(() => {});
 
-  // tab页部分 ========================================================
+  const props = defineProps({
+    // 分区结构（照明区域 > 照明回路）
+    liftInfo: {
+      type: Object,
+      default: () => {},
+    },
+  });
+
+  const info = computed(() => {
+    return props.liftInfo;
+  });
 
-  // 运行状态
-  const runState = ref('1');
-  // 电梯状态
-  const liftState = ref('2');
+  // tab页部分 ========================================================
 </script>
 <style lang="less" scoped>
-  // 面板
-  .info-box {
-    // 字体颜色变量
-    --text: rgb(20, 255, 255);
-
-    width: 240px;
-    height: 130px;
-    display: flex;
-    gap: 5px;
-    flex-direction: column;
-    background: rgb(17, 44, 86, 0.9);
-    border-radius: 8px;
-    box-sizing: border-box;
-    padding: 8px;
-    border: 3px solid var(--text);
-    // 面板标题
-    .box-title {
-      height: auto;
-      color: var(--text);
-      // 标题前小方块
-      .dot {
-        display: inline-block;
-        width: 2px;
-        height: 16px;
-        vertical-align: middle;
-        background: var(--text);
-      }
-      // 标题
-      span {
-        padding-left: 8px;
-      }
+  .icon-box:hover {
+  }
+  .icon-box {
+    width: var(--size);
+    height: var(--size);
+    position: absolute;
+    transition: all ease 0.2s;
+    > img {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      user-select: none;
+      position: relative;
+      z-index: 9;
     }
-    // 下半部分
-    .box-inner {
-      flex: 1;
+    .tab {
+      position: absolute;
+      bottom: -20px;
       display: flex;
-      padding: 0 10px;
-      // 单个盒子（3盒子）
-      .item {
-        flex: 1;
+      .line {
+        position: relative;
+        z-index: 1;
+        width: 40px;
+        height: 75px;
+        background-image: url(../image/liftState/lift/line.png);
+        background-size: 100% 100%;
+      }
+      .line1 {
+        position: relative;
+        z-index: 1;
+        width: 40px;
+        height: 75px;
+        transform: rotateY(180deg);
+        background-image: url(../image/liftState/lift/line.png);
+        background-size: 100% 100%;
+      }
+      // 面板
+      .info-box {
+        // 字体颜色变量
+        --text: rgb(20, 255, 255);
+        width: 250px;
+        height: 130px;
         display: flex;
+        gap: 5px;
         flex-direction: column;
-        // 盒子中放置图片的容器
-        .item-box {
+        background: rgb(17, 44, 86, 0.9);
+        border-radius: 8px;
+        box-sizing: border-box;
+        padding: 8px;
+        border: 2px solid var(--text);
+        transform: translateY(-50%);
+        cursor: pointer;
+        // 面板标题
+        .box-title {
+          height: auto;
+          color: var(--text);
+          // 标题前小方块
+          .dot {
+            display: inline-block;
+            width: 2px;
+            height: 16px;
+            vertical-align: middle;
+            background: var(--text);
+          }
+          // 标题
+          span {
+            padding-left: 8px;
+          }
+        }
+        // 下半部分
+        .box-inner {
           flex: 1;
           display: flex;
-          align-items: center;
-          justify-content: center;
-          // border: 1px solid red;
-          .icon {
-            width: 55px;
-            height: 55px;
-            background-image: url(../image/box.svg);
-            background-size: 130% 130%;
-            background-repeat: no-repeat;
-            background-position: left -8px top -8px;
-            // border: 1px solid red;
-            position: relative;
-            .icon-item {
-              position: absolute;
-              width: 20px;
-              height: 20px;
-              left: 0;
-              right: 0;
-              bottom: 0;
-              top: 0;
-              margin: auto;
-              img {
-                width: 100%;
-                height: 100%;
+          padding: 0 5px;
+          // 单个盒子（3盒子）
+          .item {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            // 盒子中放置图片的容器
+            .item-box {
+              flex: 1;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              // border: 1px solid red;
+              .icon {
+                width: 55px;
+                height: 55px;
+                background-image: url(../image/box.svg);
+                background-size: 130% 130%;
+                background-repeat: no-repeat;
+                background-position: left -8px top -8px;
+                // border: 1px solid red;
+                position: relative;
+                .icon-item {
+                  position: absolute;
+                  width: 20px;
+                  height: 20px;
+                  left: 0;
+                  right: 0;
+                  bottom: 0;
+                  top: 0;
+                  margin: auto;
+                  img {
+                    width: 100%;
+                    height: 100%;
+                  }
+                }
               }
             }
+            .item-text {
+              height: 20px;
+              text-align: center;
+              font-size: 12px;
+              color: white;
+              user-select: none;
+            }
           }
         }
-        .item-text {
-          height: 20px;
-          text-align: center;
-          font-size: 12px;
-          color: white;
-          user-select: none;
-        }
       }
+      .info-box:hover {
+        border: 2px solid white;
+      }
+    }
+    .right {
+      right: calc(var(--size) / 2);
+    }
+    .left {
+      left: calc(var(--size) / 2);
     }
   }
 </style>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPosition.ts b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPosition.ts
new file mode 100644
index 0000000..1795f74
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPosition.ts
@@ -0,0 +1,3 @@
+// 此文件只定义lift（即电梯）的位置信息
+// 与显示状态和分组信息无关
+export const liftPosition = [];