From 2c396d2d8d1e116c5fc67d1251776a53547b226a Mon Sep 17 00:00:00 2001
From: zhaohy <1695786511@qq.com>
Date: Mon, 19 Aug 2024 09:45:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=94=B5=E5=8A=A8=E9=97=A8=E7=A1=AE?=
 =?UTF-8?q?=E8=AE=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/equipmentControl/electricDoor/index.vue   | 41 +++++++++++++---------
 .../view/equipmentControl/electricDoor/tables.vue  |  6 +++-
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
index f647873..7ee3954 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
@@ -15,12 +15,13 @@
           detailed = false;
         }
       ">
-      <template v-for="(item, index) in dataSource" :key="item.deviceInfoCode">
+      <template v-for="(item, index) in dataSource.slice(0, 8)" :key="item.deviceInfoCode">
         <div
-          v-if="item.type !== 1"
           class="door-box-item"
           :style="{
-            'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
+            'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
+              item.record.EGstRu
+            ],
           }">
           {{ item.deviceInfoName }}
         </div>
@@ -37,12 +38,13 @@
           detailed = false;
         }
       ">
-      <template v-for="(item, index) in dataSource" :key="item.deviceInfoCode">
+      <template v-for="(item, index) in dataSource.slice(8, 16)" :key="item.deviceInfoCode">
         <div
-          v-if="item.type === 1"
           class="door-box-item"
           :style="{
-            'background-color': ['#e43e1e', '#f59a23', '#bbcf10', '#62d7a7'][index % 3],
+            'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
+              item.record.EGstRu
+            ],
           }">
           {{ item.deviceInfoName }}
         </div>
@@ -75,10 +77,16 @@
                       :style="{
                         border:
                           '1px solid ' +
-                          { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.record.EGstRu],
-                        color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[
-                          record.record.EGstRu
-                        ],
+                          {
+                            '0': 'rgba(191, 205, 226, 1)',
+                            '1': 'rgba(0, 255, 210, 1)',
+                            '2': 'rgba(255, 188, 70, 1)',
+                          }[record.record.EGstRu],
+                        color: {
+                          '0': 'rgba(191, 205, 226, 1)',
+                          '1': 'rgba(0, 255, 210, 1)',
+                          '2': 'rgba(255, 188, 70, 1)',
+                        }[record.record.EGstRu],
                       }">
                       {{ record.record.runMode.label }}
                     </a-tag>
@@ -108,9 +116,7 @@
       <div style="color: rgb(53, 205, 0); font-size: 20px; font-weight: 700">
         {{ infoObject.deviceInfoName }}
       </div>
-      <img
-        style="width: 100%; margin-top: -10px"
-        src="https://files.axshare.com/gsc/4T0UQR/7e/5d/a2/7e5da2a277344db8af30521cefeb70cc/images/告警设置/u150.svg?pageId=1f58c1ba-b461-4fe8-a2b3-295f1e7b0aa0" />
+      <div style="width: 150%; height: 1px; background-color: rgba(67, 67, 66, 1)"></div>
       <div class="table-detail-box">
         <electricDoorTables ref="tables" />
       </div>
@@ -144,7 +150,7 @@
         }
       });
   };
-  const intervalId = setInterval(getDoorList, 600000);
+  const intervalId = setInterval(getDoorList, 60000);
   //页面 创建
   onMounted(() => {
     //调用电梯接口 定时获取电梯接口 获取当前门状态
@@ -240,21 +246,22 @@
     .door-box {
       width: 708px;
       height: 42px;
-      background-color: rgba(245, 154, 35, 0.5);
+      background-color: rgba(247, 235, 130, 0.8);
       position: absolute;
       left: 23%;
       padding: 6px 6px;
       display: flex;
       gap: 10px;
       cursor: pointer;
+      border-radius: 4px;
       .door-box-item {
         flex: 1;
         height: 100%;
         text-align: center;
         line-height: 30px;
-        border: 1px solid #ab8757;
         font-weight: 500;
         overflow: hidden;
+        border-radius: 4px;
       }
     }
     .table-detail {
@@ -267,6 +274,7 @@
       background-size: 100%;
       z-index: 3;
       padding: 32px 32px;
+      overflow: hidden;
       .close-icon {
         position: absolute;
         right: 2px;
@@ -289,6 +297,7 @@
         overflow-y: auto;
         margin-top: 4px;
         padding: 0px 4px;
+        margin-top: 12px;
       }
     }
     // 总容器与抽屉按钮
diff --git a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue
index 13a4265..20a4186 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue
@@ -8,7 +8,11 @@
       <template v-if="column.dataIndex === 'state'">
         <span
           :style="{
-            color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.runMode.value],
+            color: {
+              '0': 'rgba(191, 205, 226, 1)',
+              '1': 'rgba(0, 255, 210, 1)',
+              '2': 'rgba(255, 188, 70, 1)',
+            }[record.runMode.value],
           }"
           >{{ record.runMode.label }}</span
         >