WFC/fe.wfc.user
2
0
Fork 0
Code Activity

fix: 个人信息修改出生日期

Browse Source
This commit is contained in:
caiyuchao
2025-02-19 16:33:18 +08:00
parent f59ea203ec
commit 24f4dc23cc
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/userInfo/profile/index.vue
View File

@@ -11,7 +11,7 @@ import { useRouter } from 'vue-router';
interface UserProfile { interface UserProfile {
username: string; username: string;
fullname: string; fullname: string;
birthdate: string; birthDate: string;
email: string; email: string;
phonenumber: string; phonenumber: string;
sex: string; sex: string;
@@ -24,7 +24,7 @@ const loading = ref(false);
const formState = ref<UserProfile>({ const formState = ref<UserProfile>({
username: '', username: '',
fullname: '', fullname: '',
birthdate: '', birthDate: '',
email: '', email: '',
phonenumber: '', phonenumber: '',
sex: '0' sex: '0'
@@ -105,7 +105,7 @@ const rules = computed<{ [k: string]: RuleObject | RuleObject[] }>(() => {
{ validator: validateEmail, trigger: 'blur' } { validator: validateEmail, trigger: 'blur' }
], ],
phonenumber: [{ validator: validatePhone, trigger: 'blur' }], phonenumber: [{ validator: validatePhone, trigger: 'blur' }],
birthdate: [ birthDate: [
{ {
validator: (_rule: RuleObject, value: string) => { validator: (_rule: RuleObject, value: string) => {
if (!value) return Promise.resolve(); if (!value) return Promise.resolve();
@@ -144,7 +144,7 @@ onMounted(async () => {
formState.value = { formState.value = {
username: userInfo.userName ?? '', username: userInfo.userName ?? '',
fullname: userInfo.nickName ?? '', fullname: userInfo.nickName ?? '',
birthdate: userInfo.birthDate ?? '', // 添加出生日期 birthDate: userInfo.birthDate ? dayjs(userInfo.birthDate, 'YYYY-MM-DD') : '',
email: userInfo.email ?? '', email: userInfo.email ?? '',
phonenumber: userInfo.phonenumber ?? '', phonenumber: userInfo.phonenumber ?? '',
sex: userInfo.sex ?? '0' sex: userInfo.sex ?? '0'
@@ -183,9 +183,9 @@ const handleSubmit = async () => {
if (formState.value.sex) { if (formState.value.sex) {
updateData.sex = formState.value.sex; updateData.sex = formState.value.sex;
} }
if (formState.value.birthdate) { if (formState.value.birthDate) {
updateData.birthDate = formState.value.birthdate; updateData.birthDate = formState.value.birthDate;
updateData.age = dayjs().diff(dayjs(formState.value.birthdate), 'year'); updateData.age = dayjs().diff(formState.value.birthDate, 'year');
} }
// 调用更新接口 // 调用更新接口
@@ -199,7 +199,7 @@ const handleSubmit = async () => {
formState.value = { formState.value = {
username: userInfo.userName ?? '', username: userInfo.userName ?? '',
fullname: userInfo.nickName ?? '', fullname: userInfo.nickName ?? '',
birthdate: userInfo.birthDate ?? '', birthDate: userInfo.birthDate ? dayjs(userInfo.birthDate, 'YYYY-MM-DD') : '',
email: userInfo.email ?? '', email: userInfo.email ?? '',
phonenumber: userInfo.phonenumber ?? '', phonenumber: userInfo.phonenumber ?? '',
sex: userInfo.sex ?? '0' sex: userInfo.sex ?? '0'
@@ -253,9 +253,9 @@ const handleBack = () => {
/> />
</a-form-item> </a-form-item>
<a-form-item :label="t('page.login.register.birthDate')" name="birthdate"> <a-form-item :label="t('page.login.register.birthDate')" name="birthDate">
<a-date-picker <a-date-picker
v-model:value="formState.birthdate" v-model:value="formState.birthDate"
style="width: 100%" style="width: 100%"
:format="'YYYY-MM-DD'" :format="'YYYY-MM-DD'"
:placeholder="t('page.login.register.birthDatePlaceholder')" :placeholder="t('page.login.register.birthDatePlaceholder')"