业务关系,修改调整页面展示

vue-fastapi-frontend/src/views/meta/metaInfo/businssRelation.vue

@@ -10,6 +10,8 @@ const props = defineProps({
     type: Object,
     default: () => {}
   },
+  type: String,
+  default:()=>""
 })
 const g6data = ref([])
 
@@ -207,7 +209,6 @@ function initG6() {
 
       if (!targetNode.collapsed && targetIndex > targetStartIndex - 1) {
         targetY = (targetIndex - targetStartIndex + 0.5) * itemHeight + 30;
-        targetY = Math.min(targetY, 80);
       }
 
       const startPoint = {
@@ -237,7 +238,7 @@ function initG6() {
                 endPoint.y,
               ],
             ],
-            endArrow: cfg.endArrow,
+            endArrow: props.type === 'er'?  {path:G6.Arrow.triangle(10,-10,6),fill:'#5B8FF9'} : false//cfg.endArrow,
           },
           // must be assigned in G6 3.3 and later versions. it can be any string you want, but should be unique in a custom item type
           name: "path-shape",
@@ -262,7 +263,7 @@ function initG6() {
                 endPoint.y,
               ],
             ],
-            endArrow: cfg.endArrow,
+            endArrow: props.type === 'er'? {path: G6.Arrow.triangle(10,-10,6),fill:'#5B8FF9'} : false//cfg.endArrow,
           },
           // must be assigned in G6 3.3 and later versions. it can be any string you want, but should be unique in a custom item type
           name: "path-shape",
@@ -614,7 +615,7 @@ function initG6() {
       style: {
         stroke: '#e2e2e2',
         lineWidth: 4,
-        endArrow: true,
+        endArrow: {path: G6.Arrow.triangle(10,-10,6),fill:'#5B8FF9'},
       },
     },
     modes: {

vue-fastapi-frontend/src/views/meta/metaInfo/index.vue

@@ -315,13 +315,13 @@
                         <el-form-item label="关系选择:">
                           <el-radio-group v-model="businessOptionSelect" @change="changeBusinessOption">
                             <el-radio-button label="ER关系" value="er" />
-                            <el-radio-button label="传递关系" value="op" />
+                            <el-radio-button label="字段关系" value="op" />
                           </el-radio-group>
                         </el-form-item>
                       </el-form>
                     </div>
                     <div style="width: 100%;height: 100%">
-                      <businss-relation :data="businessRelation"></businss-relation>
+                      <businss-relation :data="businessRelation" :type="businessOptionSelect"></businss-relation>
                     </div>
                   </div>
                 </el-tab-pane>