feat 报警图片

This commit is contained in:
Ironsp
2026-06-12 10:12:39 +08:00
parent 55f0cd2192
commit a8ea3746f4

View File

@@ -52,7 +52,8 @@
<el-table-column label="报警时间" align="center" prop="alarmTime" min-width="170" /> <el-table-column label="报警时间" align="center" prop="alarmTime" min-width="170" />
<el-table-column label="所属设备" align="center" prop="deviceName" min-width="120" show-overflow-tooltip /> <el-table-column label="所属设备" align="center" prop="deviceName" min-width="120" show-overflow-tooltip />
<el-table-column label="报警区域" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip /> <el-table-column label="报警区域" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip />
<el-table-column label="报警图片" align="center" prop="alarmImage" min-width="120"> <!-- pay content -->
<!-- <el-table-column label="报警图片" align="center" prop="alarmImage" min-width="120">
<template #default="scope"> <template #default="scope">
<el-image <el-image
v-if="scope.row.alarmImage" v-if="scope.row.alarmImage"
@@ -64,7 +65,7 @@
/> />
<span v-else>暂无图片</span> <span v-else>暂无图片</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="处理状态" align="center" prop="status" width="100"> <el-table-column label="处理状态" align="center" prop="status" width="100">
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.status === 0" type="warning">未处理</el-tag> <el-tag v-if="scope.row.status === 0" type="warning">未处理</el-tag>
@@ -173,6 +174,7 @@ const initFormData: any = {
processingTime: undefined processingTime: undefined
}; };
/* ?id=&deviceId=&pageSize=1&pageNum=1&beginTime=&endTime= */ /* ?id=&deviceId=&pageSize=1&pageNum=1&beginTime=&endTime= */
/** 查询参数 */
const data = reactive({ const data = reactive({
form: { ...initFormData }, form: { ...initFormData },
queryParams: { queryParams: {
@@ -193,6 +195,7 @@ const data = reactive({
const { queryParams, form, rules, queryTime } = toRefs(data); const { queryParams, form, rules, queryTime } = toRefs(data);
/** 获取列表 */
const getList = async () => { const getList = async () => {
loading.value = true; loading.value = true;
try { try {
@@ -209,16 +212,18 @@ const getList = async () => {
} }
}; };
/** 取消按钮 */
const cancel = () => { const cancel = () => {
reset(); reset();
dialog.visible = false; dialog.visible = false;
}; };
/** 重置按钮 */
const reset = () => { const reset = () => {
form.value = { ...initFormData }; form.value = { ...initFormData };
demoFormRef.value?.resetFields(); demoFormRef.value?.resetFields();
}; };
/** 查询按钮 */
const handleQuery = () => { const handleQuery = () => {
queryParams.value.pageNum = 1; queryParams.value.pageNum = 1;
queryParams.value.beginTime = queryTime.value[0]; queryParams.value.beginTime = queryTime.value[0];
@@ -226,12 +231,13 @@ const handleQuery = () => {
getList(); getList();
}; };
/** 重置按钮 */
const resetQuery = () => { const resetQuery = () => {
queryFormRef.value?.resetFields(); queryFormRef.value?.resetFields();
queryTime.value = []; queryTime.value = [];
handleQuery(); handleQuery();
}; };
/** 多选框选中数据 */
const handleSelectionChange = (selection: any) => { const handleSelectionChange = (selection: any) => {
ids.value = selection.map((item) => item.id as string | number); ids.value = selection.map((item) => item.id as string | number);
multiple.value = !selection.length; multiple.value = !selection.length;
@@ -268,6 +274,7 @@ const handleBatchProcess = async () => {
} }
}; };
/** 提交按钮 */
const submitForm = async () => { const submitForm = async () => {
if (form.value.id == null) { if (form.value.id == null) {
proxy?.$modal.msgWarning('数据异常'); proxy?.$modal.msgWarning('数据异常');