.

root/metadata/metatable/import.html

@@ -56,12 +56,12 @@
     </div>
 
     <ul class="nav nav-tabs">
-        <li class="active"><a href="###" data-target="#tab2Content1" data-toggle="tab">从本地上传</a></li>
-        <li><a href="###" data-target="#tab2Content2" data-toggle="tab">从数据源导入</a></li>
+        <li><a href="###" data-target="#tab2Content1" data-toggle="tab">从本地上传</a></li>
+        <li class="active"><a href="###" data-target="#tab2Content2" data-toggle="tab">从数据源导入</a></li>
         <li><a href="###" data-target="#tab2Content3" data-toggle="tab">其他</a></li>
     </ul>
     <div class="tab-content">
-        <div class="tab-pane fade active in" id="tab2Content1">
+        <div class="tab-pane fade" id="tab2Content1">
             <div id="tableUploader" class="uploader">
                 <!--<div class="uploader-message text-center">
                     <div class="content"></div>
@@ -176,13 +176,18 @@
                 </div>
             </div>
         </div>
-        <div class="tab-pane fade" id="tab2Content2">
+        <div class="tab-pane fade active in" id="tab2Content2">
 
             <div class="form-group">
-                <label class="col-sm-1">数据源</label>
-                <div class="col-md-2 col-sm-10">
-                    <select class="form-control">
-                        <option v-for="item in dbPlats" :value="item" v-text="item.field"></option>
+                <label class="col-md-1 col-sm-1" style="padding-bottom: 10px;padding-top: 5px;">数据源选择</label>
+                <div class="col-md-2 col-sm-10" style="padding-bottom: 10px">
+                    <select class="form-control" v-model="dbPlat">
+                        <option v-for="item in dbPlats" :value="item" v-text="item.name"></option>
+                    </select>
+                </div>
+                <div class="col-md-2 col-sm-10" style="padding-bottom: 10px">
+                    <select class="form-control" v-model="catalog">
+                        <option v-for="item in catalogs" :value="item" v-text="item"></option>
                     </select>
                 </div>
             </div>
@@ -207,13 +212,14 @@
 
 <script>
     let {dbList} = plat
+    let {catalogList, tableList, tableInfo} = db
 
     var vm = new Vue({
         el: ".importDev",
         data: {
             filePath: '',
             importStatus: false,
-            sheetData: {}, // {name1: {}}
+            sheetData: {}, // 所有的完整数据 {name1: {}}
             sheetArr: [], // [name1,name2,]
             sheet: '',
             ck: [],
@@ -221,8 +227,12 @@
 
             // 从数据源导入实体
             dbPlats: red.getData('dbPlats'),
+            catalogs: [],
+            dbPlat: {},
             dbPlatId: '',
-
+            catalog: '',
+            table: '',
+            tableInfo: {},
 
             cache: {
                 local: {
@@ -237,7 +247,7 @@
 
         },
         watch: {
-            sheetData: function (v) {
+            sheetData: function (v) { // 查询sheet列表数据
                 var arr = [];
                 var ck = [];
                 for (k in v) {
@@ -255,12 +265,22 @@
                     this.sheet = "";
                 }
             },
-            sheet: function (v) {
+            sheet: function (v) { // 查询sheet详情
                 this.metaTable = this.sheetData[v];
                 console.log(this.metaTable)
                 if (this.metaTable['load'] != 1) {
                     this.loadSheetData();
                 }
+            },
+            dbPlat(v) {
+                this.dbPlatId = v['key']
+                this.catalogs = v['catalogs']
+            },
+            catalog() {
+                this.loadTables();
+            },
+            table() {
+                this.loadTableData();
             }
         },
         methods: {
@@ -305,6 +325,17 @@
             },
             showInfo() {
                 $('#f-info').modal({moveable: true})
+            },
+
+            //------从mysql导入使用的相关方法-------
+            loadTables() { // 查询table列表
+
+            },
+            loadTableData() { // 查询表信息
+
+            },
+            saveTable() { // 保存数据
+
             }
         },
         mounted: function () {