门禁历史记录

longyvfengyun

2023-09-06 093388d51f56e95d155f204971d49fe303b76408

 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>