ZaiZai 2 лет назад
Родитель
Сommit
d1398cf4d8
1 измененных файлов с 11 добавлено и 3 удалено
  1. 11 3
      src/views/home/index.vue

+ 11 - 3
src/views/home/index.vue

@@ -20,13 +20,13 @@
                     <el-container>
                         <el-aside :width="isCollapse ? '200px' : '0px'">
                             <div class="sider_menu">
-                                <div class="sider_menu_item active">
+                                <div class="sider_menu_item" :class="menuKey === 'view' ? 'active' : ''" @click="menuTap('view')">
                                     <div class="menu_title">
                                         <i class="i-ic-baseline-remove-red-eye" />
                                         <span>数据查看</span>
                                     </div>
                                 </div>
-                                <div class="sider_menu_item">
+                                <div class="sider_menu_item" :class="menuKey === 'model' ? 'active' : ''" @click="menuTap('model')">
                                     <div class="menu_title">
                                         <i class="i-ic-baseline-view-in-ar" />
                                         <span>模型数据</span>
@@ -42,7 +42,7 @@
                         </div>
                         <el-main>
                             <div class="content_top" />
-                            <index-vue />
+                            <index-vue v-if="menuKey === 'view'" />
                         </el-main>
                     </el-container>
                 </div>
@@ -166,6 +166,14 @@ import { getRandom } from 'js-fast-way'
 
 const appStore = useAppStore()
 
+//菜单
+const menuKey = ref('view')
+const menuTap = (val) => {
+    menuKey.value = val
+    isScreen.value = val === 'model'
+    appStore.isEchartSize = getRandom()
+}
+
 //全屏
 const isScreen = ref(false)
 const fullscreenTap = () => {