106 lines
3.4 KiB
Vue
106 lines
3.4 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<status-nav :ifReturn="true" navBarTitle="经销商申请" :marginBottom="0"></status-nav>
|
|||
|
|
<!-- 内容 -->
|
|||
|
|
<view class="distributor border-box" :style="{'min-height':disclaimersHeight}">
|
|||
|
|
<view class="tags font24" style="text-align: center;color: #ff0000;">请认真填写相关信息，此信息将用于分销提现使用！</view>
|
|||
|
|
<view class="distributor-list font30">
|
|||
|
|
<view class="distributor-item color-99 mar-s40">
|
|||
|
|
<view class="tips">我的邀请人</view>
|
|||
|
|
<input class="input" type="text" :value="invite_name" disabled="true">
|
|||
|
|
</view>
|
|||
|
|
<view class="distributor-item mar-s40">
|
|||
|
|
<view class="tips color-99">姓名</view>
|
|||
|
|
<input class="input" type="text" v-model="real_name" placeholder="请输入您的真实姓名" placeholder-style="color:#000000">
|
|||
|
|
</view>
|
|||
|
|
<view class="distributor-item mar-s40">
|
|||
|
|
<view class="tips color-99">电话</view>
|
|||
|
|
<input class="input" type="number" v-model="phone" placeholder="请输入您的手机号" placeholder-style="color:#000000">
|
|||
|
|
</view>
|
|||
|
|
<view class="distributor-item mar-s40">
|
|||
|
|
<view class="tips color-99">开户行</view>
|
|||
|
|
<input class="input" type="text" v-model="deposit_bank" placeholder="请填写开户行(如:中国银行)" placeholder-style="color:#000000">
|
|||
|
|
</view>
|
|||
|
|
<view class="distributor-item mar-s40">
|
|||
|
|
<view class="tips color-99">银行卡号</view>
|
|||
|
|
<input class="input" type="number" v-model="bank_account" placeholder="请填写银行卡号" placeholder-style="color:#000000">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="distributor-btn background-white border-box" @tap="submitEv">
|
|||
|
|
<view class="btn font36 background-orange color-48 radius30 flex">立即提交</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {mapState} from 'vuex'//引入mapState
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
disclaimersHeight: `calc(100vh - ${uni.getSystemInfoSync().statusBarHeight + 50}px)`,
|
|||
|
|
disclaimers:'',
|
|||
|
|
invite_code:'',
|
|||
|
|
invite_name:'',
|
|||
|
|
real_name:'',
|
|||
|
|
phone:'',
|
|||
|
|
deposit_bank:'',
|
|||
|
|
bank_account:'',
|
|||
|
|
flag:true,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(op) {
|
|||
|
|
console.log(op,1212121212)
|
|||
|
|
this.invite_code = op.invite_code;
|
|||
|
|
this.invite_name = op.invite_name;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 提交申请
|
|||
|
|
submitEv(){
|
|||
|
|
if(this.checkEmpty() && this.flag){
|
|||
|
|
let params = {
|
|||
|
|
invite_code:this.invite_code,
|
|||
|
|
invite_name:this.invite_name,
|
|||
|
|
real_name:this.real_name,
|
|||
|
|
phone:this.phone,
|
|||
|
|
deposit_bank:this.deposit_bank,
|
|||
|
|
bank_account:this.bank_account,
|
|||
|
|
}
|
|||
|
|
this.$requst.post('/api/user/distributor-apply',params).then(res=>{
|
|||
|
|
if(res.code==0){
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url:`/pages/index/index`
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
this.$toolAll.tools.showToast(res.msg);
|
|||
|
|
}
|
|||
|
|
setTimeout(()=>{
|
|||
|
|
this.flag = true;
|
|||
|
|
},2000)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 验证表单
|
|||
|
|
checkEmpty(){
|
|||
|
|
let result = false;
|
|||
|
|
if(!this.real_name) {
|
|||
|
|
this.$toolAll.tools.showToast('请填写真实姓名');
|
|||
|
|
} else if(this.$toolAll.tools.isPhone(this.phone)) {
|
|||
|
|
this.$toolAll.tools.showToast('请正确填写手机号');
|
|||
|
|
}if(!this.deposit_bank) {
|
|||
|
|
this.$toolAll.tools.showToast('请填写开户行');
|
|||
|
|
}if(!this.bank_account) {
|
|||
|
|
this.$toolAll.tools.showToast('请填写卡号');
|
|||
|
|
} else {
|
|||
|
|
result = true;
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
|
|||
|
|
</style>
|