我的布控。四色预警

This commit is contained in:
给我
2025-04-12 23:51:24 +08:00
parent a2e89f5ea1
commit 3754b9c5ed
21 changed files with 2238 additions and 256 deletions

View File

@ -1,11 +1,15 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="人脸抓拍采集信息"/>
<PageTitle title="身份标签管理" />
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
<Search
:searchArr="searchConfiger"
@submit="onSearch"
:key="pageData.keyCount"
/>
</div>
<!-- 表格 -->
<div class="tabBox">
@ -16,37 +20,43 @@
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
@chooseData="chooseData"
>
<!-- 抓拍图片 -->
<template #captureImage="{ row }">
<el-image
<el-image
style="width: 100px; height: 60px"
:src="row.captureImage"
fit="cover"
:preview-src-list="[row.captureImage]">
:preview-src-list="[row.captureImage]"
>
</el-image>
</template>
<!-- 人像图片 -->
<template #personImage="{ row }">
<el-image
<el-image
style="width: 100px; height: 60px"
:src="row.personImage"
fit="cover"
:preview-src-list="[row.personImage]">
:preview-src-list="[row.personImage]"
>
</el-image>
</template>
<!-- 车牌图片 -->
<template #licensePlateImage="{ row }">
<el-image
<el-image
style="width: 100px; height: 60px"
:src="row.licensePlateImage"
fit="cover"
:preview-src-list="[row.licensePlateImage]">
:preview-src-list="[row.licensePlateImage]"
>
</el-image>
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" @click="addEdit('detail', row)"
>详情</el-button
>
</template>
</MyTable>
<Pages
@ -77,18 +87,53 @@ const detailDiloag = ref();
const searchBox = ref(); //搜索框
const searchConfiger = ref([
{ label: "视频设备编号", prop: 'deviceNo', placeholder: "请输入视频设备编号", showType: "input" },
{ label: "日期时间", prop: 'captureTime', placeholder: "请选择日期时间", showType: "date" },
{
label: "视频设备编号",
prop: "deviceNo",
placeholder: "请输入视频设备编号",
showType: "input"
},
{
label: "日期时间",
prop: "captureTime",
placeholder: "请选择日期时间",
showType: "date"
}
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [
{deviceNo:'123456789', captureImage:'', personImage:'', captureTime: '2025/1/20 10:00:00'},
{deviceNo:'123456789', captureImage:'', personImage:'', captureTime: '2025/1/20 10:00:00'},
{deviceNo:'123456789', captureImage:'', personImage:'', captureTime: '2025/1/20 10:00:00'},
{deviceNo:'123456789', captureImage:'', personImage:'', captureTime: '2025/1/20 10:00:00'},
{deviceNo:'123456789', captureImage:'', personImage:'', captureTime: '2025/1/20 10:00:00'},
{
deviceNo: "123456789",
captureImage: "",
personImage: "",
captureTime: "2025/1/20 10:00:00"
},
{
deviceNo: "123456789",
captureImage: "",
personImage: "",
captureTime: "2025/1/20 10:00:00"
},
{
deviceNo: "123456789",
captureImage: "",
personImage: "",
captureTime: "2025/1/20 10:00:00"
},
{
deviceNo: "123456789",
captureImage: "",
personImage: "",
captureTime: "2025/1/20 10:00:00"
},
{
deviceNo: "123456789",
captureImage: "",
personImage: "",
captureTime: "2025/1/20 10:00:00"
}
],
keyCount: 0,
tableConfiger: {
@ -106,12 +151,12 @@ const pageData = reactive({
{ label: "视频设备编号", prop: "deviceNo" },
{ label: "抓拍图片", prop: "captureImage", slot: true },
{ label: "人像图片", prop: "personImage", slot: true },
{ label: "日期时间", prop: "captureTime" },
{ label: "日期时间", prop: "captureTime" }
]
});
onMounted(() => {
getList()
getList();
tabHeightFn();
});
@ -119,26 +164,26 @@ onMounted(() => {
const handleType = (val) => {
pageData.keyCount++;
pageData.pageConfiger.pageCurrent = 1;
getList()
}
getList();
};
// 搜索
const onSearch = (val) =>{
queryFrom.value = {...val}
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList()
}
getList();
};
const changeNo = (val) =>{
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList()
}
const changeSize = (val) =>{
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList()
}
getList();
};
// 获取列表
const getList = (val) =>{
const getList = (val) => {
// pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
// let url = '/mosty-lzcj/tbDwMbkf/queryList';
@ -147,7 +192,7 @@ const getList = (val) =>{
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(()=>{ pageData.tableConfiger.loading = false; })
}
};
// 详情
const addEdit = (type, row) => {
@ -156,7 +201,8 @@ const addEdit = (type, row) => {
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};

View File

@ -7,7 +7,6 @@
* @FilePath: \lz\src\views\backOfficeSystem\editPassword\components\mbkf.vue
-->
<template>
<el-form-item style="width: 48%" prop="name" label="库房名称">
<MOSTY.Other width="100%" clearable v-model="listQuery.name" placeholder="请输入库房名称"/>
</el-form-item>
@ -26,11 +25,9 @@
<el-form-item style="width: 48%" prop="kry" label="库容量">
<MOSTY.Other width="100%" clearable v-model="listQuery.kry" type="Number" placeholder="请输入库容量" />
</el-form-item>
<el-form-item style="width: 48%" prop="sfdbs" label="是否导爆索">
<MOSTY.Select width="100%" clearable v-model="listQuery.sfdbs" :dictEnum="props.dic.sf" placeholder="请选择是否寄宿制学校"/>
</el-form-item>
<el-form-item style="width: 48%" prop="pbbbs" label="要求配置保安人数">
<MOSTY.Other width="100%" clearable v-model="listQuery.pbbbs" placeholder="请输入要求配置保安人数" type="Number" />
</el-form-item>