分销 业务 经纪人
This commit is contained in:
parent
e29de593da
commit
9cdf807a11
55
pages.json
55
pages.json
|
|
@ -31,6 +31,61 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// #endif
|
// #endif
|
||||||
|
{
|
||||||
|
"path": "pages/my/applyBroker/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "申请经纪人",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/applySalesperson/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "申请业务员",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/applySalesperson/mySalesperson",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "我是业务员",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/applyDistributor/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "申请分销员",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/applyDistributor/myDistributor",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "我是分销员",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/my/jIShiDateil",
|
"path": "pages/my/jIShiDateil",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,258 @@
|
||||||
|
<template>
|
||||||
|
<view class="hehuo_view">
|
||||||
|
<view class="advantage-title">
|
||||||
|
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>申请经纪人</view>
|
||||||
|
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
|
||||||
|
<view class="text_view">
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">姓名</view>
|
||||||
|
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">联系电话</view>
|
||||||
|
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="header-view header-padd header-margin">
|
||||||
|
<view class="d-title title-font">
|
||||||
|
备注
|
||||||
|
</view>
|
||||||
|
<view class="list-pay">
|
||||||
|
<view class="textarea-pay-list">
|
||||||
|
<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="push-button">
|
||||||
|
<view class="que-btn" @tap="save">提交申请</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName: '',
|
||||||
|
phone: '',
|
||||||
|
textareaData:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getChannel();
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
textareaChange(e){//备注
|
||||||
|
this.textareaData=e.detail.value
|
||||||
|
console.log("adsadas0",this.textareaData)
|
||||||
|
},
|
||||||
|
getChannel() {
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
this.$Request.getT('/app/artificer/selectAgencyById?userId=' + userId).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
if (res.data == null) {
|
||||||
|
this.bb = 1;
|
||||||
|
} else {
|
||||||
|
this.bb = res.data.status;
|
||||||
|
this.city = res.data.city;
|
||||||
|
this.age = res.data.age;
|
||||||
|
this.headImg = res.data.img;
|
||||||
|
this.userName = res.data.name;
|
||||||
|
this.phone = res.data.phone;
|
||||||
|
}
|
||||||
|
console.log(this.bb)
|
||||||
|
// this.auditContent = res.data.auditContent;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
if (this.userName === '') {
|
||||||
|
this.$queue.showToast('请输入姓名')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.phone === '' || this.phone.length != 11) {
|
||||||
|
this.$queue.showToast('请输入正确的手机号！')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
let data = {
|
||||||
|
userId: userId,
|
||||||
|
name: this.userName,
|
||||||
|
phone: this.phone,
|
||||||
|
}
|
||||||
|
this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast('提交成功！');
|
||||||
|
setTimeout(d => {
|
||||||
|
uni.navigateBack();
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast(res.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
@import '../../../static/less/index.less';
|
||||||
|
@import '../../../static/css/index.css';
|
||||||
|
/deep/.uni-textarea-textarea{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-placeholder{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: rgb(192, 196, 204);
|
||||||
|
}
|
||||||
|
.textarea-pay-list{
|
||||||
|
width: 100%;
|
||||||
|
height: 260rpx;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.textarea-pay{
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F3F3F3;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
.list-pay{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.title-font{
|
||||||
|
font-size:30rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.d-title{
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.header-view{
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 11px;
|
||||||
|
}
|
||||||
|
.header-padd{
|
||||||
|
padding:30rpx;
|
||||||
|
}
|
||||||
|
.header-margin{
|
||||||
|
margin:20rpx;
|
||||||
|
}
|
||||||
|
.push-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.que-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-top-view{
|
||||||
|
width: 150upx;
|
||||||
|
height: 150upx;
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
.advantage-title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
}
|
||||||
|
.advantage-bor{
|
||||||
|
width: 96px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
bottom: 0;
|
||||||
|
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.hehuo_view {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 10px;
|
||||||
|
height: 100vh;
|
||||||
|
background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
|
||||||
|
background-size: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
//align-items: center;
|
||||||
|
|
||||||
|
.text_view {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
.audit_message {
|
||||||
|
color: red;
|
||||||
|
width: 650rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.save_btn1 {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 88rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_view {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
|
||||||
|
.item_title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1rpx solid #f7f7f7;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,390 @@
|
||||||
|
<template>
|
||||||
|
<view class="hehuo_view">
|
||||||
|
<view class="advantage-title">
|
||||||
|
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>申请分销员</view>
|
||||||
|
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
|
||||||
|
<view class="text_view">
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">姓名</view>
|
||||||
|
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">联系电话</view>
|
||||||
|
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="header-view header-padd header-margin">
|
||||||
|
<view class="d-title title-font">
|
||||||
|
备注
|
||||||
|
</view>
|
||||||
|
<view class="list-pay">
|
||||||
|
<view class="textarea-pay-list">
|
||||||
|
<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="text_view" style="margin-bottom: 100px;">
|
||||||
|
<view class="jibie">
|
||||||
|
<view class="d-title title-font">选择级别</view>
|
||||||
|
<view class="jibie-list" v-for="(item,index) in jbList" :key="index">
|
||||||
|
<view class="jibie-title">
|
||||||
|
<span class="item_title">{{item.title}}</span>
|
||||||
|
<span class="item_title_money">￥{{item.money}}</span>
|
||||||
|
</view>
|
||||||
|
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||||||
|
<label class="tui-radio">
|
||||||
|
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
|
||||||
|
</label>
|
||||||
|
</radio-group>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="foot-beizhu">
|
||||||
|
成为一级分销员可以邀请用户下单，也可以邀请用户成为分销员，成为二级分销员只能邀请用户下单
|
||||||
|
</view>
|
||||||
|
<view class="jibie-list" style="margin-top: 20px;">
|
||||||
|
<view class="jibie-title-w">
|
||||||
|
<image src="../../../my/static/icon_weixin.png" style="width: 50upx;height: 50upx;border-radius: 50upx;">
|
||||||
|
</image>
|
||||||
|
<span class="weixin">微信</span>
|
||||||
|
</view>
|
||||||
|
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay'>
|
||||||
|
<label class="tui-radio">
|
||||||
|
<radio color="#019c88" :checked='true'/>
|
||||||
|
</label>
|
||||||
|
</radio-group>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="push-button">
|
||||||
|
<!-- <view class="que-btn" @tap="save">提交申请</view> -->
|
||||||
|
<view class="que-btn" @tap="pay()">提交申请</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName: '',
|
||||||
|
phone: '',
|
||||||
|
textareaData:'',
|
||||||
|
jbList:[
|
||||||
|
{'title':'一级分销员','money':200,'id':1},
|
||||||
|
{'title':'二级分销员','money':100,'id':2}
|
||||||
|
],
|
||||||
|
openWay: 1,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getChannel();
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 支付订单
|
||||||
|
pay() {
|
||||||
|
let that = this
|
||||||
|
this.showpay = false
|
||||||
|
uni.showModal({
|
||||||
|
title: '付款提示',
|
||||||
|
content: '是否确定充值',
|
||||||
|
success: function(re) {
|
||||||
|
if (re.confirm) {
|
||||||
|
console.log('用户点击确定');
|
||||||
|
that.$queue.showLoading('支付中...')
|
||||||
|
let data = {
|
||||||
|
ordersId: that.order.ordersId,
|
||||||
|
type: 2
|
||||||
|
}
|
||||||
|
that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
|
||||||
|
that.showpay = false
|
||||||
|
if (rea.code == 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '支付成功'
|
||||||
|
})
|
||||||
|
uni.switchTab({
|
||||||
|
url:'/pages/order/index'
|
||||||
|
})
|
||||||
|
that.callPay(rea.data);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: rea.msg,
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (re.cancel) {
|
||||||
|
uni.hideLoading();
|
||||||
|
console.log('用户点击取消');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
selectWay: function(item) {
|
||||||
|
this.openWay = item.id;
|
||||||
|
},
|
||||||
|
textareaChange(e){//备注
|
||||||
|
this.textareaData=e.detail.value
|
||||||
|
console.log("adsadas0",this.textareaData)
|
||||||
|
},
|
||||||
|
getChannel() {
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
this.$Request.getT('/app/artificer/selectAgencyById?userId=' + userId).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
if (res.data == null) {
|
||||||
|
this.bb = 1;
|
||||||
|
} else {
|
||||||
|
this.bb = res.data.status;
|
||||||
|
this.city = res.data.city;
|
||||||
|
this.age = res.data.age;
|
||||||
|
this.headImg = res.data.img;
|
||||||
|
this.userName = res.data.name;
|
||||||
|
this.phone = res.data.phone;
|
||||||
|
}
|
||||||
|
console.log(this.bb)
|
||||||
|
// this.auditContent = res.data.auditContent;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
if (this.userName === '') {
|
||||||
|
this.$queue.showToast('请输入姓名')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.phone === '' || this.phone.length != 11) {
|
||||||
|
this.$queue.showToast('请输入正确的手机号！')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
let data = {
|
||||||
|
userId: userId,
|
||||||
|
name: this.userName,
|
||||||
|
phone: this.phone,
|
||||||
|
}
|
||||||
|
this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast('提交成功！');
|
||||||
|
setTimeout(d => {
|
||||||
|
uni.navigateBack();
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast(res.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '../../../static/less/index.less';
|
||||||
|
@import '../../../static/css/index.css';
|
||||||
|
.weixin{
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.foot-beizhu{
|
||||||
|
border: 1px dashed #fe912e;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 7px;
|
||||||
|
color: #fe912e;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.item_title_money{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #fb672b;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.jibie-title-w{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.jibie-title{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.jibie-list{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.jibie{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
/deep/uni-radio .uni-radio-input{
|
||||||
|
width: 38.86rpx;
|
||||||
|
height: 38.86rpx;
|
||||||
|
margin: -1px 2px 0px -8px;
|
||||||
|
}
|
||||||
|
.chong-list-radio{
|
||||||
|
width: 29.86rpx;
|
||||||
|
height: 29.86rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-textarea{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-placeholder{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: rgb(192, 196, 204);
|
||||||
|
}
|
||||||
|
.textarea-pay-list{
|
||||||
|
width: 100%;
|
||||||
|
height: 260rpx;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.textarea-pay{
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F3F3F3;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
.list-pay{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.title-font{
|
||||||
|
font-size:30rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.d-title{
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.header-view{
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 11px;
|
||||||
|
}
|
||||||
|
.header-padd{
|
||||||
|
padding:30rpx;
|
||||||
|
}
|
||||||
|
.header-margin{
|
||||||
|
margin:20rpx;
|
||||||
|
}
|
||||||
|
.push-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.que-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-top-view{
|
||||||
|
width: 150upx;
|
||||||
|
height: 150upx;
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
.advantage-title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
}
|
||||||
|
.advantage-bor{
|
||||||
|
width: 96px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
bottom: 0;
|
||||||
|
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.hehuo_view {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 10px;
|
||||||
|
height: 100vh;
|
||||||
|
background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
|
||||||
|
background-size: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
//align-items: center;
|
||||||
|
|
||||||
|
.text_view {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
.audit_message {
|
||||||
|
color: red;
|
||||||
|
width: 650rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.save_btn1 {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 88rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_view {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
|
||||||
|
.item_title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1rpx solid #f7f7f7;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,316 @@
|
||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="content-top">
|
||||||
|
<view class="bgimg">
|
||||||
|
<view class="bgimg-top">
|
||||||
|
<view class="bgimg-top-tou">
|
||||||
|
<u-avatar :src="avatar" size="120" style=" border: 2px solid #F2F2F2;"></u-avatar>
|
||||||
|
</view>
|
||||||
|
<view class="bgimg-top-view">
|
||||||
|
<view class="bgimg-top-money">
|
||||||
|
<span>方</span>
|
||||||
|
<span>平台</span>
|
||||||
|
<span style="color: #fff;">当前身份：一级分销员</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian">
|
||||||
|
<view class="mian-title" style="position: relative;">
|
||||||
|
<view class="mian-title-top">
|
||||||
|
<span class="money">0.00</span>
|
||||||
|
<span class="list-title">可提现(元)</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-title-top">
|
||||||
|
<span class="money">0.00</span>
|
||||||
|
<span class="list-title">未入账(元)</span>
|
||||||
|
</view>
|
||||||
|
<image class="bangzhu" src="../../../static/bangzhu.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="mian-list">
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">累计佣金(元)不含手续费</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">已提现(元)</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">总成交金额(元)不含物料费</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="detail-btn" @click="cashMoney">
|
||||||
|
立即提现</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom">
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>渠道明细</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>我的渠道商</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>提现记录</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot">
|
||||||
|
<view class="mian-foot-top">
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">今日成交订单</span>
|
||||||
|
<span class="money">0</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">累计成交订单</span>
|
||||||
|
<span class="money">0</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top" style="margin-top: 10px;">
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">今日成交订单</span>
|
||||||
|
<span class="money">0</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">累计成交订单</span>
|
||||||
|
<span class="money">0</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="foot-img">
|
||||||
|
<image src="../../../static/activate3.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
avatar: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.avatar = uni.getStorageSync('avatar')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.mian-foot-top-list span:nth-child(1){
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.mian-foot-top-list{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.mian-foot-top{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-foot{
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.bangzhu{
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
margin-right: -20px;
|
||||||
|
top: 0;
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
.mian-title-top{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.foot-img image{
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.foot-img{
|
||||||
|
width: 93%;
|
||||||
|
height: 70px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.mian-bottom-list span{
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.mian-bottom-list{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-bottom-img{
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
flex: 0 0 40px;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 500px;
|
||||||
|
}
|
||||||
|
.mian-bottom{
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 185px;
|
||||||
|
}
|
||||||
|
.mian-top-title{
|
||||||
|
color: #333;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.money{
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.list-title{
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #B8B8B8;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.list-view{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-list{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.mian-title{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.mian{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px 26px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.detail-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 92%;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
.content-top{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
padding-bottom: 10rpx;
|
||||||
|
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../../static/background-img.png');
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
page {
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(1){
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 43rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(2){
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 25rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top:4px;
|
||||||
|
}
|
||||||
|
.bgimg-top-money{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.bgimg-top-view{
|
||||||
|
width: 80%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.bgimg-top{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 15rpx;
|
||||||
|
}
|
||||||
|
.bgimg {
|
||||||
|
background: url(../../../static/wallet/reduce.png);
|
||||||
|
background-size: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0px auto 10px auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
.mingxi{
|
||||||
|
width: 140rpx;
|
||||||
|
height: 42rpx;
|
||||||
|
line-height: 42rpx;
|
||||||
|
text-align: center;
|
||||||
|
background: #F5F7FB;
|
||||||
|
border-radius: 21rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,244 @@
|
||||||
|
<template>
|
||||||
|
<view class="hehuo_view">
|
||||||
|
<view class="advantage-title">
|
||||||
|
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>申请业务员</view>
|
||||||
|
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
|
||||||
|
<view class="text_view">
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">姓名</view>
|
||||||
|
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">联系电话</view>
|
||||||
|
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="push-button">
|
||||||
|
<view class="que-btn" @tap="save">提交申请</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName: '',
|
||||||
|
phone: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getChannel();
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getChannel() {
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
this.$Request.getT('/app/artificer/selectAgencyById?userId=' + userId).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
if (res.data == null) {
|
||||||
|
this.bb = 1;
|
||||||
|
} else {
|
||||||
|
this.bb = res.data.status;
|
||||||
|
this.city = res.data.city;
|
||||||
|
this.age = res.data.age;
|
||||||
|
this.headImg = res.data.img;
|
||||||
|
this.userName = res.data.name;
|
||||||
|
this.phone = res.data.phone;
|
||||||
|
}
|
||||||
|
console.log(this.bb)
|
||||||
|
// this.auditContent = res.data.auditContent;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
if (this.userName === '') {
|
||||||
|
this.$queue.showToast('请输入姓名')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.phone === '' || this.phone.length != 11) {
|
||||||
|
this.$queue.showToast('请输入正确的手机号！')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let userId = this.$queue.getData('userId');
|
||||||
|
let data = {
|
||||||
|
userId: userId,
|
||||||
|
name: this.userName,
|
||||||
|
phone: this.phone,
|
||||||
|
}
|
||||||
|
this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast('提交成功！');
|
||||||
|
setTimeout(d => {
|
||||||
|
uni.navigateBack();
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.$queue.showToast(res.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
@import '../../../static/less/index.less';
|
||||||
|
@import '../../../static/css/index.css';
|
||||||
|
/deep/.uni-textarea-textarea{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-placeholder{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: rgb(192, 196, 204);
|
||||||
|
}
|
||||||
|
.textarea-pay-list{
|
||||||
|
width: 100%;
|
||||||
|
height: 260rpx;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.textarea-pay{
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F3F3F3;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
.list-pay{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.title-font{
|
||||||
|
font-size:30rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.d-title{
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.header-view{
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 11px;
|
||||||
|
}
|
||||||
|
.header-padd{
|
||||||
|
padding:30rpx;
|
||||||
|
}
|
||||||
|
.header-margin{
|
||||||
|
margin:20rpx;
|
||||||
|
}
|
||||||
|
.push-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.que-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-top-view{
|
||||||
|
width: 150upx;
|
||||||
|
height: 150upx;
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
.advantage-title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
}
|
||||||
|
.advantage-bor{
|
||||||
|
width: 96px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
bottom: 0;
|
||||||
|
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.hehuo_view {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 10px;
|
||||||
|
height: 100vh;
|
||||||
|
background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
|
||||||
|
background-size: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
//align-items: center;
|
||||||
|
|
||||||
|
.text_view {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
.audit_message {
|
||||||
|
color: red;
|
||||||
|
width: 650rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.save_btn1 {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 88rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_view {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
|
||||||
|
.item_title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1rpx solid #f7f7f7;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,247 @@
|
||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="content-top">
|
||||||
|
<view class="bgimg">
|
||||||
|
<view class="bgimg-top">
|
||||||
|
<view class="bgimg-top-tou">
|
||||||
|
<u-avatar :src="avatar" size="120" style=" border: 2px solid #F2F2F2;"></u-avatar>
|
||||||
|
</view>
|
||||||
|
<view class="bgimg-top-view">
|
||||||
|
<view class="bgimg-top-money">
|
||||||
|
<span>方</span>
|
||||||
|
<span>提成比例:12%</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian">
|
||||||
|
<view class="mian-title">
|
||||||
|
<span class="mian-top-title">可提现(元)</span>
|
||||||
|
<span class="mian-top-title">0.00</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-list">
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">累计佣金(元)不含手续费</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">已提现(元)</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">0.00</view>
|
||||||
|
<view class="list-title">总成交金额(元)不含物料费</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="detail-btn" @click="cashMoney">
|
||||||
|
立即提现</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom">
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>渠道明细</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>我的渠道商</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/navigate.png" mode=""></image>
|
||||||
|
<span>提现记录</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="foot-img">
|
||||||
|
<image src="../../../static/activate3.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
avatar: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.avatar = uni.getStorageSync('avatar')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.foot-img image{
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.foot-img{
|
||||||
|
width: 93%;
|
||||||
|
height: 70px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.mian-bottom-list span{
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.mian-bottom-list{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-bottom-img{
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
flex: 0 0 40px;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 500px;
|
||||||
|
}
|
||||||
|
.mian-bottom{
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 160px;
|
||||||
|
}
|
||||||
|
.mian-top-title{
|
||||||
|
color: #333;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.money{
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.list-title{
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #B8B8B8;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.list-view{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-list{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.mian-title{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.mian{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.detail-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 92%;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
.content-top{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
padding-bottom: 10rpx;
|
||||||
|
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../../static/background-img.png');
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
page {
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(1){
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 43rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(2){
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 25rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top:4px;
|
||||||
|
}
|
||||||
|
.bgimg-top-money{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.bgimg-top-view{
|
||||||
|
width: 80%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.bgimg-top{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 15rpx;
|
||||||
|
}
|
||||||
|
.bgimg {
|
||||||
|
background: url(../../../static/wallet/reduce.png);
|
||||||
|
background-size: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0px auto 10px auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
.mingxi{
|
||||||
|
width: 140rpx;
|
||||||
|
height: 42rpx;
|
||||||
|
line-height: 42rpx;
|
||||||
|
text-align: center;
|
||||||
|
background: #F5F7FB;
|
||||||
|
border-radius: 21rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -249,6 +249,31 @@
|
||||||
text: '项目推荐',
|
text: '项目推荐',
|
||||||
link: '/pages/my/fuwuGengduo'
|
link: '/pages/my/fuwuGengduo'
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
urlImg: '../../static/my-gong-10.png',
|
||||||
|
text: '申请经纪人',
|
||||||
|
link: '/pages/my/applyBroker/index'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
urlImg: '../../static/my-gong-10.png',
|
||||||
|
text: '申请业务员',
|
||||||
|
link: '/pages/my/applySalesperson/index'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
urlImg: '../../static/my-gong-10.png',
|
||||||
|
text: '我是业务员',
|
||||||
|
link: '/pages/my/applySalesperson/mySalesperson'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
urlImg: '../../static/my-gong-10.png',
|
||||||
|
text: '申请分销员',
|
||||||
|
link: '/pages/my/applyDistributor/index'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
urlImg: '../../static/my-gong-10.png',
|
||||||
|
text: '我是分销员',
|
||||||
|
link: '/pages/my/applyDistributor/myDistributor'
|
||||||
|
},
|
||||||
],
|
],
|
||||||
token: '',
|
token: '',
|
||||||
vipData: [],
|
vipData: [],
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 782 B |
Loading…
Reference in New Issue