edit

src/renderer/src/router/index.js

@@ -102,6 +102,12 @@ export const constantRoutes = [
         name: 'aiVoice',
         meta: { title: '语音生成', showBread: true }
       },
+      {
+        path: 'mindmap',
+        component: () => import('@/views/mindMap/index.vue'),
+        name: 'mindmap',
+        meta: { title: 'AI思维导图' }
+      },
     ]
   },
 

src/renderer/src/views/mindMap/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="page-mindmap flex flex-col h-full">
+    <div class="mindmap-header flex items-center justify-between px-5">
+      <div>
+        <b>AI思维导图</b>
+        <span class="ml-5">《{{ curNode.itemtitle }}》</span>
+      </div>
+      <el-button type="primary">导出图片</el-button>
+    </div>
+    <div class="mindmap-main flex flex-1">
+      <div class="w-1/2 h-full p-3 main-left flex flex-col">
+        <div class="flex flex-1"></div>
+        <div class="main-left-ipt">
+          <el-input v-model="input" size="large" placeholder="请输入信息对内容进一步调整" />
+        </div>
+      </div>
+      <div class="w-1/2 h-full main-right"></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, onMounted } from 'vue';
+import { sessionStore } from '@/utils/store'
+
+
+const curNode = reactive({})
+onMounted(() => {
+  let data = sessionStore.get('subject.curNode')
+  Object.assign(curNode, data)
+})
+
+</script>
+
+<style lang="scss" scoped>
+
+  .mindmap-header{
+    background: #fff;
+    height: 45px;
+    border-radius: 5px;
+    margin-bottom: 20px;
+  }
+  .main-left{
+    background: #fff;
+    border-radius: 5px;
+    .main-left-ipt{
+      height: 40px;
+    }
+  }
+  
+</style>