调整

src/views/etl/components/edit.vue

@@ -99,6 +99,7 @@
                     ? 'calc( 100% - 100px )'
                     : '100%',
               }"
+              @change="getSourceFieId"
               v-model="form['TaskHead-SourceTable']"
               placeholder="请选择"
             >
@@ -128,6 +129,7 @@
               filterable
               v-model="form['TaskHead-TargetTable']"
               placeholder="请选择"
+              @change="getTargetFieId"
             >
               <el-option
                 v-for="item in targetTable"
@@ -147,6 +149,7 @@
               filterable
               v-model="form['TaskHead-ExtractType']"
               placeholder="请选择"
+              @change="setTaskLstLi"
             >
               <el-option
                 v-for="item in extractTypeArray"
@@ -183,10 +186,10 @@
               placeholder="请选择"
             >
               <el-option
-                v-for="item in sourceTable"
-                :key="item['TableInfo-TableName']"
-                :label="item['TableInfo-TableName']"
-                :value="item['TableInfo-TableName']"
+                v-for="item in sourceFieIdList"
+                :key="item['fieldName']"
+                :label="item['fieldName']"
+                :value="item['fieldName']"
               />
             </el-select>
           </el-form-item>
@@ -202,10 +205,10 @@
               placeholder="请选择"
             >
               <el-option
-                v-for="item in sourceTable"
-                :key="item['TableInfo-TableName']"
-                :label="item['TableInfo-TableName']"
-                :value="item['TableInfo-TableName']"
+                v-for="item in sourceFieIdList"
+                :key="item['fieldName']"
+                :label="item['fieldName']"
+                :value="item['fieldName']"
               />
             </el-select>
           </el-form-item>
@@ -221,10 +224,10 @@
               placeholder="请选择"
             >
               <el-option
-                v-for="item in sourceTable"
-                :key="item['TableInfo-TableName']"
-                :label="item['TableInfo-TableName']"
-                :value="item['TableInfo-TableName']"
+                v-for="item in sourceFieIdList"
+                :key="item['fieldName']"
+                :label="item['fieldName']"
+                :value="item['fieldName']"
               />
             </el-select>
           </el-form-item>
@@ -274,7 +277,7 @@
             >
           </el-form-item>
         </el-col>
-        <el-col v-if="form['TaskHead-ExtractType']" :span="24">
+        <el-col v-if="form['TaskHead-ExtractType'] === 'TABLE'" :span="24">
           <el-table
             size="mini"
             :data="form['TaskHead-TaskLstLi']"
@@ -295,11 +298,19 @@
             </el-table-column>
             <el-table-column :label="getColumnName('TaskLst-TargetField')">
               <template #default="scope">
-                <el-input
+
+                <el-select
+                  filterable
                   v-model="scope.row['TaskLst-TargetField']"
-                  clearable
-                  placeholder="请输入"
-                />
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in targetFieIdList"
+                    :key="item['fieldName']"
+                    :label="item['fieldName']"
+                    :value="item['fieldName']"
+                  />
+                </el-select>
               </template>
             </el-table-column>
             <el-table-column :label="getColumnName('TaskLst-TargetFieldType')">
@@ -468,9 +479,12 @@ export default {
         updateUrl: "/admin/etl/taskhead/updateone", // 修改
         addUrl: "/admin/etl/taskhead/insertone", // 新增
         etlStdef: "/admin/etl/database/table", // 获取数据库
+        field: "/admin/etl/database/field", // 获取表字段信息
       },
       sourceTable: [], // 数据源数据表
       targetTable: [], // 目标数据表
+      sourceFieIdList:[],
+      targetFieIdList:[]
     };
   },
   created() {
@@ -488,6 +502,29 @@ export default {
     });
   },
   methods: {
+    // 获取数据源数据表表字段信息
+    getSourceFieId(value) {
+      this.form["TaskHead-SortField"] = undefined;
+      this.form["TaskHead-StatusField"] = undefined;
+      this.form["TaskHead-UniqueField"] = undefined;
+      this.form["TaskHead-TaskLstLi"] = [];
+      get(this.url.field, {
+        engineId: this.form["TaskHead-SourceDB"],
+        table: value,
+      }).then(({ data }) => {
+        this.sourceFieIdList = data || []
+      });
+    },
+    // 获取目标数据表表字段信息
+    getTargetFieId(value) {
+      this.form["TaskHead-TaskLstLi"] = [];
+      get(this.url.field, {
+        engineId: this.form["TaskHead-SourceDB"],
+        table: value,
+      }).then(({ data }) => {
+        this.targetFieIdList = data || []
+      });
+    },
     // 获取数据源数据表
     getSourceTable(value) {
       this.form["TaskHead-SourceTable"] = undefined;
@@ -495,12 +532,15 @@ export default {
       this.form["TaskHead-StatusField"] = undefined;
       this.form["TaskHead-UniqueField"] = undefined;
       this.form["TaskHead-TaskLstLi"] = [];
+      this.sourceFieIdList=[];
       get(this.url.etlStdef, { engineId: value }).then(({ data }) => {
         this.sourceTable = data || [];
       });
     },
     // 获取目标数据表
     getTargetTable(value) {
+      this.targetFieIdList=[];
+      this.form["TaskHead-TaskLstLi"] = [];
       this.form["TaskHead-TargetTable"] = undefined;
       get(this.url.etlStdef, { engineId: value }).then(({ data }) => {
         this.targetTable = data || [];
@@ -551,6 +591,9 @@ export default {
         }
       });
     },
+    setTaskLstLi(){
+      this.form["TaskHead-TaskLstLi"]=[]
+    },
     cancel() {
       // 取消按钮
       this.$emit("update:isShowDialog", "");
@@ -574,6 +617,18 @@ export default {
         }).then(({ data }) => {
           this.targetTable = data || [];
         });
+        get(this.url.field, {
+          engineId: this.form["TaskHead-SourceDB"],
+          table: this.form["TaskHead-SourceTable"],
+        }).then(({ data }) => {
+          this.sourceFieIdList = data || []
+        });
+        get(this.url.field, {
+          engineId: this.form["TaskHead-TargetDB"],
+          table: this.form["TaskHead-TargetTable"],
+        }).then(({ data }) => {
+          this.targetFieIdList = data || []
+        });
       });
     },
     submitForm() {