整体样式布局调试

src/App.vue

@@ -21,11 +21,23 @@ export default {
 }
 </script>
 <style>
+.ant-layout {
+  width: 100% !important;
+  /* margin: 0 50px !important; */
+}
 .container {
-  /* overflow-x: scroll; */
+  max-width: 100% !important;
+  margin: 0 50px !important;
 }
 .ant-table-body {
   overflow-x: scroll;
-  max-width: 1200px;
+  max-width: calc(100% - 50px);
+}
+.ant-layout-content{
+   width: calc(100% - 200px) !important;
+}
+.content{
+  width: 100% !important;
+  /* width: calc(100% - 230px) !important; */
 }
 </style>

src/components/Menu/SideMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <a-layout-sider
     :class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
-    width="256px"
+    width="200px"
     style="margin-top: 24px"
     :collapsible="collapsible"
     v-model="collapsed"

src/config/router.config.js

@@ -156,11 +156,11 @@ export const asyncRouterMap = [
         component: PageView,
         meta: { title: '云服务', keepAlive: false, icon: Icon['access'], permission: ['cloud'] },
         children: [
-          {
+          // {
-            path: '/cloud/upgrade',
+          //   path: '/cloud/upgrade',
-            component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/upgrade'),
+          //   component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/upgrade'),
-            meta: { title: '在线更新', keepAlive: false, permission: ['cloud'] }
+          //   meta: { title: '在线更新', keepAlive: false, permission: ['cloud'] }
-          },
+          // },
           {
             path: '/cloud/authorize',
             component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/authorize'),

src/global.less

@@ -179,7 +179,7 @@ body {
       transition: width 0.2s;
 
       &.ant-header-side-opened {
-        width: calc(100% - 256px);
+        width: calc(100% - 200px);
       }
 
       &.ant-header-side-closed {

src/layouts/BasicLayout.vue

@@ -82,7 +82,7 @@ export default {
         return '0'
       }
       if (this.sidebarOpened) {
-        return '256px'
+        return '200px'
       }
       return '80px'
     },
@@ -133,7 +133,7 @@ export default {
     paddingCalc() {
       let left = ''
       if (this.sidebarOpened) {
-        left = this.isDesktop() ? '256px' : '80px'
+        left = this.isDesktop() ? '200px' : '80px'
       } else {
         left = (this.isMobile() && '0') || (this.fixSidebar && '80px') || '0'
       }