文件文件输出数据库保存没成功更改

src/views/dashboard-kettle/components/designer/mxgraphDesigner.vue

@@ -884,7 +884,7 @@
       :sqlVisible.sync="sqlVisible"
       :sqlVisible.sync="sqlVisible"
       :saveOutputDialog="saveOutputDialog"
       :saveOutputDialog="saveOutputDialog"
       :doubleClickCell="doubleClickCell"
       :doubleClickCell="doubleClickCell"
-      :sqlForm="outPutFormData7"
+      :sqlFormSend="outPutFormData7"
     ></sqlDialog>
     ></sqlDialog>
     <textFileDialog
     <textFileDialog
       ref="textFile"
       ref="textFile"
@@ -1818,7 +1818,9 @@ previousField(){
           //mico-Excel输出
           //mico-Excel输出
           this.microVisible = !this.microVisible;
           this.microVisible = !this.microVisible;
           this.outPutFormData9 = this.showDataFunc();
           this.outPutFormData9 = this.showDataFunc();
+            setTimeout(() => {
               this.$refs.mic.clickFun(this.graph);//向子组件传递画布
               this.$refs.mic.clickFun(this.graph);//向子组件传递画布
+            }, 500);
           return;
           return;
         } else if (cell.ids == "step9" || cell.value.attributes.ctype.value == "ExcelOutput" ) {
         } else if (cell.ids == "step9" || cell.value.attributes.ctype.value == "ExcelOutput" ) {
           //Excel输出
           //Excel输出

src/views/output-dialog/sqlFileOutput.vue

@@ -20,7 +20,7 @@
         <el-tab-pane label="一般" name="content">
         <el-tab-pane label="一般" name="content">
             <div style="position:relative;border:1px solid #b5b8c8;padding:15px 0;">
             <div style="position:relative;border:1px solid #b5b8c8;padding:15px 0;">
               <div style="position:absolute;top:-15px;left:20px;color:#15428b;background-color:#fff;padding:5px 10px;">连接</div>
               <div style="position:absolute;top:-15px;left:20px;color:#15428b;background-color:#fff;padding:5px 10px;">连接</div>
-              <database-choose ref="databaseChoose" :form.sync="sqlForm"   :graph="newGraph"></database-choose>
+              <database-choose ref="databaseChoose"  @fatherFun="fatherFun" :form.sync="sqlForm"   :graph="newGraph"></database-choose>
             </div>
             </div>
 
 
             <div style="position:relative;border:1px solid #b5b8c8;padding:15px 0;margin-top:15px;">
             <div style="position:relative;border:1px solid #b5b8c8;padding:15px 0;margin-top:15px;">
@@ -190,6 +190,7 @@ import {
 export default ({
 export default ({
     data(){
     data(){
         return{
         return{
+          sqlForm:this.sqlFormSend,
           newGraph:{},
           newGraph:{},
           formName:'',
           formName:'',
           fileDialogVisible:false,//选择文件夹弹窗
           fileDialogVisible:false,//选择文件夹弹窗
@@ -287,8 +288,16 @@ export default ({
 
 
         }     
         }     
     },
     },
+    watch:{
+      // 解决子组件改变父组件传进来的变量的属性不报错start------
+       sqlFormSend(val){
+         console.log("回显的表单数据===",val);
+         this.sqlForm=val;
+       },
+       // 解决子组件改变父组件传进来的变量的属性不报错start------
+    },
 
 
-    props:["sqlForm","title","sqlVisible","saveOutputDialog","doubleClickCell"],
+    props:["sqlFormSend","title","sqlVisible","saveOutputDialog","doubleClickCell"],
 
 
     // props:{
     // props:{
     //     title:{
     //     title:{
@@ -306,6 +315,30 @@ export default ({
       this.getAvailableCharsets();//获取编码
       this.getAvailableCharsets();//获取编码
     },
     },
     methods:{
     methods:{
+      // 数据库重置
+      fatherFun(param){
+
+       console.log("触发了父组件的方法=----",param);
+
+        //数据库
+        if(param.connection == this.sqlFormSend.connection){
+            console.log(2)
+            this.sqlForm = this.sqlFormSend
+            if(param.table == this.sqlFormSend.table){
+               console.log(4)
+               this.tableData = JSON.parse(this.sqlFormSend.fields)
+            }else{
+              console.log(6)
+              // this.tableData = []
+            }
+        }else{
+           console.log(3)
+          this.sqlForm = param
+          // this.tableData = []
+        }
+
+         console.log(5)
+      },
       clickFun(graph){
       clickFun(graph){
           console.log(graph,'双击获取值')
           console.log(graph,'双击获取值')
           this.newGraph = graph;
           this.newGraph = graph;