fixed: account center page

Author: sendya

src/router/index.js

@@ -249,45 +249,45 @@ export const asyncRouterMap = [
       {
         path: '/account/center',
         name: 'center',
-        component: () => import('@/views/account/Index'),
+        component: () => import('@/views/account/center/Index'),
         meta: { title: '个人中心', keepAlive: true }
       },
       {
         path: '/account/settings',
         name: 'settings',
-        component: () => import('@/views/account/Index'),
+        component: () => import('@/views/account/settings/Index'),
         meta: { title: '个人设置', hideHeader: true, keepAlive: true },
         redirect: '/account/settings/base',
         alwaysShow: true,
         children: [
           {
             path: '/account/settings/base',
             name: 'BaseSettings',
-            component: () => import('@/views/account/BaseSetting'),
+            component: () => import('@/views/account/settings/BaseSetting'),
             meta: { title: '基本设置', hidden: true, keepAlive: true }
           },
           {
             path: '/account/settings/security',
             name: 'SecuritySettings',
-            component: () => import('@/views/account/Security'),
+            component: () => import('@/views/account/settings/Security'),
             meta: { title: '安全设置', hidden: true, keepAlive: true }
           },
           {
             path: '/account/settings/custom',
             name: 'CustomSettings',
-            component: () => import('@/views/account/Custom'),
+            component: () => import('@/views/account/settings/Custom'),
             meta: { title: '个性化设置', hidden: true, keepAlive: true }
           },
           {
             path: '/account/settings/binding',
             name: 'BindingSettings',
-            component: () => import('@/views/account/Binding'),
+            component: () => import('@/views/account/settings/Binding'),
             meta: { title: '账户绑定', hidden: true, keepAlive: true }
           },
           {
             path: '/account/settings/notification',
             name: 'NotificationSettings',
-            component: () => import('@/views/account/Notification'),
+            component: () => import('@/views/account/settings/Notification'),
             meta: { title: '新消息通知', hidden: true, keepAlive: true }
           },
         ]

src/views/account/center/Index.vue

@@ -0,0 +1,84 @@
+<template>
+  <a-card :bordered="false" :bodyStyle="{ padding: '16px 0', height: '100%' }" :style="{ height: '100%' }">
+    account center page
+  </a-card>
+</template>
+
+<script>
+  import PageLayout from '@/components/layout/PageLayout'
+  import RouteView from "@/components/layout/RouteView";
+
+  export default {
+    components: {
+      RouteView,
+      PageLayout
+    },
+    data () {
+      return {
+        defaultSelectedKeys: [],
+
+        // cropper
+        preview: {},
+        option: {
+          img: '/avatar2.jpg',
+          info: true,
+          size: 1,
+          outputType: 'jpeg',
+          canScale: false,
+          autoCrop: true,
+          // 只有自动截图开启 宽度高度才生效
+          autoCropWidth: 180,
+          autoCropHeight: 180,
+          fixedBox: true,
+          // 开启宽度和高度比例
+          fixed: true,
+          fixedNumber: [1, 1]
+        },
+
+        pageTitle: ''
+      }
+    },
+    created () {
+      this.updateMenu()
+    },
+    methods: {
+      onOpenChange (openKeys) {
+
+      },
+      updateMenu () {
+        let routes = this.$route.matched.concat()
+        this.defaultSelectedKeys = [ routes.pop().path ]
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+  .account-settings-info-main {
+    width: 100%;
+    display: flex;
+    height: 100%;
+    overflow: auto;
+
+    .account-settings-info-left {
+      border-right: 1px solid #e8e8e8;
+      width: 224px;
+    }
+
+    .account-settings-info-right {
+      flex: 1 1;
+      padding: 8px 40px;
+
+      .account-settings-info-title {
+        color: rgba(0,0,0,.85);
+        font-size: 20px;
+        font-weight: 500;
+        line-height: 28px;
+        margin-bottom: 12px;
+      }
+      .account-settings-info-view {
+        padding-top: 12px;
+      }
+    }
+  }
+</style>

src/views/account/BaseSetting.vue renamed to src/views/account/settings/BaseSetting.vue

@@ -86,7 +86,7 @@
 </template>
 
 <script>
-  import {timeFix, welcome} from "../../utils/util"
+  import {timeFix, welcome} from "../../../utils/util"
   import LayoutMain from '@/components/layout/LayoutMain'
   import PageLayout from '@/components/layout/PageLayout'