gg

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

@@ -18,7 +18,7 @@
             </el-col>
 
             <el-col class="line" :span="2">
-              <el-button size="mini">浏览</el-button>
+              <el-button size="mini" @click="filePathSelection = true">浏览</el-button>
             </el-col>
           </el-row>
         </el-form-item>
@@ -166,15 +166,14 @@
                   height=" 250 "
                   border
                   style="width: 100%"
-                  :row-style="{ height: '10px' }"
-                  :cell-style="{ height: '10px' }"
+              
                 >
                   <el-table-column prop="parent" label="原字段名">
                   </el-table-column>
                   <el-table-column prop="child" label="要映射成的字段名">
                   </el-table-column>
 
-                  <el-table-column label="操作" width="120">
+                  <el-table-column label="操作" width="90">
                     <template slot-scope="scope">
                       <el-button
                         @click="addInputField(false, scope.row)"
@@ -193,12 +192,21 @@
                 </el-table>
                 <el-form :model="form">
                   <el-form-item>
+                    <el-row :gutter="10">
+                      <el-col :span="19">
                     <el-checkbox
                       v-model="form.rename_on_output"
                       true-label="Y"
                       false-label="N"
                     ></el-checkbox>
                     输出时字段名再重新映射回原来输入时的名字?
+                      </el-col>
+                      <el-col :span="4">
+                        <el-button>字段映射...</el-button>
+                      </el-col>
+
+                      
+                    </el-row>
                   </el-form-item>
                 </el-form>
               </div>
@@ -315,7 +323,7 @@
                   <el-table-column prop="child" label="要映射成的字段名">
                   </el-table-column>
 
-                  <el-table-column label="操作" width="60">
+                  <el-table-column label="操作" width="90">
                     <template slot-scope="scope">
                       <el-button
                         @click="addOutputField(false, scope.row)"
@@ -406,6 +414,29 @@
         <el-button type="primary" @click="addoutputBoxFun">确 定</el-button>
       </span>
     </el-dialog>
+
+
+
+      <!-- 文件浏览器-->
+    <el-dialog
+      title="文件浏览器"
+      :visible.sync="filePathSelection"
+      width="500px"
+      :before-close="handleClose"
+      :modal="false"
+    >
+      
+      <browseFiles :disabed="true"   v-on:route="route"></browseFiles>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="filePathSelection = false">取 消</el-button>
+        <el-button type="primary" @click="addFilePathSelection"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+
+
   </div>
 </template>
 
@@ -446,6 +477,7 @@ export default {
       connectionNode: [],
       tableData: [],
       newGraph: [],
+      filePathSelection:false,
       metadataBox: false,
       selectModifyBox: false,
       inputBox: false,
@@ -472,6 +504,7 @@ export default {
       inputState: 1,
       mappings: {},
       inherit: "Y",
+      localPath:{},
     };
   },
 
@@ -541,6 +574,19 @@ export default {
       }
     },
 
+
+     route(flowData){
+      this.localPath.fileName =  flowData.name
+      console.log(this.localPath);
+    },
+
+    addFilePathSelection(){
+      this.filePathSelection = !this.filePathSelection
+
+       this.form.directory = this.localPath.fileName
+      
+    },
+
     inputSelection(val, index) {
       this.inputIndex = index;
       console.log(val);