From 09618493c18bdf6eecf8a4d6a1d19fed1fe8a870 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <liujianan@zcloudchina.com>
Date: Fri, 1 Mar 2024 10:49:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=85=B3=E7=B3=BB=E5=9B=BE?=
 =?UTF-8?q?=E8=AD=A6=E5=91=8A=E3=80=81=E7=94=B5=E5=AD=90=E5=9B=B4=E6=A0=8F?=
 =?UTF-8?q?=E5=92=8C=E7=BB=84=E7=BB=87=E6=9C=BA=E6=9E=84=E5=85=B1=E7=94=A8?=
 =?UTF-8?q?=E4=B8=80=E4=B8=AA=E5=85=B3=E7=B3=BB=E5=9B=BE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/structural_diagram.vue         |   6 +-
 .../components/structural_diagram.vue         | 112 ------------------
 .../electronic_fence/index.vue                |   2 +-
 .../components/flow_chart.vue                 |   4 +-
 4 files changed, 6 insertions(+), 118 deletions(-)
 delete mode 100644 src/views/enterprise_management/electronic_fence/components/structural_diagram.vue

diff --git a/src/views/enterprise_management/department/components/structural_diagram.vue b/src/views/enterprise_management/department/components/structural_diagram.vue
index 61e9da9..9c0f8c0 100644
--- a/src/views/enterprise_management/department/components/structural_diagram.vue
+++ b/src/views/enterprise_management/department/components/structural_diagram.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="visible" title="组织机构结构图" width="80%">
+  <el-dialog v-model="visible" title="结构图" width="80%">
     <div style="height: calc(100vh - 200px)">
       <relation-graph ref="relationGraphRef" :options="graphOptions" />
     </div>
@@ -77,7 +77,7 @@ const fnSeeksGraph = async () => {
   const __graph_json_data = {
     rootId: props.treeData[0].name,
     nodes: [],
-    links: [],
+    lines: [],
   };
   for (let i = 0; i < treeData.length; i++) {
     if (i === 0) {
@@ -95,7 +95,7 @@ const fnSeeksGraph = async () => {
     }
     for (let j = 0; j < treeData.length; j++) {
       if (treeData[i].id === treeData[j].pId) {
-        __graph_json_data.links.push({
+        __graph_json_data.lines.push({
           from: treeData[i].name,
           to: treeData[j].name,
         });
diff --git a/src/views/enterprise_management/electronic_fence/components/structural_diagram.vue b/src/views/enterprise_management/electronic_fence/components/structural_diagram.vue
deleted file mode 100644
index 61e9da9..0000000
--- a/src/views/enterprise_management/electronic_fence/components/structural_diagram.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <el-dialog v-model="visible" title="组织机构结构图" width="80%">
-    <div style="height: calc(100vh - 200px)">
-      <relation-graph ref="relationGraphRef" :options="graphOptions" />
-    </div>
-  </el-dialog>
-</template>
-
-<script setup>
-import { useVModel } from "@vueuse/core";
-import RelationGraph from "relation-graph/vue3";
-import { nextTick, ref, watchEffect } from "vue";
-
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    required: true,
-    default: false,
-  },
-  treeData: {
-    type: Array,
-    required: true,
-    default: () => [],
-  },
-});
-const emits = defineEmits(["update:visible"]);
-const visible = useVModel(props, "visible", emits);
-const relationGraphRef = ref(null);
-const graphOptions = ref({
-  disableDragNode: "false",
-  layouts: [
-    {
-      label: "中心",
-      layoutName: "tree",
-      layoutClassName: "seeks-layout-center",
-      defaultJunctionPoint: "border",
-      defaultNodeShape: 0,
-      defaultLineShape: 1,
-      min_per_width: 40,
-      max_per_width: 70,
-      min_per_height: 200,
-    },
-  ],
-  buttonloading: false,
-  defaultLineMarker: {
-    markerWidth: 12,
-    markerHeight: 12,
-    refX: 6,
-    refY: 6,
-    data: "M2,2 L10,6 L2,10 L6,6 L2,2",
-  },
-  defaultNodeShape: 1,
-  defaultLineShape: 2,
-  defaultJunctionPoint: "tb",
-  defaultNodeBorderWidth: 0,
-  backgroundColor: "#08163b",
-  defaultLineColor: "rgba(0, 186, 189, 1)",
-  defaultNodeColor: "rgba(0, 206, 209, 1)",
-  defaultNodeHeight: 150,
-  defaultNodeWidth: 60,
-});
-const fnRecursion = (data) => {
-  let arr = [];
-  for (let i = 0; i < data.length; i++) {
-    if (data[i].nodes && data[i].nodes.length > 0) {
-      arr.push(data[i]);
-      arr = arr.concat(fnRecursion(data[i].nodes));
-    } else {
-      arr.push(data[i]);
-    }
-  }
-  return arr;
-};
-const fnSeeksGraph = async () => {
-  await nextTick();
-  const treeData = fnRecursion(props.treeData);
-  const __graph_json_data = {
-    rootId: props.treeData[0].name,
-    nodes: [],
-    links: [],
-  };
-  for (let i = 0; i < treeData.length; i++) {
-    if (i === 0) {
-      __graph_json_data.nodes.push({
-        id: treeData[i].name,
-        text: treeData[i].name,
-        width: 150,
-        height: 60,
-      });
-    } else {
-      __graph_json_data.nodes.push({
-        id: treeData[i].name,
-        text: treeData[i].name,
-      });
-    }
-    for (let j = 0; j < treeData.length; j++) {
-      if (treeData[i].id === treeData[j].pId) {
-        __graph_json_data.links.push({
-          from: treeData[i].name,
-          to: treeData[j].name,
-        });
-      }
-    }
-  }
-  relationGraphRef.value.setJsonData(__graph_json_data, () => {});
-};
-watchEffect(() => {
-  if (visible.value) fnSeeksGraph();
-});
-</script>
-
-<style scoped lang="scss"></style>
diff --git a/src/views/enterprise_management/electronic_fence/index.vue b/src/views/enterprise_management/electronic_fence/index.vue
index f09067d..858dddb 100644
--- a/src/views/enterprise_management/electronic_fence/index.vue
+++ b/src/views/enterprise_management/electronic_fence/index.vue
@@ -140,7 +140,7 @@ import { onBeforeRouteUpdate, useRoute, useRouter } from "vue-router";
 import { ArrowRight } from "@element-plus/icons-vue";
 import { debounce } from "throttle-debounce";
 import { ElMessage, ElMessageBox } from "element-plus";
-import StructuralDiagram from "./components/structural_diagram.vue";
+import StructuralDiagram from "@/views/enterprise_management/department/components/structural_diagram.vue";
 import ElectronicFenceTree from "@/components/electronic_fence_tree/index.vue";
 import Add from "./components/add.vue";
 import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
diff --git a/src/views/safety_environmental_management/safety_environmental/components/flow_chart.vue b/src/views/safety_environmental_management/safety_environmental/components/flow_chart.vue
index f8a758e..fa9e1ea 100644
--- a/src/views/safety_environmental_management/safety_environmental/components/flow_chart.vue
+++ b/src/views/safety_environmental_management/safety_environmental/components/flow_chart.vue
@@ -83,8 +83,8 @@ const fnGetData = async () => {
     fnSeeksGraph(nodes, from);
   }
 };
-const fnSeeksGraph = (nodes, links) => {
-  relationGraphRef.value.setJsonData({ nodes, links }, () => {});
+const fnSeeksGraph = (nodes, lines) => {
+  relationGraphRef.value.setJsonData({ nodes, lines }, () => {});
 };
 watchEffect(() => {
   if (visible.value) fnGetData();