sx
/
jiuyiUniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改邮箱 账号 手机号 登录密码

This commit is contained in:
lr 2025-02-26 16:36:32 +08:00
parent 4f84721a49
commit 8e157f6996
10 changed files with 987 additions and 562 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jiuyi2/App.vue
View File

@ -96,8 +96,10 @@
//
util.getUserinfo().then(rs => {
if (userinfo.isRealName) {
// 腾讯im登录
util.loginTencent(userinfo)
}
})
}
}

39
jiuyi2/api/mine.js
View File

@ -416,6 +416,45 @@ const mine = {
method: 'POST',
})
},
/**
* 修改账号
* @param {Object} param
*/
updateAccount(param) {
return util.request({
url: `/user/home/update/account`,
data: param.data,
method: 'POST',
load: true,
})
},
/**
* 修改手机号
* @param {Object} param
*/
updatePhone(param) {
return util.request({
url: `/user/login/updatePhone`,
data: param.data,
method: 'POST',
load: true,
})
},
/**
* 修改登录密码
* @param {Object} param
*/
updatePassword(param) {
return util.request({
url: `/user/login/updatePassword`,
data: param.data,
method: 'POST',
load: true,
})
},
}
export default mine

3
jiuyi2/components/footerMenu/footerMenu.vue
View File

@ -224,6 +224,7 @@ function handleAlert(ev) {
// 获取未读消息数量
function getNoReadNum() {
if (userinfo.value.isRealName) {
// 验证sdk是否准备完毕
let isReady = uni.$chat.isReady();
if (!isReady) {
@ -237,7 +238,7 @@ function getNoReadNum() {
const unreadCount = uni.$chat.getTotalUnreadMessageCount();
noReadNum.value = +unreadCount > 99 ? '99+' : unreadCount;
// #endif
}
}
</script>

18
jiuyi2/pages.json
View File

@ -746,6 +746,24 @@
{
"navigationBarTitleText" : "账号解冻"
}
},
{
"path": "pages/mine/setting/updateAccount",
"style": {
"navigationBarTitleText": "修改账号"
}
},
{
"path": "pages/mine/setting/updatePhoneNum",
"style": {
"navigationBarTitleText": "修改手机号"
}
},
{
"path": "pages/mine/setting/loginPassword",
"style": {
"navigationBarTitleText": "登录密码"
}
}
],
"subPackages": [

118
jiuyi2/pages/mine/setting/loginPassword.vue Normal file
View File

@ -0,0 +1,118 @@
<script setup>
/**
* 修改账号
*/
import {
ref,
reactive,
computed,
} from 'vue'
import {
useStore
} from 'vuex'
// 工具库
import util from '@/common/js/util.js'
// api
import api from '@/api/index.js'
// 加密
import CryptoJS from 'crypto-js';
// 显示密码
const showPwd = ref(false)
const showPwds = ref(false)
//
const store = useStore()
// 表单
const form = reactive({
oldPassword: '',
password: ''
})
// 用户信息
const userinfo = computed(() => {
let result = store.state.userinfo
return result
})
// 实名认证
function handleSubmit() {
const data = {
...form
}
// 验证
if (!data.oldPassword) {
util.alert('请输入旧密码')
return
}
if (!data.password) {
util.alert('请输入新密码')
return
}
data.oldPassword = CryptoJS.MD5(data.oldPassword).toString();
data.password = CryptoJS.MD5(data.password).toString();
api.mine.updatePassword({ data }).then(rs => {
if (rs.code == 200) {
util.alert('修改成功')
util.getUserinfo()
setTimeout(() => {
uni.navigateBack()
}, 500)
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
</script>
<template>
<view class="container">
<view class="line df aic">
<view class="key">旧密码</view>
<view class="value">
<input :password="showPwd ? false : true" v-model="form.oldPassword" placeholder="请输入旧密码" />
</view>
<view class="btn sm ml20 plr20">
<uni-icons :type="showPwd ? 'eye' : 'eye-slash'" color="#999" size="40rpx"
@click="showPwd = !showPwd" />
</view>
</view>
<view class="line df aic">
<view class="key">新密码</view>
<view class="value">
<input :password="showPwds ? false : true" v-model="form.password" placeholder="请输入新密码" />
</view>
<view class="btn sm ml20 plr20">
<uni-icons :type="showPwds ? 'eye' : 'eye-slash'" color="#999" size="40rpx"
@click="showPwds = !showPwds" />
</view>
</view>
<view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
</view>
</template>
<style scoped lang="scss">
// 容器
.container {
padding: 50rpx 30rpx;
color: #333333;
font-size: 34rpx;
.line {
padding: 35rpx 10rpx;
}
.key {
width: 200rpx;
}
.value {
flex: 1;
font-size: 28rpx;
}
}
</style>

20
jiuyi2/pages/mine/setting/setting.vue
View File

@ -151,14 +151,20 @@
</view>
</view>
<view class="line rows">
<view class="">修改账号</view>
<view class="f1 tar c999 f28">{{userinfo.account}}</view>
<view class="line rows" @click="link('/pages/mine/setting/updateAccount')">
<view class="key">修改账号</view>
<view class="col f1 ml20 tar c999 f28">
<view class="">{{ userinfo.account }}</view>
</view>
<uni-icons class="ml20" type="right" />
</view>
<view class="line rows">
<view class="">绑定手机号</view>
<view class="f1 tar c999 f28">{{userinfo.phoneNumber}}</view>
<view class="line rows" @click="link('/pages/mine/setting/updatePhoneNum')">
<view class="key">修改手机号</view>
<view class="col f1 ml20 tar c999 f28">
<view class="">{{ userinfo.phoneNumber }}</view>
</view>
<uni-icons class="ml20" type="right" />
</view>
<view class="line rows" @click="link('/pages/mine/realname')">
@ -189,7 +195,7 @@
<uni-icons type="right" />
</view>
<view class="line rows">
<view class="line rows" @click="link('/pages/mine/setting/loginPassword')">
<view class="">登录密码</view>
<uni-icons type="right" />
</view>

93
jiuyi2/pages/mine/setting/updateAccount.vue Normal file
View File

@ -0,0 +1,93 @@
<script setup>
/**
* 修改账号
*/
import {
reactive,
computed,
} from 'vue'
import {
useStore
} from 'vuex'
// 工具库
import util from '@/common/js/util.js'
// api
import api from '@/api/index.js'
//
const store = useStore()
// 表单
const form = reactive({
id: '',
account: ''
})
// 用户信息
const userinfo = computed(() => {
let result = store.state.userinfo
return result
})
// 实名认证
function handleSubmit() {
const data = {
...form
}
// 验证
if (!data.account) {
util.alert('请输入账号')
return
}
data.id = userinfo.value.id
api.mine.updateAccount({ data }).then(rs => {
if (rs.code == 200) {
util.alert('修改成功')
util.getUserinfo()
setTimeout(() => {
uni.navigateBack()
}, 500)
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
</script>
<template>
<view class="container">
<view class="line df aic">
<view class="key">账号</view>
<view class="value">
<input class="input" type="text" v-model="form.account" placeholder="请输入账号" />
</view>
</view>
<view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
</view>
</template>
<style scoped lang="scss">
// 容器
.container {
padding: 50rpx 30rpx;
color: #333333;
font-size: 34rpx;
.line {
padding: 35rpx 10rpx;
}
.key {
width: 200rpx;
}
.value {
flex: 1;
font-size: 28rpx;
}
}
</style>

118
jiuyi2/pages/mine/setting/updatePhoneNum.vue Normal file
View File

@ -0,0 +1,118 @@
<script setup>
/**
* 修改手机号
*/
import {
reactive,
computed,
} from 'vue'
import {
useStore
} from 'vuex'
// 获取验证码
import getCode from '@/components/getCode/getCode.vue'
// 工具库
import util from '@/common/js/util.js'
// api
import api from '@/api/index.js'
//
const store = useStore()
// 表单
const form = reactive({
phoneNumber: '',
verifyCode: ''
})
// 用户信息
const userinfo = computed(() => {
let result = store.state.userinfo
return result
})
// 实名认证
function handleSubmit() {
const data = {
...form
}
// 验证
if (!data.phoneNumber) {
util.alert('请输入手机号')
return
}
if (!data.verifyCode) {
util.alert('请输入验证码')
return
}
api.mine.updatePhone({ data }).then(rs => {
if (rs.code == 200) {
util.alert('修改成功')
util.getUserinfo()
setTimeout(() => {
uni.navigateBack()
}, 500)
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
</script>
<template>
<view class="container">
<view class="line df aic">
<view class="key">手机号</view>
<view class="value">
<input class="input" type="text" v-model="form.phoneNumber" placeholder="请输入手机号" />
</view>
</view>
<view class="line df aic">
<view class="key">验证码</view>
<view class="value">
<input type="text" v-model="form.verifyCode" placeholder="请输入验证码" class="f1" />
</view>
<view class="getCode btn sm ml20 plr20">
<getCode :phone="form.phoneNumber" />
</view>
</view>
<view class="btn bar lg black mtb60 mlr60" @click="handleSubmit">提交</view>
</view>
</template>
<style scoped lang="scss">
// 容器
.container {
padding: 50rpx 30rpx;
color: #333333;
font-size: 34rpx;
.line+.line {
border-top: 2rpx solid #ddd;
}
.line {
padding: 35rpx 10rpx;
}
.key {
width: 200rpx;
}
.value {
flex: 1;
font-size: 28rpx;
}
}
// 获取验证码
.getCode {
color: #666;
background-color: #fff;
}
</style>

20
jiuyi2/pages/mine/userinfo.vue
View File

@ -55,6 +55,7 @@
user.id = userinfo.id + ''
user.birthday = userinfo.birthday
user.avatar = userinfo.avatar
user.email = userinfo.email
// 修改性别下标
genderIndex.value = gender.findIndex(item => item.id == userinfo.sex)
}
@ -100,6 +101,11 @@
// 同步性别值
if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
if (!IsEmail(user.email)) {
util.alert('邮箱格式不正确！')
return
}
const data = {
...user,
}
@ -127,6 +133,12 @@
})
})
}
// 校验邮箱地址
function IsEmail(str) {
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
return reg.test(str);
}
</script>
<template>
@ -195,6 +207,14 @@
<uni-icons type="right" />
</view>
<view class="line rows ptb20">
<view class="key">邮箱</view>
<view class="value tar f1">
<input type="text" v-model="user.email" placeholder="请输入你的邮箱" />
</view>
<uni-icons type="right" />
</view>
<view class="line ptb20">
<view class="key">个性签名</view>
<view class="value textareaBox inputBox mt20 ptb20 plr20">

10
jiuyi2/pages/news/group-chat/index.vue
View File

@ -111,6 +111,7 @@
}).then(rs => {
if (rs.code == 200) {
util.alert('创建成功')
createGroup(data)
setTimeout(() => {
form.name = ''
@ -127,6 +128,15 @@
})
}
function createGroup(data) {
uni.$chat.createGroup({
type: TencentCloudChat.TYPES.GRP_PUBLIC,
name: data.name,
groupID: data.groupId,
avatar: data.groupFaceUrl
})
}
// 上传图片
function uploadImg() {
util.upload_image({