关系图

src/components/RelationalGraph2.vue

@@ -148,7 +148,7 @@ export default {
         allowSwitchLineShape: true,
         allowSwitchJunctionPoint: true,
         defaultLineShape: 1,
-        disableDragNode: true,
+        disableDragNode: false,
         layouts: [
           {
             label: "下口树",
@@ -161,7 +161,7 @@ export default {
             defaultNodeShape: 1,
             defaultLineShape: 1,
             defaultNodeBorderWidth: 0,
-            min_per_width: 80,
+            min_per_width: 190,
             min_per_height: 110,
           },
         ],
@@ -265,7 +265,7 @@ export default {
         rootNode = {
           id: this.nodedata.name,
           text: this.nodedata.name,
-          opacity: this.type == "hnthfx" ? 0 : 1,
+          opacity: 0,
           data: this.setNodeData(
             {
               str: true,
@@ -326,7 +326,7 @@ export default {
                 }
                 let linkObj = {
                   from: this.nodedata.name,
-                  isHide: this.type == "hnthfx" ? true : false,
+                  isHide: true,
                   to: item.name,
                   text: item.value || "",
                   color: "#1789DB",

src/setting.js

 /*
  * @Author: your name
  * @Date: 2021-06-20 11:48:40
- * @LastEditTime: 2021-12-23 20:50:59
+ * @LastEditTime: 2021-12-23 23:02:13
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \control_platform\src\settings.js
@@ -22,5 +22,5 @@ module.exports = {
   // 湖南可视化
   BaseURL3: "/hnapi",
   // 打包方式阿里云(aly) 和 公安网(gaw)
-  packType: 'aly'
+  packType: 'gaw'
 }

src/views/cqksh/fullScreen/argx.vue

 <!--
  * @Author: your name
  * @Date: 2021-06-22 17:44:35
- * @LastEditTime: 2021-12-23 21:38:52
+ * @LastEditTime: 2021-12-23 22:27:33
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\echarts\index.vue
@@ -22,13 +22,14 @@
 
 <script>
 import RelationalGraph from "@/components/RelationalGraph.vue";
-
+import utils from "@/utils/util.js";
 export default {
   components: {
     RelationalGraph,
   },
   data() {
     return {
+      rootId: "",
       photoXhrObject: {
         url: "/api/ksh/getAsjXxByAasjbh",
         type: "lawcase",
@@ -38,7 +39,7 @@ export default {
       },
       params: {
         objectType: "lawcase",
-        rootId: 466891,
+        rootId: "",
         parentId: 0,
         objectValue: this.$route.query.objectValue,
         asjbh: this.$route.query.asjbh,
@@ -48,7 +49,7 @@ export default {
       },
       nodedata: {
         children: true,
-        rootId: 466891,
+        rootId: "",
         id: 0,
         name: this.$route.query.objectValue,
         type: "lawcase",
@@ -66,6 +67,12 @@ export default {
       },
     };
   },
+  created() {
+    this.rootId = utils.uuid();
+    this.$set(this.params, "rootId", this.rootId);
+    this.$set(this.nodedata, "rootId", this.rootId);
+    this.$set(this.unfoldParams, "rootId", this.rootId);
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/cqksh/fullScreen/ragx.vue

 <!--
  * @Author: your name
  * @Date: 2021-06-22 17:44:35
- * @LastEditTime: 2021-12-23 21:39:52
+ * @LastEditTime: 2021-12-23 22:43:50
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\echarts\index.vue
@@ -23,7 +23,7 @@
 <script>
 import GraphEcharts from "@/components/MoreDataGraphEchartsCopy.vue";
 import RelationalGraph from "@/components/RelationalGraph.vue";
-
+import utils from "@/utils/util.js";
 export default {
   components: {
     GraphEcharts,
@@ -40,7 +40,7 @@ export default {
       },
       params: {
         objectType: this.$route.query.objectType,
-        rootId: 466892,
+        rootId: "",
         parentId: 0,
         objectValue: this.$route.query.objectValue,
         asjbh: this.$route.query.asjbh,
@@ -50,7 +50,7 @@ export default {
       },
       nodedata: {
         children: true,
-        rootId: 466892,
+        rootId: "",
         id: 0,
         name: this.$route.query.objectValue,
         type: this.$route.query.objectType,
@@ -61,13 +61,21 @@ export default {
         objectType: "type",
         objectValue: "name",
         parentId: "parentId",
+        rootId: "",
         asjbh: this.$route.query.asjbh,
         asjmc: this.$route.query.asjmc,
         approveId: this.$route.query.approveId,
         cxrSfzh: this.$route.query.cxrSfzh,
       },
+      rootId: "",
     };
   },
+  created() {
+    this.rootId = utils.uuid();
+    this.$set(this.params, "rootId", this.rootId);
+    this.$set(this.nodedata, "rootId", this.rootId);
+    this.$set(this.unfoldParams, "rootId", this.rootId);
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/cqksh/fullScreen/sample.vue

 <!--
  * @Author: your name
  * @Date: 2021-06-22 17:44:35
- * @LastEditTime: 2021-12-23 21:29:08
+ * @LastEditTime: 2021-12-23 22:39:13
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\echarts\index.vue
@@ -12,6 +12,7 @@
       :childrenXhrStr="childrenXhrStr"
       :params="params"
       :nodeClickBoo="nodeClickBoo"
+      :nodedata="nodedata"
     />
   </div>
 </template>
@@ -25,6 +26,13 @@ export default {
   },
   data() {
     return {
+      nodedata: {
+        children: true,
+        rootId: "",
+        id: 10,
+        name: "1",
+        type: "lawcase",
+      },
       params: {
         rootId: this.$route.query.id,
       },