【移动端】个人资料页面调整
This commit is contained in:
parent
2f272503a6
commit
0a1cf3fb1a
|
|
@ -133,11 +133,7 @@
|
||||||
onShow,
|
onShow,
|
||||||
onUnload
|
onUnload
|
||||||
} from '@dcloudio/uni-app'
|
} from '@dcloudio/uni-app'
|
||||||
import {
|
import {
|
||||||
// apiUserInfoGet,
|
|
||||||
// apiUserInfoSet,
|
|
||||||
// apiWechatMobileGet,
|
|
||||||
// apiHasPassword,
|
|
||||||
getUserInfo,
|
getUserInfo,
|
||||||
userEdit,
|
userEdit,
|
||||||
userBindMobile,
|
userBindMobile,
|
||||||
|
|
@ -151,38 +147,42 @@
|
||||||
import {
|
import {
|
||||||
uploadFile
|
uploadFile
|
||||||
} from '@/utils/util.ts'
|
} from '@/utils/util.ts'
|
||||||
import {
|
|
||||||
getWxCode
|
|
||||||
} from '@/utils/util'
|
|
||||||
|
|
||||||
let wxCode = ref < any | null > ('')
|
|
||||||
// 用户信息
|
// 用户信息
|
||||||
let userInfo = ref < any | null > (null)
|
let userInfo = ref < any | null > (null)
|
||||||
// 用户信息的枚举
|
// 用户信息的枚举
|
||||||
const fieldType = ref(FieldType.NONE)
|
const fieldType = ref(FieldType.NONE)
|
||||||
//显示昵称输入框
|
//选择性别数据
|
||||||
const showNickName = ref < boolean | null > (false)
|
const sexList = ref < Array < string > | null > (['男', '女'])
|
||||||
//显示昵称输入框
|
|
||||||
const showUserName = ref < boolean | null > (false)
|
//显示昵称弹窗
|
||||||
|
const showNickName = ref < boolean | null >(false)
|
||||||
|
//显示账户弹窗
|
||||||
|
const showUserName = ref < boolean | null >(false)
|
||||||
|
//显示性别选择弹窗
|
||||||
|
const showPicker = ref < boolean | null >(false)
|
||||||
|
// 显示手机号验证码调整弹窗 非小程序才需要
|
||||||
|
const showMobilePop = ref < boolean | null > (false)
|
||||||
|
|
||||||
//新昵称
|
//新昵称
|
||||||
const newNickname = ref < string > ('')
|
const newNickname = ref < string > ('')
|
||||||
//新账号
|
//新账号
|
||||||
const newUsername = ref < string > ('')
|
const newUsername = ref < string > ('')
|
||||||
//手机号码
|
|
||||||
const mobile = ref < string > ('')
|
|
||||||
//显示性别选择
|
|
||||||
const showPicker = ref < boolean | null > (false)
|
|
||||||
//选择性别数据
|
|
||||||
const sexList = ref < Array < string > | null > (['男', '女'])
|
|
||||||
|
|
||||||
//显示昵称输入框
|
|
||||||
const showMobilePop = ref < boolean | null > (true)
|
|
||||||
//新的手机号码
|
//新的手机号码
|
||||||
const newMobile = ref < string > ('')
|
const newMobile = ref < string > ('')
|
||||||
|
|
||||||
//修改手机验证码
|
//修改手机验证码
|
||||||
const mobileCode = ref <string > ('')
|
const mobileCode = ref <string > ('')
|
||||||
const codeTips = ref('')
|
const codeTips = ref('')
|
||||||
const uCodeRef = shallowRef()
|
const uCodeRef = shallowRef()
|
||||||
|
|
||||||
|
|
||||||
|
// 获取用户信息
|
||||||
|
const getUser = async (): Promise < void > => {
|
||||||
|
userInfo.value = await getUserInfo()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取验证码显示字段
|
||||||
const codeChange = (text: string) => {
|
const codeChange = (text: string) => {
|
||||||
codeTips.value = text
|
codeTips.value = text
|
||||||
}
|
}
|
||||||
|
|
@ -200,7 +200,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 验证码修改手机号
|
// 验证码修改手机号-非微信小程序
|
||||||
const changeCodeMobile = async () => {
|
const changeCodeMobile = async () => {
|
||||||
await userBindMobile({
|
await userBindMobile({
|
||||||
type: userInfo.mobile ? 'change' : 'bind',
|
type: userInfo.mobile ? 'change' : 'bind',
|
||||||
|
|
@ -211,11 +211,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 获取用户信息
|
|
||||||
const getUser = async (): Promise < void > => {
|
|
||||||
userInfo.value = await getUserInfo()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改用户信息
|
// 修改用户信息
|
||||||
const setUserInfoFun = async (value: string): Promise < void > => {
|
const setUserInfoFun = async (value: string): Promise < void > => {
|
||||||
await userEdit({
|
await userEdit({
|
||||||
|
|
@ -229,17 +224,20 @@
|
||||||
const uploaderAvatar = () => {
|
const uploaderAvatar = () => {
|
||||||
fieldType.value = FieldType.AVATAR
|
fieldType.value = FieldType.AVATAR
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/uni_modules/uview-ui/components/u-avatar-cropper/u-avatar-cropper?destWidth=300&rectWidth=200&fileType=jpg',
|
url: '/uni_modules/vk-uview-ui/components/u-avatar-cropper/u-avatar-cropper?destWidth=300&rectWidth=200&fileType=jpg',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 修改用户昵称
|
// 显示修改用户性别弹窗
|
||||||
const changeNameConfirm = () => {
|
const changeSex = () => {
|
||||||
if (newNickname.value == '') return toast('昵称不能为空')
|
showPicker.value = true
|
||||||
if (newNickname.value.length > 10) return toast('昵称长度不得超过十位数')
|
fieldType.value = FieldType.SEX
|
||||||
showNickName.value = false
|
}
|
||||||
fieldType.value = FieldType.NICKNAME
|
|
||||||
setUserInfoFun(newNickname.value)
|
// 修改用户性别
|
||||||
|
const changeSexConfirm = (value) => {
|
||||||
|
setUserInfoFun(value[0] + 1)
|
||||||
|
showPicker.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
// 修改用户账号
|
// 修改用户账号
|
||||||
|
|
@ -252,29 +250,25 @@
|
||||||
showUserName.value = false
|
showUserName.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
// 显示修改用户性别弹窗
|
// 修改用户昵称
|
||||||
const changeSex = () => {
|
const changeNameConfirm = () => {
|
||||||
showPicker.value = true
|
if (newNickname.value == '') return toast('昵称不能为空')
|
||||||
fieldType.value = FieldType.SEX
|
if (newNickname.value.length > 10) return toast('昵称长度不得超过十位数')
|
||||||
|
showNickName.value = false
|
||||||
|
fieldType.value = FieldType.NICKNAME
|
||||||
|
setUserInfoFun(newNickname.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 修改用户性别
|
// 微信小程序 绑定||修改用户手机号
|
||||||
const changeSexConfirm = (value) => {
|
|
||||||
setUserInfoFun(value[0] + 1)
|
|
||||||
showPicker.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 绑定||修改用户手机号
|
|
||||||
const getPhoneNumber = async (e): Promise < void > => {
|
const getPhoneNumber = async (e): Promise < void > => {
|
||||||
// wxCode.value = await getWxCode()
|
|
||||||
console.log('wxCode.value', wxCode.value)
|
|
||||||
fieldType.value = FieldType.MOBILE
|
fieldType.value = FieldType.MOBILE
|
||||||
const {
|
const {
|
||||||
encryptedData,
|
encryptedData,
|
||||||
iv
|
iv,
|
||||||
|
code,
|
||||||
} = e.detail
|
} = e.detail
|
||||||
let data = {
|
let data = {
|
||||||
code: wxCode.value,
|
code,
|
||||||
encrypted_data: encryptedData,
|
encrypted_data: encryptedData,
|
||||||
iv,
|
iv,
|
||||||
}
|
}
|
||||||
|
|
@ -311,7 +305,6 @@
|
||||||
|
|
||||||
onShow(async () => {
|
onShow(async () => {
|
||||||
getUser()
|
getUser()
|
||||||
wxCode.value = await getWxCode()
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onUnload(() => {
|
onUnload(() => {
|
||||||
|
|
|
||||||
|
|
@ -136,12 +136,3 @@ export function uploadFile(path: any) {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export const getWxCode = (): Promise<void> => {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
uni.login({
|
|
||||||
desc: '获取用户信息,完善用户资料',
|
|
||||||
success: (res: Event) => resolve(res.code)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue