账户信息展示

src/service/UserManagementService/index.ts

@@ -26,6 +26,8 @@ export default class UserService {
     verify_code?: string
   }) {
     return baseAxios<{
+      location:string
+      user_name:string
       accessToken: string
       level: eLevel
       phone: string

src/utils/userMsg/types.ts

@@ -2,9 +2,10 @@ import { eLevel } from '@/types/level'
 import { eNewRoleRelatedToBackEnd, eRole } from '@/types/role'
 import { eUserType } from '@/types/userType'
 export interface iUserMsg {
+  user_name:string
   role?: eRole
   token: string
-
+  location:string
   phone?: string
   level: eLevel
   newRole: eNewRoleRelatedToBackEnd

src/views/Login/index.vue

@@ -235,8 +235,10 @@ export default Vue.extend({
       });
       console.log(ret.data.phone);
       if (ret.code === 200) {
-        const { accessToken, level, phone, role, userType } = ret.data;
+        const {user_name,location,accessToken, level, phone, role, userType } = ret.data;
         setUserMsg({
+          user_name:user_name,
+          location:location,
           token: accessToken,
           newRole: this.adminLogin
             ? eNewRoleRelatedToBackEnd.PlatformAdmin
@@ -265,8 +267,10 @@ export default Vue.extend({
         pwd,
       });
       if (ret.code === 200) {
-        const { accessToken, level, phone, role, userType } = ret.data;
+        const {user_name, location,accessToken, level, phone, role, userType } = ret.data;
         setUserMsg({
+          user_name:user_name,
+          location:location,
           token: accessToken,
           newRole: this.adminLogin
             ? eNewRoleRelatedToBackEnd.PlatformAdmin

src/views/Root/Security/changePhone.vue

@@ -261,6 +261,8 @@ export default Vue.extend({
             this.userPhone = this.confrimPhoneForm.phone;
             const { ...iUserMsg } = getUserMsg();
             setUserMsg({
+              user_name:iUserMsg.user_name,
+              location:iUserMsg.location,
               token: iUserMsg.token,
               newRole: iUserMsg.newRole,
               level: iUserMsg.level,

src/views/Root/index.vue

@@ -13,9 +13,26 @@
               </template> -->
               <div class="flex justify-between items-center">
                 <img class="w-5 h-7 mr-3" src="@/assets/images/avatar.png" alt="头像">
-                {{ phone }}
+                <span @click="isModal">{{ phone }}</span>
+                
                 <span class="inline-block ml-3 cursor-pointer" @click="logout">退出</span>
               </div>
+              <a-modal v-model="visible" title="基本信息" @ok="handleOk">
+                <div v-if="newRole=='银行管理员' || newRole=='客户经理岗' || newRole=='管理岗'">
+                  <p>姓名：{{roleName}}</p>
+                  <p>岗位角色：{{newRole}}</p>
+                  <p>手机号：{{rolePhone}}</p>
+                  <div v-if="newRole=='客户经理岗' || newRole=='管理岗'">
+                    <p>所在层级：{{roleLevel}}</p>
+                    <p>详细网点地址：{{roleLocation}}</p>
+                  </div>
+                </div>
+                <div v-else-if="newRole=='平台管理员'">
+                  <p>岗位角色：{{newRole}}</p>
+                  <p>手机号：{{rolePhone}}</p>
+                </div>
+                
+              </a-modal>
             <!-- </a-popover> -->
           </div>
         </div>
@@ -83,6 +100,8 @@ import { getUserMsg } from "@/utils/userMsg/userMsg";
 import { getOldRoleFromUserMsg } from "@/utils/user";
 import UserService from '@/service/UserManagementService'
 import RouterUtil from "@/utils/router";
+import StaffService from "@/service/StaffService";
+import AddressService from "@/service/AddressService";
 
 Vue.use(Menu);
 Vue.use(Icon);
@@ -97,6 +116,13 @@ export default Vue.extend({
   data() {
     return {
       openKeys: [],
+      visible:false,
+      roleName:'',
+      newRole:'',
+      rolePhone:'',
+      roleLevel:'',
+      roleLocation:'',
+      
     };
   },
   mounted() {
@@ -127,6 +153,20 @@ export default Vue.extend({
     }
   },
   methods: {
+    async isModal(){
+      const msg=getUserMsg()
+      this.roleName=getUserMsg()?.user_name+''
+      this.newRole= getUserMsg()?.newRole+''
+      this.rolePhone=getUserMsg()?.phone+''
+      if(this.newRole==='客户经理岗'||this.newRole==='管理岗' ){
+       this.roleLevel=getUserMsg()?.level+''
+       this.roleLocation=getUserMsg()?.location+''
+     }
+      this.visible = true;
+    },
+    handleOk() {
+      this.visible = false;
+    },
     getMenuChildren(menu: iMenuItem) {
       return menu.children || [];
     },