修改根据当前登录人查询姓名

src/api/system/user.js

@@ -134,3 +134,15 @@ export function deptTreeSelect() {
     method: 'get'
   })
 }
+
+// 根据用户名查询实际名称
+export function showName(userName) {
+  return request({
+    url: '/system/user/showName',
+    method: 'get',
+    params: {
+      username: userName
+    }
+  })
+}
+

src/layout/components/Navbar.vue

@@ -8,18 +8,18 @@
     <div class="right-menu" style="margin-top: 20px">
       <el-dropdown class="avatar-container right-menu-item " trigger="click">
         <div class="avatar-wrapper">
-<!--          <img :src="avatar" class="user-avatar">-->
+          <!--          <img :src="avatar" class="user-avatar">-->
           <span class="username">{{ username }}
           <i class="el-icon-caret-bottom"/></span>
         </div>
         <el-dropdown-menu>
-<!--          <router-link to="/user/profile">
-            <el-dropdown-item>个人中心</el-dropdown-item>
-          </router-link>
-          <el-dropdown-item @click.native="setting = true">
-            <span>布局设置</span>
-          </el-dropdown-item>-->
-<!--          sunyu 新加了修改密码的弹窗,完成修改密码功能-->
+          <!--          <router-link to="/user/profile">
+                      <el-dropdown-item>个人中心</el-dropdown-item>
+                    </router-link>
+                    <el-dropdown-item @click.native="setting = true">
+                      <span>布局设置</span>
+                    </el-dropdown-item>-->
+          <!--          sunyu 新加了修改密码的弹窗,完成修改密码功能-->
           <el-dropdown-item @click.native="resetPwdVisible = true">
             <span>修改密码</span>
           </el-dropdown-item>
@@ -34,14 +34,14 @@
               <el-form-item label="确认密码" prop="confirmPassword">
                 <el-input v-model="user.confirmPassword" placeholder="请确认新密码" type="password" show-password/>
               </el-form-item>
-              <el-form-item>
-                <el-button type="primary" size="mini" @click="submit">保存</el-button>
-                <el-button type="danger" size="mini" @click="close">关闭</el-button>
-              </el-form-item>
+              <!--              <el-form-item>-->
+              <!--                <el-button type="primary" size="mini" @click="submit">保存</el-button>-->
+              <!--                <el-button type="danger" size="mini" @click="close">关闭</el-button>-->
+              <!--              </el-form-item>-->
             </el-form>
             <span slot="footer" class="dialog-footer">
               <el-button @click.native="resetPwdVisible = false">取 消</el-button>
-              <el-button type="primary" @click.native="resetPwdVisible = false">确 定</el-button>
+              <el-button type="primary" @click="submit">确 定</el-button>
             </span>
           </el-dialog>
 
@@ -65,7 +65,7 @@ import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
 import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
-import {updateUserPwd} from "@/api/system/user";
+import {showName,updateUserPwd} from "@/api/system/user";
 
 export default {
   data() {
@@ -114,7 +114,15 @@ export default {
     RuoYiDoc
   },
   mounted() {
-    this.username = Cookies.get('username')
+    showName(Cookies.get('username')).then(response => {
+      if(response.code === 200){
+        this.username = response.msg
+      } else {
+        this.username = '';
+      }
+
+    });
+
   },
   computed: {
     ...mapGetters([
@@ -145,6 +153,7 @@ export default {
         if (valid) {
           updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
             this.$modal.msgSuccess("修改成功");
+            this.resetPwdVisible = false;
           });
         }
       });
@@ -265,3 +274,4 @@ export default {
   }
 }
 </style>
+