From f0146c951d0d930ed7813270f4adeca50eed153f Mon Sep 17 00:00:00 2001
From: lin_DJ <1042039504@qq.com>
Date: Thu, 24 Feb 2022 14:13:07 +0800
Subject: [PATCH] 11

---
 .../packages/topology/src/node/dice-er-box.js |   1 -
 .../top/packages/topology/src/topology.vue    | 144 +++++++++---------
 2 files changed, 71 insertions(+), 74 deletions(-)

diff --git a/ebts-ui/src/views/tool/top/packages/topology/src/node/dice-er-box.js b/ebts-ui/src/views/tool/top/packages/topology/src/node/dice-er-box.js
index 6a450c6..423d734 100644
--- a/ebts-ui/src/views/tool/top/packages/topology/src/node/dice-er-box.js
+++ b/ebts-ui/src/views/tool/top/packages/topology/src/node/dice-er-box.js
@@ -19,7 +19,6 @@ export default {
       // 设置节点状态
       utils.node.setState(name, value, item)
       // 设置锚点状态
-      // if (vm.graphMode === 'edit') {
       utils.anchor.setState(name, value, item)
       // }
     },
diff --git a/ebts-ui/src/views/tool/top/packages/topology/src/topology.vue b/ebts-ui/src/views/tool/top/packages/topology/src/topology.vue
index d1960a2..35c9384 100644
--- a/ebts-ui/src/views/tool/top/packages/topology/src/topology.vue
+++ b/ebts-ui/src/views/tool/top/packages/topology/src/topology.vue
@@ -8,7 +8,7 @@
     <div class="container" :class="graphBg" @contextmenu.prevent>
       <!-- item-pannel -->
       <div v-if="graphMode === 'edit'" class="left">
-        <div  class="top-nav-confg">
+        <div class="top-nav-confg">
           <div class="top-img">
             <div width="10px" height="10px"
                  class="node-type"
@@ -29,25 +29,25 @@
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
-                           width: 60px;">{{nodeType.tableComment}}</p>
+                           width: 60px;">{{ nodeType.tableComment }}</p>
             </div>
           </div>
         </div>
 
-<!--        <div-->
-<!--          class="node-type"-->
-<!--          v-for="nodeType in nodeTypeList"-->
-<!--          :key="nodeType.id"-->
-<!--        >-->
-<!--          <img-->
-<!--            :src="imgSrc"-->
-<!--            :alt="nodeType.tableName+':'+nodeType.tableComment"-->
-<!--            :title="nodeType.tableName+':'+nodeType.tableComment"-->
-<!--            draggable="true"-->
-<!--            @dragstart="dragstartHandler($event, nodeType)"-->
-<!--            @dragend="dragendHandler"-->
-<!--          />-->
-<!--        </div>-->
+        <!--        <div-->
+        <!--          class="node-type"-->
+        <!--          v-for="nodeType in nodeTypeList"-->
+        <!--          :key="nodeType.id"-->
+        <!--        >-->
+        <!--          <img-->
+        <!--            :src="imgSrc"-->
+        <!--            :alt="nodeType.tableName+':'+nodeType.tableComment"-->
+        <!--            :title="nodeType.tableName+':'+nodeType.tableComment"-->
+        <!--            draggable="true"-->
+        <!--            @dragstart="dragstartHandler($event, nodeType)"-->
+        <!--            @dragend="dragendHandler"-->
+        <!--          />-->
+        <!--        </div>-->
       </div>
       <!-- graph-container -->
       <div
@@ -79,7 +79,8 @@
                   icon="el-icon-edit"
                   size="mini"
                   @click="editColumns"
-                >修改</el-button>
+                >修改
+                </el-button>
               </div>
               <div class="input-item">
                 <!--
@@ -134,7 +135,8 @@
               <div class="input-item">
                 <span>主表字段</span>
                 <div class="input-select">
-                  <el-select v-model="selectedEdgeParams.appConfig.tableComment" @change="tableCommentChang" size="mini">
+                  <el-select v-model="selectedEdgeParams.appConfig.tableComment" @change="tableCommentChang"
+                             size="mini">
                     <el-option
                       v-for="(item ,index) in selectedEdgeParams.sourceColumn"
                       :key="index"
@@ -197,13 +199,9 @@
       </ul>
     </div>
     <div>
-
-
-
-
       <el-dialog :title="selectedNodeParams.label" width="1200px"
                  :visible.sync="tableColumnEditOpen"
-                  @close="closeEditColumns">
+                 @close="closeEditColumns">
         <el-table
           :data="selectedNodeParams.columns"
           max-height="650px"
@@ -214,7 +212,7 @@
             width="150px"
             label="字段别名">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.columnComment" placeholder="请输入列别名" />
+              <el-input v-model="scope.row.columnComment" placeholder="请输入列别名"/>
             </template>
           </el-table-column>
           <el-table-column
@@ -238,7 +236,7 @@
             width="150px"
             label="条件描述">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.ucName" placeholder="请输入条件描述" />
+              <el-input v-model="scope.row.ucName" placeholder="请输入条件描述"/>
             </template>
           </el-table-column>
           <el-table-column label="条件">
@@ -305,7 +303,7 @@
 <script>
 import G6 from '@antv/g6'
 
-import { Loading, Checkbox } from '../../elements'
+import {Loading, Checkbox} from '../../elements'
 import ToolbarEdit from './toolbar-edit'
 import registerEdge from './edge'
 import Node from './node'
@@ -333,10 +331,10 @@ export default {
         return []
       }
     },
-    relationalMap:{
-      type:Array,
-      default:() =>{
-        return{}
+    relationalMap: {
+      type: Array,
+      default: () => {
+        return {}
       }
     },
     nodeAppConfig: {
@@ -358,12 +356,12 @@ export default {
       graphBg: 'default-style',
       toolbarShow: true,
       rightMenuShow: false,
-      imgSrc:'data:image/png;base64,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',
+      imgSrc: 'data:image/png;base64,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',
       graphData: {
         nodes: [],
         edges: []
       },
-      tableColumnEditOpen:false,
+      tableColumnEditOpen: false,
       loading: false,
       clientWidth: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
       clientHeight: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight,
@@ -408,22 +406,22 @@ export default {
     }
   },
   computed: {
-    disableUndo: function() {
+    disableUndo: function () {
       return this.historyIndex === 0 || this.historyIndex - (this.undoCount + 1) < 0
     },
-    disableRedo: function() {
+    disableRedo: function () {
       return this.historyIndex === 0 || this.historyIndex === 10 || this.undoCount < 1
     },
-    disableCopy: function() {
+    disableCopy: function () {
       return this.selectedNodes.length === 0
     },
-    disablePaste: function() {
+    disablePaste: function () {
       return this.nodesInClipboard.length === 0
     },
-    disableDelete: function() {
+    disableDelete: function () {
       return this.selectedNodes.length === 0 && this.selectedEdges.length === 0
     },
-    selectedNodes: function() {
+    selectedNodes: function () {
       let self = this
       let graph = self.graph
       if (graph && !graph.destroyed) {
@@ -432,7 +430,7 @@ export default {
         return []
       }
     },
-    selectedEdges: function() {
+    selectedEdges: function () {
       let graph = this.graph
       if (graph && !graph.destroyed) {
         return graph.findAllByState('edge', 'selected')
@@ -447,7 +445,7 @@ export default {
     },
     selectedNodeParams: {
       deep: true,
-      handler: function(newVal, oldVal) {
+      handler: function (newVal, oldVal) {
         let selectedNodeModel = this.selectedNode.getModel()
         if (utils.isObjectValueEqual(selectedNodeModel.appConfig, newVal.appConfig) && selectedNodeModel.label === newVal.label) {
           return
@@ -460,7 +458,7 @@ export default {
           selectedNodeModel.columns = newVal.columns
           try {
             this.selectedNode.update(selectedNodeModel)
-          }catch (e) {
+          } catch (e) {
 
           }
         }, 300)
@@ -468,7 +466,7 @@ export default {
     },
     selectedEdgeParams: {
       deep: true,
-      handler: function(newVal, oldVal) {
+      handler: function (newVal, oldVal) {
         let selectedEdgeModel = this.selectedEdge.getModel()
         if (utils.isObjectValueEqual(selectedEdgeModel.appConfig, newVal.appConfig) && selectedEdgeModel.label === newVal.label) {
           return
@@ -481,7 +479,7 @@ export default {
           selectedEdgeModel.appConfig = newVal.appConfig
           try {
             this.selectedEdge.update(selectedEdgeModel)
-          }catch (e) {
+          } catch (e) {
           }
         }, 300)
       }
@@ -538,56 +536,55 @@ export default {
     },
 
 
-
-
-    closeEditColumns(){
+    closeEditColumns() {
       this.tableColumnEditOpen = false
     },
     // 修改字段信息
-    editColumns(){
+    editColumns() {
       this.tableColumnEditOpen = true
 
     },
     // 连线的三个选择框触发实践
-    tableCommentChang(e){
-      if (this.selectedEdgeParams.relationalItem.mainKey !== e){
+    tableCommentChang(e) {
+      if (this.selectedEdgeParams.relationalItem.mainKey !== e) {
         this.selectedEdgeParams.appConfig.tableComment = null
-        this.msgError("主表关联字段为:"+this.selectedEdgeParams.relationalItem.mainKey)
+        this.msgError("主表关联字段为:" + this.selectedEdgeParams.relationalItem.mainKey)
       }
     },
-    associatedChange(e){
+    // 关联关系判定
+    associatedChange(e) {
       this.selectedEdgeParams.label = null
       let type = this.selectedEdgeParams.relationalItem.type
       let start = true
-      if (e === 'left'){
+      if (e === 'left') {
         console.log('left')
-        if (type.indexOf('1')===-1 && type.indexOf('2')===-1){
+        if (type.indexOf('1') === -1 && type.indexOf('2') === -1) {
           this.msgError("查询方式有误")
           start = false
         }
-      }else if (e === 'right'){
+      } else if (e === 'right') {
         console.log(type.indexOf('3'))
-        if (type.indexOf('3')===-1){
+        if (type.indexOf('3') === -1) {
           this.msgError("查询方式有误")
           start = false
         }
-      }else if (e === 'inner'){
+      } else if (e === 'inner') {
         console.log(type.indexOf('1'))
-        if (type.indexOf('1')===-1){
+        if (type.indexOf('1') === -1) {
           this.msgError("查询方式有误")
           start = false
         }
       }
-      if (start){
-        this.selectedEdgeParams.label = this.selectedEdgeParams.appConfig.associated+' join'
-      }else {
+      if (start) {
+        this.selectedEdgeParams.label = this.selectedEdgeParams.appConfig.associated + ' join'
+      } else {
         this.selectedEdgeParams.appConfig.associated = null
       }
     },
-    relCommentChange(e){
-      if (this.selectedEdgeParams.relationalItem.childKey !==e){
+    relCommentChange(e) {
+      if (this.selectedEdgeParams.relationalItem.childKey !== e) {
         this.selectedEdgeParams.appConfig.relComment = null
-        this.msgError("字表关联字段为:"+this.selectedEdgeParams.relationalItem.mainKey)
+        this.msgError("字表关联字段为:" + this.selectedEdgeParams.relationalItem.mainKey)
       }
     },
 
@@ -883,7 +880,7 @@ export default {
       // this.graph.$C.edge.type = this.currentEdgeShape["guid"];
     },
     // 返回
-    reBack(){
+    reBack() {
       this.$router.replace('/tool/er-top')
     },
     undoHandler() {
@@ -1053,7 +1050,7 @@ export default {
         // ************** 记录【节点对齐】前的数据状态 end **************
 
         // 开始节点对齐
-        let cfg = coordinate === 'horizontal' ? { y: this.selectedNode.getModel().y } : { x: this.selectedNode.getModel().x }
+        let cfg = coordinate === 'horizontal' ? {y: this.selectedNode.getModel().y} : {x: this.selectedNode.getModel().x}
         for (let i = 0, len = this.selectedNodes.length; i < len; i++) {
           this.selectedNodes[i].updatePosition(cfg)
         }
@@ -1173,11 +1170,11 @@ export default {
         let graphData = graph.save();
         let relational = []
         let starts = false
-        if (graphData.nodes.length > 0){
+        if (graphData.nodes.length > 0) {
           for (let i = 0; i < graphData.nodes.length; i++) {
             relational.push(graphData.nodes[i].tableId)
           }
-          // todo
+          // todo 检查关联关系
           for (let i = 0; i < relational.length; i++) {
             this.relationalMap.map(item => {
               if (item.mainId === relational[i] && item.childId === nodeType.id) {
@@ -1190,11 +1187,11 @@ export default {
               }
             })
           }
-        }else {
+        } else {
           starts = true
         }
         // 开始添加
-        if (starts){
+        if (starts) {
           let droppoint = graph.getPointByClient(clientX, clientY)
           let columns = []
           for (let i = 0; i < nodeType.topSearchColumnList.length; i++) {
@@ -1255,7 +1252,7 @@ export default {
             this.addHistoryData(key, currentData)
           }
           // ************** 记录【添加节点】后的数据状态 end **************
-        }else {
+        } else {
           this.msgError("此表无关联关系!")
         }
       }
@@ -1317,7 +1314,7 @@ export default {
       if (graph && !graph.destroyed) {
         return graph.save()
       } else {
-        return { nodes: [], edges: [] }
+        return {nodes: [], edges: []}
       }
     },
     changeGraphData(data) {
@@ -1413,12 +1410,12 @@ export default {
       this.$emit('doChangeMode', graphMode)
     },
     // todo 预览
-    searchPreview(){
+    searchPreview() {
       let graphData = this.getGraphData()
       this.$emit('doPreview', graphData)
     },
     // 上线
-    searchOnLine(){
+    searchOnLine() {
       this.$emit('doOnLine')
     },
     // 保存函数
@@ -1437,6 +1434,7 @@ export default {
   /*height: 0px;*/
   transition: all 0.8s;
 }
+
 *[draggable = true] {
   -khtml-user-drag: element;
 }