表输入表字段换行

src/views/dashboard-kettle/components/appBulletFrame/tableInput.vue

@@ -145,7 +145,7 @@
       </span>
     </el-dialog>
 
-   
+
 
     <estab-dialog
       ref="establishDia"
@@ -229,7 +229,7 @@ export default {
   created() {
     this.listDatabasesFun();
   }, // 监听编号好后获取选择的数据库的树形里列表
- 
+
   // watch: {
   //   formDataBaseName: {
   //     handler(newValue, oldValue) {
@@ -251,7 +251,7 @@ export default {
       }, 500);
     },
 
- 
+
     tableInputName() {
       this.stepName;
     },
@@ -259,7 +259,7 @@ export default {
     //  //获取新建弹窗返回来的值
     getSonValue(res) {
       if (typeof res == "string") {
- 
+
         this.formDataBaseName = res;
         console.log("接收子组件的值1111111----", this.formDataBaseName);
       } else if (typeof res == "object") {
@@ -303,7 +303,7 @@ export default {
 
     getGraphDataBases() {
       // var graph = this.getGraph();
-    
+
       var root = this.newGraph.getDefaultParent(),
         data = [];
       if (root.getAttribute("databases") != null)
@@ -327,7 +327,7 @@ export default {
       this.dialogVisibleFourth = true;
       // this.$refs.establishDia.database();
       // this.$refs.establishDia.accessMethod(); //获取连接方式
- 
+
       this.$refs.establishDia.clickFun(this.newGraph); //先把画布传过去
       this.$refs.establishDia.getTransDatabase();
       this.$refs.establishDia.accessMethod(); //获取连接方式
@@ -338,7 +338,7 @@ export default {
     dialogVisibleFourthFun() {
       this.dialogVisibleFourth = true;
       // this.$refs.establishDia.database(this.connectionName);
-    
+
       this.$refs.establishDia.clickFun(this.newGraph); //先把画布传过去
       if (this.form.connection) {
         this.dialogVisibleFourth = true;
@@ -346,8 +346,8 @@ export default {
       this.$refs.establishDia.accessMethod(); //获取连接方式
       }
       // this.$refs.establishDia.database(this.selectName);
-  
-      
+
+
     },
 
     lastStep() {
@@ -390,7 +390,7 @@ export default {
       mps.append("table", this.tableDetails.text);
 
       tableFields(mps).then((res) => {
- 
+
         // console.log(res);
 
         for (let i = 0; i < res.length; i++) {
@@ -398,7 +398,7 @@ export default {
           // this.fieldName = this.fieldName + element + ","
 
           if (!i == 0) {
-            this.fieldName = this.fieldName + "," + element;
+            this.fieldName = this.fieldName + "\n," + element;
           } else {
             this.fieldName = element;
           }
@@ -406,7 +406,7 @@ export default {
           console.log(this.fieldName, 464564564);
         }
 
-        this.form.sql = `select ${this.fieldName} from ${this.tableDetails.nodeId}.${this.tableDetails.text}`;
+        this.form.sql = `select `+"\n"+`${this.fieldName} `+"\n"+`from `+"\n"+`${this.tableDetails.nodeId}.${this.tableDetails.text}`;
       });
     },
 
@@ -414,7 +414,7 @@ export default {
       if (this.form.connection) {
         this.browsing = !this.browsing;
         this.scanFlag = true;
-       
+
       } else {
         this.$message.error("请选择数据库");
         console.log(this.stepName);
@@ -463,7 +463,7 @@ export default {
     handleNodeClick(data, node) {
       console.log("点击当前节点node===", node);
       console.log("点击当前节点data===", data);
-    
+
       this.tableDetails = data;
     },