个人中心

src/components/Header.vue

@@ -5,12 +5,10 @@
         </div>
         <div class="header-right">
             <div class="header-user-con">
-                <!-- <span>应用市场</span>
-                <el-divider class="ml20" direction="vertical"></el-divider> -->
-                <div class="ml20">
+                <div class="user" @click="toPerson">
                     <el-avatar :size="40" :src="circleUrl"></el-avatar>
+                    <span class="user-avator">{{username}}</span>
                 </div>
-                <span class="user-avator">{{username}}</span>
                 <el-divider class="ml20" direction="vertical"></el-divider>
                 <el-button type="text" class="ml20" @click="loginout">退出</el-button>
             </div>
@@ -35,6 +33,9 @@ export default {
         }
     },
     methods: {
+        toPerson(){
+            this.$router.push('/person')
+        },
         loginout() {
             localStorage.removeItem('ms_username');
             this.$router.push('/login');
@@ -75,6 +76,11 @@ export default {
     height: 70px;
     align-items: center;
 }
+.header-user-con .user{
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+}
 .user-avator {
     cursor: pointer;
     margin-left: 10px;

src/router/index.js

@@ -77,11 +77,15 @@ let router =  new Router({
                     meta: { title: '数据管理' }
                 },
                 {
-                    // 权限页面
                     path: '/permission',
-                    component: () => import(/* webpackChunkName: "permission" */ '../views/customer/Permission.vue'),
+                    component: () => import('../views/customer/Permission.vue'),
                     meta: { title: '应用权限', permission: true }
                 },
+                {
+                    path: '/person',
+                    component: () => import('../views/setting/Person.vue'),
+                    meta: { title: '个人中心' }
+                },
                 {
                     path: '/404',
                     component: () => import(/* webpackChunkName: "404" */ '../views/404.vue'),

src/utils/api.js

@@ -1,20 +1,14 @@
 
-// let host = 'http://192.168.31.117:8080'
-// let host = 'http://www.huorantech.cn/liuwanr'
 let host = 'http://39.108.250.202'
 let host1 = 'http://192.168.31.151:9000'
 let host2 = 'http://192.168.31.125:9000'
 
 export default {
   logins: `${host}/liuwanr/userInfo/adminLogins`, //登录 
-  // addUser: `${host}/liuwanr/user/addUser`, //增加用户
   addUser: `${host}/liuwanr/userInfo/addUser`, //增加用户新版
-  // queryUser: `${host}/liuwanr/user/queryUser`, //查询用户
   queryUser: `${host}/liuwanr/userInfo/queryUserInfo`, //查询用户新版
-  // deleteUser: `${host}/liuwanr/user/deleteUser`, //删除用户
   deleteUser: `${host}/liuwanr/userInfo/deleteUserInfo`, //删除用户新版
   updateUser: `${host}/liuwanr/user/updateUser`, //编辑用户
-  // queryUserDetails: `${host}/liuwanr/user/queryUserDetails`, //查询用户详情
   queryUserInfoDetails: `${host}/liuwanr/userInfo/queryUserInfoDetails`, //查询用户详情新版
   queryAccountIsExist: `${host}/liuwanr/userInfo/queryServerAccountIsExist`, //查询账号是否存在
   queryUserOR: `${host}/liuwanr/userInfo/queryUserOR`, //查询系统列表详情

src/views/data/Product.vue

@@ -197,10 +197,6 @@ export default {
             previewVisible: false,
             previewHead: [],
             previewData: []
-            defaultActive: [],
-            isDetail: false,
-            userAccount: '',
-            userName: ''
         };
     },
     watch: {