<template>
|
<div class="algorithmMange">
|
<div class="ztzf-form-search">
|
<el-form :model="params" inline>
|
<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="ztzf-table-mange">
|
<el-table-column label="序号" type="index" width="60"></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="top" effect="dark" content="AI识别率高于最低准确率时会生成待审核状态的事件">
|
<el-icon><QuestionFilled /></el-icon>
|
</el-tooltip>
|
<span>最低准确率</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="pass_rate" label="最高准确率" align="center">
|
<template #header>
|
<el-tooltip placement="top" effect="dark" content="AI识别率高于最高准确率时会生成待处理状态的事件">
|
<el-icon><QuestionFilled /></el-icon>
|
</el-tooltip>
|
<span>最高准确率</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="event_type" label="事件生成类型" show-overflow-tooltip align="center">
|
<template #default="scope">
|
{{ 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">
|
<el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button>
|
<el-button icon="el-icon-edit" type="text" @click="handleEdit(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="pagination">
|
<el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
|
: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>
|
<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>
|
<el-form-item label="算法类型">
|
<el-select class="ztzf-select" :teleported="false" v-model="editParams.alg_type" disabled>
|
<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 label="最低准确率" prop="qua_rate">
|
<el-input v-model="editParams.qua_rate" placeholder="请输入最低准确率" required clearable />
|
</el-form-item>
|
<el-form-item label="最高准确率" prop="pass_rate">
|
<el-input v-model="editParams.pass_rate" placeholder="请输入最高准确率" clearable />
|
</el-form-item>
|
<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>
|
</el-form>
|
</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({
|
current: 1,
|
size: 10,
|
algName: '',
|
algTypeCode: '',
|
});
|
|
let tableList = ref([])
|
|
let isShowViewTest = ref(false)
|
|
let rowView = ref({})
|
|
let isShowEditView = ref(false)
|
|
let sfTypes = ref([])
|
const ruleFormRef = ref()
|
let editParams = ref({
|
model_name: '',
|
alg_type: '',
|
qua_rate: '',
|
pass_rate: '',
|
event_type: '',
|
remark: ''
|
})
|
const rules = reactive({
|
qua_rate: [
|
{ required: true, message: '请输入最低准确率', trigger: 'blur' },
|
{
|
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();
|
}
|
},
|
trigger: 'blur'
|
}
|
],
|
pass_rate: [
|
{ required: true, message: '请输入最低准确率', trigger: 'blur' },
|
{
|
validator: (rule, value, callback) => {
|
if (!/^\d+(\.\d+)?$/.test(value)) {
|
callback(new Error('请输入有效的数字（整数或小数）'));
|
} else if (parseFloat(value) > 1) {
|
callback(new Error('最高准确率不能大于1'));
|
} else {
|
callback();
|
}
|
},
|
trigger: 'blur'
|
}
|
],
|
event_type: [
|
{
|
required: true,
|
message: '请选择事件生成类型',
|
trigger: 'change',
|
},
|
],
|
})
|
|
function cancelSearch() {
|
params.value = {
|
algName: '',
|
algTypeCode: '',
|
}
|
params.value.current = 1
|
getList()
|
}
|
|
function getList() {
|
getAlgorithmManageList(params.value).then(res => {
|
tableList.value = res.data.data.records || []
|
total.value = res.data.data.total || 0
|
})
|
}
|
function getSFType() {
|
getDictionaryByCode('WORK_ORDER_TYPE').then(res => {
|
sfTypes.value = res.data.data.WORK_ORDER_TYPE || []
|
});
|
}
|
function handleDetail(row) {
|
isShowViewTest.value = true
|
rowView.value = row
|
}
|
function handleEdit(row) {
|
isShowEditView.value = true
|
editParams.value = { ...row }
|
}
|
|
function handleSizeChange(val) {
|
params.value.size = val
|
getList()
|
}
|
|
function handleCurrentChange(val) {
|
params.value.current = val
|
getList()
|
}
|
|
async function submit(formValidate) {
|
if (!formValidate) return
|
await formValidate.validate((valid, fields) => {
|
if (valid) {
|
algorithmManageEdit(editParams.value).then(res => {
|
ElMessage.success('保存成功')
|
isShowEditView.value = false
|
getList()
|
})
|
}
|
})
|
}
|
|
onMounted(() => {
|
getList()
|
getSFType()
|
})
|
</script>
|
|
<style lang="scss" scoped>
|
.algorithmMange {
|
height: 0;
|
flex: 1;
|
margin: 0 10px 10px 10px;
|
background-color: #ffffff;
|
padding: 10px 20px;
|
border-radius: 5px;
|
display: flex;
|
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;
|
overflow: auto;
|
}
|
:deep(.el-pagination) {
|
display: flex;
|
justify-content: right;
|
}
|
|
:deep(.el-pagination button) {
|
background: center center no-repeat none !important;
|
color: #8eb8ea !important;
|
}
|
:deep(.ztzf-select){
|
.el-select__selection {
|
width: 200px;
|
}
|
}
|
}
|
</style>
|
