203 lines
5.1 KiB
Vue
203 lines
5.1 KiB
Vue
<template>
|
||
<view class="pages">
|
||
<u-navbar title="渠道商详情" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
|
||
title-size='36' height='44'></u-navbar>
|
||
<view class="xqtop">
|
||
<view class="tit">
|
||
{{obj.realOrUserName == undefined ? '--' : obj.realOrUserName}}
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">推广人：</view>
|
||
<view class="two">{{obj.referenceName == undefined ? '--' : obj.referenceName}}(<text v-if="obj.referenceType == 2">合作伙伴</text><text v-if="obj.referenceType == 3">渠道商</text><text v-if="obj.referenceType == 4">创业者</text><text v-if="obj.referenceType == 5">经营场所</text>)</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">直属合作伙伴：</view>
|
||
<view class="two">{{obj.agentName == undefined ? '--' : obj.agentName}}</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">推广渠道商：</view>
|
||
<view class="two">{{obj.bizManCount == undefined ? '--' : obj.bizManCount}}人</view>
|
||
</view>
|
||
</view>
|
||
<!-- 基本信息 -->
|
||
<view class="jiben">
|
||
<view class="tit">
|
||
基本信息
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">手机号：</view>
|
||
<view class="two">{{obj.phonenumber == undefined ? '--' : obj.phonenumber}}</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">分成比例：</view>
|
||
<view class="two">{{obj.point == undefined ? '--' : obj.point}}%</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">创建时间：</view>
|
||
<view class="two">{{obj.createTime == undefined ? '--' : obj.createTime}}</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">创业者：</view>
|
||
<view class="two">{{obj.investorCount == undefined ? '--' : obj.investorCount}}人</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">经营场所：</view>
|
||
<view class="two">{{obj.storeCount == undefined ? '--' : obj.storeCount}}</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">设备数：</view>
|
||
<view class="two">{{obj.deviceCount == undefined ? '--' : obj.deviceCount}}</view>
|
||
</view>
|
||
<view class="xiao">
|
||
<view class="one">累计订单：</view>
|
||
<view class="two">{{obj.billCount == undefined ? '--' : obj.billCount}}单</view>
|
||
</view>
|
||
<view class="xiao" v-if="type == 2 || type == 3">
|
||
<view class="one">本月新增设备：</view>
|
||
<view class="two">{{obj.currentMonthAddDevice == undefined ? '--' : obj.currentMonthAddDevice}}台</view>
|
||
</view>
|
||
<view class="xiao" v-if="type == 2 || type == 3">
|
||
<view class="one">上月新增设备：</view>
|
||
<view class="two">{{obj.lastMonthAddDevice == undefined ? '--' : obj.lastMonthAddDevice}}台</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
bgc: {
|
||
backgroundColor: "#8883f0",
|
||
},
|
||
userId:'',
|
||
obj:{},
|
||
type:''
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.getuser()
|
||
this.userId = option.userId
|
||
this.getxq()
|
||
},
|
||
// 分享到好友（会话）
|
||
onShareAppMessage: function() {
|
||
return {
|
||
title: '创亿康',
|
||
path: '/pages/index/index'
|
||
}
|
||
},
|
||
|
||
// 分享到朋友圈
|
||
onShareTimeline: function() {
|
||
return {
|
||
title: '创亿康',
|
||
query: '',
|
||
path: '/pages/index/index'
|
||
}
|
||
},
|
||
methods: {
|
||
// 查询详情
|
||
getxq(){
|
||
this.$u.get(`/app/user/${this.userId}`).then(res =>{
|
||
if(res.code == 200){
|
||
this.obj = res.data
|
||
}
|
||
})
|
||
},
|
||
// 获取本人信息
|
||
getuser(){
|
||
this.$u.get(`app/user/userInfo`).then(res =>{
|
||
if(res.code == 200){
|
||
this.type = res.data.type
|
||
}
|
||
})
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
/deep/ .u-title {
|
||
padding-bottom: 15rpx;
|
||
}
|
||
|
||
/deep/ .u-icon__icon {
|
||
padding-bottom: 15rpx;
|
||
}
|
||
|
||
.pages {
|
||
background-color: #F7FAFE !important;
|
||
height: 100vh;
|
||
width: 100%;
|
||
.xqtop{
|
||
width: 680rpx;
|
||
height: 256rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
margin: auto;
|
||
margin-top: 32rpx;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
.tit{
|
||
font-size: 32rpx;
|
||
color: #3D3D3D;
|
||
font-weight: 600;
|
||
padding-bottom: 28rpx;
|
||
border-bottom: 1px solid #D8D8D8;
|
||
padding-left: 8rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
.xiao{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 12rpx;
|
||
.one{
|
||
font-size: 24rpx;
|
||
color: #808080;
|
||
}
|
||
.two{
|
||
font-size: 24rpx;
|
||
color: #3D3D3D;
|
||
}
|
||
}
|
||
}
|
||
.jiben{
|
||
width: 680rpx;
|
||
max-height: 530rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
margin: auto;
|
||
margin-top: 32rpx;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
.tit{
|
||
font-size: 32rpx;
|
||
color: #3D3D3D;
|
||
font-weight: 600;
|
||
padding-bottom: 28rpx;
|
||
border-bottom: 1px solid #D8D8D8;
|
||
padding-left: 8rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
.xiao{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 12rpx;
|
||
.one{
|
||
font-size: 24rpx;
|
||
color: #808080;
|
||
}
|
||
.two{
|
||
font-size: 24rpx;
|
||
color: #3D3D3D;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
</style> |