From 16f3865dbd2b9df8e4344f03df3aebcb25eb3c08 Mon Sep 17 00:00:00 2001
From: zhaohy <1695786511@qq.com>
Date: Tue, 6 Aug 2024 15:44:21 +0800
Subject: [PATCH] =?UTF-8?q?add:=E7=BE=A4=E6=8E=A7=E7=94=B5=E6=A2=AF?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/equipmentControl.ts            |   4 +-
 .../alarmManagement/alarmSettings/index.vue   |   1 -
 .../equipmentControl/electricDoor/index.vue   |   4 +-
 .../image/liftState/escalator.png             | Bin 0 -> 2322 bytes
 .../image/liftState/lift-suspend.svg          |   4 +
 .../image/liftState/lift-unknown.svg          |   4 +
 .../image/liftState/state-alarm.svg           |   8 +
 .../image/liftState/state-fault.svg           |   8 +
 .../image/liftState/state-normal.svg          |   8 +
 .../image/liftState/state-repair.svg          |   8 +
 .../image/liftState/straightLadder.png        | Bin 0 -> 2315 bytes
 .../equipmentControl/liftSystem/index.vue     | 143 ++++++++-
 .../equipmentControl/liftSystem/liftInfo.vue  |  86 +++++-
 .../equipmentControl/liftSystem/liftPage.vue  | 279 ++++++++++++++++++
 14 files changed, 523 insertions(+), 34 deletions(-)
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/escalator.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-suspend.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-unknown.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-alarm.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-fault.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-normal.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-repair.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/liftState/straightLadder.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue

diff --git a/hx-ai-intelligent/src/router/equipmentControl.ts b/hx-ai-intelligent/src/router/equipmentControl.ts
index ffc3285..e6a13b3 100644
--- a/hx-ai-intelligent/src/router/equipmentControl.ts
+++ b/hx-ai-intelligent/src/router/equipmentControl.ts
@@ -29,11 +29,11 @@ const equipmentControl = {
       name: 'liftSystem',
       meta: { title: '电梯系统', hideChildren: true, icon: 'shebeiqunkong' },
       component: Base,
-      redirect: { name: 'liftSystem' },
+      redirect: { name: 'liftSystemIndex' },
       children: [
         {
           path: 'index',
-          name: 'liftSystem',
+          name: 'liftSystemIndex',
           component: () => import('/@/view/equipmentControl/liftSystem/index.vue'),
           meta: {
             title: '电梯系统',
diff --git a/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/index.vue b/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/index.vue
index ab3910d..9e4ca70 100644
--- a/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/index.vue
+++ b/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/index.vue
@@ -346,4 +346,3 @@
     background-color: grey !important;
   }
 </style>
-../../../api/alarmManagement/alarmSettings/deviceAlarms../../../api/alarmManagement/alarmSettings/energyAlarm../../../api/alarmManagement/alarmSettings/notificationManagements
diff --git a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
index 0431122..8cae1c6 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="map-box">
     <!-- 开关按钮 -->
-    <div class="drawer-box-in" v-if="!visible" @click="toggleDrawer">
+    <div class="drawer-box-ins" v-if="!visible" @click="toggleDrawer">
       <DoubleLeftOutlined class="drawer-icon" style="color: white" />
     </div>
     <!-- 门位置 -->
@@ -262,7 +262,7 @@
     // 总容器与抽屉按钮
 
     // 抽屉打开按钮
-    .drawer-box-in {
+    .drawer-box-ins {
       width: 24px;
       height: 24px;
       border-radius: 2px;
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/escalator.png b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/escalator.png
new file mode 100644
index 0000000000000000000000000000000000000000..08438b848590df60f6507a3de9b842f869b18b8e
GIT binary patch
literal 2322
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

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-suspend.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-suspend.svg
new file mode 100644
index 0000000..5f82408
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-suspend.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.6513671875" height="14.65087890625" viewBox="0 0 14.6513671875 14.65087890625" fill="none">
+<path d="M12.6509 -1.17188e-05L1.99995 -1.17188e-05C0.895384 -1.17188e-05 -4.68751e-05 0.895419 -4.68751e-05 1.99999L-4.68751e-05 12.6509C-4.68751e-05 13.7555 0.895384 14.6509 1.99995 14.6509L12.6509 14.6509C13.7555 14.6509 14.6509 13.7555 14.6509 12.6509L14.6509 1.99999C14.6509 0.895419 13.7555 -1.17188e-05 12.6509 -1.17188e-05ZM6.76406 4.16484C6.23629 4.16484 5.80858 3.73709 5.80855 3.20936L5.80858 3.20936C5.80858 2.68167 6.23629 2.25389 6.76406 2.25389C7.29173 2.25389 7.71953 2.68167 7.71953 3.20936C7.71953 3.73709 7.29173 4.16484 6.76406 4.16484ZM5.80855 7.5471L5.80855 5.12019C5.80855 4.79533 6.05697 4.54689 6.38183 4.54689L7.1462 4.54689C7.47106 4.54689 7.71953 4.79533 7.71953 5.12019L7.71953 5.63612L5.80858 7.5471L5.80855 7.5471ZM3.40053 11.6944L5.17775 11.6944C5.4835 11.6944 5.77012 11.5606 5.98034 11.3503L10.3183 7.01241L11.4839 7.01241C12.1146 7.01241 12.6306 6.49651 12.6306 5.86587C12.6306 5.23525 12.1146 4.71929 11.4839 4.71929L9.84051 4.71929C9.55385 4.71929 9.24811 4.85308 9.0379 5.06328L4.69998 9.40117L3.40053 9.40117C2.76991 9.40117 2.25395 9.91717 2.25395 10.5478C2.25395 11.1784 2.76991 11.6944 3.40053 11.6944Z" fill-rule="evenodd"  fill="rgba(255, 188, 70, 1)" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-unknown.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-unknown.svg
new file mode 100644
index 0000000..7fb10a2
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/lift-unknown.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.6513671875" height="14.65087890625" viewBox="0 0 14.6513671875 14.65087890625" fill="none">
+<path d="M12.6509 -1.17188e-05L1.99995 -1.17188e-05C0.895384 -1.17188e-05 -4.68751e-05 0.895419 -4.68751e-05 1.99999L-4.68751e-05 12.6509C-4.68751e-05 13.7555 0.895384 14.6509 1.99995 14.6509L12.6509 14.6509C13.7555 14.6509 14.6509 13.7555 14.6509 12.6509L14.6509 1.99999C14.6509 0.895419 13.7555 -1.17188e-05 12.6509 -1.17188e-05ZM6.76406 4.16484C6.23629 4.16484 5.80858 3.73709 5.80855 3.20936L5.80858 3.20936C5.80858 2.68167 6.23629 2.25389 6.76406 2.25389C7.29173 2.25389 7.71953 2.68167 7.71953 3.20936C7.71953 3.73709 7.29173 4.16484 6.76406 4.16484ZM5.80855 7.5471L5.80855 5.12019C5.80855 4.79533 6.05697 4.54689 6.38183 4.54689L7.1462 4.54689C7.47106 4.54689 7.71953 4.79533 7.71953 5.12019L7.71953 5.63612L5.80858 7.5471L5.80855 7.5471ZM3.40053 11.6944L5.17775 11.6944C5.4835 11.6944 5.77012 11.5606 5.98034 11.3503L10.3183 7.01241L11.4839 7.01241C12.1146 7.01241 12.6306 6.49651 12.6306 5.86587C12.6306 5.23525 12.1146 4.71929 11.4839 4.71929L9.84051 4.71929C9.55385 4.71929 9.24811 4.85308 9.0379 5.06328L4.69998 9.40117L3.40053 9.40117C2.76991 9.40117 2.25395 9.91717 2.25395 10.5478C2.25395 11.1784 2.76991 11.6944 3.40053 11.6944Z" fill-rule="evenodd"  fill="rgba(167, 66, 255, 1)" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-alarm.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-alarm.svg
new file mode 100644
index 0000000..d3bc47c
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-alarm.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.3515625" height="15.353515625" viewBox="0 0 15.3515625 15.353515625" fill="none">
+<path d="M15.0734 11.1506L8.34844 15.1864C8.16256 15.2977 7.91856 15.3532 7.67626 15.3532C7.43304 15.3532 7.18901 15.2977 7.00313 15.1864L0.278229 11.1506C-0.0927429 10.9286 -0.0927429 10.5665 0.278229 10.3439L1.41856 9.66016L6.60805 12.774C6.90598 12.9521 7.28445 13.0505 7.67619 13.0505C8.06707 13.0505 8.44553 12.9521 8.74334 12.774L13.9328 9.66016L15.0733 10.3439C15.4443 10.5663 15.4443 10.9286 15.0734 11.1506Z"   fill="rgba(243, 97, 99, 1)" >
+</path>
+<path d="M15.0734 8.07971L8.34844 12.1144C8.16256 12.2256 7.91856 12.2816 7.67626 12.2816C7.43304 12.2816 7.18901 12.2256 7.00313 12.1144L0.278229 8.07971C-0.0927429 7.85651 -0.0927429 7.49554 0.278229 7.27222L1.41856 6.58789L6.60805 9.70172C6.90598 9.88031 7.28445 9.97888 7.67619 9.97888C8.06707 9.97888 8.44553 9.88031 8.74334 9.70172L13.9328 6.58789L15.0733 7.27222C15.4443 7.49554 15.4443 7.85657 15.0734 8.07971Z"   fill="rgba(243, 97, 99, 1)" >
+</path>
+<path d="M15.0734 5.00887L8.34847 9.04474C8.16256 9.15551 7.91859 9.21149 7.67625 9.21149C7.43299 9.21149 7.189 9.15551 7.00311 9.04474L0.278252 5.00887C-0.0927505 4.78691 -0.0927505 4.42469 0.278252 4.20217L7.00311 0.166824C7.189 0.0556412 7.43299 0 7.67625 0C7.91859 0 8.16256 0.055542 8.34847 0.166824L15.0734 4.20217C15.4443 4.42469 15.4443 4.78691 15.0734 5.00887Z"   fill="rgba(243, 97, 99, 1)" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-fault.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-fault.svg
new file mode 100644
index 0000000..28f1b49
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-fault.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.3515625" height="15.353515625" viewBox="0 0 15.3515625 15.353515625" fill="none">
+<path d="M15.0734 11.1506L8.34844 15.1864C8.16256 15.2977 7.91856 15.3532 7.67626 15.3532C7.43304 15.3532 7.18901 15.2977 7.00313 15.1864L0.278229 11.1506C-0.0927429 10.9286 -0.0927429 10.5665 0.278229 10.3439L1.41856 9.66016L6.60805 12.774C6.90598 12.9521 7.28445 13.0505 7.67619 13.0505C8.06707 13.0505 8.44553 12.9521 8.74334 12.774L13.9328 9.66016L15.0733 10.3439C15.4443 10.5663 15.4443 10.9286 15.0734 11.1506Z"   fill="#FF7636" >
+</path>
+<path d="M15.0734 8.07971L8.34844 12.1144C8.16256 12.2256 7.91856 12.2816 7.67626 12.2816C7.43304 12.2816 7.18901 12.2256 7.00313 12.1144L0.278229 8.07971C-0.0927429 7.85651 -0.0927429 7.49554 0.278229 7.27222L1.41856 6.58789L6.60805 9.70172C6.90598 9.88031 7.28445 9.97888 7.67619 9.97888C8.06707 9.97888 8.44553 9.88031 8.74334 9.70172L13.9328 6.58789L15.0733 7.27222C15.4443 7.49554 15.4443 7.85657 15.0734 8.07971Z"   fill="#FF7636" >
+</path>
+<path d="M15.0734 5.00887L8.34847 9.04474C8.16256 9.15551 7.91859 9.21149 7.67625 9.21149C7.43299 9.21149 7.189 9.15551 7.00311 9.04474L0.278252 5.00887C-0.0927505 4.78691 -0.0927505 4.42469 0.278252 4.20217L7.00311 0.166824C7.189 0.0556412 7.43299 0 7.67625 0C7.91859 0 8.16256 0.055542 8.34847 0.166824L15.0734 4.20217C15.4443 4.42469 15.4443 4.78691 15.0734 5.00887Z"   fill="#FF7636" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-normal.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-normal.svg
new file mode 100644
index 0000000..5188930
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-normal.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.3515625" height="15.353515625" viewBox="0 0 15.3515625 15.353515625" fill="none">
+<path d="M15.0734 11.1506L8.34844 15.1864C8.16256 15.2977 7.91856 15.3532 7.67626 15.3532C7.43304 15.3532 7.18901 15.2977 7.00313 15.1864L0.278229 11.1506C-0.0927429 10.9286 -0.0927429 10.5665 0.278229 10.3439L1.41856 9.66016L6.60805 12.774C6.90598 12.9521 7.28445 13.0505 7.67619 13.0505C8.06707 13.0505 8.44553 12.9521 8.74334 12.774L13.9328 9.66016L15.0733 10.3439C15.4443 10.5663 15.4443 10.9286 15.0734 11.1506Z"   fill="rgba(0, 255, 210, 1)" >
+</path>
+<path d="M15.0734 8.07971L8.34844 12.1144C8.16256 12.2256 7.91856 12.2816 7.67626 12.2816C7.43304 12.2816 7.18901 12.2256 7.00313 12.1144L0.278229 8.07971C-0.0927429 7.85651 -0.0927429 7.49554 0.278229 7.27222L1.41856 6.58789L6.60805 9.70172C6.90598 9.88031 7.28445 9.97888 7.67619 9.97888C8.06707 9.97888 8.44553 9.88031 8.74334 9.70172L13.9328 6.58789L15.0733 7.27222C15.4443 7.49554 15.4443 7.85657 15.0734 8.07971Z"   fill="rgba(0, 255, 210, 1)" >
+</path>
+<path d="M15.0734 5.00887L8.34847 9.04474C8.16256 9.15551 7.91859 9.21149 7.67625 9.21149C7.43299 9.21149 7.189 9.15551 7.00311 9.04474L0.278252 5.00887C-0.0927505 4.78691 -0.0927505 4.42469 0.278252 4.20217L7.00311 0.166824C7.189 0.0556412 7.43299 0 7.67625 0C7.91859 0 8.16256 0.055542 8.34847 0.166824L15.0734 4.20217C15.4443 4.42469 15.4443 4.78691 15.0734 5.00887Z"   fill="rgba(0, 255, 210, 1)" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-repair.svg b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-repair.svg
new file mode 100644
index 0000000..9709cea
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/state-repair.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.3515625" height="15.353515625" viewBox="0 0 15.3515625 15.353515625" fill="none">
+<path d="M15.0734 11.1506L8.34844 15.1864C8.16256 15.2977 7.91856 15.3532 7.67626 15.3532C7.43304 15.3532 7.18901 15.2977 7.00313 15.1864L0.278229 11.1506C-0.0927429 10.9286 -0.0927429 10.5665 0.278229 10.3439L1.41856 9.66016L6.60805 12.774C6.90598 12.9521 7.28445 13.0505 7.67619 13.0505C8.06707 13.0505 8.44553 12.9521 8.74334 12.774L13.9328 9.66016L15.0733 10.3439C15.4443 10.5663 15.4443 10.9286 15.0734 11.1506Z"   fill="rgba(255, 188, 70, 1)" >
+</path>
+<path d="M15.0734 8.07971L8.34844 12.1144C8.16256 12.2256 7.91856 12.2816 7.67626 12.2816C7.43304 12.2816 7.18901 12.2256 7.00313 12.1144L0.278229 8.07971C-0.0927429 7.85651 -0.0927429 7.49554 0.278229 7.27222L1.41856 6.58789L6.60805 9.70172C6.90598 9.88031 7.28445 9.97888 7.67619 9.97888C8.06707 9.97888 8.44553 9.88031 8.74334 9.70172L13.9328 6.58789L15.0733 7.27222C15.4443 7.49554 15.4443 7.85657 15.0734 8.07971Z"   fill="rgba(255, 188, 70, 1)" >
+</path>
+<path d="M15.0734 5.00887L8.34847 9.04474C8.16256 9.15551 7.91859 9.21149 7.67625 9.21149C7.43299 9.21149 7.189 9.15551 7.00311 9.04474L0.278252 5.00887C-0.0927505 4.78691 -0.0927505 4.42469 0.278252 4.20217L7.00311 0.166824C7.189 0.0556412 7.43299 0 7.67625 0C7.91859 0 8.16256 0.055542 8.34847 0.166824L15.0734 4.20217C15.4443 4.42469 15.4443 4.78691 15.0734 5.00887Z"   fill=" rgba(255, 188, 70, 1)" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/liftState/straightLadder.png b/hx-ai-intelligent/src/view/equipmentControl/image/liftState/straightLadder.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3c15d355461e47a3f3ff8e03c1f2204994cfe8a
GIT binary patch
literal 2315
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

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 da06560..22b2dc6 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
@@ -1,44 +1,143 @@
 <template>
-  <div class="map-box">
-    <div class="map">
-      <liftInfo v-for="(item, index) in liftBox" :key="index" :liftInfo="item" />
-    </div>
+  <div class="left-box">
+    <liftInfo
+      v-for="(item, index) in liftBox"
+      :key="index"
+      :liftInfo="item"
+      @click="clickLift(item)" />
+    <a-drawer
+      v-model:visible="visible"
+      class="left-item"
+      :width="600"
+      :forceRender="preload"
+      placement="right"
+      :body-style="{
+        backgroundColor: 'rgba(0, 0, 0, 1)',
+        overflow: 'hidden',
+        position: 'relative',
+      }"
+      :closable="false"
+      id="drawer"
+      :maskStyle="{ 'background-color': 'rgba(0, 0, 0,0.5)' }">
+      <a-tabs :activeKey="'1'">
+        <a-tab-pane key="1" tab="日志">
+          <liftPage ref="leftPage" @clickDrawer="clickDrawer" />
+        </a-tab-pane>
+      </a-tabs>
+    </a-drawer>
   </div>
 </template>
 
 <script setup lang="ts">
   import { ref, onMounted } from 'vue';
   import liftInfo from './liftInfo.vue';
+  import liftPage from './liftPage.vue';
   // 请求
 
-  // 初始化 ===========================================================
+  //弹窗
+  const visible = ref(false);
+  // 预加载flag，获得分区数据后，预加载抽屉，防止获取ref报错
+  const preload = ref(false);
+  //选择的电梯
+  const selctLeft = ref({});
+  // table页面 ref
+  const leftPage = ref(null);
 
+  // 初始化 ===========================================================
   onMounted(() => {});
 
   // tab页部分 ========================================================
   const liftBox = ref([
     {
-      name: '办公区域扶梯A',
+      name: '1站台西侧扶梯',
       workState: 1,
       faultState: 2,
       direction: 1,
       type: 2,
       isLeft: true,
-      styleText: { left: '245px', bottom: '230px' },
+      styleText: { left: '10%', bottom: '33%' },
     },
     {
-      name: '办公区域扶梯B',
+      name: '2站台西侧扶梯',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '3%', bottom: '52%' },
+    },
+    {
+      name: '2站台东侧扶梯',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '48%', bottom: '69%' },
+    },
+    {
+      name: '1站台东侧扶梯',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '65%', bottom: '62%' },
+    },
+    {
+      name: '办公东区扶梯',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '78%', bottom: '42%' },
+    },
+    {
+      name: '办公西区扶梯',
+      workState: 1,
+      faultState: 2,
+      direction: 1,
+      type: 2,
+      isLeft: true,
+      styleText: { left: '15%', bottom: '15%' },
+    },
+    {
+      name: '1站台直梯',
       workState: 0,
       faultState: 3,
       direction: 0,
       type: 1,
       isLeft: false,
-      styleText: { left: '700px', bottom: '360px' },
+      styleText: { left: '35%', bottom: '50%' },
+    },
+    {
+      name: '2站台直梯',
+      workState: 0,
+      faultState: 3,
+      direction: 0,
+      type: 1,
+      isLeft: false,
+      styleText: { left: '52%', bottom: '52%' },
     },
   ]);
+  //点击获取详情
+  const clickLift = (item: any) => {
+    visible.value = true;
+    console.log(item, '获取详细日志');
+    selctLeft.value = item;
+    setTimeout(() => {
+      leftPage.value.toggle(selctLeft.value);
+    }, 100);
+    // 开始预加载
+    preload.value = true;
+  };
+  const clickDrawer = () => {
+    visible.value = false;
+  };
 </script>
 <style lang="less" scoped>
-  .map-box {
+  .left-box {
     // 颜色变量，用于区别颜色
     // 正常 - 开启 - 上行 -下行
     --on: #0dffa4;
@@ -56,10 +155,24 @@
     --size: 40px;
     width: 100%;
     height: 100%;
-    .map {
-      width: 1280px;
-      height: 720px;
-      background-image: url(../image/bg.jpg);
-    }
+    position: relative;
+    border-radius: 4px;
+    background-image: url(../image/bg.jpg);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    overflow: hidden;
+  }
+  :deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
+    color: white !important;
+  }
+  :deep(.ant-tabs-ink-bar) {
+    background: linear-gradient(180deg, rgba(86, 221, 253, 1) 0%, rgba(25, 176, 255, 1) 100%);
+  }
+  :deep(.ant-tabs-tabpane) {
+    color: white;
+    padding: 20px 20px 0px 20px;
+    width: 100%;
+    height: 950px;
+    overflow: hidden;
   }
 </style>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
index ff7a321..e14bf23 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftInfo.vue
@@ -26,26 +26,73 @@
             </div>
           </div>
           <!-- 是否故障 -->
+          <!-- 维修故障告警 -->
           <div class="item">
             <div class="item-box">
               <div class="icon">
                 <div class="icon-item">
-                  <img src="../image/liftState/lift-normal.svg" alt="" />
+                  <img
+                    :src="
+                      { '0': stateNormal, '1': stateRepair, '2': stateFault, '3': stateAlarm }[3]
+                    "
+                    alt="" />
                 </div>
               </div>
             </div>
-            <div class="item-text">开启</div>
+            <div
+              class="item-text"
+              :style="{
+                color: {
+                  '0': 'rgba(0, 255, 210, 1)', //正常
+                  '1': 'rgba(255, 188, 70, 1)', //维修
+                  '2': 'rgba(255, 118, 54, 1)', //故障
+                  '3': 'rgba(243, 97, 99, 1)', //告警
+                }[3],
+              }"
+              >{{ { '0': '正常', '1': '维修', '2': '故障', '3': '告警' }[3] }}</div
+            >
           </div>
           <!-- 如何运行 -->
+          <!-- 上行 下行 暂停 急停 未知 -->
           <div class="item">
             <div class="item-box">
               <div class="icon">
                 <div class="icon-item">
-                  <img src="../image/liftState/lift-normal.svg" alt="" />
+                  <img
+                    :src="
+                      {
+                        '0': liftNormal,
+                        '1': liftNormal,
+                        '2': liftPause,
+                        '3': liftStop,
+                        '4': liftUnknown,
+                      }[2]
+                    "
+                    alt="" />
                 </div>
               </div>
             </div>
-            <div class="item-text">开启</div>
+            <div
+              class="item-text"
+              :style="{
+                color: {
+                  '0': 'rgba(0, 255, 210, 1)', //上行
+                  '1': 'rgba(0, 255, 210, 1)', //下行
+                  '2': 'rgba(255, 188, 70, 1)', //暂停
+                  '3': 'rgba(243, 97, 99, 1)', //急停
+                  '4': 'rgba(167, 66, 255, 1)', //未知
+                }[2],
+              }"
+              >{{
+                {
+                  '0': '上行', //上行
+                  '1': '下行', //下行
+                  '2': '暂停', //暂停
+                  '3': '急停', //急停
+                  '4': '未知', //未知
+                }[2]
+              }}</div
+            >
           </div>
         </div>
       </div>
@@ -56,6 +103,15 @@
 
 <script setup lang="ts">
   import { ref, computed, onMounted } from 'vue';
+  //图片
+  import stateRepair from '../image/liftState/state-repair.svg'; //维修
+  import stateFault from '../image/liftState/state-fault.svg'; //故障
+  import stateAlarm from '../image/liftState/state-alarm.svg'; //告警
+  import stateNormal from '../image/liftState/state-normal.svg'; //正常
+  import liftNormal from '../image/liftState/lift-normal.svg'; //上下行
+  import liftStop from '../image/liftState/lift-stop.svg'; //急停
+  import liftUnknown from '../image/liftState/lift-unknown.svg'; //未知
+  import liftPause from '../image/liftState/lift-pause.svg'; //暂停
 
   // 请求
 
@@ -118,8 +174,8 @@
       .info-box {
         // 字体颜色变量
         --text: rgb(20, 255, 255);
-        width: 250px;
-        height: 130px;
+        width: 224.54px;
+        height: 110px;
         display: flex;
         gap: 5px;
         flex-direction: column;
@@ -138,8 +194,9 @@
           .dot {
             display: inline-block;
             width: 2px;
-            height: 16px;
+            height: 12px;
             vertical-align: middle;
+            margin-top: -4px;
             background: var(--text);
           }
           // 标题
@@ -165,22 +222,22 @@
               justify-content: center;
               // border: 1px solid red;
               .icon {
-                width: 55px;
-                height: 55px;
+                width: 45px;
+                height: 45px;
                 background-image: url(../image/box.svg);
                 background-size: 130% 130%;
                 background-repeat: no-repeat;
-                background-position: left -8px top -8px;
+                background-position: left -6.5px top -3px;
                 // border: 1px solid red;
                 position: relative;
                 .icon-item {
                   position: absolute;
-                  width: 20px;
-                  height: 20px;
-                  left: 0;
+                  width: 16px;
+                  height: 16px;
+                  left: 1px;
                   right: 0;
                   bottom: 0;
-                  top: 0;
+                  top: -1px;
                   margin: auto;
                   img {
                     width: 100%;
@@ -190,6 +247,7 @@
               }
             }
             .item-text {
+              margin-top: 2px;
               height: 20px;
               text-align: center;
               font-size: 12px;
diff --git a/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue
new file mode 100644
index 0000000..63a2403
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue
@@ -0,0 +1,279 @@
+<template>
+  <div style="width: 100%; height: 100%; overflow: hidden">
+    <div style="width: 100%; height: 50px; display: flex">
+      <img
+        v-if="selctLeft.type == 1"
+        style="width: 42px; height: 42px; margin-left: -6px"
+        src="../image/liftState/straightLadder.png"
+        alt="" />
+      <img
+        v-else-if="selctLeft.type == 2"
+        style="width: 42px; height: 42px; margin-left: -6px"
+        src="../image/liftState/escalator.png"
+        alt="" />
+      <div style="margin-left: 6px; font-size: 20px; line-height: 28px">
+        {{ selctLeft.name }}
+      </div>
+    </div>
+    <!-- 左侧抽屉的关闭按钮 -->
+    <div class="drawer-box-out" @click="clickDrawer()">
+      <DoubleRightOutlined class="drawer-icon" style="color: white" />
+    </div>
+    <div style="width: 100%; height: calc(100% - 50px); display: flex; position: relative">
+      <a-table
+        style="width: 100%"
+        :columns="column"
+        :data-source="dataSource"
+        :pagination="pagination">
+        <template #bodyCell="{ record, column }">
+          <template v-if="column.dataIndex === 'switch'">
+            <a-tag
+              style="background-color: rgba(0, 0, 0, 0.5); width: 50px"
+              :style="{
+                border: {
+                  '0': '1px solid rgba(0, 255, 210, 1)', //2
+                  '1': '1px solid rgba(191, 205, 226, 1)', //关闭
+                }[record.switch],
+                color: {
+                  '0': 'rgba(0, 255, 210, 1)', //正常
+                  '1': 'rgba(191, 205, 226, 1)', //关闭
+                }[record.switch],
+              }"
+              >{{ { '0': '开启', '1': '关闭' }[record.switch] }}</a-tag
+            >
+          </template>
+          <template v-if="column.dataIndex === 'state'">
+            <a-tag
+              style="background-color: rgba(0, 0, 0, 0.5); width: 50px"
+              :style="{
+                border: {
+                  '0': '1px solid rgba(0, 255, 210, 1)', //正常
+                  '1': '1px solid rgba(255, 188, 70, 1)', //维修
+                  '2': '1px solid rgba(255, 118, 54, 1)', //故障
+                  '3': '1px solid rgba(243, 97, 99, 1)', //告警
+                }[record.state],
+                color: {
+                  '0': 'rgba(0, 255, 210, 1)', //正常
+                  '1': 'rgba(255, 188, 70, 1)', //维修
+                  '2': 'rgba(255, 118, 54, 1)', //故障
+                  '3': 'rgba(243, 97, 99, 1)', //告警
+                }[record.state],
+              }"
+              >{{ { '0': '正常', '1': '维修', '2': '故障', '3': '告警' }[record.state] }}</a-tag
+            >
+          </template>
+          <template v-if="column.dataIndex === 'lift'">
+            <a-tag
+              style="background-color: rgba(0, 0, 0, 0.5); width: 50px"
+              :style="{
+                border: {
+                  '0': '1px solid rgba(0, 255, 210, 1)', //上行
+                  '1': '1px solid rgba(0, 255, 210, 1)', //下行
+                  '2': '1px solid rgba(255, 188, 70, 1)', //暂停
+                  '3': '1px solid rgba(243, 97, 99, 1)', //急停
+                  '4': '1px solid rgba(167, 66, 255, 1)', //未知
+                }[record.lift],
+                color: {
+                  '0': 'rgba(0, 255, 210, 1)', //上行
+                  '1': 'rgba(0, 255, 210, 1)', //下行
+                  '2': 'rgba(255, 188, 70, 1)', //暂停
+                  '3': 'rgba(243, 97, 99, 1)', //急停
+                  '4': 'rgba(167, 66, 255, 1)', //未知
+                }[record.lift],
+              }"
+              >{{
+                {
+                  '0': '上行', //上行
+                  '1': '下行', //下行
+                  '2': '暂停', //暂停
+                  '3': '急停', //急停
+                  '4': '未知', //未知
+                }[record.lift]
+              }}</a-tag
+            >
+          </template>
+        </template>
+      </a-table>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { DoubleRightOutlined } from '@ant-design/icons-vue';
+
+  import { ref } from 'vue';
+  const emit = defineEmits(['clickDrawer']);
+
+  const selctLeft = ref({});
+  // 改变页码
+  const handleChangePage = (current: number, pageSize: number) => {
+    pagination.value.current = current;
+    pagination.value.pageSize = pageSize;
+  };
+
+  const dataSource = ref([
+    { time: '2022-03-01 10:00:00', state: '0', switch: '0', lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 2 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '3', switch: 0, lift: 0 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '3', switch: 0, lift: 3 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '0', switch: 0, lift: 4 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '3', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 0 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '3', switch: 0, lift: 3 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '0', switch: 0, lift: 4 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 1 },
+    { time: '2022-03-01 10:00:00', state: '1', switch: 0, lift: 2 },
+    { time: '2022-03-01 10:00:00', state: '2', switch: 0, lift: 1 },
+  ]);
+  const pagination = ref({
+    total: dataSource.value.length,
+    size: 'small',
+    current: 1,
+    pageSize: 10,
+    showQuickJumper: false,
+    showLessItems: false,
+    showSizeChanger: false,
+    responsive: true,
+    showTotal: (total: number, range: any) => (total && range ? `` : ''), //显示第${range[0]}到${range[1]}条记录,共 ${total} 条记录
+    onChange: handleChangePage,
+  });
+  const column = [
+    {
+      title: '执行时间',
+      dataIndex: 'time',
+      key: 'time',
+      width: 140,
+    },
+    {
+      title: '开关',
+      dataIndex: 'switch',
+      key: 'switch',
+      width: 80,
+    },
+    {
+      title: '状态',
+      dataIndex: 'state',
+      key: 'state',
+      width: 80,
+    },
+    {
+      title: '模式',
+      dataIndex: 'lift',
+      key: 'lift',
+      width: 80,
+    },
+  ];
+  const toggle = (data: any) => {
+    pagination.value.current = 1;
+    selctLeft.value = data;
+  };
+  const clickDrawer = () => {
+    emit('clickDrawer');
+  };
+  defineExpose({
+    toggle,
+  });
+</script>
+<style scoped lang="less">
+  :deep(.ant-table-thead > tr) {
+    height: 30px !important;
+  }
+  :deep(.ant-table-tbody > tr) {
+    height: 30px !important;
+  }
+  :deep(.ant-table-thead > tr > th) {
+    background-color: #1a2230;
+    border: 1px solid rgba(163, 192, 243, 0.8);
+    color: white;
+    text-align: center;
+    font-weight: normal !important;
+    padding: 12px !important;
+  }
+  :deep(.ant-table-tbody > tr > td) {
+    background-color: rgba(0, 0, 0, 0.9) !important;
+    color: white;
+    border: 1px solid rgba(163, 192, 243, 0.8);
+    text-align: center;
+    padding: 12px !important;
+  }
+  :deep(.ant-table-row:hover td) {
+    background: rgba(0, 0, 0, 0.9) !important;
+    cursor: pointer;
+  }
+  :deep(.ant-tabs-tab-btn) {
+    font-size: 20px;
+    font-weight: bold;
+    color: #fff !important;
+  }
+  //分页
+  :deep(.ant-pagination-item) {
+    background-color: rgba(0, 0, 0, 1) !important;
+    border: 1px solid rgba(147, 200, 243, 1) !important;
+    border-radius: 2px !important;
+    margin: 0 8px !important;
+  }
+  :deep(.ant-pagination-item a) {
+    color: rgba(12, 140, 246, 1) !important;
+  }
+  :deep(.ant-pagination-item-active) {
+    border-radius: 2px !important;
+    background: rgba(12, 140, 246, 1) !important;
+  }
+  :deep(.ant-pagination-item-active a) {
+    color: white !important;
+  }
+  :deep(.ant-pagination-prev) {
+    background-color: rgba(0, 0, 0, 1) !important;
+    border: 1px solid rgba(147, 200, 243, 1) !important;
+  }
+  :deep(.ant-pagination-next) {
+    background-color: rgba(0, 0, 0, 1) !important;
+    border: 1px solid rgba(147, 200, 243, 1) !important;
+  }
+  :deep(.anticon) {
+    color: rgba(12, 140, 246, 1) !important;
+  }
+  :deep(.ant-table-pagination) {
+    display: flex;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+  }
+  :deep(.ant-spin-container) {
+    height: 100% !important;
+  }
+  :deep(.ant-spin-nested-loading) {
+    height: 100% !important;
+  }
+  //分页 在右边 取消
+  // :deep(.ant-table-pagination-right) {
+  //   justify-content: normal !important;
+  // }
+  // 抽屉关闭按钮
+  .drawer-box-out {
+    width: 24px;
+    height: 24px;
+    border-radius: 2px;
+    position: absolute;
+    right: 576px;
+    z-index: 2;
+    top: 50%;
+    margin: auto;
+    background: #268aff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    border-radius: 0 8px 8px 0;
+    color: white;
+  }
+  :deep(.anticon) {
+    color: #fff !important;
+  }
+</style>