You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
265 lines
6.3 KiB
265 lines
6.3 KiB
<template>
|
|
<view class="apply-pages" v-if="isLoad">
|
|
<view class="page-height"
|
|
v-if="(options.admin_id && salesman_status != -1) || (!options.admin_id && [1,2,3].includes(salesman_status))">
|
|
<abnor percent="150%" @confirm="confirm" @cancel="confirm" :title="title[salesman_status]"
|
|
:tip="tipArr[salesman_status]" :button="buttonArr[salesman_status]" :image="image[salesman_status]"
|
|
:tipMax="salesman_status == 4? '690rpx':''"></abnor>
|
|
</view>
|
|
<block v-else>
|
|
<view class="apply-form">
|
|
<view class="fill-base mt-md radius-16">
|
|
<view class="flex-between pl-lg pr-lg b-1px-b">
|
|
<view class="item-text">您的姓名</view>
|
|
<input v-model="form.user_name" type="text" class="item-input flex-1" maxlength="20"
|
|
:placeholder="rule[0].errorMsg" />
|
|
</view>
|
|
<view class="flex-between pl-lg pr-lg b-1px-b">
|
|
<view class="item-text">手机号码</view>
|
|
<input v-model="form.phone" type="text" class="item-input flex-1"
|
|
:placeholder="rule[1].errorMsg" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="space-max-footer"></view>
|
|
|
|
<fix-bottom-button @confirm="submit" :text="[{text:'确定申请',type:'confirm',isAuth:true}]" bgColor="#fff">
|
|
</fix-bottom-button>
|
|
</block>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapState,
|
|
mapActions,
|
|
mapMutations
|
|
} from "vuex"
|
|
export default {
|
|
components: {},
|
|
data() {
|
|
return {
|
|
isLoad: false,
|
|
options: {},
|
|
// -1未申请，1审核中，2审核通过，3取消授权，4审核失败(可再次申请)
|
|
tipArr: {
|
|
'1': [{
|
|
text: '您已经成功提交申请',
|
|
color: 0
|
|
}, {
|
|
text: '审核将在3个工作日内出结果，请耐心等待',
|
|
color: 0
|
|
}],
|
|
'2': [{
|
|
text: '恭喜您，审核通过！',
|
|
color: 0
|
|
}, {
|
|
text: '您已具备业务员资格，快去分享体验吧~',
|
|
color: 0
|
|
}],
|
|
'3': [{
|
|
text: '请联系平台管理人员询问原因',
|
|
color: 0
|
|
}],
|
|
'4': [{
|
|
text: '请联系平台管理人员询问失败原因',
|
|
color: 0
|
|
}]
|
|
},
|
|
buttonArr: {
|
|
'1': [{
|
|
text: '个人中心',
|
|
type: 'cancel'
|
|
}],
|
|
'2': [{
|
|
text: '去分享',
|
|
type: 'confirm'
|
|
}],
|
|
'3': [{
|
|
text: '个人中心',
|
|
type: 'cancel'
|
|
}],
|
|
'4': [{
|
|
text: '再次申请',
|
|
type: 'confirm'
|
|
}, {
|
|
text: '个人中心',
|
|
type: 'cancel'
|
|
}]
|
|
},
|
|
title: {
|
|
'-1': '申请业务员',
|
|
'1': '等待审核',
|
|
'2': '',
|
|
'3': '取消授权',
|
|
'4': '申请失败',
|
|
},
|
|
image: {
|
|
'1': 'https://lbqny.migugu.com/admin/public/apply_wait.jpg',
|
|
'2': 'https://lbqny.migugu.com/admin/public/apply_suc.jpg',
|
|
'3': 'https://lbqny.migugu.com/admin/public/apply_fail.jpg',
|
|
'4': 'https://lbqny.migugu.com/admin/public/apply_fail.jpg',
|
|
},
|
|
salesman_status: -1,
|
|
form: {
|
|
id: 0,
|
|
admin_id: 0,
|
|
user_name: '', //姓名
|
|
phone: '', //手机号
|
|
},
|
|
rule: [{
|
|
name: "user_name",
|
|
checkType: "isNotNull",
|
|
errorMsg: "请输入您的真实姓名",
|
|
regType: 2
|
|
},
|
|
{
|
|
name: "phone",
|
|
checkType: "isMobile",
|
|
errorMsg: "请输入常用手机号码"
|
|
}
|
|
],
|
|
lockTap: false
|
|
}
|
|
},
|
|
computed: mapState({
|
|
primaryColor: state => state.config.configInfo.primaryColor,
|
|
subColor: state => state.config.configInfo.subColor,
|
|
userInfo: state => state.user.userInfo,
|
|
}),
|
|
async onLoad(options) {
|
|
this.$util.showLoading()
|
|
let {
|
|
admin_id = 0
|
|
} = options
|
|
options = admin_id ? await this.updateCommonOptions(options) : options
|
|
this.options = options
|
|
await this.initIndex()
|
|
let {
|
|
title,
|
|
salesman_status
|
|
} = this
|
|
uni.setNavigationBarTitle({
|
|
title: title[salesman_status]
|
|
})
|
|
this.isLoad = true
|
|
},
|
|
methods: {
|
|
...mapActions(['getConfigInfo', 'getUserInfo', 'updateCommonOptions']),
|
|
...mapMutations(['updateUserItem']),
|
|
async initIndex(refresh = false) {
|
|
// #ifdef H5
|
|
if (!refresh && this.$jweixin.isWechat()) {
|
|
await this.$jweixin.initJssdk();
|
|
this.$jweixin.wxReady(() => {
|
|
this.$jweixin.hideOptionMenu()
|
|
})
|
|
}
|
|
// #endif
|
|
let data = await this.$api.salesman.salesmanInfo()
|
|
this.$util.setNavigationBarColor({
|
|
bg: this.primaryColor
|
|
})
|
|
if (data.id) {
|
|
let {
|
|
admin_id = 0
|
|
} = this.options
|
|
if (admin_id) {
|
|
data.admin_id = admin_id
|
|
}
|
|
for (let key in this.form) {
|
|
this.form[key] = data[key]
|
|
}
|
|
let {
|
|
status,
|
|
sh_text
|
|
} = data
|
|
this.salesman_status = !admin_id && status == 4 ? -1 : status
|
|
if (status == 4 && sh_text) {
|
|
this.tipArr[4][0].text = sh_text
|
|
}
|
|
}
|
|
this.$util.hideAll()
|
|
},
|
|
initRefresh() {
|
|
this.initIndex(true)
|
|
},
|
|
// 个人中心/去分享
|
|
async confirm() {
|
|
let {
|
|
salesman_status
|
|
} = this
|
|
if (salesman_status == 4) {
|
|
this.salesman_status = -1
|
|
uni.setNavigationBarTitle({
|
|
title: '申请业务员'
|
|
})
|
|
return
|
|
}
|
|
let url = salesman_status == 2 ? `/user/pages/salesman/income` : `/pages/mine`
|
|
this.$util.log(url)
|
|
this.$util.goUrl({
|
|
url,
|
|
openType: `reLaunch`
|
|
})
|
|
},
|
|
//表单验证
|
|
validate(param) {
|
|
let validate = new this.$util.Validate();
|
|
this.rule.map(item => {
|
|
let {
|
|
name,
|
|
} = item
|
|
validate.add(param[name], item);
|
|
})
|
|
let message = validate.start();
|
|
return message;
|
|
},
|
|
async submit() {
|
|
let param = this.$util.deepCopy(this.form)
|
|
let msg = this.validate(param);
|
|
if (msg) {
|
|
this.$util.showToast({
|
|
title: msg
|
|
});
|
|
return;
|
|
}
|
|
let {
|
|
admin_id
|
|
} = this.options
|
|
if (admin_id) {
|
|
param.admin_id = admin_id
|
|
}
|
|
if (this.lockTap) return
|
|
this.lockTap = true
|
|
this.$util.showLoading()
|
|
try {
|
|
await this.$api.salesman.applySalesman(param)
|
|
this.$util.hideAll()
|
|
this.$util.showToast({
|
|
title: `提交成功`
|
|
});
|
|
setTimeout(() => {
|
|
this.$util.back()
|
|
this.$util.goUrl({
|
|
url: '/user/pages/apply-result?type=4',
|
|
openType: `redirectTo`
|
|
})
|
|
}, 1000)
|
|
} catch (e) {
|
|
setTimeout(() => {
|
|
this.lockTap = false
|
|
this.$util.hideAll()
|
|
}, 2000)
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
</style> |