1

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@antv/g6": "^4.8.23",
     "@element-plus/icons-vue": "^2.1.0",
     "@logicflow/core": "^1.2.17",
     "@logicflow/extension": "^1.2.18",

src/api/cid/cid.js

@@ -0,0 +1,11 @@
+import request from "@/utils/request"
+function getAll(data){
+    return request({
+        url:`/admin/sysmodel/list`,
+        method:"get",
+        params:data,
+    })
+}
+export default{
+    getAll,
+}

src/pages/netStructPicture/components/CidTree.vue

@@ -0,0 +1,29 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script>
+import { ref,onMounted,toRefs } from 'vue';
+import cid from "@/api/cid/cid"
+export default {
+    props:{
+
+    },
+    setup () {
+        let TreeList = ref([])
+
+        onMounted(()=>{
+            cid.getAll({pageno:1,pagesize:10}).then(res=>{
+                console.log(res,'555');
+            })
+        })
+        return {}
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pages/netStructPicture/index.vue

@@ -29,7 +29,8 @@ const navtopData = ref([
 ]);
 const activeNav = ref(null);
 const clickNav = (navIndex) => {  //点击导航栏事件
-  activeNav.value = navIndex; 
+  activeNav.value = navIndex;
+  console.log(activeName.value,'index'); 
 }
 </script>