first commit
This commit is contained in:
wangxiaowei
246
pages/agent/apply/apply.vue
Normal file
246
pages/agent/apply/apply.vue
Normal file
@ -0,0 +1,246 @@
|
||||
<template>
|
||||
<view class="apply-agent">
|
||||
<view class="banner d-c-c d-c" v-if="top_background!=''">
|
||||
<image :src="top_background" mode="aspectFill"></image>
|
||||
</view>
|
||||
<!--申请成功-->
|
||||
<template v-if="!is_applying ">
|
||||
<view class="form-wrap p30 f30">
|
||||
<view class="p30 d-c-c gray3 f36 fb">
|
||||
{{words.apply.words.title.value || ''}}
|
||||
</view>
|
||||
<form @submit="formSubmit" @reset="formReset">
|
||||
<view class="form-item border-b">
|
||||
<view class="field-name">邀请人</view>
|
||||
{{referee_name || ''}}
|
||||
</view>
|
||||
<view class="form-item border-b">
|
||||
<view class="field-name">姓名</view>
|
||||
<input class="flex-1 ml20" name="name" type="text" value="" placeholder-class="grary"
|
||||
placeholder="请输入姓名" />
|
||||
</view>
|
||||
<view class="form-item border-b">
|
||||
<view class="field-name">手机号</view>
|
||||
<input class="flex-1 ml20" name="mobile" type="number" value="" placeholder-class="grary"
|
||||
placeholder="请输入手机" />
|
||||
</view>
|
||||
<view class="d-s-c p-20-0 f24">
|
||||
<checkbox-group @change="changeFunc">
|
||||
<checkbox style="transform:scale(0.7)" value="checkbox" :checked="is_read" />
|
||||
</checkbox-group>
|
||||
<text>我已阅读并了解</text>
|
||||
<text class="red" @click="isPopup=true">
|
||||
【{{ words.apply.words.license.value || '' }}】
|
||||
</text>
|
||||
</view>
|
||||
<view class="d-c-c mt30">
|
||||
<button class="btn-red" form-type="submit">{{ words.apply.words.submit.value || '' }}</button>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
</template>
|
||||
<!--分销商审核中-->
|
||||
<template v-if="is_applying">
|
||||
<view class="d-c-c pt30">
|
||||
<image style="width: 532rpx;height: 340rpx;margin: 0 auto;" src="/static/agen_applay.png" mode=""></image>
|
||||
</view>
|
||||
<view class="p-30-0 d-c-c gray9 f26">
|
||||
{{ words.apply.words.wait_audit.value || '' }}
|
||||
</view>
|
||||
<view class="p30 mt30 d-c-c">
|
||||
<button type="primary" class="btn-red"
|
||||
@click="gotoShop">{{ words.apply.words.goto_mall.value || '' }}</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!--协议-->
|
||||
<Popup :show="isPopup" msg="申请协议">
|
||||
<view class="agreement-content f28 lh150">
|
||||
{{agreement}}
|
||||
</view>
|
||||
<view class="ww100 pt20 d-c-c">
|
||||
<button type="primary" class="btn-red" @click="isPopup=false">我已阅读</button>
|
||||
</view>
|
||||
</Popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Popup from '@/components/uni-popup.vue'
|
||||
export default {
|
||||
components: {
|
||||
Popup
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
/*弹窗是否打开*/
|
||||
isPopup: false,
|
||||
/*是否阅读了规则*/
|
||||
is_read: false,
|
||||
agreement: '',
|
||||
is_applying: false,
|
||||
referee_name: '',
|
||||
words: {},
|
||||
is_agent: '',
|
||||
/*顶部背景*/
|
||||
top_background: '',
|
||||
/*小程序订阅消息*/
|
||||
temlIds: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
/*数据*/
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
/*获取数据*/
|
||||
getData() {
|
||||
let self = this;
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
self._get('user.agent/apply', {
|
||||
platform: self.getPlatform(),
|
||||
referee_id: uni.getStorageSync('referee_id')
|
||||
}, function(res) {
|
||||
uni.hideLoading();
|
||||
self.top_background = res.data.background;
|
||||
self.is_applying = res.data.is_applying;
|
||||
self.referee_name = res.data.referee_name != null ? res.data.referee_name : '平台';
|
||||
self.is_agent = res.data.is_agent;
|
||||
self.words = res.data.words;
|
||||
self.temlIds = res.data.template_arr;
|
||||
self.agreement = res.data.license;
|
||||
/*设置标题*/
|
||||
uni.setNavigationBarTitle({
|
||||
title: self.words.apply.title.value
|
||||
});
|
||||
if (self.is_agent) {
|
||||
uni.navigateBack({});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/*申请*/
|
||||
formSubmit: function(e) {
|
||||
let formdata = e.detail.value;
|
||||
formdata.referee_id = uni.getStorageSync('referee_id');
|
||||
let self = this;
|
||||
|
||||
if (formdata.name == '') {
|
||||
uni.showToast({
|
||||
title: '请输入姓名！',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (formdata.mobile.length == '') {
|
||||
uni.showToast({
|
||||
title: '请输入手机号！',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(formdata.mobile)) {
|
||||
uni.showToast({
|
||||
title: '手机有误,请重填！',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!self.is_read) {
|
||||
uni.showToast({
|
||||
title: '请同意协议！',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
let callback = function() {
|
||||
uni.showLoading({
|
||||
title: '正在提交',
|
||||
mask: true
|
||||
})
|
||||
self._post('plus.agent.apply/submit', formdata, function(res) {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: '申请成功'
|
||||
});
|
||||
self.getData();
|
||||
});
|
||||
};
|
||||
self.subMessage(self.temlIds, callback);
|
||||
},
|
||||
|
||||
/*去商城看看*/
|
||||
gotoShop() {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
},
|
||||
|
||||
/*同意协议*/
|
||||
changeFunc(e) {
|
||||
if (e.target.value.length > 0) {
|
||||
this.is_read = true;
|
||||
} else {
|
||||
this.is_read = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page{
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.apply-agent .banner {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.apply-agent .banner image {
|
||||
width: 750rpx;
|
||||
height: 348rpx;
|
||||
}
|
||||
|
||||
.form-wrap {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 0 8rpx 0 rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
.form-item {
|
||||
padding: 20rpx 0;
|
||||
/* margin-bottom: 20rpx; */
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
height: 100rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-item .field-name {
|
||||
width: 180rpx;
|
||||
}
|
||||
|
||||
.form-item input {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.agreement-content {
|
||||
max-height: 60vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.apply-agent .btn-red {
|
||||
width: 600rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 44rpx;
|
||||
background: #FF5649;
|
||||
border-color: #FF5649;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user