hcj
/
keysass_portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改密码+登录验证码bug

Browse Source
main
lijingyu007 10 months ago
parent d175b65daa
commit e932b79fb1
5 changed files with 839 additions and 642 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      .env.development
  2. 6
      .env.production
  3. 5
      src/api/system/user.js
  4. 1370
      src/page/logpage/log/login.vue
  5. 98
      src/page/personalpage/home/personalcenter.vue

2
.env.development
Unescape View File

@ -5,8 +5,8 @@ ENV = 'development'
VUE_APP_BASE_API = '/prod-api' VUE_APP_BASE_API = '/prod-api'
# VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'
VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999' VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'
# VUE_APP_BASE_TARGET = 'http://192.168.0.129:9999'
# VUE_APP_BASE_TARGET = 'http://172.16.36.180:9999' # VUE_APP_BASE_TARGET = 'http://172.16.36.180:9999'
# VUE_APP_BASE_TARGET = 'http://172.16.36.176:9998' # VUE_APP_BASE_TARGET = 'http://172.16.36.176:9998'

6
.env.production
Unescape View File

@ -4,10 +4,10 @@ ENV = 'production'
# KeySaas测试云平台/生产环境 # KeySaas测试云平台/生产环境
# VUE_APP_BASE_API = 'https://www.keyitest.cn/prod-api' # VUE_APP_BASE_API = 'https://www.keyitest.cn/prod-api'
# VUE_APP_BASE_API = '/test-api' # VUE_APP_BASE_API = '/test-api'
VUE_APP_BASE_API = '/test-api' VUE_APP_BASE_API = '/prod-api'
# VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api' # VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api'
VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/test-api' # VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/test-api'
# VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999' VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'

5
src/api/system/user.js
Unescape View File

@ -41,7 +41,10 @@ export function changePasswd(data) {
return request({ return request({
url: '/system/user/changePasswd', url: '/system/user/changePasswd',
method: 'post', method: 'post',
data: data data: data,
headers: {
isToken: false
},
}) })
} }

1370
src/page/logpage/log/login.vue
View File

File diff suppressed because it is too large Load Diff

98
src/page/personalpage/home/personalcenter.vue
Unescape View File

@ -127,6 +127,7 @@
:rules="rules" :rules="rules"
label-width="80px" label-width="80px"
style="padding: 0 20px" style="padding: 0 20px"
class="changePassword"
> >
<el-form-item label="用户昵称" prop="nickName"> <el-form-item label="用户昵称" prop="nickName">
<el-input v-model="userinform.nickName" size="mini" /> <el-input v-model="userinform.nickName" size="mini" />
@ -145,12 +146,12 @@
</el-form-item> </el-form-item>
<el-form-item class="inforbtn" style="text-align: right"> <el-form-item class="inforbtn" style="text-align: right">
<el-button size="mini" @click="submit">保存</el-button> <el-button size="mini" @click="submit">保存</el-button>
<el-button <!-- <el-button
style="background: #ebedf0; color: #808080; border: none" style="background: #ebedf0; color: #808080; border: none"
size="mini" size="mini"
@click="close" @click="close"
>关闭</el-button >关闭</el-button
> > -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
@ -168,12 +169,12 @@
<el-form-item class="inforbtn" style="text-align: right"> <el-form-item class="inforbtn" style="text-align: right">
<el-button size="mini" @click="saveCom">保存</el-button> <el-button size="mini" @click="saveCom">保存</el-button>
<el-button <!-- <el-button
style="background: #ebedf0; color: #808080; border: none" style="background: #ebedf0; color: #808080; border: none"
size="mini" size="mini"
@click="passclose" @click="passclose"
>关闭</el-button >关闭</el-button
> > -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
@ -184,26 +185,24 @@
:rules="passrules" :rules="passrules"
label-width="80px" label-width="80px"
style="padding: 0 20px" style="padding: 0 20px"
class="changePassword"
> >
<el-form-item label="旧密码" prop="oldPassword"> <!-- <el-form-item label="旧密码" prop="oldPassword">
<el-input <el-input
v-model="passform.oldPassword" v-model="passform.oldPassword"
placeholder="请输入旧密码" placeholder="请输入旧密码"
type="password" type="password"
size="mini" size="mini"
/> />
</el-form-item> -->
<!-- uuid字段sex -->
<el-form-item label="手机号" prop="phonenumber">
<el-input v-model="passform.phonenumber" placeholder="请输入手机号" size="mini" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="手机号" prop="mobile"> <el-form-item label="验证码" prop="remark" class="passphone">
<el-input
v-model="passform.mobile"
placeholder="请输入手机号"
size="mini"
/>
</el-form-item>
<el-form-item label="验证码" prop="code">
<el-input <el-input
style="width: 390px; margin-right: 10px" style="width: 390px; margin-right: 10px"
v-model="passform.code" v-model="passform.remark"
placeholder="请输入验证码" placeholder="请输入验证码"
size="mini" size="mini"
></el-input> ></el-input>
@ -212,20 +211,20 @@
isSending ? '发送中...' : countdown > 0 ? `${countdown}秒后重试` : '发送验证码' isSending ? '发送中...' : countdown > 0 ? `${countdown}秒后重试` : '发送验证码'
}} }}
</el-button> </el-button>
</el-form-item> --> </el-form-item>
<el-form-item label="新密码" prop="newPassword"> <el-form-item label="新密码" prop="password">
<el-input <el-input
v-model="passform.newPassword" v-model="passform.password"
placeholder="请输入新密码" placeholder="请输入新密码"
type="password" type="password"
size="mini" size="mini"
show-password show-password
/> />
</el-form-item> </el-form-item>
<el-form-item label="确认密码" prop="confirmPassword"> <el-form-item label="确认密码" prop="checkPass">
<el-input <el-input
v-model="passform.confirmPassword" v-model="passform.checkPass"
placeholder="请确认密码" placeholder="请确认密码"
type="password" type="password"
size="mini" size="mini"
@ -234,12 +233,12 @@
</el-form-item> </el-form-item>
<el-form-item class="inforbtn" style="text-align: right" label-width="100px"> <el-form-item class="inforbtn" style="text-align: right" label-width="100px">
<el-button size="mini" @click="passsubmit">保存</el-button> <el-button size="mini" @click="passsubmit">保存</el-button>
<el-button <!-- <el-button
style="background: #ebedf0; color: #808080; border: none" style="background: #ebedf0; color: #808080; border: none"
size="mini" size="mini"
@click="passclose" @click="passclose"
>关闭</el-button >关闭</el-button
> > -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
@ -272,10 +271,11 @@ import userUpgrade from './userUpgrade'
import { updateUserProfile, updateUserPwd, getUserProfile, saveCompanyInfo } from '@/api/system/user' import { updateUserProfile, updateUserPwd, getUserProfile, saveCompanyInfo } from '@/api/system/user'
import { encrypt, decrypt } from '@/util/encrypt' import { encrypt, decrypt } from '@/util/encrypt'
import { getCodeUserLogin } from '@/api/system/login' import { getCodeUserLogin } from '@/api/system/login'
import { changePasswd } from '@/api/system/user'
export default { export default {
data() { data() {
const equalToPassword = (rule, value, callback) => { const equalToPassword = (rule, value, callback) => {
if (this.passform.newPassword !== value) { if (this.passform.password !== value) {
callback(new Error('两次输入的密码不一致')) callback(new Error('两次输入的密码不一致'))
} else { } else {
callback() callback()
@ -294,7 +294,7 @@ export default {
userGetFlag: false, userGetFlag: false,
userType: '普通用户', userType: '普通用户',
// userinform:{nickName:'',phonenumber:'',email:'',sex:''}, // userinform:{nickName:'',phonenumber:'',email:'',sex:''},
passform: { oldPassword: '', newPassword: '', confirmPassword: '' }, passform: {},
// 修改信息表单校验 // 修改信息表单校验
rules: { rules: {
nickName: [{ required: true, message: '用户昵称不能为空', trigger: 'blur' }], nickName: [{ required: true, message: '用户昵称不能为空', trigger: 'blur' }],
@ -309,12 +309,14 @@ export default {
}, },
// 修改密码表单校验 // 修改密码表单校验
passrules: { passrules: {
oldPassword: [{ required: true, message: '旧密码不能为空', trigger: 'blur' }], phonenumber: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
newPassword: [ remark: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
// oldPassword: [{ required: true, message: '旧密码不能为空', trigger: 'blur' }],
password: [
{ required: true, message: '新密码不能为空', trigger: 'blur' }, { required: true, message: '新密码不能为空', trigger: 'blur' },
{ min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }, { min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' },
], ],
confirmPassword: [ checkPass: [
{ required: true, message: '确认密码不能为空', trigger: 'blur' }, { required: true, message: '确认密码不能为空', trigger: 'blur' },
{ required: true, validator: equalToPassword, trigger: 'blur' }, { required: true, validator: equalToPassword, trigger: 'blur' },
], ],
@ -390,11 +392,21 @@ export default {
this.$refs.passform.validate((valid) => { this.$refs.passform.validate((valid) => {
if (valid) { if (valid) {
// updateUserPwd(this.passform.oldPassword, this.passform.newPassword).then(response => { // updateUserPwd(this.passform.oldPassword, this.passform.newPassword).then(response => {
updateUserPwd(encrypt(this.passform.oldPassword), encrypt(this.passform.newPassword)).then( const data = {
(response) => { phonenumber: this.passform.phonenumber,
remark: this.passform.remark,
password: encrypt(this.passform.password),
checkPass: encrypt(this.passform.checkPass),
sex: this.passform.sex,
nickName: this.$store.getters.userinform.nickName,
userName: this.$store.getters.userinform.userName,
}
changePasswd(data).then((response) => {
if (response.code == 200) {
this.$message.success('修改成功') this.$message.success('修改成功')
}, this.passform = {}
) }
})
} }
}) })
}, },
@ -415,7 +427,7 @@ export default {
}) })
}, },
sendCode() { sendCode() {
if (!/^1[34578]\d{9}$/.test(this.passform.mobile)) { if (!/^1[34578]\d{9}$/.test(this.passform.phonenumber)) {
return this.$message.error('请输入正确的手机号码') return this.$message.error('请输入正确的手机号码')
} }
if (this.countdown > 0 || this.isSending) { if (this.countdown > 0 || this.isSending) {
@ -429,13 +441,13 @@ export default {
this.isSending = false this.isSending = false
}, 100) // 这里使用2秒的延迟来模拟发送过程，你需要替换为实际的发送逻辑 }, 100) // 这里使用2秒的延迟来模拟发送过程，你需要替换为实际的发送逻辑
// 验证码接口 // 验证码接口
getCodeUserLogin(this.passform.mobile).then((res) => { getCodeUserLogin(this.passform.phonenumber).then((res) => {
this.isSending = false this.isSending = false
if (res.code == 200) { if (res.code == 200) {
this.passform.uuid = res.uuid this.passform.sex = res.uuid
this.$message.success('短信发送成功，请注意查收') this.$message.success('短信发送成功，请注意查收')
} }
}) })
}, },
startCountdown() { startCountdown() {
this.countdown = 60 this.countdown = 60
@ -450,6 +462,20 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.changePassword >>> .el-input--mini .el-input__inner {
height: 40px;
}
.passphone >>> .el-input {
margin-right: 0 !important;
width: 476px !important;
}
.passphone >>> .el-button {
height: 40px;
border: none;
background: #0066eb;
border-radius: 0px 2px 2px 0px !important;
color: #FFFFFF;
}
.dvied { .dvied {
width: 4px; width: 4px;
height: 18px; height: 18px;
@ -481,7 +507,7 @@ export default {
.inforbtn >>> .el-button { .inforbtn >>> .el-button {
width: 90px; width: 90px;
height: 34px; height: 34px;
background: #0054a7; background: #0066EB;
border-radius: 4px; border-radius: 4px;
color: #ffffff; color: #ffffff;
} }

Write Preview
Loading…
Cancel
Save