From 98a4a2158a647e7b814808e2b8c521c34b79d7e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B7=B3?= <454313500@qq.com>
Date: Wed, 17 Jan 2024 16:31:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B7=B3=E8=BD=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dtos/Discuss/DiscussGetListInputVo.cs     |  4 ++
 .../IServices/IBbsUserInfoService.cs          | 12 ++++++
 .../Services/BbsUserInfoService.cs            | 33 +++++++++++++++
 .../Services/Forum/DiscussService.cs          |  4 +-
 .../Managers/BbsUserManager.cs                |  6 ++-
 .../IServices/IAccountService.cs              |  5 ++-
 Yi.Bbs.Vue3/src/App.vue                       |  2 +-
 Yi.Bbs.Vue3/src/apis/userApi.js               | 10 +++++
 Yi.Bbs.Vue3/src/components/AvatarInfo.vue     |  4 +-
 .../src/components/UserInfoCard/index.vue     | 14 ++++---
 Yi.Bbs.Vue3/src/hooks/useAuths.js             |  9 +++-
 Yi.Bbs.Vue3/src/layout/AppHeader.vue          |  2 +-
 Yi.Bbs.Vue3/src/router/index.js               |  2 +-
 Yi.Bbs.Vue3/src/utils/signalR.js              |  2 -
 Yi.Bbs.Vue3/src/views/profile/Index.vue       | 41 +++++++++++--------
 Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue  | 18 ++++++--
 Yi.Bbs.Vue3/src/views/profile/UserInfo.vue    | 14 ++++---
 17 files changed, 139 insertions(+), 43 deletions(-)
 create mode 100644 Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/IServices/IBbsUserInfoService.cs
 create mode 100644 Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/BbsUserInfoService.cs

diff --git a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/Dtos/Discuss/DiscussGetListInputVo.cs b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/Dtos/Discuss/DiscussGetListInputVo.cs
index b715d9e4..4d420318 100644
--- a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/Dtos/Discuss/DiscussGetListInputVo.cs
+++ b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/Dtos/Discuss/DiscussGetListInputVo.cs
@@ -5,6 +5,10 @@ namespace Yi.Framework.Bbs.Application.Contracts.Dtos.Discuss
 {
     public class DiscussGetListInputVo : PagedAndSortedResultRequestDto
     {
+        /// <summary>
+        /// 创建者的用户名
+        /// </summary>
+        public string? UserName { get; set; }
         public Guid? UserId { get; set; }
 
         public string? Title { get; set; }
diff --git a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/IServices/IBbsUserInfoService.cs b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/IServices/IBbsUserInfoService.cs
new file mode 100644
index 00000000..d6a5f0c4
--- /dev/null
+++ b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application.Contracts/IServices/IBbsUserInfoService.cs
@@ -0,0 +1,12 @@
+锘縰sing System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Yi.Framework.Bbs.Application.Contracts.IServices
+{
+    public interface IBbsUserInfoService
+    {
+    }
+}
diff --git a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/BbsUserInfoService.cs b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/BbsUserInfoService.cs
new file mode 100644
index 00000000..50a92d5a
--- /dev/null
+++ b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/BbsUserInfoService.cs
@@ -0,0 +1,33 @@
+锘縰sing System.ComponentModel.DataAnnotations;
+using Microsoft.AspNetCore.Mvc;
+using TencentCloud.Ame.V20190916.Models;
+using Volo.Abp.Application.Services;
+using Yi.Framework.Bbs.Application.Contracts.IServices;
+using Yi.Framework.Bbs.Domain.Managers;
+using Yi.Framework.Rbac.Domain.Shared.Dtos;
+
+namespace Yi.Framework.Bbs.Application.Services
+{
+    public class BbsUserInfoService : ApplicationService, IBbsUserInfoService
+    {
+        private BbsUserManager _bbsUserManager;
+        public BbsUserInfoService(BbsUserManager bbsUserManager)
+        {
+            _bbsUserManager = bbsUserManager;
+        }
+
+        [HttpGet("bbs-user/{userName}")]
+        public async Task<BbsUserInfoDto> GetUserInfoByUserNameAsync([FromRoute][Required] string userName)
+        {
+
+            var userEntity = await _bbsUserManager._userRepository.GetFirstAsync(x => x.UserName == userName);
+            if (userEntity == null)
+            {
+                throw new Volo.Abp.UserFriendlyException("璇ョ敤鎴蜂笉瀛樺湪");
+            }
+            var output =await _bbsUserManager.GetBbsUserInfoAsync(userEntity.Id);
+
+            return output!;
+        }
+    }
+}
diff --git a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/Forum/DiscussService.cs b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/Forum/DiscussService.cs
index 95f362a9..7e1337cb 100644
--- a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/Forum/DiscussService.cs
+++ b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Application/Services/Forum/DiscussService.cs
@@ -112,8 +112,10 @@ namespace Yi.Framework.Bbs.Application.Services.Forum
                      .WhereIF(input.IsTop is not null, x => x.IsTop == input.IsTop)
                      .WhereIF(input.UserId is not null,x=>x.CreatorId==input.UserId)
                      .LeftJoin<UserEntity>((discuss, user) => discuss.CreatorId == user.Id)
-                         .LeftJoin<BbsUserExtraInfoEntity>((discuss, user, info) => user.Id == info.UserId)
+                     .WhereIF(input.UserName is not null, (discuss, user)=>user.UserName==input.UserName!)
 
+                     .LeftJoin<BbsUserExtraInfoEntity>((discuss, user, info) => user.Id == info.UserId)
+                     
                          .OrderByDescending(discuss => discuss.OrderNum)
                       .OrderByIF(input.Type == QueryDiscussTypeEnum.New, discuss => discuss.CreationTime, OrderByType.Desc)
                      .OrderByIF(input.Type == QueryDiscussTypeEnum.Host, discuss => discuss.SeeNum, OrderByType.Desc)
diff --git a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Domain/Managers/BbsUserManager.cs b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Domain/Managers/BbsUserManager.cs
index fe1ebea1..31916865 100644
--- a/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Domain/Managers/BbsUserManager.cs
+++ b/Yi.Abp.Net8/module/bbs/Yi.Framework.Bbs.Domain/Managers/BbsUserManager.cs
@@ -25,7 +25,11 @@ namespace Yi.Framework.Bbs.Domain.Managers
         public async Task<BbsUserInfoDto?> GetBbsUserInfoAsync(Guid userId)
         {
             return await _userRepository._DbQueryable.LeftJoin<BbsUserExtraInfoEntity>((user, info) => user.Id == info.UserId)
-                     .Select((user, info) => new BbsUserInfoDto { Id = user.Id ,Icon=user.Icon,Level=info.Level,UserLimit=info.UserLimit,
+                     .Select((user, info) => new BbsUserInfoDto { 
+                         Id = user.Id ,
+                         Icon=user.Icon,
+                         Level=info.Level,
+                         UserLimit=info.UserLimit,
                          Money = info.Money,
                          Experience = info.Experience
                      }, true)
diff --git a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application.Contracts/IServices/IAccountService.cs b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application.Contracts/IServices/IAccountService.cs
index ad1f80a7..ed337623 100644
--- a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application.Contracts/IServices/IAccountService.cs
+++ b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application.Contracts/IServices/IAccountService.cs
@@ -1,6 +1,9 @@
-锘縩amespace Yi.Framework.Rbac.Application.Contracts.IServices
+锘縰sing Yi.Framework.Rbac.Domain.Shared.Dtos;
+
+namespace Yi.Framework.Rbac.Application.Contracts.IServices
 {
     public interface IAccountService
     {
+        Task<UserRoleMenuDto> Get();
     }
 }
diff --git a/Yi.Bbs.Vue3/src/App.vue b/Yi.Bbs.Vue3/src/App.vue
index 60f88d41..85ca157a 100644
--- a/Yi.Bbs.Vue3/src/App.vue
+++ b/Yi.Bbs.Vue3/src/App.vue
@@ -34,7 +34,7 @@ onMounted(async () => {
 watch(
   () => token,
    (val,oldValue) => {
-    console.log("token鍙戠敓鏀瑰彉");
+   //console.log("token鍙戠敓鏀瑰彉");
     if (val) {
       signalR.close();
       signalR.init(`main`);
diff --git a/Yi.Bbs.Vue3/src/apis/userApi.js b/Yi.Bbs.Vue3/src/apis/userApi.js
index e646e71e..f38fc88c 100644
--- a/Yi.Bbs.Vue3/src/apis/userApi.js
+++ b/Yi.Bbs.Vue3/src/apis/userApi.js
@@ -9,6 +9,7 @@ export function listUser(query) {
   });
 }
 
+
 // 鏌ヨ鐢ㄦ埛璇︾粏
 export function getUser(userId) {
   return request({
@@ -73,6 +74,15 @@ export function getUserProfile() {
   });
 }
 
+// 鏌ヨbbs涓汉淇℃伅
+export function getBbsUserProfile(userName) {
+  return request({
+    url: `/bbs-user/${userName}`,
+    method: "get",
+  });
+}
+
+
 // 淇敼鐢ㄦ埛涓汉淇℃伅
 export function updateUserProfile(data) {
   return request({
diff --git a/Yi.Bbs.Vue3/src/components/AvatarInfo.vue b/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
index 9ff83064..2eeeb495 100644
--- a/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
+++ b/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
@@ -34,7 +34,7 @@
       </div>
       <div class="info" v-if="!props.isSelf">
         <el-tag class="ml-2" type="warning">V8</el-tag>
-        <el-tag class="ml-2" type="danger">浼氬憳</el-tag>
+        <el-tag class="ml-2" type="danger">鏍稿績</el-tag>
       </div>
       <el-button
         v-if="props.showWatching"
@@ -73,6 +73,7 @@ const userInfo = reactive({
   id: "",
   level: "",
   userLimit: "",
+  userName:""
 });
 const iconUrl = ref("/acquiesce.png");
 const iconUrlHandler = (icon) => {
@@ -113,6 +114,7 @@ const Init = () => {
     userInfo.money=props.userInfo.money;
     userInfo.level = props.userInfo.level;
     userInfo.userLimit = props.userInfo.userLimit;
+    userInfo.userName= props.userInfo.userName;
     iconUrl.value = iconUrlHandler(userInfo.icon);
   }
 
diff --git a/Yi.Bbs.Vue3/src/components/UserInfoCard/index.vue b/Yi.Bbs.Vue3/src/components/UserInfoCard/index.vue
index 35cbc1e2..05376950 100644
--- a/Yi.Bbs.Vue3/src/components/UserInfoCard/index.vue
+++ b/Yi.Bbs.Vue3/src/components/UserInfoCard/index.vue
@@ -9,12 +9,12 @@
     v-if="!props.isSelf"
   >
     <template #reference>
-      <el-avatar :size="30" :src="iconUrl" />
+      <el-avatar :size="30" :src="iconUrl"  />
     </template>
     <div class="top">
       <div class="left">
         <div class="image">
-          <img :src="iconUrl" alt="" />
+          <img :src="iconUrl" alt="" @click="gotoProfile(userInfo.userName)" style="cursor: pointer;" />
         </div>
       </div>
       <div class="right">
@@ -64,7 +64,7 @@
 
 <script setup name="UserInfoCard">
 import { computed, defineProps } from "vue";
-
+import { useRouter } from "vue-router";
 const props = defineProps({
   // 鐢ㄦ埛淇℃伅
   userInfo: {
@@ -77,9 +77,8 @@ const props = defineProps({
     default: () => "",
   },
 });
-
+const router = useRouter();
 const userInfo = computed(() => props.userInfo);
-
 const statusTypeList = [
   {
     label: "姝ｅ父",
@@ -100,6 +99,11 @@ const statusTypeList = [
 const getStatusInfo = (type) => {
   return statusTypeList.filter((item) => item.value === type)[0]?.label;
 };
+
+const gotoProfile=(userName)=>{
+  router.push(`/profile/${userName}`);
+
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/Yi.Bbs.Vue3/src/hooks/useAuths.js b/Yi.Bbs.Vue3/src/hooks/useAuths.js
index 54cd21bb..e9b86ab7 100644
--- a/Yi.Bbs.Vue3/src/hooks/useAuths.js
+++ b/Yi.Bbs.Vue3/src/hooks/useAuths.js
@@ -15,7 +15,7 @@ export const AUTH_USER = "AUTH_USER";
 
 
 export default function useAuths(opt) {
-
+ 
 
 
   const defaultOpt = {
@@ -40,6 +40,10 @@ const isLogin=computed(()=>{
   return getToken()? true : false
 });
 
+const currentUserInfo=computed(()=>{
+  return useUserStore();
+}); 
+
   // 瀛樺偍token鍒癱ookies
   const setToken = (token) => {
     if (token == null) {
@@ -187,6 +191,7 @@ const isLogin=computed(()=>{
     clearStorage,
     registerFun,
     loginSuccess,
-    isLogin
+    isLogin,
+    currentUserInfo
   };
 }
diff --git a/Yi.Bbs.Vue3/src/layout/AppHeader.vue b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
index f69fc29b..ecb0b1dd 100644
--- a/Yi.Bbs.Vue3/src/layout/AppHeader.vue
+++ b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
@@ -117,7 +117,7 @@ const enterIndex = () => {
   router.push("/index");
 };
 const enterProfile = () => {
-  router.push("/profile");
+  router.push(`/profile/${userStore.userName}`);
 };
 const toLogin = () => {
   clearStorage();
diff --git a/Yi.Bbs.Vue3/src/router/index.js b/Yi.Bbs.Vue3/src/router/index.js
index 43fdf032..97f63a9a 100644
--- a/Yi.Bbs.Vue3/src/router/index.js
+++ b/Yi.Bbs.Vue3/src/router/index.js
@@ -78,7 +78,7 @@ const router = createRouter({
         },
         {
           name: "profile",
-          path: "/profile",
+          path: "/profile/:userName",
           component: () => import("../views/profile/Index.vue"),
         },
         {
diff --git a/Yi.Bbs.Vue3/src/utils/signalR.js b/Yi.Bbs.Vue3/src/utils/signalR.js
index 76d74b5c..27ee72ee 100644
--- a/Yi.Bbs.Vue3/src/utils/signalR.js
+++ b/Yi.Bbs.Vue3/src/utils/signalR.js
@@ -26,7 +26,6 @@ export default {
       .configureLogging(signalR.LogLevel.Information)
       .build();
 
-    console.log(connection, "connection");
 
     this.SR = connection;
     // 鏂嚎閲嶈繛
@@ -62,7 +61,6 @@ export default {
 
     try {
       //浣跨敤async鍜宎wait 鎴� promise鐨則hen 鍜宑atch 澶勭悊鏉ヨ嚜鏈嶅姟绔殑寮傚父
-      console.log(this.SR, "鎵ц杩炴帴");
       await this.SR.start();
       //console.assert(this.SR.state === signalR.HubConnectionState.Connected);
       //console.log('signalR 杩炴帴鎴愬姛浜�', this.SR.state);
diff --git a/Yi.Bbs.Vue3/src/views/profile/Index.vue b/Yi.Bbs.Vue3/src/views/profile/Index.vue
index bc6bbd98..e3b826c9 100644
--- a/Yi.Bbs.Vue3/src/views/profile/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/Index.vue
@@ -71,7 +71,7 @@
           <div class="div-top-user">
             <div class="user-icon text-center">
 
-              <userAvatar :user="state.user" />
+              <userAvatar :user="state.user" :isDisable="!iSCurrentUserLogin"/>
             </div>
             <div class="user-info">
               <div class="user-nick">
@@ -102,12 +102,12 @@
 
                 <el-tabs v-model="activeTab" class="user-edit-tab">
                   <el-tab-pane label="鍩烘湰璧勬枡" name="userinfo">
-                    <userInfo :user="state.user" />
+                    <userInfo :user="state.user" :isDisable="!iSCurrentUserLogin" />
                   </el-tab-pane>
-                  <el-tab-pane label="淇敼瀵嗙爜" name="resetPwd">
+                  <el-tab-pane v-if="iSCurrentUserLogin" label="淇敼瀵嗙爜" name="resetPwd">
                     <resetPwd />
                   </el-tab-pane>
-                  <el-tab-pane label="绗笁鏂瑰揩鎹风櫥褰�" name="accountSetting">
+                  <el-tab-pane v-if="iSCurrentUserLogin" label="绗笁鏂瑰揩鎹风櫥褰�" name="accountSetting">
                     <accountSet />
                   </el-tab-pane>
                 </el-tabs>
@@ -152,7 +152,10 @@
             <DisscussCard :discuss="item" />
           </div>
 
-          <div class="pagination">
+
+        </div>
+        <el-empty v-if="discussList.length == 0" description="绌虹┖濡備篃" />
+        <div v-else class="pagination">
       <el-pagination
         v-model:current-page="query.skipCount"
         v-model:page-size="query.maxResultCount"
@@ -171,7 +174,6 @@
           }
         "
       />
-    </div>
         </div>
       </el-col>
     </el-row>
@@ -183,12 +185,15 @@ import userAvatar from "./UserAvatar.vue";
 import userInfo from "./UserInfo.vue";
 import resetPwd from "./ResetPwd.vue";
 import accountSet from "./AccountSetting.vue";
-import { getUserProfile } from "@/apis/userApi.js";
+import { getBbsUserProfile } from "@/apis/userApi.js";
 import { onMounted, ref, reactive } from "vue";
 import { getList } from "@/apis/discussApi.js";
 import { useRoute } from "vue-router";
+import useAuths from "@/hooks/useAuths";
+const { isLogin } = useAuths();
+import useUserStore from "@/stores/user";
 const route = useRoute();
-
+const userStore=useUserStore();
 const activeTab = ref("userinfo");
 const state = reactive({
   user: {},
@@ -198,22 +203,19 @@ const state = reactive({
   postGroup: {},
 
 });
-const   discussList= ref([]);
+const iSCurrentUserLogin=ref(false);
+const  discussList= ref([]);
 const discussTotal=ref(0);
 const query = reactive({
   skipCount: 1,
   maxResultCount: 10,
-  userId:route.params.userId
+  userName:route.params.userName
 });
 
 function getUser() {
-  getUserProfile().then((response) => {
+  getBbsUserProfile(query.userName).then((response) => {
     const res = response.data;
-    state.user = res.user;
-    state.dept = res.dept;
-    state.roles = res.roles;
-    state.roleGroup = res.roleGroup;
-    state.postGroup = res.postGroup;
+    state.user = res;
   });
 }
 
@@ -226,6 +228,11 @@ const getDiscuss=async ()=>
 }
 
 onMounted(() => {
+  //鏁堥獙锛屾槸鍚︾櫥褰曠敤鎴风瓑浜庡綋鍓嶇殑userInfo
+    if(userStore.userName ==query.userName&&isLogin)
+    {
+      iSCurrentUserLogin.value=true;
+    }
   getUser();
   getDiscuss();
 });
@@ -348,11 +355,9 @@ width: 80%;
     background-color: #FFFFFF;
   }
   &-right {
-    height: 1000px;
     background-color: #f0f2f5;
     padding-left: 20px;
     &-content {
-      height: 100%;
       width: 100%;
       background-color: #FFFFFF;
     }
diff --git a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
index ccfd6299..64eec1ec 100644
--- a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
@@ -31,7 +31,7 @@
       </el-col>
     </el-row>
     <br />
-    <el-row>
+    <el-row v-show="!isDisable">
       <el-col :lg="{ span: 1, offset: 2 }" :md="2">
         <el-upload
           action="#"
@@ -53,7 +53,7 @@
         </el-button>
       </el-col>
     </el-row>
-    <el-row style="margin-top: 10px">
+    <el-row style="margin-top: 10px" v-show="!isDisable">
       <el-col :lg="{ span: 1, offset: 2 }" :md="2">
         <el-button icon="Plus" @click="changeScale(1)"></el-button>
       </el-col>
@@ -108,8 +108,18 @@ import { getIconList } from "@/apis/settingApi";
 import useUserStore from "@/stores/user";
 import axios from "axios";
 
-const userStore = useUserStore();
 
+const props = defineProps({
+  user: {
+    type: Object,
+    default:{icon:"/acquiesce.png"}
+  },
+  isDisable:{
+    type:Boolean,
+    default:true
+  }
+});
+const userStore=useUserStore();
 const cropper = ref(null);
 
 const open = ref(false);
@@ -118,7 +128,7 @@ const title = ref("淇敼澶村儚");
 
 //鍥剧墖瑁佸壀鏁版嵁
 const options = reactive({
-  img: userStore.icon, // 瑁佸壀鍥剧墖鐨勫湴鍧�
+  img: props.user.icon, // 瑁佸壀鍥剧墖鐨勫湴鍧�
   autoCrop: true, // 鏄惁榛樿鐢熸垚鎴浘妗�
   autoCropWidth: 200, // 榛樿鐢熸垚鎴浘妗嗗搴�
   autoCropHeight: 200, // 榛樿鐢熸垚鎴浘妗嗛珮搴�
diff --git a/Yi.Bbs.Vue3/src/views/profile/UserInfo.vue b/Yi.Bbs.Vue3/src/views/profile/UserInfo.vue
index cb36d133..d2d9f7c9 100644
--- a/Yi.Bbs.Vue3/src/views/profile/UserInfo.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/UserInfo.vue
@@ -4,21 +4,21 @@
       <el-input v-model="user.userName" disabled />
     </el-form-item>
     <el-form-item label="鐢ㄦ埛鏄电О" prop="nick">
-      <el-input v-model="user.nick" maxlength="30" />
+      <el-input v-model="user.nick" maxlength="30" :disabled="isDisable"/>
     </el-form-item>
     <el-form-item label="鎵嬫満鍙风爜" prop="phone">
-      <el-input v-model="user.phone" maxlength="11" />
+      <el-input v-model="user.phone" maxlength="11" :disabled="isDisable" />
     </el-form-item>
     <el-form-item label="閭" prop="email">
-      <el-input v-model="user.email" maxlength="50" />
+      <el-input v-model="user.email" maxlength="50" :disabled="isDisable" />
     </el-form-item>
     <el-form-item label="鎬у埆">
-      <el-radio-group v-model="user.sex">
+      <el-radio-group v-model="user.sex" :disabled="isDisable">
         <el-radio :label="'Male'">鐢�</el-radio>
         <el-radio :label="'Woman'">濂�</el-radio>
       </el-radio-group>
     </el-form-item>
-    <el-form-item>
+    <el-form-item v-show="!isDisable">
       <el-button type="primary" @click="submit">淇濆瓨</el-button>
       <el-button type="danger" @click="close">鍏抽棴</el-button>
     </el-form-item>
@@ -36,6 +36,10 @@ const props = defineProps({
   user: {
     type: Object,
   },
+  isDisable:{
+    type:Boolean,
+    default:true
+  }
 });
 
 const userRef = ref(null);