From e9acb0939e7a471a3c4e7d5af3e98d14e2030bbb Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期三, 02 四月 2025 08:33:51 +0800
Subject: [PATCH] fix:修改报警弹窗
---
src/views/screen/flow/warning/index.vue | 45 +++++++++++++++++++++++++++++++++------------
1 files changed, 33 insertions(+), 12 deletions(-)
diff --git a/src/views/screen/flow/warning/index.vue b/src/views/screen/flow/warning/index.vue
index b208026..be7ee3d 100644
--- a/src/views/screen/flow/warning/index.vue
+++ b/src/views/screen/flow/warning/index.vue
@@ -2,8 +2,9 @@
import {onMounted, ref, reactive} from "vue";
import * as echarts from 'echarts/core';
import Table from '@/components/Table/index.vue'
-import { warnHistory, exportWarnHistory } from '@/api/screen/warning/index.js'
+import { warnHistory, exportWarnHistory, editConfirm } from '@/api/screen/warning/index.js'
import { exportBlobFile } from '@/utils/index.js'
+import { ElMessage } from 'element-plus'
const tableRef = ref(null)
const timeType = ref(0)
@@ -15,6 +16,7 @@
const openDialog = ref(false)
const dialogInfo = ref()
+const warnStatus = ref(0)
let warnCharts = null;
let tableHead = [
@@ -95,7 +97,17 @@
}
// 处理报警内容
-const handleComfirm = () => {}
+const handleComfirm = () => {
+ editConfirm({ id: dialogInfo.value.id, status: warnStatus.value }).then(res => {
+ ElMessage.success('提交成功')
+ tableRef.value.getData()
+ }).catch(err => {
+ ElMessage.warning('提交失败')
+ }).then(() => {
+ warnStatus.value = 0
+ openDialog.value = false
+ })
+}
onMounted(() => {
initWarnChart()
@@ -139,6 +151,7 @@
<Table :getList="warnHistory" :searchData="searchData" :headList="tableHead" ref="tableRef">
<template #isConfirm="scope">
<div v-if="scope.row.isConfirm === 200" style="color: #1ab394">已处理</div>
+ <div v-else-if="scope.row.isConfirm === 30" style="color: #1ab394">误报</div>
<div v-else-if="scope.row.isConfirm === 20" style="color: #e8ab04" @click="getWarnInfi(scope.row)">未处理</div>
<div v-else style="color: #f30101" @click="getWarnInfi(scope.row)">待确认</div>
</template>
@@ -158,27 +171,35 @@
<div class="message">
<div class="message-item">
<div class="title">报警代码:</div>
- <div class="val">{{dialogInfo.code}}</div>
+ <div class="val">{{dialogInfo?.code}}</div>
</div>
<div class="message-item">
<div class="title">报警设备:</div>
- <div class="val">{{dialogInfo.facilityName}}</div>
+ <div class="val">{{dialogInfo?.facilityName}}</div>
</div>
<div class="message-item">
- <div class="title">报警内容:</div>
- <div class="val">{{dialogInfo.description}}</div>
+ <div class="title">报警次数:</div>
+ <div class="val">{{dialogInfo?.totalCount}}</div>
+ </div>
+ <div class="message-item">
+ <div class="title">开始报警时间:</div>
+ <div class="val">{{dialogInfo?.createTimeView}}</div>
+ </div>
+ <div class="message-item">
+ <div class="title">最后报警时间:</div>
+ <div class="val">{{dialogInfo?.lastTimeView}}</div>
</div>
<div class="message-line">
- <div class="title">报警时间:</div>
- <div class="val">{{dialogInfo.lastTime}}</div>
+ <div class="title">报警内容:</div>
+ <div class="val">{{dialogInfo?.description}}</div>
</div>
<div class="message-line">
<div class="title">报警确认:</div>
<div class="val">
- <el-radio-group v-model="timeType">
- <el-radio :value="1">已处理</el-radio>
- <el-radio :value="2">已证实</el-radio>
- <el-radio :value="3">误 报</el-radio>
+ <el-radio-group v-model="warnStatus">
+ <el-radio :value="200">已处理</el-radio>
+ <el-radio :value="20">已证实</el-radio>
+ <el-radio :value="30">误 报</el-radio>
</el-radio-group>
</div>
</div>
--
Gitblit v1.9.3