108 lines
3.3 KiB
Vue
108 lines
3.3 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="pd-lg">
|
|||
|
|
<view class="flex-between pb-lg b-1px-b">
|
|||
|
|
<view class="flex-y-center">
|
|||
|
|
<i class="iconfont iconanmo3" :style="{color:primaryColor}"></i>
|
|||
|
|
<view class="f-mini-title c-title ml-sm">为谁拉{{$t('action.attendantName')}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view @tap.stop="$util.goUrl({url:`/user/pages/distribution/agent`})" class="flex-y-center">
|
|||
|
|
<view class="f-mini-title max-300"
|
|||
|
|
:class="[{'c-title text-bold':check_admin.id},{'c-caption':!check_admin.id}]">
|
|||
|
|
{{check_admin.id ? check_admin.agent_name : '选择代理商'}}
|
|||
|
|
</view>
|
|||
|
|
<i class="iconfont icon-right ml-sm"></i>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex-y-center pt-lg pb-lg">
|
|||
|
|
<i class="iconfont iconjingjirenshuoming" :style="{color:primaryColor}"></i>
|
|||
|
|
<view class="f-mini-title c-title text-bold ml-sm">{{$t('action.attendantName')}}经纪人说明</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="f-paragraph" style="color:#4A4A4A">
|
|||
|
|
{{$t('action.attendantName')}}经纪人申请和审核由平台处理，经纪人邀请{{$t('action.attendantName')}}不限制地区，经纪人邀请{{$t('action.attendantName')}}时，可以选择为某个代理商邀请{{$t('action.attendantName')}}，邀请成功之后，该{{$t('action.attendantName')}}产生了订单，经纪人可获得分佣，分佣由代理商提成部分扣除，例如后台设置经纪人获得5%分佣，某A{{$t('action.attendantName')}}成单后，应该由A{{$t('action.attendantName')}}以及A{{$t('action.attendantName')}}绑定的上级代理商/平台承担分销费用，则该经纪人可获得佣金=订单实际金额*5%
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="space-footer"></view>
|
|||
|
|
<fix-bottom-button @cancel="toConfirm(1)" @confirm="toConfirm"
|
|||
|
|
:text="[{text:'为平台邀请',type:'cancel'},{text:'为代理商邀请',type:'confirm'}]" bgColor="#fff">
|
|||
|
|
</fix-bottom-button>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapState,
|
|||
|
|
mapActions,
|
|||
|
|
mapMutations
|
|||
|
|
} from "vuex"
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
isLoad: false,
|
|||
|
|
check_admin: {
|
|||
|
|
id: 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: mapState({
|
|||
|
|
primaryColor: state => state.config.configInfo.primaryColor,
|
|||
|
|
subColor: state => state.config.configInfo.subColor,
|
|||
|
|
configInfo: state => state.config.configInfo,
|
|||
|
|
userInfo: state => state.user.userInfo,
|
|||
|
|
}),
|
|||
|
|
onLoad() {
|
|||
|
|
// let {
|
|||
|
|
// check_admin
|
|||
|
|
// } = this.$util.getPage(-1)
|
|||
|
|
// this.check_admin = check_admin
|
|||
|
|
this.initIndex()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async initIndex(refresh = false) {
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (!refresh && this.$jweixin.isWechat()) {
|
|||
|
|
await this.$jweixin.initJssdk();
|
|||
|
|
this.$jweixin.wxReady(() => {
|
|||
|
|
this.$jweixin.hideOptionMenu()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
this.$util.setNavigationBarColor({
|
|||
|
|
bg: this.primaryColor
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
toConfirm(type = 0) {
|
|||
|
|
let {
|
|||
|
|
id = 0,
|
|||
|
|
} = this.check_admin
|
|||
|
|
if (type == 0 && !id) {
|
|||
|
|
this.$util.showToast({
|
|||
|
|
title: `请选择代理商`
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
this.$util.getPage(-1).check_admin = type == 1 ? {
|
|||
|
|
id: 0,
|
|||
|
|
agent_name: '平台'
|
|||
|
|
} : this.check_admin
|
|||
|
|
this.$util.back()
|
|||
|
|
this.$util.goUrl({
|
|||
|
|
url: 1,
|
|||
|
|
openType: `navigateBack`
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
page {
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-right {
|
|||
|
|
color: #5A677E;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|