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