门禁内容提交

longyvfengyun

2023-08-24 504c1d84f56e245a8c0825ae4963fcb7e8ab421a

 src/views/accessControl/accessControl.vue

@@ -1,10 +1,8 @@
<script setup>
import FlexBox from "@/components/FlexBox.vue";
import {reactive} from "vue";
const nums = reactive([]);
for(let i=0; i<10; i++) {
   nums.push(i);
}
import doorInfoModule from "@/views/accessControl/js/doorInfoModule";
const {doorInfos} = doorInfoModule();

</script>

<template>
@@ -13,17 +11,17 @@
         <div class="flex-layout-absolute">
            <div class="access-control-list">
               <el-row>
                  <el-col :span="4" v-for="item in nums" :key="item">
                  <el-col :span="4" v-for="item in doorInfos" :key="item">
                     <div class="access-control-item">
                        <flex-box>
                           <div class="access-control-img">
                              <img src="./images/menJin.png" alt="">
                           </div>
                           <div class="access-control-text update-time">
                              2023-06-29 00:00:00
                           </div>
                           <div class="access-control-text home-number">401</div>
                           <div class="access-control-text state">关闭状态</div>
<!--                           <div class="access-control-text update-time">-->
<!--                              2023-06-29 00:00:00-->
<!--                           </div>-->
                           <div class="access-control-text home-number">{{ item.ip }}</div>
                           <div class="access-control-text state">门锁状态：{{ item.status }}</div>
                        </flex-box>
                     </div>
                  </el-col>