From 8d39492624712fde2ea220bc3ecafb33cdbe9c1b Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Sat, 13 Sep 2025 09:12:47 +0800
Subject: [PATCH] feat:更新编辑保存提示
---
src/views/algorithmMange/algorithmMange.vue | 84 ++++++++++++++++++++++++++++++++----------
1 files changed, 64 insertions(+), 20 deletions(-)
diff --git a/src/views/algorithmMange/algorithmMange.vue b/src/views/algorithmMange/algorithmMange.vue
index 340f28e..4cf0684 100644
--- a/src/views/algorithmMange/algorithmMange.vue
+++ b/src/views/algorithmMange/algorithmMange.vue
@@ -2,7 +2,9 @@
<div class="algorithmMange">
<div class="search-box">
<el-form :model="params" inline>
- <el-form-item label="算法名称:">
+ <div style="display: flex;justify-content: space-between;">
+ <div>
+ <el-form-item label="算法名称:">
<el-input v-model="params.algName" placeholder="请输入算法名称" clearable />
</el-form-item>
<el-form-item label="算法类型:">
@@ -10,10 +12,15 @@
<el-option v-for="item in sfTypes" :key="item.id" :label="item.dictValue" :value="item.dictKey" ></el-option>
</el-select>
</el-form-item>
- <el-form-item>
- <el-button type="primary" @click="getList">搜索</el-button>
- <el-button @click="">取消</el-button>
- </el-form-item>
+ </div>
+ <div>
+ <el-form-item class="btns">
+ <el-button type="primary" @click="getList">搜索</el-button>
+ <el-button @click="cancelSearch">清空</el-button>
+ </el-form-item>
+ </div>
+ </div>
+
</el-form>
</div>
<div class="mange-table">
@@ -34,12 +41,12 @@
<el-tooltip placement="bottom" effect="light" content="AI识别率高于最高准确率时会生成待处理状态的事件">
<el-icon><QuestionFilled /></el-icon>
</el-tooltip>
- <span>最低准确率</span>
+ <span>最高准确率</span>
</template>
</el-table-column>
- <el-table-column prop="det_type" label="事件生成类型" show-overflow-tooltip align="center">
+ <el-table-column prop="event_type" label="事件生成类型" show-overflow-tooltip align="center">
<template #default="scope">
- {{ scope.row.det_type === 1 ? '流检测' : scope.row.det_type === 2 ?'事件检测' : '流+事件检测' }}
+ {{ scope.row.event_type == 0 ? '常规类' : '紧急类' }}
</template>
</el-table-column>
<el-table-column prop="remark" label="算法描述" show-overflow-tooltip />
@@ -76,7 +83,7 @@
</tr>
<tr>
<td class="label">事件生成类型</td>
- <td class="value">{{ rowView.det_type }}</td>
+ <td class="value">{{ rowView.event_type == 0 ? '常规类' : '紧急类' }}</td>
<td class="label">算法描述</td>
<td class="value">{{ rowView.remark }}</td>
</tr>
@@ -101,11 +108,10 @@
<el-form-item label="最高准确率" prop="pass_rate">
<el-input v-model="editParams.pass_rate" placeholder="请输入最高准确率" clearable />
</el-form-item>
- <el-form-item label="事件生成类型" prop="det_type">
- <el-select class="ztzf-select" v-model="editParams.det_type" placeholder="请选择" clearable>
- <el-option label="流检测" value="1"></el-option>
- <el-option label="事件检测" value="2"></el-option>
- <el-option label="流+事件检测" value="3"></el-option>
+ <el-form-item label="事件生成类型" prop="event_type">
+ <el-select class="ztzf-select" v-model="editParams.event_type" placeholder="请选择" clearable>
+ <el-option label="常规类" value="0"></el-option>
+ <el-option label="紧急类" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="算法描述">
@@ -122,6 +128,7 @@
<script setup>
import { getAlgorithmManageList, algorithmManageEdit } from '@/api/algorithmMange/algorithmMange';
import { getDictionaryByCode } from '@/api/system/dictbiz';
+import { ElMessage } from 'element-plus';
const total = ref(0)
const params = ref({
@@ -146,7 +153,7 @@
alg_type: '',
qua_rate: '',
pass_rate: '',
- det_type: '',
+ event_type: '',
remark: ''
})
const rules = reactive({
@@ -156,6 +163,10 @@
validator: (rule, value, callback) => {
if (!/^\d+(\.\d+)?$/.test(value)) {
callback(new Error('请输入有效的数字（整数或小数）'));
+ } else if (parseFloat(value) < 0.4) {
+ callback(new Error('最低准确率不能小于0.4'));
+ } else if (parseFloat(value) >= parseFloat(editParams.value.pass_rate)) {
+ callback(new Error('最低准确率必须小于最高准确率'));
} else {
callback();
}
@@ -169,6 +180,8 @@
validator: (rule, value, callback) => {
if (!/^\d+(\.\d+)?$/.test(value)) {
callback(new Error('请输入有效的数字（整数或小数）'));
+ } else if (parseFloat(value) > 0.8) {
+ callback(new Error('最高准确率不能大于0.8'));
} else {
callback();
}
@@ -176,7 +189,7 @@
trigger: 'blur'
}
],
- det_type: [
+ event_type: [
{
required: true,
message: '请选择事件生成类型',
@@ -185,8 +198,17 @@
],
})
+function cancelSearch() {
+ params.value = {
+ algName: '',
+ algTypeCode: '',
+ }
+ params.value.current = 1
+ getList()
+}
+
function getList() {
- getAlgorithmManageList({current:1,size:10}).then(res => {
+ getAlgorithmManageList(params.value).then(res => {
tableList.value = res.data.data.records || []
total.value = res.data.data.total || 0
})
@@ -202,7 +224,17 @@
}
function handleEdit(row) {
isShowEditView.value = true
- editParams.value = row
+ editParams.value = { ...row }
+}
+
+function handleSizeChange(val) {
+ params.value.size = val
+ getList()
+}
+
+function handleCurrentChange(val) {
+ params.value.current = val
+ getList()
}
async function submit(formValidate) {
@@ -210,7 +242,9 @@
await formValidate.validate((valid, fields) => {
if (valid) {
algorithmManageEdit(editParams.value).then(res => {
+ ElMessage.success('保存成功')
isShowEditView.value = false
+ getList()
})
}
})
@@ -234,6 +268,16 @@
flex-direction: column;
.search-box {
height: 40px;
+ .btns {
+ display: flex;
+ justify-content: end;
+ }
+ }
+
+ :deep(.el-input) {
+ .el-input__wrapper {
+ width: 200px;
+ }
}
// 表格
@@ -254,7 +298,7 @@
}
:deep(.ztzf-select){
.el-select__selection {
- min-width: 200px;
+ width: 200px;
}
}
}
@@ -285,7 +329,7 @@
&.value {
width: 180px;
- color: #303133;
+ // color: #303133;
}
}
}
--
Gitblit v1.9.3