隐藏顶部与左侧菜单功能新增

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="!showSisView && isLogined" class="main">
-    <div class="header-body">
+    <div class="header-body" v-if="hideHeard === '0'">
       <div class="header-title">
         <svg
           version="1.1"
@@ -242,6 +242,7 @@ l16.229-16.229l16.229,16.229l42.867-42.867C115.034,45.228,109.133,42.189,102.956
       @mouseenter="showMenu"
       @mouseleave="hideMenu"
       v-show="$store.state.themeName === 'dark'"
+      v-if="hideMenus === '0'"
     >
       <Menu :root="root" />
     </div>
@@ -254,6 +255,7 @@ l16.229-16.229l16.229,16.229l42.867-42.867C115.034,45.228,109.133,42.189,102.956
         active-text-color="#6262a2"
         background-color="#36348e"
         @select="selectMenu"
+        v-if="hideMenus === '0'"
       >
         <el-sub-menu
           :index="index"
@@ -282,7 +284,7 @@ l16.229-16.229l16.229,16.229l42.867-42.867C115.034,45.228,109.133,42.189,102.956
         </el-sub-menu>
       </el-menu>
     </div>
-    <div class="main-body">
+    <div class="main-body" :style="($store.state.themeName === 'light' && hideMenus === '0') ? 'margin-left: 66px; max-width  : calc(100vw - 54px - 12px);' : ''">
       <router-view />
     </div>
   </div>
@@ -327,6 +329,8 @@ export default {
       showSisView: false,
       memuCloseTimeout: null,
       menuData: [],
+      hideMenus: "0",
+      hideHeard: "0",
     };
   },
 
@@ -392,7 +396,16 @@ export default {
 
   watch: {
     $route(res) {
+      console.log(res);
       this.showSisView = res.fullPath === "/sisView";
+      this.hideHeard = res.query.hideheard || "0";
+      this.hideMenus = res.query.hidemenus || "0";
+      if (res.query.theme) {
+        const theme = res.query.theme === "dark" ? "dark" : "light";
+        this.$store.dispatch("changeTheme", theme);
+        $("#appBody").attr("class", theme);
+      }
+
       let ActiveModule = null;
       this.menuData.forEach((pEle) => {
         if (pEle.path === res.fullPath) {

src/assets/styles/theme/light/light-jsc.less

@@ -319,8 +319,6 @@
     }
 
     .main-body {
-        margin-left: 66px;
-        max-width  : calc(100vw - 54px - 12px);
         transition : @transition;
     }