feat:更新编辑保存提示

chenyao

2025-09-13 8d39492624712fde2ea220bc3ecafb33cdbe9c1b

 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;
        }
      }
    }