mxl---3.26输出弹窗组件

src/views/dialogs-components/global/database-choose/main.vue

@@ -22,7 +22,7 @@
     <el-form-item label="目的模式:" >
         <el-row :gutter="10">
           <el-col :span="20">
-            <el-input v-model="form.name"></el-input>
+            <el-input v-model="newForm.schema"></el-input>
           </el-col>
           
           <el-col class="line" :span="3">
@@ -33,7 +33,7 @@
       <el-form-item label="目标表:" prop="text">
         <el-row :gutter="10">
           <el-col :span="20">
-            <el-input ref="goal" v-model="newForm.text"></el-input>
+            <el-input ref="goal" v-model="newForm.table"></el-input>
           </el-col>
           
           <el-col class="line" :span="3">
@@ -86,16 +86,24 @@ export default {
       }else if(typeof(res)=='object'){
         console.log('接收子组件的值55555----',res);
         this.curNode=res;
-         // DOM 更新后
-        // this.$nextTick(() => {
-        //   this.form.text=this.curNode.data.text;
-        //   // this.$refs.goal.values=this.curNode.data.text;
-        //   // this.$refs.goal.refreshData(this.from)
-        // })
-        this.$set(this.newForm,'text',this.curNode.data.text)
+        // this.$refs.goal.refreshData(this.from)
+        if(this.chooseType=='表'){
+           console.log('进入表----',res);
+          this.$set(this.newForm,'table',this.curNode.data.text);
           this.$forceUpdate()
-        // this.form.text=this.curNode.data.text;
+        }
+        console.log('this.curNode.data.leaf=====:',this.curNode.data.leaf);
+        if(this.chooseType=='模式'&& this.curNode.data.leaf && this.curNode.parent.data.text ==this.chooseType){
+          console.log('进入模式----',res);
+          this.$set(this.newForm,'schema',this.curNode.data.text);
+           this.$forceUpdate()
+     
+        }     
+        // this.$forceUpdate()
         console.log('chuanhuo=====', this.newForm);
+        // 发射回父组件
+        this.$emit("update:form", this.newForm);
+
       }else if(typeof(res)=='boolean'){
          this.dialogVisibleFourth=res;
          console.log('接收子组件的值2222222----',this.dialogVisibleFourth);
@@ -123,6 +131,7 @@ export default {
     selectNameFunc(e){         
         console.log('当前选中的数',e);
         console.log('当前选中的数-===',this.selectName);
+        this.newForm.connection=this.selectName;
     },
     //点击选择获取已经创建的数据库列表
     clickFunc(){
@@ -165,9 +174,7 @@ export default {
       },
       deep: true
     },
-    // form(newValue, oldValue){
-    //   this.form=newValue;
-    // }
+
 
 
   },

src/views/dialogs-components/global/establish/main.vue

@@ -11,7 +11,7 @@
         <div class="left-container mybox">
           <ul class="infinite-list">
             <li
-              @click="chooseType(index)"
+              @click="chooseBaseType(index)"
               :class="[index == nowTypeIndex ? 'type-checked' : '']"
               v-for="(item, index) in linkType"
               :key="index"
@@ -474,7 +474,7 @@ export default {
     handleCloseFourth() {
       this.$emit("getSonValue", false); //组件要传回父组件的值,关闭弹窗
     },
-    chooseType(index) {
+    chooseBaseType(index) {
       this.nowTypeIndex = index;
     },
 
@@ -832,7 +832,7 @@ export default {
         console.log('点击当前节点data===',data);
         // var arr=[{node:node}]
         this.curChooseNode=node;
-        // this.$emit("getSonValue", this.curChooseNode); //组件要传回父组件的值,关闭弹窗
+        this.$emit("getSonValue", this.curChooseNode); //组件要传回父组件的值,关闭弹窗
         // this.nodePath=data.path;//当前选择数
         // this.curNodeIconCls=data.iconCls;//当前选中节点
         // console.log('当前节点的文件夹路径:',this.nodePath);