wangfukang
3 years ago
4 changed files with 233 additions and 137 deletions
@ -1,136 +1,151 @@ |
|||||
<template> |
<template> |
||||
<view> |
<view> |
||||
<view class="formBox"> |
<view class="formBox"> |
||||
<uni-forms :modelValue="addForm" ref="addForm" validateTrigger="bind" :rules="rules" label-width="160rpx" label-align="right"> |
<uni-forms :modelValue="addForm" ref="addForm" validateTrigger="bind" :rules="rules" label-width="160rpx" |
||||
<uni-forms-item label="手机号" required name="mobile"> |
label-align="right"> |
||||
<uni-easyinput type="text" v-model="addForm.mobile" placeholder="请输入登录手机号" /> |
<uni-forms-item label="手机号" required name="mobile"> |
||||
</uni-forms-item> |
<uni-easyinput type="text" v-model="addForm.mobile" placeholder="请输入登录手机号" /> |
||||
<uni-forms-item label="原密码" required name="password"> |
</uni-forms-item> |
||||
<uni-easyinput type="password" v-model="addForm.password" placeholder="请输入原登录密码" /> |
<uni-forms-item label="原密码" required name="password"> |
||||
</uni-forms-item> |
<uni-easyinput type="password" v-model="addForm.password" placeholder="请输入原登录密码" /> |
||||
<uni-forms-item label="新密码" required name="password"> |
</uni-forms-item> |
||||
<uni-easyinput type="password" v-model="addForm.newPass" placeholder="请输入新登录密码" /> |
<uni-forms-item label="新密码" required name="password"> |
||||
</uni-forms-item> |
<uni-easyinput type="password" v-model="addForm.newPass" placeholder="请输入新登录密码" /> |
||||
<uni-forms-item label="密码确认" required name="confirm"> |
</uni-forms-item> |
||||
<uni-easyinput type="password" v-model="addForm.confirm" placeholder="请输入新登录密码" /> |
<uni-forms-item label="密码确认" required name="confirm"> |
||||
</uni-forms-item> |
<uni-easyinput type="password" v-model="addForm.confirm" placeholder="请输入新登录密码" /> |
||||
</uni-forms> |
</uni-forms-item> |
||||
<view class="tui-tabbar"> |
</uni-forms> |
||||
<u-button type="primary" shape="circle" @tap.stop="onFormSubmit">确定</u-button> |
<view class="tui-tabbar"> |
||||
</view> |
<u-button type="primary" shape="circle" @tap.stop="onFormSubmit">确定</u-button> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import { |
||||
mapState |
mapState |
||||
} from 'vuex'; |
} from 'vuex'; |
||||
export default { |
export default { |
||||
name:"shopInfo", |
name: "shopInfo", |
||||
computed: mapState([ 'userId','mobile' ]), |
computed: mapState(['userId', 'mobile']), |
||||
data() { |
data() { |
||||
return { |
return { |
||||
addForm: { |
addForm: { |
||||
mobile: '', |
mobile: '', |
||||
password: '', |
password: '', |
||||
confirm:'', |
confirm: '', |
||||
newPass:'' |
newPass: '' |
||||
}, |
}, |
||||
userId:'', |
userId: '', |
||||
shopList:[], |
shopList: [], |
||||
rules:{ |
rules: { |
||||
mobile:{ |
mobile: { |
||||
rules:[{required:true,errorMessage:'手机号不能为空'}] |
rules: [{ |
||||
}, |
required: true, |
||||
password:{ |
errorMessage: '手机号不能为空' |
||||
rules:[{required:true,errorMessage:'密码不能为空'}] |
}] |
||||
}, |
}, |
||||
confirm:{ |
password: { |
||||
rules:[{required:true,errorMessage:'确认密码不能为空'}] |
rules: [{ |
||||
}, |
required: true, |
||||
} |
errorMessage: '密码不能为空' |
||||
} |
}] |
||||
}, |
}, |
||||
onLoad(options) { |
confirm: { |
||||
this.userId = uni.getStorageSync('id') |
rules: [{ |
||||
this.addForm.mobile = this.mobile |
required: true, |
||||
}, |
errorMessage: '确认密码不能为空' |
||||
methods:{ |
}] |
||||
onFormSubmit() { |
}, |
||||
if (this.addForm.confirm !== this.addForm.newPass)return this.tui.toast('两次密码不一致', 2000,) |
} |
||||
this.$refs.addForm.validate().then(async () => { |
} |
||||
this.tui.request("/user/modifyPassAndMobile", "post", { |
}, |
||||
mobile: this.addForm.mobile, |
onLoad(options) { |
||||
password:this.addForm.password, |
this.userId = uni.getStorageSync('id') |
||||
newPass:this.addForm.newPass, |
this.addForm.mobile = this.mobile |
||||
userId:this.userId |
}, |
||||
}, false, true).then((res) => { |
methods: { |
||||
if (res.code == 200) { |
onFormSubmit() { |
||||
this.tui.toast("修改手机号密码成功！") |
if(this.addForm.mobile == '' &&this.addForm.newPass == ''){ |
||||
setTimeout(() => { |
this.tui.toast("不能为空") |
||||
uni.reLaunch({ |
return; |
||||
url: '/pages/index/index' |
} |
||||
}) |
if (this.addForm.confirm !== this.addForm.newPass) return this.tui.toast('两次密码不一致', 2000, ) |
||||
}, 200) |
// this.$refs.addForm.validate().then(async () => { |
||||
}else { |
this.tui.request("/user/modifyPassAndMobile", "post", { |
||||
this.tui.toast(res.message) |
mobile: this.addForm.mobile, |
||||
} |
password: this.addForm.password, |
||||
}) |
newPass: this.addForm.newPass, |
||||
}) |
userId: this.userId |
||||
} |
}, false, true).then((res) => { |
||||
} |
if (res.code == 200) { |
||||
} |
this.tui.toast("修改成功！") |
||||
|
setTimeout(() => { |
||||
|
uni.reLaunch({ |
||||
|
url: '/pages/login/login' |
||||
|
}) |
||||
|
}, 200) |
||||
|
} else { |
||||
|
this.tui.toast(res.message) |
||||
|
} |
||||
|
}) |
||||
|
// }) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
.popup-height { |
.popup-height { |
||||
padding: 0 25upx; |
padding: 0 25upx; |
||||
background-color: #fff; |
background-color: #fff; |
||||
} |
} |
||||
.formBox { |
|
||||
margin: 20rpx; |
|
||||
padding: 20rpx 26rpx; |
|
||||
border-radius: 14rpx; |
|
||||
box-shadow: 0px 1px 10px 2px #e2e2e2; |
|
||||
background-color: #fff; |
|
||||
|
|
||||
.uni-data-select { |
.formBox { |
||||
width: 100%; |
margin: 20rpx; |
||||
} |
padding: 20rpx 26rpx; |
||||
|
border-radius: 14rpx; |
||||
|
box-shadow: 0px 1px 10px 2px #e2e2e2; |
||||
|
background-color: #fff; |
||||
|
|
||||
.tui-order-title { |
.uni-data-select { |
||||
position: relative; |
width: 100%; |
||||
font-size: 28upx; |
} |
||||
line-height: 28upx; |
|
||||
padding-left: 16upx; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
.tui-order-title::before { |
.tui-order-title { |
||||
content: ''; |
position: relative; |
||||
position: absolute; |
font-size: 28upx; |
||||
left: 0; |
line-height: 28upx; |
||||
top: 0; |
padding-left: 16upx; |
||||
border-left: 8upx solid $u-primary; |
box-sizing: border-box; |
||||
height: 120%; |
} |
||||
border-radius: 4upx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.tui-tabbar { |
.tui-order-title::before { |
||||
width: 100%; |
content: ''; |
||||
height: 98rpx; |
position: absolute; |
||||
background: #fff; |
left: 0; |
||||
position: fixed; |
top: 0; |
||||
left: 0; |
border-left: 8upx solid $u-primary; |
||||
bottom: 0; |
height: 120%; |
||||
display: flex; |
border-radius: 4upx; |
||||
align-items: center; |
} |
||||
justify-content: flex-end; |
} |
||||
font-size: 26rpx; |
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
.tui-tabbar { |
||||
padding-bottom: env(safe-area-inset-bottom); |
width: 100%; |
||||
z-index: 996; |
height: 98rpx; |
||||
} |
background: #fff; |
||||
</style> |
position: fixed; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
font-size: 26rpx; |
||||
|
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
||||
|
padding-bottom: env(safe-area-inset-bottom); |
||||
|
z-index: 996; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue