创建任务分片

DAPlatform-front/src/components/ReleaseTask.vue

@@ -8,8 +8,11 @@
           <el-tabs v-model="cardName"  type="border-card" @tab-click="handleClick" >
             <el-tab-pane label="文本分片" name="first">
               <el-row :gutter="20" style="margin-bottom: 15px">
-                <el-col span="2"><el-button @click="addDomain(1)" type="primary" plain>添加文本分片</el-button></el-col>
-                <el-col span="5"><el-button @click="checkTemplate" type="info" plain>查看模板</el-button></el-col>
+                <el-col span="10">
+                  <el-button @click="addDomain(1)" type="primary" plain>添加文本分片</el-button>
+                  <el-button @click="templateVisible = true" type="info" plain>查看模板</el-button>
+                  <el-button type="info" @click="dialogFormVisible = true" plain>自定义模板</el-button>
+                </el-col>
               </el-row>
               <el-row :gutter="20">
                 <el-form-item>
@@ -124,7 +127,7 @@
 
             <el-tab-pane label="图像分片" name="second">
               <el-row :gutter="20" style="margin-bottom: 15px">
-                <el-col span="2"><el-button @click="addDomain(2)" type="primary" plain>添加图像分片</el-button></el-col>
+                <el-col span="4"><el-button @click="addDomain(2)" type="primary" plain>添加图像分片</el-button></el-col>
               </el-row>
               <el-row :gutter="20">
                 <el-form-item>
@@ -172,7 +175,7 @@
 
             <el-tab-pane label="图层分片" name="third">
               <el-row :gutter="20" style="margin-bottom: 15px">
-                <el-col span="2"><el-button @click="addDomain(3)" type="primary" plain>添加图层分片</el-button></el-col>
+                <el-col span="4"><el-button @click="addDomain(3)" type="primary" plain>添加图层分片</el-button></el-col>
               </el-row>
               <el-row :gutter="20">
                 <el-form-item>
@@ -251,7 +254,7 @@
           </el-tabs>
 
           <el-row :gutter="20">
-            <el-col  offset="17" span="7">
+            <el-col  offset="15" span="9">
               <el-form-item style="margin-top: 20px">
                 <el-input v-model="taskName" @input="change($event)"  placeholder="输入任务名称" style="width: 200px"></el-input>
                 <el-button type="primary" @click="submitForm(taskName)" style="margin-left: 15px">创建任务</el-button>
@@ -335,12 +338,10 @@
                  </span>
               </el-tree>
             <el-button type="primary" @click="delTemplate(templateChoose)">删除模板</el-button>
-<!--            </div>-->
-          </el-row>
-          <el-row :gutter="20">
-
+<!--&lt;!&ndash;            </div>&ndash;&gt;-->
           </el-row>
         </el-dialog>
+
       </el-main>
     </el-container>
     </div>
@@ -480,7 +481,7 @@
                 taskId:-1,
                 templateName:'',
                 templateDetailList:[],//用来显示模板内容的模板列表
-                templateChoose:1,//查看模板时的模板id
+                templateChoose:0,//查看模板时的模板id
             };
         },
         mounted(){
@@ -504,7 +505,15 @@
                 }).then(res=>{
                     console.log(res);
                     if(res.code == 1){
-                        this.pOptions = res.message;
+                        if(res.message.length == 0){
+                            this.templateChoose = 0
+                        }
+                        else{
+                            this.templateChoose = 0
+                            this.pOptions = res.message
+                        }
+                        // this.pOptions[0].templateId = 1
+                        // console.log(this.pOptions)
                     }
                     else{
                         alert("加载错误!!!");