From 5d7111629d504ee1acb41b9a3ff3bb9a6ce19b80 Mon Sep 17 00:00:00 2001
From: chen <450069815@qq.com>
Date: Wed, 24 Sep 2025 18:03:03 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=9B=B4=E6=96=B0=E3=80=91=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=E5=B8=83=E5=B1=80=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/sys/user/userCenter.vue         | 123 +++++++++---------
 1 file changed, 65 insertions(+), 58 deletions(-)

diff --git a/snowy-admin-web/src/views/sys/user/userCenter.vue b/snowy-admin-web/src/views/sys/user/userCenter.vue
index 2fc7ce9a..0fc25160 100644
--- a/snowy-admin-web/src/views/sys/user/userCenter.vue
+++ b/snowy-admin-web/src/views/sys/user/userCenter.vue
@@ -1,64 +1,71 @@
 <template>
-	<a-row :gutter="10">
-		<a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7" class="mb-3">
-			<a-card :bordered="false">
-				<div class="account-center-avatarHolder">
-					<div class="avatar">
-						<a-spin size="small" :spinning="avatarLoading">
-							<img :src="userInfo.avatar" />
-						</a-spin>
-						<a @click="uploadLogo">
-							<div v-if="userInfo" :class="userInfo.avatar ? 'mask' : 'mask-notImg'"><upload-outlined /></div>
-						</a>
+	<div class="h-dvh mb-3">
+		<a-row :gutter="10" class="h-full">
+			<a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7">
+				<a-card :bordered="false" class="h-full">
+					<div class="account-center-avatarHolder">
+						<div class="avatar">
+							<a-spin size="small" :spinning="avatarLoading">
+								<img :src="userInfo.avatar" />
+							</a-spin>
+							<a @click="uploadLogo">
+								<div v-if="userInfo" :class="userInfo.avatar ? 'mask' : 'mask-notImg'"><upload-outlined /></div>
+							</a>
+						</div>
+						<div class="username">{{ userInfo.name }}</div>
+						<div class="bio">{{ userInfo.nickname }}</div>
 					</div>
-					<div class="username">{{ userInfo.name }}</div>
-					<div class="bio">{{ userInfo.nickname }}</div>
-				</div>
-				<div class="account-center-detail">
-					<p><i class="title"></i>{{ userInfo.positionName }}</p>
-					<p><i class="group"></i>{{ userInfo.orgName }}</p>
-					<p>
-						<i class="address"></i>
-						<span>{{ userInfo.homeAddress ? userInfo.homeAddress : '暂无地址' }}</span>
+					<div class="account-center-detail">
+						<p><i class="title"></i>{{ userInfo.positionName }}</p>
+						<p><i class="group"></i>{{ userInfo.orgName }}</p>
+						<p>
+							<i class="address"></i>
+							<span>{{ userInfo.homeAddress ? userInfo.homeAddress : '暂无地址' }}</span>
+						</p>
+					</div>
+					<a-divider />
+					<div class="account-center-team">
+						<div class="mb-2 xn-wd" v-if="userInfo.signature">
+							<a-image :src="userInfo.signature" width="100%" class="xn-bdr236 xn-ht120" />
+						</div>
+						<a-button @click="xnSignNameRef.show()">打开签名板</a-button>
+						<XnSignName ref="xnSignNameRef" :image="userInfo.signature" @successful="signSuccess" />
+					</div>
+				</a-card>
+			</a-col>
+			<a-col :xs="24" :sm="24" :md="17" :lg="17" :xl="17">
+				<a-card
+					:bordered="false"
+					class="xn-wd h-full"
+					:tab-list="tabList"
+					:active-tab-key="noTitleKey"
+					@tabChange="(key) => onTabChange(key, 'key')"
+				>
+					<p v-if="noTitleKey === 'accountBasic'">
+						<accountBasic />
 					</p>
-				</div>
-				<a-divider />
-				<div class="account-center-team">
-					<div class="mb-2 xn-wd" v-if="userInfo.signature">
-						<a-image :src="userInfo.signature" width="100%" class="xn-bdr236 xn-ht120" />
-					</div>
-					<a-button @click="xnSignNameRef.show()">打开签名板</a-button>
-					<XnSignName ref="xnSignNameRef" :image="userInfo.signature" @successful="signSuccess" />
-				</div>
-			</a-card>
-		</a-col>
-		<a-col :xs="24" :sm="24" :md="17" :lg="17" :xl="17">
-			<a-card
-				:bordered="false"
-				class="xn-wd"
-				:tab-list="tabList"
-				:active-tab-key="noTitleKey"
-				@tabChange="(key) => onTabChange(key, 'key')"
-			>
-				<p v-if="noTitleKey === 'accountBasic'">
-					<accountBasic />
-				</p>
-				<p v-if="noTitleKey === 'organizationChart'">
-					<organizationChart />
-				</p>
-				<p v-if="noTitleKey === 'accountBind'">
-					<accountBind />
-				</p>
-				<p v-if="noTitleKey === 'shortcutSetting'">
-					<shortcutSetting />
-				</p>
-				<p v-if="noTitleKey === 'userMessage'">
-					<userMessage />
-				</p>
-			</a-card>
-		</a-col>
-	</a-row>
-	<CropUpload ref="cropUploadRef" :img-src="userInfo ? userInfo.avatar : undefined" @successful="cropUploadSuccess" :z-index="2000" />
+					<p v-if="noTitleKey === 'organizationChart'">
+						<organizationChart />
+					</p>
+					<p v-if="noTitleKey === 'accountBind'">
+						<accountBind />
+					</p>
+					<p v-if="noTitleKey === 'shortcutSetting'">
+						<shortcutSetting />
+					</p>
+					<p v-if="noTitleKey === 'userMessage'">
+						<userMessage />
+					</p>
+				</a-card>
+			</a-col>
+		</a-row>
+		<CropUpload
+			ref="cropUploadRef"
+			:img-src="userInfo ? userInfo.avatar : undefined"
+			@successful="cropUploadSuccess"
+			:z-index="2000"
+		/>
+	</div>
 </template>
 
 <script setup name="userCenter">