281 lines
7.3 KiB
Vue
281 lines
7.3 KiB
Vue
<template>
|
||
<view class="apply-pages" v-if="isLoad">
|
||
<view class="page-height" v-if="channel_status != -1">
|
||
<abnor percent="150%" @confirm="confirm" @cancel="confirm" :title="title[channel_status]"
|
||
:tip="tipArr[channel_status]" :button="buttonArr[channel_status]" :image="image[channel_status]"
|
||
:tipMax="channel_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.mobile" type="text" class="item-input flex-1"
|
||
:placeholder="rule[1].errorMsg" />
|
||
</view>
|
||
<view class="flex-between pl-lg pr-lg b-1px-b">
|
||
<view class="item-text">申请渠道</view>
|
||
<view class="item-input flex-1 text">
|
||
<picker @change="pickerChange($event)" :value="channelInd" :range="channelList"
|
||
range-key="title">
|
||
<view class="flex-between" style="color: #A9A9A9;">
|
||
{{channelInd!=-1 && channelList.length > 0?channelList[channelInd].title:'请选择您能接入的渠道'}}
|
||
<i class="iconfont icon-right ml-sm" style="font-size: 28rpx;"></i>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="fill-base mt-md radius-16">
|
||
<view class="flex-between pl-lg pr-lg">
|
||
<view class="item-text">备注信息</view>
|
||
<input :disabled="true" type="text" class="item-input flex-1" />
|
||
</view>
|
||
<textarea v-model="form.text" class="item-textarea pd-lg" maxlength="300" placeholder="输入备注信息" />
|
||
<view class="text-right pb-lg pr-lg">
|
||
{{form.text.length>300?300:form.text.length}}/300
|
||
</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 {
|
||
// -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: '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',
|
||
},
|
||
channel_status: -1,
|
||
channelInd: -1,
|
||
channelList: [],
|
||
isLoad: false,
|
||
options: {},
|
||
form: {
|
||
id: 0,
|
||
user_name: '', //姓名
|
||
mobile: '', //手机号
|
||
cate_id: '', // 渠道
|
||
text: ''
|
||
},
|
||
rule: [{
|
||
name: "user_name",
|
||
checkType: "isNotNull",
|
||
errorMsg: "请输入您的真实姓名",
|
||
regType: 2
|
||
},
|
||
{
|
||
name: "mobile",
|
||
checkType: "isMobile",
|
||
errorMsg: "请输入常用手机号码"
|
||
},
|
||
{
|
||
name: "cate_id",
|
||
checkType: "isNotNull",
|
||
errorMsg: "请选择您能接入的渠道"
|
||
}
|
||
],
|
||
lockTap: false
|
||
}
|
||
},
|
||
computed: mapState({
|
||
primaryColor: state => state.config.configInfo.primaryColor,
|
||
subColor: state => state.config.configInfo.subColor,
|
||
configInfo: state => state.config.configInfo,
|
||
userInfo: state => state.user.userInfo,
|
||
location: state => state.user.location,
|
||
}),
|
||
async onLoad(options) {
|
||
this.$util.showLoading()
|
||
this.options = options
|
||
await this.initIndex()
|
||
this.isLoad = true
|
||
},
|
||
methods: {
|
||
...mapActions(['getConfigInfo', 'getUserInfo']),
|
||
...mapMutations(['updateUserItem']),
|
||
async initIndex(refresh = false) {
|
||
// #ifdef H5
|
||
if (!refresh && this.$jweixin.isWechat()) {
|
||
await this.$jweixin.initJssdk();
|
||
this.$jweixin.wxReady(() => {
|
||
this.$jweixin.hideOptionMenu()
|
||
})
|
||
}
|
||
// #endif
|
||
if (!this.configInfo.id || refresh) {
|
||
await this.getConfigInfo()
|
||
}
|
||
let [list, data] = await Promise.all([this.$api.channel.channelCateSelect(), this.$api.channel
|
||
.channelInfo()
|
||
])
|
||
this.$util.setNavigationBarColor({
|
||
bg: this.primaryColor
|
||
})
|
||
this.channelList = list
|
||
if (!data.id) {
|
||
this.$util.hideAll()
|
||
return
|
||
}
|
||
for (let key in this.form) {
|
||
this.form[key] = data[key]
|
||
}
|
||
this.channel_status = data.status
|
||
if (data.status == 4 && data.sh_text) {
|
||
this.tipArr[4][0].text = data.sh_text
|
||
}
|
||
uni.setNavigationBarTitle({
|
||
title: this.title[data.status]
|
||
})
|
||
this.$util.hideAll()
|
||
},
|
||
initRefresh() {
|
||
this.initIndex(true)
|
||
},
|
||
pickerChange(e, val) {
|
||
this.channelInd = e.target.value
|
||
this.form.cate_id = this.channelList[this.channelInd].id
|
||
},
|
||
// 个人中心/去分享
|
||
async confirm() {
|
||
let {
|
||
channel_status
|
||
} = this
|
||
let url = channel_status == 2 ? `/user/pages/channel/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 = 0,
|
||
salesman_id = 0
|
||
} = this.options
|
||
param.admin_id = admin_id
|
||
param.salesman_id = salesman_id
|
||
if (this.lockTap) return
|
||
this.lockTap = true
|
||
param.text = param.text.length > 300 ? param.text.substring(0, 300) : param.text
|
||
this.$util.showLoading()
|
||
try {
|
||
await this.$api.channel.applyChannel(param)
|
||
this.$util.hideAll()
|
||
this.$util.showToast({
|
||
title: `提交成功`
|
||
});
|
||
setTimeout(() => {
|
||
this.$util.back()
|
||
this.$util.goUrl({
|
||
url: '/user/pages/apply-result?type=3',
|
||
openType: `redirectTo`
|
||
})
|
||
}, 1000)
|
||
} catch (e) {
|
||
setTimeout(() => {
|
||
this.lockTap = false
|
||
this.$util.hideAll()
|
||
}, 2000)
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
<style lang="scss">
|
||
</style> |