修改绑定手机号错误的问题

This commit is contained in:
anhaogxs
2021-02-20 16:01:51 +08:00
parent e2f037e675
commit 44645dd0b7
6 changed files with 712 additions and 738 deletions

View File

@ -6,158 +6,143 @@
</view>
<view class="item acea-row row-between-wrapper">
<input type="text" placeholder="填写验证码" class="codeIput" v-model="captcha" />
<button
class="code font-color-red"
:disabled="disabled"
:class="disabled === true ? 'on' : ''"
@click="code"
>{{ text }}</button>
<button class="code font-color-red" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="code">{{ text }}</button>
</view>
</view>
<view class="confirmBnt bg-color-red" @click="confirm">确认绑定</view>
</view>
</template>
<script>
import { mapGetters } from "vuex";
import sendVerifyCode from "@/mixins/SendVerifyCode";
import { required, alpha_num, chs_phone } from "@/utils/validate";
import { validatorDefaultCatch } from "@/utils/dialog";
import { registerVerify, bindingPhone } from "@/api/user";
import { mapGetters } from 'vuex'
import sendVerifyCode from '@/mixins/SendVerifyCode'
import { required, alpha_num, chs_phone } from '@/utils/validate'
import { validatorDefaultCatch } from '@/utils/dialog'
import { registerVerify, wxappBindingPhone } from '@/api/user'
export default {
name: "BindingPhone",
name: 'BindingPhone',
components: {},
props: {},
data: function() {
data: function () {
return {
captcha: "",
phone: "" //手机号
};
captcha: '',
phone: '', //手机号
}
},
mixins: [sendVerifyCode],
computed: mapGetters(["userInfo"]),
mounted: function() {},
computed: mapGetters(['userInfo']),
mounted: function () {},
methods: {
async confirm() {
let that = this;
const { phone, captcha } = that;
let that = this
const { phone, captcha } = that
try {
await that
.$validator({
phone: [
chs_phone(chs_phone.message("手机号码")),
alpha_num(alpha_num.message())
],
captcha: [
required(required.message("验证码")),
alpha_num(alpha_num.message("验证码"))
]
phone: [chs_phone(chs_phone.message('手机号码')), alpha_num(alpha_num.message())],
captcha: [required(required.message('验证码')), alpha_num(alpha_num.message('验证码'))],
})
.validate({ phone, captcha });
.validate({ phone, captcha })
} catch (e) {
return validatorDefaultCatch(e);
return validatorDefaultCatch(e)
}
bindingPhone({
wxappBindingPhone({
phone: this.phone,
captcha: this.captcha
captcha: this.captcha,
})
.then(res => {
if (res.data !== undefined && res.data.is_bind) {
uni.showModal({
title: "提示",
content: "确认绑定?",
success: function(res) {
title: '提示',
content: '确认绑定?',
success: function (res) {
if (res.confirm) {
bindingPhone({
wxappBindingPhone({
phone: this.phone,
captcha: this.captcha,
step: 1
step: 1,
})
.then(res => {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
icon: 'none',
duration: 2000,
})
that.$yrouter.replace({
path: "/pages/user/PersonalData/index"
});
path: '/pages/user/PersonalData/index',
})
})
.catch(res => {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
icon: 'none',
duration: 2000,
})
that.$yrouter.replace({
path: "/pages/user/PersonalData/index"
});
});
path: '/pages/user/PersonalData/index',
})
})
} else if (res.cancel) {
uni.showToast({
title: "已取消绑定",
icon: "none",
duration: 2000
});
title: '已取消绑定',
icon: 'none',
duration: 2000,
})
that.$yrouter.replace({
path: "/pages/user/PersonalData/index"
});
path: '/pages/user/PersonalData/index',
})
}
}
});
},
})
} else {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
that.$yrouter.replace({ path: "/pages/user/PersonalData/index" });
icon: 'none',
duration: 2000,
})
that.$yrouter.replace({ path: '/pages/user/PersonalData/index' })
}
})
.catch(res => {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
});
icon: 'none',
duration: 2000,
})
})
},
async code() {
let that = this;
const { phone } = that;
let that = this
const { phone } = that
try {
await that
.$validator({
phone: [
required(required.message("手机号码")),
chs_phone(chs_phone.message())
]
phone: [required(required.message('手机号码')), chs_phone(chs_phone.message())],
})
.validate({ phone });
.validate({ phone })
} catch (e) {
return validatorDefaultCatch(e);
return validatorDefaultCatch(e)
}
registerVerify({ phone: phone })
.then(res => {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
that.sendCode();
icon: 'none',
duration: 2000,
})
that.sendCode()
})
.catch(res => {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000
});
});
}
}
};
icon: 'none',
duration: 2000,
})
})
},
},
}
</script>
<style lang="">
</style>
<style lang=""></style>