fix:修改电动门页面

hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue

@@ -56,13 +56,20 @@
                 <template #bodyCell="{ record, column }">
                   <template v-if="column.dataIndex === 'EGstRu'">
                     <a-tag
-                      style="background-color: rgba(0, 0, 0, 0.5); width: 50px"
+                      style="
+                        background-color: rgba(0, 0, 0, 0.5);
+                        width: 60px;
+                        font-size: 14px;
+                        border-radius: 4px;
+                      "
                       :style="{
-                        border: '1px solid' + ['#39d7bb', '#f3614d', '#ffa403'][record.EGstRu],
+                        border:
-                        color: ['#39d7bb', '#f3614d', '#ffa403'][record.EGstRu],
+                          '1px solid ' +
-                      }"
+                          { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu],
-                      >{{ record.EGstRu }}</a-tag
+                        color: { '0': '#bfcde2', '1': '#0dffa4', '2': '#ffbc46' }[record.EGstRu],
-                    >
+                      }">
+                      {{ record.runMode.label }}
+                    </a-tag>
                   </template>
                 </template>
               </a-table>
@@ -114,12 +121,11 @@
       })
       .then((res) => {
         if (res.msg === 'success') {
-          console.log(res, '数据');
           dataSource.value = res.data;
         }
       });
   };
-  const intervalId = setInterval(getDoorList, 10000);
+  const intervalId = setInterval(getDoorList, 600000);
   //页面 创建
   onMounted(() => {
     //调用电梯接口 定时获取电梯接口 获取当前门状态
@@ -127,10 +133,10 @@
   });
   // 页面销毁
   onUnmounted(() => {
-    console.log('组件已卸载');
     // 这里写销毁时需要执行的逻辑
     clearInterval(intervalId);
   });
+  //table ref
   const tables = ref(null);
   const customRow = (record: any) => {
     return {
@@ -157,7 +163,7 @@
       dataIndex: 'time',
       key: 'time',
       width: 100,
-      customRender: ({ value }) => {
+      customRender: ({ value }: any) => {
         return value.substring(11, 19);
       },
     },
@@ -334,4 +340,7 @@
       transform: translateX(400px); /* 移动到离开位置 */
     }
   }
+  :deep(.ant-tabs) {
+    overflow-y: auto !important;
+  }
 </style>

hx-ai-intelligent/src/view/equipmentControl/electricDoor/tables.vue

@@ -1,11 +1,14 @@
 <template>
-  <a-table :columns="columnLog" :data-source="dataSourceLog" :pagination="pagination">
+  <a-table
+    :columns="columnLog"
+    :data-source="dataSourceLog"
+    :pagination="pagination"
+    :loading="loading">
     <template #bodyCell="{ record, column }">
       <template v-if="column.dataIndex === 'state'">
-        <span
+        <span :style="{ color: { '0': '#bfcde2', '1': '#0dffa4' }[record.switchStatus.value] }">{{
-          :style="{ color: record.state === '开启' ? 'rgb(149, 242, 4)' : 'rgb(245, 154, 35)' }"
+          record.switchStatus.label
-          >{{ record.state }}</span
+        }}</span>
-        >
       </template>
     </template>
   </a-table>
@@ -26,9 +29,10 @@
       const handleChangePage = (current: number, pageSize: number) => {
         pagination.value.current = current;
         pagination.value.pageSize = pageSize;
-        console.log(current, pageSize);
+        getList();
       };
       const info = ref({});
+      const loading = ref(false);
       const pagination = ref({
         total: 0,
         size: 'small',
@@ -45,8 +49,8 @@
       const columnLog = [
         {
           title: '执行时间',
-          dataIndex: 'age',
+          dataIndex: 'time',
-          key: 'age',
+          key: 'time',
           width: 140,
         },
         {
@@ -56,34 +60,9 @@
           width: 80,
         },
       ];
-      const dataSourceLog = ref([
+      const dataSourceLog = ref([]);
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-        { age: '2024-07-26 23:50:20', state: '关闭' },
-        { age: '2024-07-26 23:50:20', state: '开启' },
-      ]);
       const getList = () => {
+        loading.value = true;
         http
           .get(electricDoorApi.getDeviceRecordList, {
             projectId: state.projectId,
@@ -94,9 +73,12 @@
           })
           .then((res) => {
             if (res.msg === 'success') {
-              console.log(res, '数据');
+              dataSourceLog.value = res.data.data;
-              dataSourceLog.value = res.data;
+              pagination.value.total = res.data.total;
             }
+          })
+          .finally(() => {
+            loading.value = false;
           });
       };
       const toggle = (data: any) => {
@@ -110,6 +92,7 @@
         pagination,
         handleChangePage,
         info,
+        loading,
         getList,
       };
     },