修改昵称后再次查询

pages/home/member.vue

@@ -78,46 +78,46 @@
 </template>
 
 <script setup>
-	import {
+import {
 	ref,
 	onMounted
-	} from 'vue'
-	import {
+} from 'vue'
+import {
 	ArrowRight
-	} from '@element-plus/icons-vue'
-	import footerBar from '../../components/footerBar.vue'
-	import {
+} from '@element-plus/icons-vue'
+import footerBar from '../../components/footerBar.vue'
+import {
 	getUserInfo,
 	updateUserInfo
-	} from "@/api/member"
-	import {
+} from "@/api/member"
+import {
 	useUserStore
-	} from "../../stores/modules/userInfo"
-	const userStore = useUserStore()
-
-	const type = ref('member')
-	const iSMT = ref(0)
-	const username = ref('')
-	const dccode = ref('')
-	const avatarUrl = ref('')
-	const isEditingName = ref(false)
-	const editingName = ref('')
-
-	const userInfoRes = ref() // 用户身份信息
-	userInfoRes.value = getUserInfo()
-	userInfoRes.value.then(res => {
+} from "../../stores/modules/userInfo"
+const userStore = useUserStore()
+
+const type = ref('member')
+const iSMT = ref(0)
+const username = ref('')
+const dccode = ref('')
+const avatarUrl = ref('')
+const isEditingName = ref(false)
+const editingName = ref('')
+
+const userInfoRes = ref() // 用户身份信息
+userInfoRes.value = getUserInfo()
+userInfoRes.value.then(res => {
 	username.value = res.data.dcname
 	dccode.value = res.data.dccode
 	avatarUrl.value = res.data.avatar
 	console.log('用户信息', userInfoRes.value)
-	})
+})
 
-	const startEditName = () => {
+const startEditName = () => {
 	isEditingName.value = true
 	editingName.value = username.value
-	}
+}
 
-	const finishEditName = async () => {
+const finishEditName = async () => {
 	if (editingName.value.trim() === '' || editingName.value === username.value) {
 		isEditingName.value = false
 		return
@@ -128,7 +128,14 @@
 		})
 		uni.showToast({
 			title: '昵称修改成功',
-				icon: 'none'
+			icon: 'none',
+		})
+		userInfoRes.value = getUserInfo()
+		userInfoRes.value.then(res => {
+			username.value = res.data.dcname
+			dccode.value = res.data.dccode
+			avatarUrl.value = res.data.avatar
+			console.log('用户信息', userInfoRes.value)
 		})
 	} catch (err) {
 		uni.showToast({
@@ -138,42 +145,42 @@
 	} finally {
 		isEditingName.value = false
 	}
-	}
+}
 
 
-	const goToGeneral = () => {
+const goToGeneral = () => {
 	uni.navigateTo({
 		url: '/pages/setting/general'
 	})
-	}
+}
 
-	const goToMarket = () => {
+const goToMarket = () => {
 	uni.navigateTo({
 		url: '../setting/market'
 	})
-	}
+}
 
-	const goToAccount = () => {
+const goToAccount = () => {
 	uni.navigateTo({
 		url: '../setting/account'
 	})
-	}
+}
 
-	const goToNewVersion = () => {
+const goToNewVersion = () => {
 	uni.navigateTo({
 		url: '../setting/newVersion'
 	})
-	}
+}
 
-	const goToAbout = () => {
+const goToAbout = () => {
 	uni.navigateTo({
 		url: '../setting/about'
 	})
-	}
+}
 
-  const goToShare = () => {
-    console.log('用户信息==========',userStore.userInfo.isVisitor)
-    if (userStore.userInfo.isVisitor) {
+const goToShare = () => {
+	console.log('用户信息==========', userStore.userInfo.isVisitor)
+	if (userStore.userInfo.visitor) {
 		uni.showToast({
 			title: '请先登录',
 			icon: 'none'
@@ -183,102 +190,102 @@
 	uni.navigateTo({
 		url: '../setting/share'
 	})
-  }
+}
 
-	onMounted(() => {
+onMounted(() => {
 	// 状态栏高度
 	iSMT.value = uni.getSystemInfoSync().statusBarHeight
 	console.log('??????????????', iSMT.value)
 	console.log('通信来的用户身份', userStore.userInfo)
-	})
+})
 </script>
 
 <style scoped>
-	.static-footer {
+.static-footer {
 	position: fixed;
 	bottom: 0;
-	}
+}
 
-	.top {
+.top {
 	height: 50vh;
 	background-color: white;
-	}
+}
 
-	.bell {
+.bell {
 	height: 9.6vh;
 	display: flex;
 	align-items: flex-end;
 	justify-content: flex-end;
 	padding-right: 50rpx;
-	}
+}
 
-	.image-bell {
+.image-bell {
 	width: 26rpx;
 	height: 32rpx;
-	}
+}
 
-	.msg {
+.msg {
 	height: 10.7vh;
 	display: flex;
 	margin-top: 3vh;
 	margin-bottom: 3vh;
-	}
+}
 
-	.msg-left {
+.msg-left {
 	width: 252rpx;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	}
+}
 
-	.avatar {
+.avatar {
 	width: 175rpx;
 	height: 175rpx;
 	border-radius: 50%;
 	background-color: black;
-	}
+}
 
-	.msg-center {
+.msg-center {
 	width: 388rpx;
 	padding-left: 2.5vh;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	}
+}
 
-	.userInfo {
+.userInfo {
 	font-size: 30rpx;
 	font-weight: bold;
-	}
+}
 
-	.userId {
+.userId {
 	font-size: 14px;
 	margin-top: 1vh;
-	}
+}
 
-	.image-editName {
+.image-editName {
 	width: 40rpx;
 	height: 40rpx;
 	margin-left: 15rpx;
-	}
+}
 
-	.msg-right {
+.msg-right {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	}
+}
 
-	.image-attendance {
+.image-attendance {
 	width: 43rpx;
 	height: 43rpx;
-	}
+}
 
-	.settings-buttons {
+.settings-buttons {
 	display: flex;
 	justify-content: space-around;
-	}
+}
 
-	.setting-btn {
+.setting-btn {
 	width: 349rpx;
 	height: 135rpx;
 	display: flex;
@@ -287,79 +294,79 @@
 	background-color: rgb(243, 243, 243);
 	border-radius: 8%;
 	margin-bottom: 1vh;
-	}
+}
 
-	.setting-icon {
+.setting-icon {
 	width: 64.7rpx;
 	height: 64.7rpx;
 	margin-right: 25rpx;
-	}
+}
 
-	.setting-btn text {
+.setting-btn text {
 	font-size: 28rpx;
 	font-weight: bold;
 	color: #333;
-	}
+}
 
-	.share {
+.share {
 	height: 12.6vh;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	}
+}
 
-	.img-share {
+.img-share {
 	width: 720rpx;
 	height: 160rpx;
-	}
+}
 
-	.bottom {
+.bottom {
 	height: 44.5vh;
 	margin-top: 1vh;
 	background-color: rgb(255, 255, 255);
-	}
+}
 
-	.list-item {
+.list-item {
 	width: 670rpx;
 	height: 7vh;
 	display: flex;
 	align-items: center;
 	margin: 0rpx 40rpx;
 	border-bottom: 1rpx solid #eee;
-	}
+}
 
-	.list-item:last-child {
+.list-item:last-child {
 	border-bottom: none;
-	}
+}
 
-	.list-icon {
+.list-icon {
 	width: 42rpx;
 	height: 42rpx;
 	margin-right: 18rpx;
-	}
+}
 
-	.arrow {
+.arrow {
 	margin-left: auto;
-	}
+}
 
-	.update-tip {
+.update-tip {
 	display: flex;
 	color: #999;
 	font-size: 24rpx;
 	align-items: center;
 	margin-left: 200rpx;
 	justify-content: center;
-	}
+}
 
-	.circle {
+.circle {
 	width: 10rpx;
 	height: 10rpx;
 	border-radius: 50%;
 	background-color: red;
 	margin-left: 10rpx;
-	}
+}
 
-	.edit-input {
+.edit-input {
 	background-color: #999;
-	}
+}
 </style>