更新 首页及菜单

src/App.vue

@@ -1,19 +1,18 @@
 <template>
-  <div v-if="this.$store.state.isLogin" class="main-container">
+  <div v-if="store.state.isLogin" class="main-container">
     <HeaderVue class="header"></HeaderVue>
     <div class="main-app">
       <div class="aside"><AsideVue></AsideVue></div>
       <div class="section">
-        <div class="first-title" v-if="this.$store.state.firstTitle != '主页'">
-          {{ this.$store.state.firstTitle }}
+        <div class="first-title" v-if="store.state.firstTitle != '主页'">
+          {{ store.state.firstTitle }}
         </div>
         <div
           class="main-section"
           :style="{
-            margin:
-              this.$store.state.firstTitle == '主页' ? 0 : '24px 0 0 24px',
+            margin: store.state.firstTitle == '主页' ? 0 : '24px 0 0 24px',
             height:
-              this.$store.state.firstTitle == '主页'
+              store.state.firstTitle == '主页'
                 ? 'calc(100vh - 60px)'
                 : 'calc(100vh - 136px)',
           }"
@@ -33,6 +32,7 @@ import AsideVue from "./components/Aside.vue";
 import FooterVue from "./components/Footer.vue";
 import * as echarts from "echarts";
 import { provide } from "vue";
+import store from "./store";
 export default {
   components: {
     HeaderVue,
@@ -44,6 +44,9 @@ export default {
   },
   setup() {
     provide("ec", echarts);
+    return {
+      store,
+    };
   },
 };
 </script>
@@ -56,10 +59,6 @@ export default {
   min-width: 1200px;
 }
 
-.aside {
-  /* width: 220px; */
-}
-
 .footer {
   text-align: center;
 }

src/auth/menuData.js

@@ -1,4 +1,16 @@
 let menuData = [
+  {
+    icon: "menuIcons/index.png",
+    title: "首页",
+    code: "VOYAGELIST",
+    items: [
+      {
+        path: "/",
+        name: "首页",
+        code: "VOYAGELIST",
+      },
+    ],
+  },
   {
     icon: "menuIcons/ship.png",
     title: "航次管理",

src/components/Aside.vue

@@ -1,6 +1,6 @@
 <template>
   <el-menu
-    :default-active="this.$store.state.currentMenuItem"
+    :default-active="store.state.currentMenuItem"
     style="height: 100%"
     background-color="#141B29"
     text-color="#fff"
@@ -9,7 +9,7 @@
     :collapse="true"
   >
     <el-sub-menu
-      v-for="(item, index) in this.$store.state.menuData"
+      v-for="(item, index) in store.state.menuData"
       :key="item"
       :index="`${index}`"
     >
@@ -27,4 +27,6 @@
     </el-sub-menu>
   </el-menu>
 </template>
-<script setup></script>
+<script setup>
+import store from "../store";
+</script>

src/views/index/Index.vue

@@ -4,7 +4,7 @@
       class="left-top"
       :style="{
         height:
-          this.$store.state.firstTitle == '主页'
+          store.state.firstTitle == '主页'
             ? 'calc(100vh - 142px)'
             : 'calc(100vh - 238px)',
       }"
@@ -53,7 +53,7 @@
       class="right-top"
       :style="{
         height:
-          this.$store.state.firstTitle == '主页'
+          store.state.firstTitle == '主页'
             ? 'calc(100vh - 142px)'
             : 'calc(100vh - 238px)',
       }"