fix: display problem in mobile mode

src/App.vue

@@ -21,16 +21,16 @@
         // tablet
         if (deviceType === 0) {
           that.$store.commit('TOGGLE_DEVICE', 'tablet')
-          that.$store.commit('CLOSE_SIDEBAR', false)
+          that.$store.dispatch('setSidebar', false)
         }
         // mobile
         else if (deviceType === 1) {
           that.$store.commit('TOGGLE_DEVICE', 'mobile')
-          that.$store.commit('CLOSE_SIDEBAR', false)
+          that.$store.dispatch('setSidebar', false)
         }
         else {
           that.$store.commit('TOGGLE_DEVICE', 'desktop')
-          that.$store.commit('SET_SIDEBAR_TYPE', true)
+          that.$store.dispatch('setSidebar', true)
         }
 
       })

src/components/page/GlobalLayout.vue

@@ -102,6 +102,12 @@
         device: state => state.app.device,
       })
     },
+    watch: {
+      sidebarOpened(val) {
+        console.log('watch',val)
+        this.collapsed = !val
+      },
+    },
     created() {
       this.menus = this.mainMenu.find((item) => item.path === '/').children
     },
@@ -144,10 +150,17 @@
         }
       }
 
+      /**
+       * ant-table-wrapper
+       * 覆盖的表格手机模式样式，如果想修改在手机上表格最低宽度，可以在这里改动
+       */
       .ant-table-wrapper {
-        .ant-table-body {
+        .ant-table-content {
           overflow-y: auto;
         }
+        .ant-table-body {
+          min-width: 800px;
+        }
       }
       .sidemenu {
         .ant-header-fixedHeader {

src/config/router.config.js

@@ -13,7 +13,7 @@ export const asyncRouterMap = [
       {
         path: '/dashboard',
         name: 'dashboard',
-        redirect: '/dashboard/analysis',
+        redirect: '/dashboard/workplace',
         component: RouteView,
         meta: { title: '仪表盘', icon: 'dashboard', permission: [ 'dashboard' ] },
         children: [

src/views/list/TableInnerEditList.vue

@@ -153,21 +153,21 @@
           {
             title: '状态',
             dataIndex: 'status',
-            width: '120px',
+            width: '100px',
             needTotal: true,
             scopedSlots: { customRender: 'status' },
           },
           {
             title: '更新时间',
             dataIndex: 'updatedAt',
-            width: '180px',
+            width: '150px',
             sorter: true,
             scopedSlots: { customRender: 'updatedAt' },
           },
           {
             table: '操作',
             dataIndex: 'action',
-            width: '150px',
+            width: '120px',
             scopedSlots: { customRender: 'action' },
           }
         ],

src/views/list/UserList.vue

@@ -40,10 +40,10 @@
           :gutter="24"
           :style="{ marginBottom: '12px' }">
           <a-col :span="12" v-for="(role, index) in record.permissions" :key="index" :style="{ marginBottom: '12px' }">
-            <a-col :span="4">
+            <a-col :lg="4" :md="24">
               <span>{{ role.permissionName }}：</span>
             </a-col>
-            <a-col :span="20" v-if="role.actionEntitySet.length > 0">
+            <a-col :lg="20" :md="24" v-if="role.actionEntitySet.length > 0">
               <a-tag color="cyan" v-for="(action, k) in role.actionEntitySet" :key="k">{{ action.describe }}</a-tag>
             </a-col>
             <a-col :span="20" v-else>-</a-col>

src/views/user/Login.vue

@@ -110,7 +110,7 @@
         loginBtn: false,
         // login type: 0 email, 1 username, 2 telephone
         loginType: 0,
-        requiredTwoStepCaptcha: true,
+        requiredTwoStepCaptcha: false,
         stepCaptchaVisible: false,
         form: null,
         state: {