测试：前台任务设计雏形

src/views/task/task/index.vue

@@ -189,28 +189,28 @@
 
       <el-form  label-width="80px" :model="taskInfoList" ref="queryForm"  :inline="true" class="demo-form-inline" size="small">
         <el-form-item label="任务id">
-          <el-input v-model="taskInfoList.taskId"></el-input>
+          <el-input v-model="taskInfo.taskId"></el-input>
         </el-form-item>
 
         <el-form-item label="数据库id">
-          <el-input v-model="taskInfoList.databaseId"></el-input>
+          <el-input v-model="taskInfo.databaseId"></el-input>
         </el-form-item>
         <el-form-item label="数据表">
-          <el-select v-model="taskInfoList.tableName" placeholder="请选择等级">
+          <el-select  v-model="taskInfo.tableName" placeholder="请选择等级">
             <el-option label="请选择" value="0"></el-option>
             <span v-for="table in taskInfoList">
-              <el-option :label=table.tableName :value=table.id :key=table.id></el-option>
+              <el-option @change="changeTableName(table)" :label=table.tableName :value=table.id :key=table.id></el-option>
             </span>
           </el-select>
         </el-form-item>
         <el-form-item label="表别名">
-          <el-input v-model="taskInputReq.tableAsName"></el-input>
+          <el-input v-model="taskInfo.tableAsName"></el-input>
         </el-form-item>
       </el-form>
 
       <div slot="footer" class="dialog-footer">
         <el-button @click="taskInputAdd = false">取 消</el-button>
-        <el-button type="primary" @click="addTaskInput()">下一步</el-button>
+        <el-button type="primary" @click="addTaskInput(taskInfo)">下一步</el-button>
       </div>
 
 
@@ -340,6 +340,7 @@ export default {
       taskInputReq:{},
       taskList:[],
       taskInfoList:[],
+      taskInfo:{},
       tableList:[],
       structureList:[],
     };
@@ -350,9 +351,14 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    //选择数据表改变数据
+    changeTableName(row){
+      this.taskInfo = row;
+    },
+
     //查询字段
-    findByInputId(row){
-      findByInputId(row.id).then(res=>{
+    findByInputId(taskInfo){
+      findByInputId(taskInfo.id).then(res=>{
         this.structureList = res.data;
       })
 
@@ -371,9 +377,9 @@ export default {
     },
 
 
-    addTaskInput(){
+    addTaskInput(taskInfo){
       this.taskInputAdd = false;
-      this.findByInputId();
+      this.findByInputId(taskInfo);
       this.taskInputFieldAdd = true;
     },