修改引入算法与模板

src/views/modules/alg/algcreate2.vue

@@ -24,7 +24,7 @@
             </el-radio-group>
           </el-form-item>
 
-          <el-form-item label="python版本和框架">
+          <el-form-item label="python版本和框架" prop="imageSelected">
             <el-select v-model="imageSelected" placeholder="环境选择">
               <el-option v-for="data in images" :key="data.baseImageId" :label="data.pythonAndFrame" :value="data.baseImageId">
               </el-option>
@@ -70,31 +70,39 @@
       </el-tab-pane>
       <el-tab-pane label="算法及模板" name="third">
         <el-form :model="dataForm2" :rules="dataRule" ref="dataset" label-width="180px">
-
-          <el-form-item label="上传代码：" size="mini">
-            <el-upload class="upload-demo" action="#"
-              :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" 
-              :on-change="fileChange"
-              multiple :limit="10"
-              :on-exceed="handleExceed" :file-list="fileList">
-              <el-button size="small" type="primary">点击上传</el-button>
-              <div slot="tip" class="el-upload__tip">请上传代码文件</div>
-            </el-upload>
+          <div class="block">
+            <el-form-item label="上传代码：" size="mini" prop="fileList">
+              <el-upload class="upload-demo" action="#"
+                :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" 
+                :on-change="fileChange"
+                multiple :limit="10"
+                :on-exceed="handleExceed" :file-list="fileList">
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">请上传代码文件</div>
+              </el-upload>
+            </el-form-item>
+          </div>
+          <el-form-item>
+            <el-link :underline="false" @click="importAlg" type="primary">引入算法与算法模板</el-link>
           </el-form-item>
+          <div class="block" v-if="importVisible">
+            <el-form-item label="选择算法：">
+              <el-select v-model="value2" multiple placeholder="选择算法">
+                <el-option v-for="item in algOptions" :key="item.modelId" :label="item.modelName" :value="item.modelId">
+                </el-option>
+              </el-select>
+            </el-form-item>
 
-          <el-form-item label="选择算法：">
-            <el-select v-model="value2" multiple placeholder="选择算法">
-              <el-option v-for="item in algOptions" :key="item.modelId" :label="item.modelName" :value="item.modelId">
-              </el-option>
-            </el-select>
-          </el-form-item>
+            <el-form-item label="选择模板：">
+              <el-select v-model="value3" multiple placeholder="选择模板">
+                <el-option v-for="item in tmpOptions" :key="item.tmpId" :label="item.tmpName" :value="item.tmpId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </div>
+          
 
-          <el-form-item label="选择模板：">
-            <el-select v-model="value3" multiple placeholder="选择模板">
-              <el-option v-for="item in tmpOptions" :key="item.tmpId" :label="item.tmpName" :value="item.tmpId">
-              </el-option>
-            </el-select>
-          </el-form-item>
+          
 
           <el-form-item style="float:right">
             <el-button @click="activeName='second'">返回</el-button>
@@ -117,7 +125,7 @@
             </el-radio-group>
           </el-form-item>
 
-          <el-form-item label="python版本和框架">
+          <el-form-item label="python版本和框架" prop="imageSelected">
             <el-select v-model="imageSelected" placeholder="环境选择">
               <el-option v-for="data in images" :key="data.baseImageId" :label="data.pythonAndFrame" :value="data.baseImageId">
               </el-option>
@@ -148,7 +156,7 @@
             </el-select>
           </el-form-item>
 
-          <el-form-item label="上传代码：" size="mini">
+          <el-form-item label="上传代码：" size="mini" prop="fileList">
             <el-upload class="upload-demo" action=""
               :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :auto-upload="false"
               multiple :limit="10"
@@ -235,10 +243,17 @@ export default {
         dataset: [],
       },
       textarea2: "",
+      importVisible:false,
       dataRule: {
         algorithmName: [
           { required: true, message: "名称不能为空", trigger: "blur" },
         ],
+        imageSelected:[
+          { required: true, message: "python版本和框架不能为空", trigger: "blur" },
+        ],
+        fileList:[
+          { required: true, message: "代码文件不能为空", trigger: "blur" },
+        ]
 
       },
     };
@@ -252,6 +267,7 @@ export default {
       this.fileList=[],
       this.imageSelected=null,
       this.dataForm.id = 0;
+      this.importVisible=false;
       this.$http({
         url: this.$http.adornUrl("/category/select"),
         method: "get",
@@ -440,6 +456,9 @@ export default {
         this.fileList=fileList;
         this.fileList.append(file);
     },
+    importAlg(){
+      this.importVisible=true
+    }
   },
 };
 </script>