From 476d11f23b642ca2bba191c5e5c08ad28dc3a68a Mon Sep 17 00:00:00 2001
From: jiang <jiang@bonus>
Date: Tue, 17 Dec 2024 13:46:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dataCenter/evaluate.js                |  44 ++++
 .../annotationTask/child/allTasks.vue         |  20 +-
 .../annotationTask/dialog/aiLabelDialog.vue   | 132 ++++++-----
 .../dialog/releaseVersionDialog.vue           |   3 +-
 .../evaluate/child/customDialog.vue           | 124 +++++++++++
 src/views/dataCenter/evaluate/index.vue       | 207 ++++++++++++++++++
 6 files changed, 457 insertions(+), 73 deletions(-)
 create mode 100644 src/api/dataCenter/evaluate.js
 create mode 100644 src/views/dataCenter/evaluate/child/customDialog.vue
 create mode 100644 src/views/dataCenter/evaluate/index.vue

diff --git a/src/api/dataCenter/evaluate.js b/src/api/dataCenter/evaluate.js
new file mode 100644
index 00000000..763ecd1b
--- /dev/null
+++ b/src/api/dataCenter/evaluate.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询模型评价列表
+export function listEvaluate(query) {
+  return request({
+    url: '/ai/evaluate/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询模型评价详细
+export function getEvaluate(id) {
+  return request({
+    url: '/ai/evaluate/' + id,
+    method: 'get'
+  })
+}
+
+// 新增模型评价
+export function addEvaluate(data) {
+  return request({
+    url: '/ai/evaluate/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改模型评价
+export function updateEvaluate(data) {
+  return request({
+    url: '/ai/evaluate/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除模型评价
+export function delEvaluate(id) {
+  return request({
+    url: '/ai/evaluate/' + id,
+    method: 'post'
+  })
+}
diff --git a/src/views/dataCenter/annotationTask/child/allTasks.vue b/src/views/dataCenter/annotationTask/child/allTasks.vue
index 60096512..f0835d8d 100644
--- a/src/views/dataCenter/annotationTask/child/allTasks.vue
+++ b/src/views/dataCenter/annotationTask/child/allTasks.vue
@@ -104,7 +104,7 @@
             v-hasPermi="['dataCenter:sample:edit']"
           >发布
           </el-button>
-          <ai-label-dialog ref="aiLabelDialog" />
+          <ai-label-dialog ref="aiLabelDialog"/>
 
         </template>
       </el-table-column>
@@ -123,6 +123,7 @@
     <release-version-dialog :get-list="getList" :dataset-id="datasetId" :open="releaseOpen" :task-id="taskId"
                             :last-version-name="lastVersionName" @dialog-cancel="handleCancel"
     ></release-version-dialog>
+    <ai-label-dialog :open="aiOpen" :get-list="getList" :task-id="taskId" @dialog-cancel="handleCancel"/>
 
   </div>
 </template>
@@ -133,10 +134,10 @@ import { list, setPublic } from '@/api/dataCenter/annotationTask'
 import addTaskDialog from '../dialog/addTaskDialog'
 import releaseVersionDialog from '../dialog/releaseVersionDialog.vue'
 import { parseTime } from '@/utils/bonus'
-import AILabelDialog from "@/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue";
+import aiLabelDialog from '../dialog/aiLabelDialog.vue'
 
 export default {
-  components: {AILabelDialog, releaseVersionDialog, addTaskDialog },
+  components: { aiLabelDialog, releaseVersionDialog, addTaskDialog },
   name: 'allTasks',
   data() {
     return {
@@ -168,6 +169,7 @@ export default {
       // 是否显示弹出层
       addOpen: false,
       releaseOpen: false,
+      aiOpen: false,
       // 查询参数
       queryParams: {
         time: [],
@@ -232,12 +234,7 @@ export default {
       this.releaseOpen = true
     },
     handleDimension(row) {
-      const annotationInstance = this.$root.$refs.aiLabelDialog
-      if (annotationInstance) {
-        annotationInstance.show(row)
-      } else {
-        console.error('SmartAnnotation component not found')
-      }
+      this.aiOpen = true
     },
     handleAnnotation(row) {
       this.$tab.openPage('数据标注', '/dataCenter/annotationTask/dataAnnotations/index/' + row.taskId)
@@ -263,10 +260,7 @@ export default {
     handleCancel() {
       this.addOpen = false
       this.releaseOpen = false
-    },
-    handleAILabelSubmit(formData) {
-      console.log('Form submitted:', formData)
-      this.showModal = false
+      this.aiOpen =false;
     }
   }
 }
diff --git a/src/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue b/src/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue
index 5468728f..40649dd5 100644
--- a/src/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue
+++ b/src/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue
@@ -1,62 +1,59 @@
 <template>
   <el-dialog
-      title="启用智能标注"
-      :visible.sync="visible"
-      width="600px"
-      :before-close="handleClose"
-      custom-class="smart-annotation-dialog"
+    title="启用智能标注"
+    :visible.sync="isOpen" width="500px" append-to-body @close="cancel" :close-on-click-modal="false"
   >
-      <div class="annotation-form">
-        <div class="form-section">
-          <h3>智能标注类型</h3>
-          <el-radio-group v-model="form.learningType">
-            <el-radio label="active">主动学习</el-radio>
-            <el-radio label="pre">预学习</el-radio>
-          </el-radio-group>
-          <p class="description" v-if="form.learningType === 'active'">
-            系统将自动使用半监督学习，通过深度学习等多种手段进行智能标注，使用人工标注进行优化。
-          </p>
-        </div>
+    <div class="annotation-form">
+      <div class="form-section">
+        <h3>智能标注类型</h3>
+        <el-radio-group v-model="form.learningType">
+          <el-radio label="active">主动学习</el-radio>
+          <el-radio label="pre">预学习</el-radio>
+        </el-radio-group>
+        <p class="description" v-if="form.learningType === 'active'">
+          系统将自动使用半监督学习，通过深度学习等多种手段进行智能标注，使用人工标注进行优化。
+        </p>
+      </div>
 
-        <div class="form-section">
-          <h3>算法类型</h3>
-          <el-radio-group v-model="form.algorithmType">
-            <el-radio label="fast">快速型</el-radio>
-            <el-radio label="precise">精准型</el-radio>
-          </el-radio-group>
-        </div>
+      <div class="form-section">
+        <h3>算法类型</h3>
+        <el-radio-group v-model="form.algorithmType">
+          <el-radio label="fast">快速型</el-radio>
+          <el-radio label="precise">精准型</el-radio>
+        </el-radio-group>
+      </div>
 
       <div class="form-section">
         <h3>请选择智能标注服务节点</h3>
         <el-select v-model="form.computeNode" placeholder="请选择智能标注服务节点" class="full-width">
           <el-option
-              v-for="item in computeNodes"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
+            v-for="item in computeNodes"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
           />
         </el-select>
       </div>
 
       <el-alert
-          v-if="showWarning"
-          type="warning"
-          :closable="false"
-          show-icon
+        v-if="showWarning"
+        type="warning"
+        :closable="false"
+        show-icon
       >
         启动自动标注时，需数据中存在至少2个种标签，且每种标签的图片不少于5张。
       </el-alert>
     </div>
-<!--      <div v-if="showWarning" class="warning-message">-->
-<!--        <i class="warning-icon">⚠</i>-->
-<!--        <span>启动自动标注时，需数据中存在至少2个种标签，且每种标签的图片不少于5张。</span>-->
-<!--      </div>-->
+    <!--      <div v-if="showWarning" class="warning-message">-->
+    <!--        <i class="warning-icon">⚠</i>-->
+    <!--        <span>启动自动标注时，需数据中存在至少2个种标签，且每种标签的图片不少于5张。</span>-->
+    <!--      </div>-->
 
-<!--      <div class="form-actions">-->
-<!--        <button class="submit-button" @click="handleSubmit">提交</button>-->
-<!--      </div>-->
-      <span slot="footer" class="dialog-footer">
-      <el-button @click="handleClose">取 消</el-button>
+    <!--      <div class="form-actions">-->
+    <!--        <button class="submit-button" @click="handleSubmit">提交</button>-->
+    <!--      </div>-->
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取 消</el-button>
       <el-button type="primary" @click="handleSubmit" :loading="loading">确 定</el-button>
     </span>
   </el-dialog>
@@ -64,6 +61,32 @@
 
 <script>
 export default {
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+    getList: {
+      type: Function,
+      required: true
+    },
+    taskId: {
+      type: Number,
+      default: 0,
+      required: true
+    }
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open
+      },
+      set(value) {
+        this.$emit('dialog-cancel') // 通知父组件
+      }
+    }
+  },
   name: 'AILabelDialog',
   data() {
     return {
@@ -83,19 +106,6 @@ export default {
     }
   },
   methods: {
-    // 重置表单
-    show(row) {
-      this.currentRow = row
-      this.visible = true
-    },
-    resetForm() {
-      this.form = {
-        learningType: 'active',
-        algorithmType: 'fast',
-        computeNode: ''
-      }
-      this.currentRow = null
-    },
     async handleSubmit() {
       try {
         this.loading = true
@@ -105,17 +115,23 @@ export default {
           row: this.currentRow
         })
         this.$message.success('提交成功')
-        this.handleClose()
+        this.cancel()
       } catch (error) {
         this.$message.error(error.message || '提交失败')
       } finally {
         this.loading = false
       }
     },
-    handleClose() {
-      this.visible = false
-      this.resetForm()
+    // 取消按钮
+    cancel() {
+      this.isOpen = false
+      this.reset()
+      this.getList()
     },
+    // 表单重置
+    reset() {
+      this.form = {} // 清空表单
+    }
   }
 }
 </script>
@@ -149,4 +165,4 @@ export default {
 .full-width {
   width: 100%;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue b/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
index 37f1cad2..abbd387e 100644
--- a/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
+++ b/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
@@ -61,7 +61,7 @@ export default {
         return this.open
       },
       set(value) {
-        this.$emit('update:open', value)
+        this.$emit('dialog-cancel') // 通知父组件
       }
     }
   },
@@ -130,7 +130,6 @@ export default {
     cancel() {
       this.isOpen = false
       this.reset()
-      this.$emit('dialog-cancel') // 通知父组件
       this.getList()
     },
     // 表单重置
diff --git a/src/views/dataCenter/evaluate/child/customDialog.vue b/src/views/dataCenter/evaluate/child/customDialog.vue
new file mode 100644
index 00000000..41062c4d
--- /dev/null
+++ b/src/views/dataCenter/evaluate/child/customDialog.vue
@@ -0,0 +1,124 @@
+<template>
+  <div>
+    <el-dialog :title="title" :visible.sync="isOpen" width="500px" append-to-body @close="cancel"
+               :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="模型评价id" prop="id">
+          <el-input v-model="form.id" placeholder="请输入模型评价id"/>
+        </el-form-item>
+        <el-form-item label="模型名称" prop="evaluateName">
+          <el-input v-model="form.evaluateName" placeholder="请输入模型名称"/>
+        </el-form-item>
+        <el-form-item label="版本号" prop="evaluateVersion">
+          <el-input v-model="form.evaluateVersion" placeholder="请输入版本号"/>
+        </el-form-item>
+        <el-form-item label="验证样本总数" prop="sampleAll">
+          <el-input v-model="form.sampleAll" placeholder="请输入验证样本总数"/>
+        </el-form-item>
+        <el-form-item label="处理速度" prop="processSpeed">
+          <el-input v-model="form.processSpeed" placeholder="请输入处理速度"/>
+        </el-form-item>
+        <el-form-item label="内存占用" prop="memoryUsage">
+          <el-input v-model="form.memoryUsage" placeholder="请输入内存占用"/>
+        </el-form-item>
+        <el-form-item label="环境条件" prop="enviroConditions">
+          <el-input v-model="form.enviroConditions" placeholder="请输入环境条件"/>
+        </el-form-item>
+        <el-form-item label="准确率" prop="accuracyRate">
+          <el-input v-model="form.accuracyRate" placeholder="请输入准确率"/>
+        </el-form-item>
+        <el-form-item label="召回率" prop="recallRate">
+          <el-input v-model="form.recallRate" placeholder="请输入召回率"/>
+        </el-form-item>
+        <el-form-item label="精确率" prop="accurateRate">
+          <el-input v-model="form.accurateRate" placeholder="请输入精确率"/>
+        </el-form-item>
+        <el-form-item label="F1分数" prop="fGrade">
+          <el-input v-model="form.fGrade" placeholder="请输入F1分数"/>
+        </el-form-item>
+        <el-form-item label="备注" prop="remart">
+          <el-input v-model="form.remart" type="textarea" placeholder="请输入内容"/>
+        </el-form-item>
+        <el-form-item label="是否删除" prop="isActive">
+          <el-input v-model="form.isActive" placeholder="请输入是否删除"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :disabled="uploading" @click="submitForm">确定</el-button>
+        <el-button @click="cancel">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getEvaluate, addEvaluate, updateEvaluate } from '@/api/dataCenter/evaluate'
+
+export default {
+  props: {
+    open: { type: Boolean, required: true },
+    getList: { type: Function, required: true },
+    title: { type: String, required: true },
+    id: { type: [Number, null], default: 0 }
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open
+      },
+      set(value) {
+        this.$emit('dialog-cancel')
+      }
+    }
+  },
+  data() {
+    return {
+      form: {},
+      rules: {}
+    }
+  },
+  watch: {
+    isOpen(newVal) {
+      if (newVal) {
+        if (this.id) {
+          getEvaluate(this.id).then(response => {
+            this.form = response.data
+          })
+        }
+      }
+    }
+  },
+  methods: {
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateEvaluate(this.form).then(response => {
+              this.$modal.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addEvaluate(this.form).then(response => {
+              this.$modal.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    },
+    cancel() {
+      this.isOpen = false
+      this.resetForm()
+    },
+    resetForm() {
+      this.form = {}
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/dataCenter/evaluate/index.vue b/src/views/dataCenter/evaluate/index.vue
new file mode 100644
index 00000000..314c80d1
--- /dev/null
+++ b/src/views/dataCenter/evaluate/index.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="模型名称" prop="evaluateName">
+        <el-input
+          v-model="queryParams.evaluateName"
+          placeholder="请输入模型名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['evaluate:evaluate:add']"
+        >新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['evaluate:evaluate:edit']"
+        >修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['evaluate:evaluate:remove']"
+        >删除
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['evaluate:evaluate:export']"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="evaluateList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="模型名称" align="center" prop="evaluateName"/>
+      <el-table-column label="版本号" align="center" prop="evaluateVersion"/>
+      <el-table-column label="验证样本总数" align="center" prop="sampleAll"/>
+      <el-table-column label="处理速度" align="center" prop="processSpeed"/>
+      <el-table-column label="内存占用" align="center" prop="memoryUsage"/>
+      <el-table-column label="环境条件" align="center" prop="enviroConditions"/>
+      <el-table-column label="准确率" align="center" prop="accuracyRate"/>
+      <el-table-column label="召回率" align="center" prop="recallRate"/>
+      <el-table-column label="精确率" align="center" prop="accurateRate"/>
+      <el-table-column label="F1分数" align="center" prop="fGrade"/>
+      <el-table-column label="备注" align="center" prop="remart"/>
+      <el-table-column label="是否删除" align="center" prop="isActive"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['evaluate:evaluate:edit']"
+          >修改
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['evaluate:evaluate:remove']"
+          >删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改模型评价对话框 -->
+    <custom-dialog :title="title" :get-list="getList" :open="open" :id="id"/>
+  </div>
+</template>
+
+<script>
+import { listEvaluate, delEvaluate } from '@/api/dataCenter/evaluate'
+import customDialog from './child/customDialog.vue'
+
+export default {
+  components: { customDialog },
+  name: 'Evaluate',
+  data() {
+    return {
+      id: null,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 模型评价表格数据
+      evaluateList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        evaluateName: null
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询模型评价列表 */
+    getList() {
+      this.loading = true
+      listEvaluate(this.queryParams).then(response => {
+        this.evaluateList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.open = true
+      this.title = '添加'
+      this.id = null
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.open = true
+      this.title = '修改'
+      this.id = row.id || this.ids[0]
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids
+      this.$modal.confirm('是否确认删除数据项？').then(function() {
+        return delEvaluate(ids)
+      }).then(() => {
+        this.getList()
+        this.$modal.msgSuccess('删除成功')
+      }).catch(() => {
+      })
+    }
+  }
+}
+</script>