From 5808f76456ca0d40de5074f132b73a5a488e3e13 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 09 Dec 2025 09:12:03 +0800
Subject: [PATCH] Merge branch 'refs/heads/feature/v9.0/9.0.1' into test
---
src/views/algorithmMange/algorithmMange.vue | 249 ++++++++++++++++++++++++++-----------------------
1 files changed, 131 insertions(+), 118 deletions(-)
diff --git a/src/views/algorithmMange/algorithmMange.vue b/src/views/algorithmMange/algorithmMange.vue
index 340f28e..59a6d5b 100644
--- a/src/views/algorithmMange/algorithmMange.vue
+++ b/src/views/algorithmMange/algorithmMange.vue
@@ -1,29 +1,35 @@
<template>
<div class="algorithmMange">
- <div class="search-box">
+ <div class="ztzf-form-search">
<el-form :model="params" inline>
- <el-form-item label="算法名称:">
- <el-input v-model="params.algName" placeholder="请输入算法名称" clearable />
- </el-form-item>
- <el-form-item label="算法类型:">
- <el-select class="ztzf-select" :teleported="false" v-model="params.algTypeCode" placeholder="请选择算法类型" clearable>
- <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>
+ <el-row :gutter="24">
+ <el-col :span="4">
+ <el-form-item label="算法名称:">
+ <el-input v-model="params.algName" placeholder="请输入算法名称" clearable />
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-form-item label="算法类型:">
+ <el-select class="ztzf-select" :teleported="false" v-model="params.algTypeCode" placeholder="请选择算法类型" clearable>
+ <el-option v-for="item in sfTypes" :key="item.id" :label="item.dictValue" :value="item.dictKey" ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-button type="primary" @click="getList" :icon="Search">搜索</el-button>
+ <el-button @click="cancelSearch" :icon="Delete">清空</el-button>
+ </el-col>
+ </el-row>
</el-form>
</div>
<div class="mange-table">
- <el-table border :data="tableList" class="custom-header">
+ <el-table border :data="tableList" class="ztzf-table-mange">
<el-table-column label="序号" type="index" width="60"></el-table-column>
- <el-table-column prop="model_name" label="算法名称" align="center" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="alg_name" label="算法名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="alg_type" label="算法类型" align="center"></el-table-column>
<el-table-column prop="qua_rate" label="最低准确率" align="center">
<template #header>
- <el-tooltip placement="bottom" effect="light" content="AI识别率高于最低准确率时会生成待审核状态的事件">
+ <el-tooltip placement="top" effect="dark" content="AI识别率高于最低准确率时会生成待审核状态的事件">
<el-icon><QuestionFilled /></el-icon>
</el-tooltip>
<span>最低准确率</span>
@@ -31,17 +37,18 @@
</el-table-column>
<el-table-column prop="pass_rate" label="最高准确率" align="center">
<template #header>
- <el-tooltip placement="bottom" effect="light" content="AI识别率高于最高准确率时会生成待处理状态的事件">
+ <el-tooltip placement="top" effect="dark" 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="version" label="算法版本" align="center"/>
<el-table-column prop="remark" label="算法描述" show-overflow-tooltip />
<el-table-column label="操作" width="180" align="center">
<template #default="scope">
@@ -49,44 +56,56 @@
<el-button icon="el-icon-edit" type="text" @click="handleEdit(scope.row)">编辑</el-button>
</template>
</el-table-column>
+ <template #empty>
+ <el-empty
+ class="custom-empty"
+ :image-size="100"
+ >
+ <template #description>
+ <span class="custom-text">暂无数据</span>
+ </template>
+ </el-empty>
+ </template>
</el-table>
</div>
- <div class="pagination">
+ <div class="pagination" v-if="tableList.length > 0">
<el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
- :page-sizes="[10, 20, 30, 40, 50, 100]" :size="size" v-model:current-page="params.current"
+ :page-sizes="[10, 20, 30, 40, 50, 100]" :size="params.size" v-model:current-page="params.current"
v-model:page-size="params.size" layout="total, sizes, prev, pager, next, jumper" :total="total"
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
</div>
</div>
- <el-dialog class="ztzf-dialog" append-to-body v-model="isShowView" title="查看"
- :width="pxToRem(600)" :close-on-click-modal="false" :destroy-on-close="true">
- <div class="content">
- <table class="view-table" border>
- <tr>
- <td class="label">算法名称</td>
- <td class="value">{{ rowView.model_name }}</td>
- <td class="label">算法类型</td>
- <td class="value">{{ rowView.alg_type }}</td>
- </tr>
- <tr>
- <td class="label">最低准确率</td>
- <td class="value">{{ rowView.qua_rate }}</td>
- <td class="label">最高准确率</td>
- <td class="value">{{ rowView.pass_rate }}</td>
- </tr>
- <tr>
- <td class="label">事件生成类型</td>
- <td class="value">{{ rowView.det_type }}</td>
- <td class="label">算法描述</td>
- <td class="value">{{ rowView.remark }}</td>
- </tr>
- </table>
- </div>
- </el-dialog>
- <el-dialog class="ztzf-dialog" append-to-body v-model="isShowEditView" title="编辑"
- :width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true">
- <div class="content-edit">
- <el-form ref="ruleFormRef" :model="editParams" :rules="rules" inline>
+ <commonDialog :isShowView="isShowViewTest" width="1000" title="查看" addEditView="view" @cancel="isShowViewTest = false">
+ <template #default>
+ <el-row :gutter="0" class="table-view-mange">
+ <el-col :span="6" class="label">算法名称</el-col>
+ <el-col :span="6">{{ rowView.model_name }}</el-col>
+ <el-col :span="6" class="label">算法类型</el-col>
+ <el-col :span="6">{{ rowView.alg_type }}</el-col>
+ </el-row>
+ <el-row :gutter="0" class="table-view-mange">
+ <el-col :span="6" class="label">最低准确率</el-col>
+ <el-col :span="6">{{ rowView.qua_rate }}</el-col>
+ <el-col :span="6" class="label">最高准确率</el-col>
+ <el-col :span="6">{{ rowView.pass_rate }}</el-col>
+ </el-row>
+ <el-row :gutter="0" class="table-view-mange">
+ <el-col :span="6" class="label">事件生成类型</el-col>
+ <el-col :span="6">{{ rowView.event_type == 0 ? '常规类' : '紧急类' }}</el-col>
+ <el-col :span="6" class="label"></el-col>
+ <el-col :span="6"></el-col>
+ </el-row>
+ <el-row :gutter="0" class="table-view-mange">
+ <el-col :span="6" class="label">算法描述</el-col>
+ <el-col :span="18">
+ <el-input v-model="rowView.remark"></el-input>
+ </el-col>
+ </el-row>
+ </template>
+ </commonDialog>
+ <commonDialog :isShowView="isShowEditView" title="编辑" addEditView="edit" @submit="submit(ruleFormRef)" @cancel="isShowEditView = false">
+ <template #default>
+ <el-form class="ztzf-form-mange" ref="ruleFormRef" :model="editParams" :rules="rules" inline>
<el-form-item label="算法名称">
<el-input v-model="editParams.model_name" disabled />
</el-form-item>
@@ -101,27 +120,25 @@
<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="算法描述">
<el-input v-model="editParams.remark" placeholder="请输入算法描述" clearable />
</el-form-item>
- <div class="btns">
- <el-button type="primary" @click="submit(ruleFormRef)">确认</el-button>
- <el-button @click="isShowEditView = false">取消</el-button>
- </div>
</el-form>
- </div>
- </el-dialog>
+ </template>
+ </commonDialog>
</template>
<script setup>
import { getAlgorithmManageList, algorithmManageEdit } from '@/api/algorithmMange/algorithmMange';
import { getDictionaryByCode } from '@/api/system/dictbiz';
+import commonDialog from '@/components/commonDialog.vue'
+import { ElMessage } from 'element-plus';
+import { Delete, Search } from '@element-plus/icons-vue'
const total = ref(0)
const params = ref({
@@ -133,7 +150,7 @@
let tableList = ref([])
-let isShowView = ref(false)
+let isShowViewTest = ref(false)
let rowView = ref({})
@@ -146,7 +163,7 @@
alg_type: '',
qua_rate: '',
pass_rate: '',
- det_type: '',
+ event_type: '',
remark: ''
})
const rules = reactive({
@@ -156,6 +173,10 @@
validator: (rule, value, callback) => {
if (!/^\d+(\.\d+)?$/.test(value)) {
callback(new Error('请输入有效的数字（整数或小数）'));
+ } else if (parseFloat(value) < 0.1) {
+ callback(new Error('最低准确率不能小于0.1'));
+ } else if (parseFloat(value) >= parseFloat(editParams.value.pass_rate)) {
+ callback(new Error('最低准确率必须小于最高准确率'));
} else {
callback();
}
@@ -169,6 +190,8 @@
validator: (rule, value, callback) => {
if (!/^\d+(\.\d+)?$/.test(value)) {
callback(new Error('请输入有效的数字（整数或小数）'));
+ } else if (parseFloat(value) > 1) {
+ callback(new Error('最高准确率不能大于1'));
} else {
callback();
}
@@ -176,7 +199,7 @@
trigger: 'blur'
}
],
- det_type: [
+ event_type: [
{
required: true,
message: '请选择事件生成类型',
@@ -185,8 +208,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
})
@@ -197,12 +229,22 @@
});
}
function handleDetail(row) {
- isShowView.value = true
+ isShowViewTest.value = true
rowView.value = row
}
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 +252,9 @@
await formValidate.validate((valid, fields) => {
if (valid) {
algorithmManageEdit(editParams.value).then(res => {
+ ElMessage.success('保存成功')
isShowEditView.value = false
+ getList()
})
}
})
@@ -234,18 +278,35 @@
flex-direction: column;
.search-box {
height: 40px;
+ .btns {
+ display: flex;
+ justify-content: end;
+ }
+ }
+
+ :deep(.el-input) {
+ .el-input__wrapper {
+ width: 200px;
+ }
}
// 表格
.mange-table {
height: 0;
flex: 1;
- margin-top: 18px;
+ //margin-top: 18px;
overflow: auto;
+ :deep(.el-scrollbar__view) {
+ height: 100%;
+ }
+ :deep(.el-table--fit,.el-scrollbar__view) {
+ height: 100%;
+ }
}
:deep(.el-pagination) {
display: flex;
justify-content: right;
+ padding: 20px 0;
}
:deep(.el-pagination button) {
@@ -254,56 +315,8 @@
}
:deep(.ztzf-select){
.el-select__selection {
- min-width: 200px;
+ width: 200px;
}
}
}
-
- .content {
- padding: 20px;
-
- .view-table {
- width: 100%;
- border-collapse: collapse;
- border: 1px solid #EBEEF5;
-
- tr {
- &:not(:last-child) {
- border-bottom: 1px solid #EBEEF5;
- }
-
- td {
- padding: 12px 10px;
-
- &.label {
- width: 140px;
- text-align: right;
- // color: #909399;
- // background-color: #F5F7FA;
- border-right: 1px solid #EBEEF5;
- }
-
- &.value {
- width: 180px;
- color: #303133;
- }
- }
- }
- }
-}
-.content-edit {
- .el-form {
- .el-form-item {
- width: 300px;
- :deep(.el-form-item__label) {
- width: 120px;
- }
-
- }
- .btns {
- display: flex;
- justify-content: center
- }
- }
-}
</style>
\ No newline at end of file
--
Gitblit v1.9.3