From 093388d51f56e95d155f204971d49fe303b76408 Mon Sep 17 00:00:00 2001
From: longyvfengyun <496960745@qq.com>
Date: 星期三, 06 九月 2023 17:24:24 +0800
Subject: [PATCH] 门禁历史记录

---
 src/views/accessControl/js/doorInfoModule.js |   76 +++++++++++++++++++++-----------------
 1 files changed, 42 insertions(+), 34 deletions(-)

diff --git a/src/views/accessControl/js/doorInfoModule.js b/src/views/accessControl/js/doorInfoModule.js
index a62ef48..a160380 100644
--- a/src/views/accessControl/js/doorInfoModule.js
+++ b/src/views/accessControl/js/doorInfoModule.js
@@ -1,57 +1,63 @@
 import createWs from "@/assets/js/tools/websocket/createWs";
-import {onMounted, reactive} from "vue";
+import {onMounted, ref} from "vue";
 import door from "@/assets/js/const/door";
 import getLabelByKey from "@/assets/js/tools/getLabelByKey";
-import {changeDoorState} from "@/views/accessControl/js/api";
+import {changeDoorState, searchDoorInfoApi} from "@/views/accessControl/js/api";
 import {ElLoading, ElMessage} from "element-plus";
 const lockStatusList = door.lockStatus;
 const doorInfoModule = ()=>{
   const {
     SOCKET
-  } = createWs("carCameraSocket");
+  } = createWs("carCameraRtSocket");
 
-  const doorInfos = reactive([
+  const doorInfos = ref([
     {
+      carcameraId: 8001,
+      carcameraName: "鏅鸿兘瀹為獙瀹�",
       ip: "192.168.0.18",
-      passWord: "a1234567.",
+      num: 1,
+      password: "a1234567.",
       port: 8000,
-      userName: "admin",
       status: 0,
-      name: "鏅鸿兘瀹為獙瀹�",
-      statusText: "鏈煡"
-    },
-    {
-      ip: "192.168.0.19",
-      passWord: "a1234567.",
-      port: 8000,
-      userName: "admin",
-      status: 0,
-      name: "PCR瀹為獙瀹�",
-      statusText: "鏈煡"
-    },
-    {
-      ip: "192.168.0.44",
-      passWord: "a1234567.",
-      port: 8000,
-      userName: "admin",
-      status: 0,
-      name: "瑗胯棌瀹夌惇",
-      statusText: "鏈煡"
-    },
+      statusText: "姝e父鍏�",
+      userName: "admin"
+    }
   ]);
 
+
+  const searchDoorInfo = async ()=>{
+    try{
+      const res = await searchDoorInfoApi();
+      const rs = res.data;
+      if(rs.code === 1 && rs.data) {
+        doorInfos.value = rs.data2.map(item=>{
+          item.status = -1;
+          item.statusText = "鏈煡";
+          return item;
+        });
+      }
+    }catch (e) {
+      console.log(e);
+    }
+  }
   const handleOpen = ()=>{
-    SOCKET.value.send(JSON.stringify(doorInfos));
+    SOCKET.value.send(JSON.stringify(doorInfos.value));
   }
 
   const handleMessage = (res)=>{
     let rs = JSON.parse(res.data);
-    let data = rs.data;
-    doorInfos.map(item=>{
-      let doorInfo = data[item.ip];
-      item.status = doorInfo.data2.lockStatus;
-      item.statusText = getLabelByKey(doorInfo.data2.lockStatus, lockStatusList, "鏈煡");
-    });
+    if(rs.code ===1 && rs.data) {
+      let data = rs.data2;
+      doorInfos.value.map(item=>{
+        for(let i=0; i<data.length; i++) {
+          if(item.carcameraId === data[i].carcameraId) {
+            const lockStatus = data[i].lockStatus;
+            item.status = lockStatus;
+            item.statusText = getLabelByKey(lockStatus, lockStatusList, "鏈煡");
+          }
+        }
+      });
+    }
   }
   /**
    * 寮�鍚棬绂�
@@ -119,6 +125,8 @@
   }
 
   onMounted(()=>{
+    searchDoorInfo();
+
     SOCKET.value.addEventListener("open", handleOpen, false);
     SOCKET.value.addEventListener("message", handleMessage, false);
   });

--
Gitblit v1.9.1