对接计算资源类别接口

src/api/computingResource.js

+import request from '@/utils/request'
+
+// 获取计算资源菜单
+export function computilityMenu(query) {
+  return request({
+    url: '/api/v1/computilityMenu',
+    method: 'get',
+    params: query
+  })
+}

src/layout/user-layout.vue

@@ -10,23 +10,21 @@
 
         <div class="menu">
           <el-menu
-              :default-active="activeIndex"
+              :default-active="activeMenu"
               mode="horizontal"
-              style="--el-menu-horizontal-height:48px">
+              style="--el-menu-horizontal-height:48px"
+              @select="menuSelect">
             <el-sub-menu index="1">
               <template #title>计算资源</template>
-              <el-sub-menu index="1-1">
-                <template #title>天河超级计算机</template>
-                <el-menu-item index="1-1-1">天河一代</el-menu-item>
-                <el-menu-item index="1-1-2">天河新一代</el-menu-item>
-              </el-sub-menu>
-              <el-menu-item index="1-2">CPU裸金属服务器</el-menu-item>
-              <el-menu-item index="1-3">存储</el-menu-item>
-              <el-menu-item index="1-4">云计算资源</el-menu-item>
+              <el-menu-item
+                  v-for="item in computilityMenuData"
+                  :index="'/computingResource/resourceList/'+item.value">
+                {{ item.name }}
+              </el-menu-item>
             </el-sub-menu>
-            <el-menu-item index="2">行业应用</el-menu-item>
-            <el-menu-item index="3">组件服务</el-menu-item>
-            <el-menu-item index="4">合作伙伴</el-menu-item>
+            <el-menu-item index="/industryApplications/detail">行业应用</el-menu-item>
+            <el-menu-item index="/componentServices/componentServicesList">组件服务</el-menu-item>
+            <el-menu-item index="/partnership/partnershipList">合作伙伴</el-menu-item>
           </el-menu>
         </div>
 
@@ -35,15 +33,44 @@
         </div>
       </div>
     </div>
-    <!--    <breadcrumb id="breadcrumb-container" class="breadcrumb-container"/>-->
     <app-main/>
   </div>
 </template>
 
 <script setup>
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import AppMain from '@/layout/components/AppMain.vue'
-// import Breadcrumb from '@/components/Breadcrumb/index.vue'
-const activeIndex = ref('1')
+import { computilityMenu } from '@/api/computingResource.js'
+
+const route = useRoute()
+const router = useRouter()
+
+const activeMenu = computed(() => {
+  const {meta, path} = route
+  console.log(route)
+  // if set path, the sidebar will highlight the path you set
+  if (meta.activeMenu) {
+    return meta.activeMenu
+  }
+  return path
+})
+
+function menuSelect (val) {
+  router.push(val)
+  // console.log(val)
+}
+
+const computilityMenuData = ref([])
+
+function getComputilityMenu () {
+  computilityMenu().then(res => {
+    console.log(res)
+    computilityMenuData.value = res.data
+  })
+}
+
+getComputilityMenu()
 </script>
 
 <style lang="scss" scoped>

src/permission.js

@@ -11,7 +11,7 @@ import usePermissionStore from '@/store/modules/permission'
 
 NProgress.configure({ showSpinner: false });
 
-const whiteList = ['/login', '/register'];
+const whiteList = ['/login', '/register','/index','/computingResource/resourceList'];
 
 router.beforeEach((to, from, next) => {
   NProgress.start()

vite.config.js

@@ -25,7 +25,7 @@ export default defineConfig(({ mode, command }) => {
     },
     // vite 相关配置
     server: {
-      port: 80,
+      // port: 80,
       host: true,
       open: true,
       proxy: {