暂时隐藏

src/layout/components/Navbar.vue

@@ -6,7 +6,7 @@
 
     <div class="right-menu">
       <router-link v-if="routesType==='cluster' && menus.includes('cluster')" class="selectBtn" to="/clusterSelect">多集群管理</router-link>
-      <a v-if="menus.includes('containerCost')" class="selectBtn" @click="toContainerCost">计量计费</a>
+      <!-- <a v-if="menus.includes('containerCost')" class="selectBtn" @click="toContainerCost">计量计费</a> -->
       <!-- <el-dropdown>
         <span class="el-dropdown-link">
           换肤<i class="el-icon-arrow-down el-icon--right" />

src/views/monitorSelect/index.vue

@@ -55,10 +55,10 @@
         <div v-for="item in filteredTab" :key="item.id">
           <a class="monitorSelectDiv" @click.prevent="selectMonitor(item.path)">
             <div class="monitorSelectBtn">
-              <svg-icon style="margin-top: 40vh;" :icon-class="item.icon" />
+              <svg-icon :style="{'margin-top': filteredTab.length <6 ? '33vh' : '40vh'}" :icon-class="item.icon" />
               <div>
                 <div class="selectTitle">{{ item.title }}</div>
-                <span v-if="filteredTab.length <5">{{ item.description }}</span>
+                <span v-if="filteredTab.length < 6">{{ item.description }}</span>
               </div>
             </div>
           </a>
@@ -118,27 +118,27 @@ export default {
           description: '以广域异构分布式存储服务，提供用户快捷、安全的数据管理。',
           path: '/disk'
         },
-        {
-          id: 'functions',
-          title: '函数管理',
-          icon: 'fuwu',
-          description: '支持一个服务下对多个函数进行创建、编辑、运行，对函数运行全生命周期进行监控调度。',
-          path: '/functions/overview'
-        },
-        {
-          id: 'blockChain',
-          title: '云际记账',
-          icon: 'yunjijizhang',
-          description: '基于区块链分布记账机制，以去中心化的方式对云际交易数据进行留痕存证。',
-          path: '/blockChain/blockChainBrowser'
-        }
         // {
-        //   id: 'hpc',
-        //   title: '超算管理',
+        //   id: 'functions',
+        //   title: '函数管理',
         //   icon: 'fuwu',
-        //   description: '1111111111111',
-        //   path: '/hpc/hpcOverview'
-        // }
+        //   description: '支持一个服务下对多个函数进行创建、编辑、运行，对函数运行全生命周期进行监控调度。',
+        //   path: '/functions/overview'
+        // },
+        // {
+        //   id: 'blockChain',
+        //   title: '云际记账',
+        //   icon: 'yunjijizhang',
+        //   description: '基于区块链分布记账机制，以去中心化的方式对云际交易数据进行留痕存证。',
+        //   path: '/blockChain/blockChainBrowser'
+        // },
+        {
+          id: 'hpc',
+          title: '超算管理',
+          icon: 'fuwu',
+          description: '1111111111111',
+          path: '/hpc/hpcOverview'
+        }
       ]
     }
   },
@@ -197,6 +197,10 @@ export default {
   // display：flex 样式
   .div-block{
     display: flex;
+    .monitorSelectDiv{
+      display: block;
+      height: 100vh;
+    }
     > div{
       display: block;
       width: 100%;