运营商页面
This commit is contained in:
parent
3a28bab00e
commit
ae9f26afab
|
|
@ -11,9 +11,9 @@ export default {
|
||||||
title: '加载中'
|
title: '加载中'
|
||||||
})
|
})
|
||||||
// request 触发前拼接 url
|
// request 触发前拼接 url
|
||||||
// args.url = 'https://www.opsoul.com:8881' + args.url;
|
args.url = 'https://www.opsoul.com:8881' + args.url;
|
||||||
// args.url = 'http://192.168.2.60:80' + args.url;
|
// args.url = 'http://192.168.2.60:80' + args.url;
|
||||||
args.url = 'http://127.0.0.1:80' + args.url;
|
// args.url = 'http://127.0.0.1:80' + args.url;
|
||||||
if (args.data && Object.prototype && Object.prototype.toString.call(args.data) === '[object Object]') {
|
if (args.data && Object.prototype && Object.prototype.toString.call(args.data) === '[object Object]') {
|
||||||
args.data.deptId = globalData.deptId;
|
args.data.deptId = globalData.deptId;
|
||||||
args.data.from = globalData.from;
|
args.data.from = globalData.from;
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,9 @@
|
||||||
<view class="flex justify-start">
|
<view class="flex justify-start">
|
||||||
<view v-if="vCard.picUrl" class="cu-avatar" :class="avatarPubClass" :style="'background-image:url(' + vCard.picUrl + '); width: ' + avatarWidth + '; height: ' + avatarHeight + ';'">
|
<view v-if="vCard.picUrl" class="cu-avatar" :class="avatarPubClass" :style="'background-image:url(' + vCard.picUrl + '); width: ' + avatarWidth + '; height: ' + avatarHeight + ';'">
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="cu-avatar" :class="avatarPubClass" :style="'background-image:url(' + vCard.workerLogoUrl + '); width: ' + avatarWidth + '; height: ' + avatarHeight + ';'">
|
<view v-else-if="vCard.workerLogoUrl" class="cu-avatar" :class="avatarPubClass" :style="'background-image:url(' + vCard.workerLogoUrl + '); width: ' + avatarWidth + '; height: ' + avatarHeight + ';'">
|
||||||
|
</view>
|
||||||
|
<view v-else-if="vCard.customerLogoUrl" class="cu-avatar" :class="avatarPubClass" :style="'background-image:url(' + vCard.customerLogoUrl + '); width: ' + avatarWidth + '; height: ' + avatarHeight + ';'">
|
||||||
</view>
|
</view>
|
||||||
<view class="margin-left-sm product-content">
|
<view class="margin-left-sm product-content">
|
||||||
<view>
|
<view>
|
||||||
|
|
|
||||||
|
|
@ -34,6 +34,8 @@
|
||||||
"path": "edit-address"
|
"path": "edit-address"
|
||||||
}, {
|
}, {
|
||||||
"path": "apply-operator"
|
"path": "apply-operator"
|
||||||
|
}, {
|
||||||
|
"path": "my-operator"
|
||||||
}, {
|
}, {
|
||||||
"path": "my-team-member"
|
"path": "my-team-member"
|
||||||
}, {
|
}, {
|
||||||
|
|
|
||||||
|
|
@ -414,7 +414,7 @@
|
||||||
if (bindBankCardInfo && bindBankCardInfo.bankNum) {
|
if (bindBankCardInfo && bindBankCardInfo.bankNum) {
|
||||||
// 分销资格审核通过
|
// 分销资格审核通过
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/my/my-team-member'
|
url: '/pages/my/my-operator'
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
// 跳转到银行卡绑定页面
|
// 跳转到银行卡绑定页面
|
||||||
|
|
|
||||||
|
|
@ -3,54 +3,65 @@
|
||||||
<!-- 顶部操作条 -->
|
<!-- 顶部操作条 -->
|
||||||
<cu-custom :bgColor="'bg-main-color'" :isBack="true">
|
<cu-custom :bgColor="'bg-main-color'" :isBack="true">
|
||||||
<block slot="backText">返回</block>
|
<block slot="backText">返回</block>
|
||||||
<block slot="content">{{myOperator.level.name}}运营商</block>
|
<block slot="content">{{myOperator.level.name ? myOperator.level.name : '城市'}}运营商</block>
|
||||||
</cu-custom>
|
</cu-custom>
|
||||||
<view class="margin-top-sm margin-lr-sm padding bg-white name-card shadow-warp">
|
<view class="margin-top-sm margin-lr-sm padding bg-white name-card shadow-warp">
|
||||||
<!-- 个人名片 -->
|
<!-- 个人名片 -->
|
||||||
<horizontal-name-card :avatarWidth="'130rpx'" :avatarHeight="'130rpx'" :avatarPubClass="'round'"
|
<view class="flex justify-start">
|
||||||
:vCard="myOperator.myInfo"></horizontal-name-card>
|
<view class="cu-avatar round"
|
||||||
<!-- 实名及公告图标 -->
|
:style="'background-image:url(' + myOperator.customerLogoUrl + '); width: 130rpx; height: 130rpx;'">
|
||||||
<view class="flex justify-end oper-bar">
|
</view>
|
||||||
<view class="text-center margin-right-sm" @click="showCertificationForm">
|
<view class="margin-left-sm flex-column-around">
|
||||||
<view class="cuIcon-profilefill text-yellow"></view>
|
<view class="text-black text-xl">{{myOperator.name}}</view>
|
||||||
<view class="text-xs">实名认证</view>
|
<view class="">
|
||||||
</view>
|
<text class="margin-right-xs">角色:合伙人</text>
|
||||||
<view class="text-center">
|
</view>
|
||||||
<view class="cuIcon-notice"></view>
|
</view>
|
||||||
<view class="text-xs">公告</view>
|
</view>
|
||||||
</view>
|
<!-- 实名及公告图标 -->
|
||||||
|
<view class="flex justify-end oper-bar">
|
||||||
|
<!-- <view class="text-center margin-right-sm" @click="showCertificationForm">
|
||||||
|
<view class="cuIcon-profilefill text-yellow"></view>
|
||||||
|
<view class="text-xs">实名认证</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="text-center">
|
||||||
|
<view class="cuIcon-notice"></view>
|
||||||
|
<view class="text-xs">公告</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 团队人员统计 -->
|
<!-- 团队人员统计 -->
|
||||||
<view class="cu-list grid no-border col-4 solid-top margin-top-sm">
|
<view class="cu-list grid no-border col-4 solid-top margin-top-sm">
|
||||||
<view class="cu-item">
|
<view class="cu-item" :class="index == 2 ? 'solid-left' : ''" v-for="(item, index) in myOperator.analyseItems" v-if="index < 4 && item.type === 'common'">
|
||||||
<view class="margin-bottom-xs">客户数</view>
|
<view class="margin-bottom-xs">{{item.title}}</view>
|
||||||
<view class="text-red">{{myOperator.customerNums}}</view>
|
<view class="text-red" v-if="item.unit === 'yuan'">
|
||||||
</view>
|
¥{{item.value}}
|
||||||
<view class="cu-item">
|
</view>
|
||||||
<view class="margin-bottom-xs">本月绑定</view>
|
<view v-else class="text-red">
|
||||||
<view class="text-red">{{myOperator.customerBindCurMonth}}</view>
|
{{item.value}}{{item.unit}}
|
||||||
</view>
|
</view>
|
||||||
<view class="cu-item solid-left">
|
|
||||||
<view class="margin-bottom-xs">团队</view>
|
|
||||||
<view class="text-red">{{myOperator.teamNums}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="cu-item">
|
|
||||||
<view class="margin-bottom-xs">本月绑定</view>
|
|
||||||
<view class="text-red">{{myOperator.teamBindCurMonth}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 团队订单统计 -->
|
<!-- 团队订单统计 -->
|
||||||
<view class="margin-lr-sm margin-top-sm padding bg-white margin-bottom-with-bar">
|
<view class="margin-lr-sm margin-top-sm padding bg-white margin-bottom-with-bar">
|
||||||
<view class="cu-list grid no-border col-4">
|
<view class="cu-list grid no-border col-4">
|
||||||
<view class="cu-item" v-for="(item, index) in myOperator.orderAnalyse">
|
<view class="cu-item" v-for="(item, index) in myOperator.analyseItems" v-if="index >= 4 && item.type === 'dayAnalyse'">
|
||||||
<view class="margin-bottom-xs">{{item.title}}</view>
|
<view class="margin-bottom-xs">{{item.title}}</view>
|
||||||
<view class="text-red" v-if="item.unit === 'yuan'">
|
<view class="text-red" v-if="item.unit === 'yuan'">
|
||||||
¥{{item.num}}
|
¥{{item.value}}
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="text-red">
|
<view v-else class="text-red">
|
||||||
{{item.num}}{{item.unit}}
|
{{item.value}}{{item.unit}}
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cu-item" v-for="(item, index) in myOperator.analyseItems" v-if="index >= 4 && item.type === 'common'">
|
||||||
|
<view class="margin-bottom-xs">{{item.title}}</view>
|
||||||
|
<view class="text-red" v-if="item.unit === 'yuan'">
|
||||||
|
¥{{item.value}}
|
||||||
|
</view>
|
||||||
|
<view v-else class="text-red">
|
||||||
|
{{item.value}}{{item.unit}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -128,8 +139,22 @@
|
||||||
this.loadData();
|
this.loadData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async loadData() {
|
async loadData() {
|
||||||
this.myOperator = await this.$api.data('myOperator');
|
this.curUserInfo = this.$request.getCurUserInfo();
|
||||||
|
// this.myOperator = await this.$api.data('myOperator');
|
||||||
|
this.loadMyInfo({
|
||||||
|
customerId: this.curUserInfo.customerId
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async loadMyInfo(params) {
|
||||||
|
let res = await this.$request.qryCustomerList(params);
|
||||||
|
if (res && res.rows && res.rows.length == 1) {
|
||||||
|
this.myOperator = res.rows[0];
|
||||||
|
this.myOperator.extraInfos = [{
|
||||||
|
name: '角色:',
|
||||||
|
desc: '合伙人'
|
||||||
|
}];
|
||||||
|
}
|
||||||
},
|
},
|
||||||
hideModal(e) {
|
hideModal(e) {
|
||||||
this.isShowShieldSet = false
|
this.isShowShieldSet = false
|
||||||
|
|
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 人员下辖团队统计 -->
|
<!-- 人员下辖团队统计 -->
|
||||||
<view class="cu-list grid no-border col-2 solid-top margin-top-sm">
|
<view class="cu-list grid no-border col-4 solid-top margin-top-sm">
|
||||||
<view class="cu-item" v-for="(item, index) in member.analyseItems" v-if="index < 2">
|
<view class="cu-item" :class="index == 2 ? 'solid-left' : ''" v-for="(item, index) in member.analyseItems" v-if="index < 4 && item.type === 'common'">
|
||||||
<view class="margin-bottom-xs">{{item.title}}</view>
|
<view class="margin-bottom-xs">{{item.title}}</view>
|
||||||
<view class="text-red" v-if="item.unit === 'yuan'">
|
<view class="text-red" v-if="item.unit === 'yuan'">
|
||||||
¥{{item.value}}
|
¥{{item.value}}
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cu-list grid no-border col-4 solid-top">
|
<view class="cu-list grid no-border col-4 solid-top">
|
||||||
<view class="cu-item" v-for="(item, index) in member.analyseItems" v-if="index >= 2">
|
<view class="cu-item" v-for="(item, index) in member.analyseItems" v-if="index >= 4 && item.type === 'common'">
|
||||||
<view class="margin-bottom-xs">{{item.title}}</view>
|
<view class="margin-bottom-xs">{{item.title}}</view>
|
||||||
<view class="text-red" v-if="item.unit === 'yuan'">
|
<view class="text-red" v-if="item.unit === 'yuan'">
|
||||||
¥{{item.value}}
|
¥{{item.value}}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue