添加集群页面

src/App.vue

 <template>
-  <div>
+  <div style="height:100%;width:100%">
     <router-view></router-view>
   </div>
 </template>

src/assets/style/base.scss

@@ -7,6 +7,8 @@ html, body {
   font-size: 14px;
   font-family: Arial,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;
   background-color: rgb(228,240,255);
+  height: 100%;
+  width: 100%;
 }
 div{
   word-break:break-all

src/router/systemRouters.js

@@ -14,13 +14,14 @@ const routers = [
     component: _import('login/index'),
     name: 'root'
   },
+  {path: '/aggregate', component: _import('welcome/index-2'), name: 'aggregate', meta: { title: '集群' }},
   {
     path: '/main',
     component: _import('layout/index'),
     name: 'main',
     props: getProps,
     redirect: {
-      name: 'welcome'
+      name: 'aggregate'
     },
     meta: {
       title: '主页',
@@ -89,6 +90,7 @@ const routers = [
       // { path: 'batchOptimization', component: _import('gptTraining/promptProject/batchOptimization/index'), name: 'batchOptimization', props: getProps, meta: { title: '批量优化' } },
       // 知识库
       { path: 'knowledgeBase', component: _import('gptTraining/knowledgeBase/index'), name: 'knowledgeBase', props: getProps, meta: { title: '知识库' } },
+
       { path: 'welcome', component: _import('welcome/index'), name: 'welcome', meta: { title: '欢迎' } }
     ]
   }

src/views/gptTraining/modelService/testOnline/components/leftBox/index.vue

@@ -92,7 +92,7 @@
         </el-collapse-item>
       </el-collapse>
     </el-form-item>
-    <el-form-item label-width="0px" v-if="form.pattern == '知识图谱问答'">
+    <!-- <el-form-item label-width="0px" v-if="form.pattern == '知识图谱问答'">
       <el-collapse value="1">
         <el-collapse-item name="1">
           <template slot="title">知识图谱配置</template>
@@ -101,7 +101,7 @@
               <el-option v-for="item in []" :key="item.knowledgeId" :label="item.knowledgeGraphName" :value="item.knowledgeGraphName">
               </el-option>
             </el-select>
-            <!-- <div class="el-upload__tip" >{{knowledgeDescribe}}</div> -->
+
           </el-form-item>
           <el-form-item label="匹配知识条数：" style="margin-bottom:30px">
             <el-input-number v-model="form.knowledgeGraphConfige.top_k" :min="1" :max="20"></el-input-number>
@@ -111,7 +111,7 @@
           </el-form-item>
         </el-collapse-item>
       </el-collapse>
-    </el-form-item>
+    </el-form-item> -->
   </el-form>
 </template>
 

src/views/welcome/index-2.vue

+<template>
+  <div class="aggregate">
+    <div class="logo">
+      <img src="@/assets/img/logo2.png" alt="">
+      <span class="title">陆军装备知识图谱系统</span>
+    </div>
+    <div class="aggregateBox">
+      <div class="itemBox" v-for="(item,index) in itemList" :key="index" @click="goPage(item.url)">
+        <span class="text">
+          {{ item.name }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  data () {
+    return {
+
+      itemList: [
+        {
+          name: '基于NEO4J的知识图谱构建',
+          url: `http://${window.location.hostname}:${window.location.port}/#/main/welcome`
+        },
+        {
+          name: '基于大语言模型与知识图谱双轮驱动的机械维修保障智能问答系统',
+          url: 'http://127.0.0.1:8085'
+        },
+        {
+          name: '基于gstore的知识图谱系统',
+          url: 'http://127.0.0.1:8085'
+        }
+      ]
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+  methods: {
+    goPage (url) {
+      location.href = url
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.logo {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  display: flex;
+  img {
+    height: 40px;
+  }
+  .title {
+    color: #fff;
+    font-size: 18px;
+    height: 40px;
+    line-height: 40px;
+    display: inline-block;
+    margin-left: 20px;
+  }
+}
+.aggregate {
+  height: 100%;
+  width: 100%;
+  background: url(~@/assets/img/login_bg_2.jpg) center center;
+  background-size: cover;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+}
+.aggregateBox {
+  width: 80%;
+  height: 50%;
+  min-width: 1000px;
+  min-height: 400px;
+  border-radius: 20px;
+  background-color: rgba(255, 255, 255, 0.1); /* 背景色透明度，根据需要调整 */
+  backdrop-filter: blur(10px); /* 模糊程度，根据需要调整 */
+  display: flex;
+  padding: 20px; /* 内边距，根据需要调整 */
+  justify-content: space-around;
+  flex-direction: row;
+  align-items: center;
+  .itemBox {
+    width: 400px;
+    cursor: pointer;
+    height: 200px;
+    background: url(~@/assets/img/cardBg.png) center center;
+    background-size: cover;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+    border: 1px solid #b1b1b1;
+
+    font-size: 20px;
+    line-height: 30px;
+    // color: #5b6fab;
+    color: #273379;
+    font-weight: 900;
+    .text {
+      background-color: #fff;
+      padding: 10px;
+      border-radius: 5px;
+    }
+  }
+}
+.aggregateBox :hover {
+  box-shadow: 1px 1px 8px 1px #fff;
+  transition: all 0.5s;
+}
+</style>