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/accessControl.vue | 42 +++++++++++++++++++++++++-----------------
1 files changed, 25 insertions(+), 17 deletions(-)
diff --git a/src/views/accessControl/accessControl.vue b/src/views/accessControl/accessControl.vue
index e1c17c5..f5265ed 100644
--- a/src/views/accessControl/accessControl.vue
+++ b/src/views/accessControl/accessControl.vue
@@ -1,9 +1,10 @@
<script setup>
+import {ref} from "vue";
import FlexBox from "@/components/FlexBox.vue";
import doorInfoModule from "@/views/accessControl/js/doorInfoModule";
-import HdwLight from "@/components/HdwLight.vue";
import {ElMessageBox} from "element-plus";
-const {doorInfos, openDoor, closeDoor} = doorInfoModule();
+import DoorHistoryData from "@/views/accessControl/components/doorHistoryData.vue";
+const {doorInfos, openDoor} = doorInfoModule();
const openDoorConfirm = async (info)=>{
ElMessageBox.confirm(
"纭寮�鍚棬绂�",
@@ -19,20 +20,15 @@
}).catch(()=>{});
}
-const closeDoorConfirm = async (info)=>{
- ElMessageBox.confirm(
- "纭鍏抽棴闂ㄧ",
- "绯荤粺鎻愮ず",
- {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'info',
- draggable: true,
- }
- ).then(()=>{
- closeDoor(info);
- }).catch(()=>{});
+const doorHistoryDialog = ref(false);
+const carcameraId = ref(0);
+const carcameraName = ref(0);
+const showHistoryDialog = (data)=>{
+ doorHistoryDialog.value = true;
+ carcameraId.value = data.carcameraId;
+ carcameraName.value =data.carcameraName;
}
+
</script>
<template>
@@ -45,14 +41,16 @@
<div class="access-control-item">
<div class="access-control-tool">
<div class="access-control-tool-item">
- <el-button type="warning" size="large" @click="openDoorConfirm(item)">寮�闂�</el-button>
+ <el-button type="warning" @click="openDoorConfirm(item)">寮�闂�</el-button>
+ <div style="margin-bottom: 8px;"></div>
+ <el-button type="success" @click="showHistoryDialog(item)">鍘嗗彶</el-button>
</div>
</div>
<flex-box>
<div class="access-control-img">
<img src="./images/menJin.png" alt="">
</div>
- <div class="access-control-text home-number">{{ item.name }}</div>
+ <div class="access-control-text home-number">{{ item.carcameraName }}</div>
<div class="access-control-text state">闂ㄩ攣鐘舵�侊細<span :class="{'error-text': item.status !==0}">{{ item.statusText }}</span></div>
</flex-box>
</div>
@@ -62,6 +60,16 @@
</div>
</div>
</div>
+ <el-dialog
+ class="center-dialog"
+ title="闂ㄧ鍘嗗彶鏁版嵁"
+ width="auto"
+ v-model="doorHistoryDialog"
+ align-center
+ :close-on-click-modal="false"
+ :modal-append-to-body="false">
+ <door-history-data v-if="doorHistoryDialog" :id="carcameraId" :name="carcameraName"></door-history-data>
+ </el-dialog>
</template>
<style lang="less" scoped>
--
Gitblit v1.9.1