From feba7cdc7ba44b6e6c1c7ef6ffcac571a6ddba42 Mon Sep 17 00:00:00 2001
From: lxyer <237809796@qq.com>
Date: Thu, 18 Apr 2019 16:27:24 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E6=B7=BB=E5=8A=A0metaLink=20?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=202=E3=80=81=E8=A7=A3=E5=86=B3arangodb?=
 =?UTF-8?q?=E4=B8=AD=E5=88=A0=E9=99=A4=20=E5=B1=9E=E6=80=A7=E6=97=A0?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 root/metadata/metaLink.html                   | 160 ++++++++++++++----
 root/res/js/red.js                            |   3 +
 src/main/java/net/tccn/meta/MetaLink.java     |   4 +-
 .../net/tccn/service/MetadataService.java     |   2 +
 src/main/resources/tpl/aql/table.aql          |   5 +-
 src/test/java/RunTest.java                    |   4 +-
 6 files changed, 144 insertions(+), 34 deletions(-)

diff --git a/root/metadata/metaLink.html b/root/metadata/metaLink.html
index 6ebc266..42403ae 100644
--- a/root/metadata/metaLink.html
+++ b/root/metadata/metaLink.html
@@ -54,19 +54,22 @@
     <div class="col-xs-2 sheet-cell">
         <div style="padding-left: 10px;background-color: #ccc;width: 100%"> DB-Table</div>
         <ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
-            <li class="clearfix" v-for="item in tables" >
+            <li class="['clearfix', {'active' == item.alias}]" v-for="item in tables" >
                 <a href="javascript:;" @click="aliasA=item.alias" data-target="#tab3Content1" data-toggle="tab" v-text="dealTableLabel(item)"></a>
             </li>
         </ul>
         <!--<p v-show="ckTable && ckTable.length">已选择 <code v-text="ckTable.length||0"></code> 个实体待导入</p>-->
     </div>
     <div class="col-xs-8">
-        <button v-for="link in linkInfos" @click="aliasB=link.alias" :class="['btn', {'primary' :aliasB==link.alias}]" v-text="link.comment" style="margin-right: 5px"> </button>
+
+        <!-- 关联表列表 -->
+        <button v-for="link in linkInfos" @click="aliasB=link.alias" :class="['btn', {'btn-primary' :aliasB==link.alias}]" v-text="link.comment" style="margin-right: 5px"> </button>
 
         <div class="pull-right">
-            <button @click="status=1" class="btn">修改关联关系</button>
-            <button class="btn">+ 添加关联表</button>
-            <button class="btn btn-primary" style="margin-right: 15px">保存</button>
+            <button @click="status=1" v-show="status==0" class="btn">修改关联关系</button>
+            <button @click="status=0" v-show="status==1" class="btn">取消修改</button>
+            <button @click="addLinkDia()" class="btn">+ 添加关联表</button>
+            <button @click="saveLink()" v-show="status==1" class="btn btn-primary" style="margin-right: 15px">保存</button>
         </div>
         <div class="clearfix"></div>
 
@@ -74,7 +77,7 @@
             <tr>
                 <th v-text="tableInfo[aliasA] && tableInfo[aliasA]['comment']"></th>
                 <th v-text="tableInfo[aliasB] && tableInfo[aliasB]['comment']"></th>
-                <th>操作</th>
+                <th v-show="status==1">操作</th>
             </tr>
 
             <tr v-show="status==0" v-for="(k, v) in linkInfo.link">
@@ -82,33 +85,53 @@
                 <td v-text="v.startsWith(aliasB + '.') ? v : k"></td>
             </tr>
 
-            <tr v-show="status==1" v-for="linkItem in link2">
+            <tr v-show="status==1" v-for="(linkItem, index) in link2">
                 <td>
                     <select class="form-control" v-model="linkItem.f1">
                         <option></option>
                         <option v-for="item in tableInfoA.items"
-                                :value="aliasA + '.' +item.name" v-text="item.name"></option>
+                                :value="aliasA + '.' +item.name" v-text="aliasA + '.' +item.name + ' --- '+ item.label"></option>
                     </select>
                 </td>
                 <td>
                     <select class="form-control" v-model="linkItem.f2">
                         <option></option>
                         <option v-for="item in tableInfoB.items"
-
-                                :value="aliasB + '.' +item.name" v-text="aliasB + '.' +item.name">
+                                :value="aliasB + '.' +item.name" v-text="aliasB + '.' +item.name + ' --- '+ item.label">
                         </option>
                     </select>
                 </td>
                 <td style="text-align: center;">
-                    <a href="javascript:;">删除</a>
+                    <a @click="delLinkField(index)" href="javascript:;">删除</a>
                 </td>
             </tr>
-            <tr>
-                <td colspan="3" style="text-align: center"> <a href="javascript:;">+添加更多</a> </td>
+            <tr v-show="status==1">
+                <td colspan="3" style="text-align: center"> <a @click="addLinkField()" href="javascript:;">+添加更多</a> </td>
             </tr>
 
         </table>
     </div>
+
+    <!-- 选择关联表 -->
+    <div class="modal fade" id="choseTable">
+        <div class="modal-dialog modal-sm">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
+                    <h4 class="modal-title">选择关联表</h4>
+                </div>
+                <div class="modal-body" style="text-align: center">
+                    <select class="form-control" v-model="newLinkTable">
+                        <option v-for="x in tables" :value="x" v-text="x.name + ' --- ' + x.comment" :disabled="isDisable(x)"></option>
+                    </select>
+                </div>
+                <div class="modal-footer">
+                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
+                    <button @click="addLink()" type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
+                </div>
+            </div>
+        </div>
+    </div>
 </row>
 
 <script>
@@ -120,40 +143,49 @@
      * 4、点击点击关联后选择，关联表和关联字段 保持建立关联信息
      * 5、已经建立的关联，点击编辑后，进入关联字段编辑状态
      */
-    let {tableLinkList,linkList, linkInfoList, tableInfo} = meta
+    let {tableLinkList,linkList, linkInfoList, tableInfo, linkSave} = meta
     let vm = new Vue({
         el: ".meta-link",
         data: {
-            status: 1,
+            status: 0,
             tables: [], //所有的表数据{name,comment, alias, linkCount}
-            aliasA: '', //选中的主体表别名
-            tableInfo:{a:{}},
+            aliasA: red.getData('aliasA', ''), //选中的主体表别名
+            tableInfo:{items:{}},
 
             links: [], //
             linkInfos: [],
             linkInfo: {},
             link2: [],
+            newLinkTable: {},
 
             aliasB: '',
 
-            tableInfoA: {},
-            tableInfoB: {},
+            tableInfoA: {items:[]},
+            tableInfoB: {items:[]},
         },
         watch: {
             aliasA(v) {
-                tableInfo({alias: v}).then(res => this.tableInfoA = res)
-                linkList({alias: v}).then(res => {
-                    this.links = res
-                    this.aliasB = '' // 如果不置空，存在变更主体表，但数据不刷新的异常
-                })
-                linkInfoList({alias: v}).then(res => {
-                    this.linkInfos = res
-                    if (res && res.length > 0) {
-                        this.aliasB = res[0]['alias']
-                    }
+                red.setData('aliasA', v)
+                tableInfo({alias: v}).then(res => {
+                    this.tableInfoA = res
+                    linkList({alias: v}).then(res => {
+                        this.links = res
+                        this.aliasB = '' // 如果不置空，存在变更主体表，但数据不刷新的异常
+                    })
+                    linkInfoList({alias: v}).then(res => {
+                        this.linkInfos = res
+                        if (res && res.length > 0) {
+                            this.aliasB = res[0]['alias']
+                        }
+                    })
                 })
             },
             aliasB(v) {
+                this.tableInfoB = {items:[]}
+                this.linkInfo = {}
+                this.link2 = []
+
+                if (!v) return
                 tableInfo({alias: v}).then(res => {
                     this.tableInfoB = res
 
@@ -201,6 +233,76 @@
             dealTableLabel(table) {
                 return `${table.name} [${table.comment}] (${table.linkCount})`
             },
+            addLinkDia() {
+                this.newLinkTable = ""
+                $('#choseTable').modal()
+            },
+            addLink() {
+                if (!this.newLinkTable) {
+                    return
+                }
+
+                // 设置当前选中展示的关联表为新增表
+                this.aliasB = this.newLinkTable.alias
+
+                // 给关联表列表中添加 新加的表
+                let linkInfos = this.linkInfos || []
+                linkInfos.push(this.newLinkTable)
+                this.linkInfos = linkInfos
+                this.status = 1
+
+                //打开弹出层
+                //选择一个 未选中的表
+                //改变 alias 的值，构建linkInfo
+                // 添加关联（同修改）
+                // 保存（同修改）
+            },
+            addLinkField() {
+                let link2 = this.link2
+                link2.push({f1: "", f2: ""})
+                this.link2 = link2
+            },
+            delLinkField(index) {
+                let link2 = []
+                for (let i in this.link2) {
+                    if (i != index) {
+                        link2.push(this.link2[i])
+                    }
+                }
+                this.link2 = link2
+            },
+            saveLink() {
+                let link = {}
+                for(let i in this.link2) {
+                    let item =  this.link2[i]
+                    if (item['f1'] && item['f2']) {
+                        link[item['f1']] = item['f2']
+                    }
+                }
+                if (link.size == 0) {
+                    red.showError("请填写完整的关联字段信息")
+                    return false
+                }
+
+                let linkInfo = this.linkInfo
+
+                if (!linkInfo['tables']) {
+                    linkInfo['tables'] = [this.aliasA, this.aliasB]
+                }
+                linkInfo["link"] = link
+                linkSave({link: linkInfo}).then(res => {
+                    red.showOk()
+                })
+            },
+            isDisable(table) { // 是否不可选择的关联表
+                for (let i in this.linkInfos) {
+                    if (this.linkInfos[i].alias == table.alias) {
+                        return true
+                    }
+                }
+
+                return table.alias == this.aliasA
+            },
             showInfo() {
                 $('#f-info').modal({moveable: true})
             }
diff --git a/root/res/js/red.js b/root/res/js/red.js
index ae54fa8..58c54c0 100644
--- a/root/res/js/red.js
+++ b/root/res/js/red.js
@@ -15,6 +15,9 @@ var red = {
     showOk(msg = '操作成功') {
         red.showMsg({msg})
     },
+    showError(msg = '操作失败 ') {
+        red.showMsg({type:"error", msg})
+    },
     getData: function(key, defaultValue) {
         var v = localStorage.getItem(key) || defaultValue || "";
         if (typeof(v) == "string" && v.startsWith("{") && v.endsWith("}")) {
diff --git a/src/main/java/net/tccn/meta/MetaLink.java b/src/main/java/net/tccn/meta/MetaLink.java
index d1d68ce..4bb32db 100644
--- a/src/main/java/net/tccn/meta/MetaLink.java
+++ b/src/main/java/net/tccn/meta/MetaLink.java
@@ -13,7 +13,7 @@ public class MetaLink extends Doc<MetaLink> {
     public static MetaLink dao = Doc.dao(MetaLink.class);
 
     private String[] tables;
-    private Map link;
+    private Map<String, String> link;
 
     //-------------------------------------------
 
@@ -30,7 +30,7 @@ public class MetaLink extends Doc<MetaLink> {
         return link;
     }
 
-    public void setLink(Map link) {
+    public void setLink(Map<String, String> link) {
         this.link = link;
     }
 }
diff --git a/src/main/java/net/tccn/service/MetadataService.java b/src/main/java/net/tccn/service/MetadataService.java
index f46a5c8..2e906ff 100644
--- a/src/main/java/net/tccn/service/MetadataService.java
+++ b/src/main/java/net/tccn/service/MetadataService.java
@@ -15,6 +15,7 @@ import org.redkale.net.http.RestService;
 
 import javax.annotation.Resource;
 import java.util.List;
+import java.util.Map;
 import java.util.logging.Level;
 import java.util.stream.Collectors;
 
@@ -279,6 +280,7 @@ public class MetadataService extends BaseService { //arango
     @RestMapping(name = "link_save", comment = "实体关系列表")
     public JBean linkSave(MetaLink link, @RestParam(name = "platToken") String token) {
         if (link.getKey() != null) {
+            link.find(String.format("UPDATE '%s' WITH { link:null  } IN MetaLink", link.getKey()), Map.class); //避免删除属性无效
             link.update();
         } else {
             link.save();
diff --git a/src/main/resources/tpl/aql/table.aql b/src/main/resources/tpl/aql/table.aql
index baa4453..85d6696 100644
--- a/src/main/resources/tpl/aql/table.aql
+++ b/src/main/resources/tpl/aql/table.aql
@@ -1,3 +1,6 @@
 #sql("xx")
     select * from user
-#end
\ No newline at end of file
+#end
+#sql("link.update")
+    UPDATE "#(key)" WITH { link:null  } IN Characters
+#end
diff --git a/src/test/java/RunTest.java b/src/test/java/RunTest.java
index 7b47f36..0a03e53 100644
--- a/src/test/java/RunTest.java
+++ b/src/test/java/RunTest.java
@@ -173,12 +173,12 @@ public class RunTest<T> {
         System.out.println(kv);
     }
 
-    @Test
+    //@Test
     public void tplTest() {
         TplKit use = TplKit.use(true);
         //use.addTpl(new File(FileKit.rootPath(), "tpl")); ok
         //use.addTpl("/tpl/aql/db.sql"); //ok
-        use.addTpl("tpl\\aql\\db.sql"); //ok
+        use.addTpl("tpl\\sql\\db.sql"); //ok
         String tpl = use.getTpl("db.table_list", Kv.of("catalogs", asList("redbbs")));
         System.out.println(tpl);