From 5fdd637b62c5e00fd7a00681bb6b970b111ae9bb Mon Sep 17 00:00:00 2001
From: lyt-Top <1105290566@qq.com>
Date: Sun, 28 Feb 2021 22:19:28 +0800
Subject: [PATCH] =?UTF-8?q?'admin-21.02.28:=E5=88=A0=E9=99=A4=E5=A4=9A?=
 =?UTF-8?q?=E4=BD=99=E5=8F=98=E9=87=8F=E3=80=81=E6=B7=BB=E5=8A=A0=E5=85=B3?=
 =?UTF-8?q?=E7=B3=BB=E5=9B=BE=E7=A9=BA=E7=99=BD=E7=95=8C=E9=9D=A2=E7=AD=89?=
 =?UTF-8?q?'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/utils.ts                |  3 +--
 src/App.vue                   |  1 +
 src/router/index.ts           | 15 +++++++++++++++
 src/views/fun/graph/index.vue | 36 +++++++++++++++++++++++++++++++++++
 4 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 src/views/fun/graph/index.vue

diff --git a/build/utils.ts b/build/utils.ts
index 27df7a36..588b2bbb 100644
--- a/build/utils.ts
+++ b/build/utils.ts
@@ -3,8 +3,7 @@ import dotenv from 'dotenv'
 export interface ViteEnv {
     VITE_PORT: number,
     VITE_OPEN: boolean,
-    VITE_PUBLIC_PATH: string,
-    VITE_LOCAL_PATH: string
+    VITE_PUBLIC_PATH: string
 }
 
 export function loadEnv(): ViteEnv {
diff --git a/src/App.vue b/src/App.vue
index ae0e55e5..3338fdb3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -41,6 +41,7 @@ export default {
       // 设置批量第三方 js
       setIntroduction.jsCdn();
     });
+    // 页面加载时
     onMounted(() => {
       nextTick(() => {
         // 监听布局配置弹窗点击打开
diff --git a/src/router/index.ts b/src/router/index.ts
index a107b45c..1e864445 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -346,6 +346,21 @@ export const dynamicRoutes = [
                         auth: ['admin', 'test'],
                         icon: 'el-icon-odometer'
                     }
+                },
+                {
+                    path: '/fun/relationGraph',
+                    name: 'relationGraph',
+                    component: () => import('/@/views/fun/relationGraph/index.vue'),
+                    meta: {
+                        title: 'graph 关系图谱',
+                        isLink: '',
+                        isHide: false,
+                        isKeepAlive: true,
+                        isAffix: false,
+                        isIframe: false,
+                        auth: ['admin', 'test'],
+                        icon: 'el-icon-connection'
+                    }
                 }
             ]
         },
diff --git a/src/views/fun/graph/index.vue b/src/views/fun/graph/index.vue
new file mode 100644
index 00000000..9afe653b
--- /dev/null
+++ b/src/views/fun/graph/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div :style="{height: `calc(100vh - ${initTagViewHeight}`}">
+    <div class="layout-view-bg-white">
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, computed, onMounted } from "vue";
+import { useStore } from "/@/store/index.ts";
+export default {
+  name: "Graph",
+  setup() {
+    const store = useStore();
+    const state = reactive({
+      tagViewHeight: "",
+    });
+    // 设置主内容的高度
+    const initTagViewHeight = computed(() => {
+      let { isTagsview } = store.state.themeConfig;
+      if (isTagsview) return `114px`;
+      else return `80px`;
+    });
+    // 初始化数据
+    const initGraph = () => {};
+    // 页面加载时
+    onMounted(() => {
+      initGraph();
+    });
+    return {
+      initTagViewHeight,
+      ...toRefs(state),
+    };
+  },
+};
+</script>
\ No newline at end of file