| | |
| | | <div class="airspaceManage"> |
| | | <div class="search-box"> |
| | | <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 label="空域名称:"> |
| | | <el-input v-model="params.algName" placeholder="请输入空域名称" clearable /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | | <el-button @click="cancelSearch">取消</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div> |
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="mange-table"> |
| | | <el-table border :data="tableList" class="custom-header"> |
| | | <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_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-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="bottom" effect="light" 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="remark" label="算法描述" show-overflow-tooltip /> |
| | | <el-table-column prop="model_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="alg_type" label="创建人" align="center"></el-table-column> |
| | | <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> |
| | | <el-button icon="el-icon-edit" type="text" @click="handleDelete">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <div class="content"> |
| | | <table class="view-table" border> |
| | | <tr> |
| | | <td class="label">算法名称</td> |
| | | <td class="label">空域类型</td> |
| | | <td class="value">{{ rowView.model_name }}</td> |
| | | <td class="label">算法类型</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.event_type == 0 ? '常规类' : '紧急类' }}</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="编辑" |
| | | <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> |
| | | <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 label="空域名称"> |
| | | <el-input v-model="editParams.model_name" /> |
| | | </el-form-item> |
| | | <div class="btns"> |
| | | <el-button type="primary" @click="submit(ruleFormRef)">确认</el-button> |
| | |
| | | isShowView.value = true |
| | | rowView.value = row |
| | | } |
| | | function handleEdit(row) { |
| | | function handleDelete(row) { |
| | | console.log(row) |
| | | } |
| | | function handleAdd(row) { |
| | | isShowEditView.value = true |
| | | editParams.value = { ...row } |
| | | // editParams.value = { ...row } |
| | | } |
| | | |
| | | async function submit(formValidate) { |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | .search-box { |
| | | height: 40px; |
| | | height: 80px; |
| | | } |
| | | |
| | | :deep(.el-input) { |