feat:人闸统计

src/views/area/_components/bindCameraTable.vue

@@ -1,8 +1,8 @@
 <template>
-    <el-dialog title="绑定摄像头" v-model="visible" width="70%" :close-on-click-modal="false" draggable>
+    <el-dialog title="绑定摄像头" v-model="visible" width="80%" :close-on-click-modal="false" draggable>
         <div class="mb12" style="width: 100%">
             <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog(
-                state.queryForm.areaId
+                state.queryForm.houseId
             )">
                 绑定相机
             </el-button>
@@ -12,6 +12,13 @@
             @sort-change="sortChangeHandle">
             <el-table-column type="selection" width="40" align="center" />
             <el-table-column type="index" label="#" width="80" />
+            <el-table-column prop="uniqueCode" width="200" label="空间">
+                <template #default="{ row }">
+                    <div>
+                        <div>{{ row.uniqueCode }}</div>
+                    </div>
+                </template>
+            </el-table-column>
             <el-table-column label="空间">
                 <el-table-column prop="areaName" label="空间名" />
                 <el-table-column prop="areaUniqueCode" width="120" label="空间编码" />
@@ -40,7 +47,7 @@
                     <el-button icon="VideoPlay" text type="primary"
                         @click="previewVideoDialogRef.openDialog(row.deviceId)">预览</el-button>
                     <el-button icon="edit-pen" text type="primary" v-auth="'area_areaHouse_edit'"
-                        @click="formDialogRef.openDialog(state.queryForm.areaId, row.id)">编辑</el-button>
+                        @click="formDialogRef.openDialog(state.queryForm.houseId, row.id)">编辑</el-button>
                     <el-button icon="delete" text type="primary" v-auth="'area_areaHouse_del'"
                         @click="handleDelete([row.id])">删除</el-button>
                 </template>
@@ -61,6 +68,8 @@
 </template>
 
 <script setup lang="ts" name="BindCameraTable">
+import { CopyDocument } from "@element-plus/icons-vue"
+
 import { BasicTableProps, useTable } from "/@/hooks/table";
 import { useMessage, useMessageBox } from "/@/hooks/message";
 
@@ -109,7 +118,7 @@ const openDialog = (id: string) => {
     visible.value = true
     // 获取areaHouse信息
     if (id) {
-        state.queryForm.areaId = id
+        state.queryForm.houseId = id
         getDataList()
     }
 };