增加拓扑图编辑器页面

plugins.d.ts

@@ -1,3 +1,4 @@
 declare module 'vue-grid-layout';
 declare module 'qrcodejs2-fixes';
 declare module 'splitpanes';
+declare module 'vue3-json-viewer';

src/main.ts

@@ -1,5 +1,5 @@
 import { createApp } from 'vue';
-import Vue from 'vue';
+// import Vue from 'vue';
 import App from './App.vue';
 import router from './router';
 import { store, key } from './store';

src/views/configuration/tools.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="page-wrapper page-full">
+    <iframe class="iframe" :src="src" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Session } from '/@/utils/storage';
+const src = 'http://home.yanglizhi.cn:10001/?token=' + encodeURIComponent(Session.get('token'))
+</script>
+
+<style scoped lang="scss">
+  .iframe{
+    width: 100%;
+    height: 100%;
+    background: #fff;
+  }
+</style>