mxl全局组件

src/api/kettle/file.js

@@ -62,9 +62,16 @@ export function checkInit(data) {
 }
 
 // 数据库浏览
+// export function dataBaseScan(data) {
+//   return request({
+//     url: 'etlweb/database/explorer',
+//     data,
+//     method: 'post'
+//   })
+// }
 export function dataBaseScan(data) {
   return request({
-    url: 'etlweb/database/explorer',
+    url: 'etlweb/database/explorer2',
     data,
     method: 'post'
   })

src/assets/styles/index.scss

@@ -581,9 +581,9 @@ aside {
 
 
 //
-// $svgUrl:'http://192.168.0.2:9888/ETLWEB-SERVER/etlweb';
+$svgUrl:'http://192.168.0.2:9888/ETLWEB-SERVER/etlweb';
 // $svgUrl:'http://192.168.0.44:9888/ETLWEB-SERVER/etlweb';
-$svgUrl:'http://192.168.0.44:9882/ETLWEB-SERVER/etlweb';
+// $svgUrl:'http://192.168.0.44:9882/ETLWEB-SERVER/etlweb';
 // .schema { background-image: url($svgUrl/ui/images/schema.svg?scale=16) !important;}
 
 .preview { background-image: url($svgUrl+'/ui/images/preview.svg?scale=16') !important;}

src/main.js

@@ -36,6 +36,9 @@ Vue.use(jsPlump);
 // 引入自定义指令
 // import './utils/dialog.js';
 
+// 引入全局组件
+import './views/dialogs-components/global'
+
 Vue.use(VueHighlightJS)
 Vue.use(mavonEditor)
 Vue.use(permission)

src/views/dialogs-components/dialog-remind.vue

@@ -98,11 +98,12 @@
                   if (res) {           
                       this.$message.success('删除成功!');
                       // 关闭弹窗
-                      this.dialogVisibleOne=false;
+                      // this.dialogVisibleOne=false;
+                       this.$emit("update:dialogVisibleOne", false);
                       this.dialogVisibleTwo=false;
 
                   }else {
-                  this.$message.error(res.errMsg)
+                  this.$message.error(res.message)
                   }
               })
       }

src/views/dialogs-components/global/establish/index.js

+import main from './main.vue'
+export default main
\ No newline at end of file

src/views/dialogs-components/global/index.js

+import Vue from 'vue'
+const componentsContext =require.context('./', true, /\.js$/);
+// 遍历出每个组件的路径
+componentsContext.keys().forEach(component => {
+    const componentConfig =componentsContext(component);
+    //兼容important export和require module.export两种规范
+    const ctrl = componentConfig.default || componentConfig;
+    // 加载全局组件
+    if(ctrl && ctrl.name){
+        Vue.component(ctrl.name, ctrl);
+    }
+  })
\ No newline at end of file

src/views/kettle/kettle.css

-/* .trans { background-image: url(/web/ui/images/spoongraph.svg?scale=16) !important;} */
\ No newline at end of file
+.content{
+    direction: flex;
+}
+.ef-left-box{
+    flex:1
+}
+.el-tabs--card >.el-tabs__header {
+margin: 0 !important;
+}
+.el-tabs--card>.el-tabs__header {
+    margin: 0;
+}
+
+.el-tabs__item {
+    background-color:#DEECFD;
+    color:#1567A9;
+
+}
+.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
+border-bottom: 1px solid  #dce3e8;
+}
+.el-tabs__item.is-active {
+    color: #FFDEAD;  
+}
+.el-tabs--card>.el-tabs__header {
+    border-bottom: 1px solid #E4E7ED;
+}
+.sel-content{
+    min-height: 81vh;  
+    border: 1px solid #dce3e8;
+}
+.sel-menu-bar{
+    background-color: #D6E3F2;
+}
+.sel-btn{
+    display: inline-block;
+    padding: 7px 15px;
+    font-size: 12px;
+    border-radius: 3px;
+}
+.text-center{
+    text-align:center;
+}
+
+.drop-item{
+    padding:10px 5px;
+}
+.space-gap{
+    margin-right:5px;
+}
+.rg{
+    text-align: right;
+}
+.el-tabs__item.is-active{
+    color:#4074AF;
+    font-weight:bold;
+}
+
+
+/* 拖拽相关样式start-------------------- */
+/*包围div样式*/
+.box {
+    width: 100%;
+    height: 100%;
+    margin: 1% 0px;
+    overflow: hidden;
+    padding:0 15px;
+    min-height: 86vh;
+    display: flex;
+}
+/*左侧div样式*/
+.left {
+    /*左侧初始化宽度*/   
+    width:350px;  /*左侧初始化宽度*/   
+    height: 100%;
+    background: #FFFFFF;
+    float: left;
+    min-height: 86vh;
+}
+/*拖拽区div样式*/
+.resize {
+    cursor: col-resize;
+    background-color: #d6d6d6;
+    border-radius: 5px;
+    margin-top: -10px;
+    width: 5px;
+    background-size: cover;
+    background-position: center;
+    font-size: 32px;
+    color: white;
+    background-color:white;
+    min-height: 86vh;
+}
+/*拖拽区鼠标悬停样式*/
+.resize:hover {
+    color: #444444;
+}
+/*右侧div'样式*/
+.mid {
+    flex:1;
+    /*右侧初始化宽度*/
+    height: 100%;
+    background: #fff;
+    /* box-shadow: -1px 4px 5px 3px rgba(0, 0, 0, 0.11); */
+    /* min-height: 81vh; */
+    min-height: 79vh;
+    /* margin-top:4vh; */
+     margin-top:5vh;
+    border: 1px solid #dce3e8;
+}
+
+/* 拖拽相关样式end-------------------- */
+
+
+.el-dialog__header{
+    background-color:#D2E0F1;
+}
+.el-dialog__body{
+    padding:15px 15px;
+}
+.btn-pointer{
+    padding:5px;
+    border-radius:5px;
+}
+.btn-pointer:hover {
+    border:1px solid #AAC8F1;
+    box-shadow: 2px 2px 2px 2px #AAC8F1;
+}
+.table-container{
+    margin-top:15px;
+    border:1px solid #D2E0F1;
+    overflow-y: scroll;
+    height:300px;
+}
+.box ul{
+    margin:0;
+    padding:0;
+}
+.box ul li{
+    list-style: none;
+    height:30px;
+    line-height:30px;
+    padding:0 10px;
+    white-space: nowrap;    
+}
+.table-container-repos{
+    height:100px;
+    margin-top:0;
+}
+.choose-container{
+    width:200px;
+    display:flex;
+    flex-direction:column;
+    margin-right:10px;
+}
+.left-container{
+    width:180px;
+    border:1px solid #D2E0F1;
+    overflow-y:scroll;
+    height:520px;
+    margin-right:10px;
+}
+
+.leftv{
+    border:1px solid #D2E0F1;
+    height:250px;
+}
+.rightv{
+    border:1px solid #D2E0F1;
+     height:150px;
+    
+}
+.input-container{
+    flex:1;
+    border:1px solid #D2E0F1;
+    position: relative;
+    padding:15px;
+
+}
+.input-container-title{
+    background-color:white;
+    padding:0 5px;
+    position:absolute;
+    top:-8px;
+    left: 15px;
+    font-weight:bold;
+    color: #15428B;
+}
+.boxtitle{
+    padding:5px 10px;
+    background-color:#CFDFF3;
+}
+.scroll-y{
+    overflow-y: scroll;
+}
+/* .type-checked{
+    background-color:#8888FF;
+    color: #fff;
+} */
+.check-group{
+    padding:5px;
+    background-color: #D1DDEF;
+}
+.checkbox-sty{
+    display: block;
+    padding:5px 0;
+}
+.file-container{
+    height:400px;
+    border:1px solid #D2E0F1;
+}
+
+.btn.hover{
+    cursor: pointer;
+    background-color: #EEEEEE;
+}
+.hover{
+    cursor: pointer;
+    background-color: #EEEEEE;
+}
+.btn.checked{
+    background-color:#8888FF;
+    color: #fff;
+}
\ No newline at end of file

src/views/output-dialog/table-out.vue

@@ -16,7 +16,6 @@
     
 
       <el-tabs v-model="activeName" type="border-card">
-
         <el-tab-pane label="基本配置" name="content">
           <el-form ref="form" :model="form" label-width="200px">
             <el-form-item label="数据库连接:">
@@ -31,7 +30,7 @@
                   <el-button size="mini">编辑</el-button></el-col
                 >
                 <el-col class="line" :span="3">
-                  <el-button size="mini">新建</el-button></el-col
+                  <el-button size="mini" @click="newAdd">新建</el-button></el-col
                 >
                 <el-col class="line" :span="3">
                   <el-button size="mini">向导</el-button></el-col
@@ -272,6 +271,10 @@ export default ({
         handleClose(){
             this.$emit("update:tableOutPutVisible", false);
         },
+        newAdd(){
+          console.log('新建弹窗');
+           this.$emit("fathertrans", true);//表输出组件要传回父组件的值
+        },
     
         confirm(){