提交代码

src/views/dataCenter/annotationTask/dialog/aiLabelDialog.vue

@@ -3,34 +3,31 @@
     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-form ref="form" label-position="top" :rules="rules" :model="form" label-width="140px">
+      <el-form-item label="智能标注类型" prop="learningType">
         <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'">
-          系统将自动使用半监督学习，通过深度学习等多种手段进行智能标注，使用人工标注进行优化。
+          {{ form.learningType === 'active' ? '系统将自动使用半监督学习，通过深度学习等多种手段进行智能标注，使用人工标注进行优化' : ''}}。
         </p>
-      </div>
+      </el-form-item>
 
-      <div class="form-section">
-        <h3>算法类型</h3>
+      <el-form-item label="算法类型" prop="algorithmType">
         <el-radio-group v-model="form.algorithmType">
           <el-radio label="fast">快速型</el-radio>
           <el-radio label="precise">精准型</el-radio>
         </el-radio-group>
-      </div>
+      </el-form-item>
 
-      <div class="form-section">
-        <h3>请选择智能标注服务节点</h3>
-        <el-select v-model="form.serviceId" placeholder="请选择服务" clearable style="width: 100%">
+      <el-form-item label="智能标注服务节点" prop="serviceId">
+        <el-select v-model="form.serviceId" placeholder="请选择智能标注服务节点" clearable style="width: 100%">
           <el-option v-for="dict in this.serviceList" :key="dict.serviceId" :label="dict.serviceName"
                      :value="dict.serviceId"
           />
         </el-select>
-      </div>
+      </el-form-item>
 
       <el-alert
         v-if="showWarning"
@@ -40,7 +37,7 @@
       >
         启动自动标注时，需数据中存在至少2个种标签，且每种标签的图片不少于5张。
       </el-alert>
-    </div>
+    </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="cancel">取 消</el-button>
       <el-button type="primary" @click="handleSubmit" :loading="loading">确 定</el-button>
@@ -86,8 +83,12 @@ export default {
       loading: false,
       form: {
         learningType: 'pre',
-        algorithmType: 'fast',
-        serviceId: ''  // Initialize serviceId
+        algorithmType: 'fast'
+      },
+      rules: {
+        learningType: [{ required: true, message: '请选择智能标注类型', trigger: 'blur' }],
+        algorithmType: [{ required: true, message: '请选择算法类型', trigger: 'blur' }],
+        serviceId: [{ required: true, message: '请选择智能标注服务节点', trigger: 'blur' }]
       },
       serviceList: [],
       showWarning: true,