admin/django-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(个人中心): 🐛 性别选项和字典对应问题

Browse Source
This commit is contained in:
猿小天
2023-04-28 17:48:16 +08:00
parent 111ca9554c
commit cd6cd775e7
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/views/system/personal/index.vue
View File

@@ -84,9 +84,10 @@
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20"> <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
<el-form-item label="性别"> <el-form-item label="性别">
<el-select v-model="state.personalForm.gender" placeholder="请选择性别" clearable class="w100"> <el-select v-model="state.personalForm.gender" placeholder="请选择性别" clearable class="w100">
<el-option label="男" :value="1"></el-option> <!-- <el-option label="男" :value="1"></el-option>-->
<el-option label="女" :value="0"></el-option> <!-- <el-option label="女" :value="0"></el-option>-->
<el-option label="保密" :value="2"></el-option> <!-- <el-option label="保密" :value="2"></el-option>-->
<el-option v-for="(item,index) in genderList" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -180,6 +181,7 @@ import { Session } from '/@/utils/storage';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useUserInfo } from '/@/stores/userInfo'; import { useUserInfo } from '/@/stores/userInfo';
import { successMessage } from '/@/utils/message'; import { successMessage } from '/@/utils/message';
import {dictionary} from "/@/utils/dictionary";
// 头像裁剪组件 // 头像裁剪组件
const avatarSelector = defineAsyncComponent(() => import('/@/components/avatarSelector/index.vue')); const avatarSelector = defineAsyncComponent(() => import('/@/components/avatarSelector/index.vue'));
@@ -226,12 +228,14 @@ const msgMore = () => {
route.push({ path: '/messageCenter' }); route.push({ path: '/messageCenter' });
}; };
const genderList = ref();
/** /**
* 获取用户个人信息 * 获取用户个人信息
*/ */
const getUserInfo = function () { const getUserInfo = function () {
api.GetUserInfo({}).then((res: any) => { api.GetUserInfo({}).then((res: any) => {
const { data } = res; const { data } = res;
genderList.value = dictionary('gender')
state.personalForm.avatar = data.avatar || ''; state.personalForm.avatar = data.avatar || '';
state.personalForm.username = data.username || ''; state.personalForm.username = data.username || '';
state.personalForm.name = data.name || ''; state.personalForm.name = data.name || '';