1031 lines
39 KiB
Vue
1031 lines
39 KiB
Vue
<template>
|
||
<view>
|
||
<view class="profigHead">
|
||
<view class="profigHead-user">
|
||
<image :src="profitUser.avatar" mode="aspectFill"></image>{{ profitUser.nickname }}的收益
|
||
</view>
|
||
<image class="profigHead-img" src="https://card.ysd-bs.com/storage/materials/2021/09/01/profigLabel_back.png" mode="widthFix"></image>
|
||
</view>
|
||
|
||
<view class="profigCont">
|
||
<view class="profigLabel">
|
||
<view class="profigLabel-top">
|
||
我在本时生活总收益！
|
||
</view>
|
||
<view class="profigLabel-balance">
|
||
<view class="profigLabel-balance-left">
|
||
<view class="profigLabel-balance-name">余额</view>
|
||
<view class="profigLabel-balance-price" v-if="profitUser.account">￥<text>{{profitUser.account.balance}}</text></view>
|
||
</view>
|
||
<navigator hover-class="none" url="/pages/account/withdrawal_form" class="profigLabel-balance-withdrawal">提现</navigator>
|
||
</view>
|
||
<view class="profigLabel-list">
|
||
<view class="profigLabel-list-label">
|
||
<navigator hover-class="none" :url="'/pages/account/myProfit_list?name=share_product'" class="profigLabel-list-name">
|
||
分享产品收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
|
||
</navigator>
|
||
<view class="profigLabel-list-price">
|
||
{{ profitFinance.share_product }}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-list-label">
|
||
<navigator hover-class="none" :url="'/pages/account/myProfit_list?name=team_product'" class="profigLabel-list-name">
|
||
团队产品消费收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
|
||
</navigator>
|
||
<view class="profigLabel-list-price">
|
||
{{ profitFinance.team_product }}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-list-label">
|
||
<navigator hover-class="none" :url="'/pages/account/myProfit_list?name=share_Recharge'" class="profigLabel-list-name">
|
||
分享储值收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
|
||
</navigator>
|
||
<view class="profigLabel-list-price">
|
||
{{ profitFinance.share_Recharge }}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-list-label">
|
||
<navigator hover-class="none" :url="'/pages/account/myProfit_list?name=team_recharge'" class="profigLabel-list-name">
|
||
团队储值收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
|
||
</navigator>
|
||
<view class="profigLabel-list-price">
|
||
{{ profitFinance.team_recharge }}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-list-label">
|
||
<view class="profigLabel-list-name">
|
||
达人总数
|
||
</view>
|
||
<view class="profigLabel-list-price">
|
||
{{profitCount.leader}}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-list-label">
|
||
<view class="profigLabel-list-name">
|
||
用户总数
|
||
</view>
|
||
<view class="profigLabel-list-price">
|
||
{{ profitCount.users }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-cash">
|
||
<view class="profigLabel-cash-label">
|
||
<view class="profigLabel-cash-name">
|
||
总收益
|
||
</view>
|
||
<view class="profigLabel-cash-price">
|
||
{{ profitFinance.all_profit }}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-cash-label">
|
||
<navigator hover-class="none" :url="'/pages/account/withdrawal_record?status=end' + '&idx=2'" class="profigLabel-cash-name profigLabel-cash-active">
|
||
已提现
|
||
</navigator>
|
||
<view class="profigLabel-cash-price">
|
||
{{profitFinance.withdrawed}}
|
||
</view>
|
||
</view>
|
||
<view class="profigLabel-cash-label">
|
||
<navigator hover-class="none" :url="'/pages/account/withdrawal_record?status=init' + '&idx=1'" class="profigLabel-cash-name profigLabel-cash-active">
|
||
提现中
|
||
</navigator>
|
||
<view class="profigLabel-cash-price">
|
||
{{ profitFinance.withdrawing }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="profigTab">
|
||
<view class="profigTab-nav">
|
||
<view class="profigTab-nav-name" :class="{active : changeStyle == 'report'}" :data-style="'report'"
|
||
@tap="changeTabbar">收益报表</view>
|
||
<view class="profigTab-nav-name" :class="{active : changeStyle == 'order'}" :data-style="'order'"
|
||
@tap="changeTabbar">收益订单</view>
|
||
<view class="profigTab-nav-name" :class="{active : changeStyle == 'team'}" :data-style="'team'"
|
||
@tap="changeTabbar">我的团队</view>
|
||
</view>
|
||
<view class="profigTab-list">
|
||
<!-- 本月收益统计 -->
|
||
<view class="profigReport" :class="{show : changeStyle == 'report'}">
|
||
<view class="profigReport-module">
|
||
<view class="profigReport-module-title">
|
||
<view class="profigReport-module-name">
|
||
本月收益统计
|
||
</view>
|
||
<view class="profigReport-module-picker" v-if="incometMonths[monthsIndex]">
|
||
<picker @change="screenBind" :value="monthsIndex" :range-key="'name'"
|
||
:range="incometMonths">
|
||
{{ incometMonths[monthsIndex].name }}
|
||
</picker>
|
||
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-list">
|
||
<view class="profigReport-list-label" v-if="incometFfinance.share_product">
|
||
<view class="profigReport-label-name">
|
||
分享产品收益
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometFfinance.share_product.this_month }}
|
||
</view>
|
||
<view class="profigLabel-label-billie" :class="{active : incometFfinance.share_product.this_month < 0}">
|
||
<image :src="incometFfinance.share_product.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'"
|
||
mode="aspectFill"></image>
|
||
{{ incometFfinance.share_product.text }}
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-list-label" v-if="incometFfinance.share_product">
|
||
<view class="profigReport-label-name">
|
||
团队产品消费收益
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{incometFfinance.team_product.this_month}}
|
||
</view>
|
||
<view class="profigLabel-label-billie" :class="{active : incometFfinance.team_product.this_month < 0}">
|
||
<image
|
||
:src="incometFfinance.team_product.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'"
|
||
mode="aspectFill"></image>
|
||
{{ incometFfinance.team_product.text }}
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-list-label" v-if="incometFfinance.share_product">
|
||
<view class="profigReport-label-name">
|
||
分享储值收益
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{incometFfinance.share_recharge.this_month}}
|
||
</view>
|
||
<view class="profigLabel-label-billie" :class="{active : incometFfinance.share_recharge.this_month < 0}">
|
||
<image
|
||
:src="incometFfinance.share_recharge.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'"
|
||
mode="aspectFill"></image>
|
||
{{ incometFfinance.share_recharge.text }}
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-list-label" v-if="incometFfinance.share_product">
|
||
<view class="profigReport-label-name">
|
||
团队储值收益
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometFfinance.team_recharge.this_month }}
|
||
</view>
|
||
<view class="profigLabel-label-billie" :class="{active : incometFfinance.team_recharge.this_month < 0}">
|
||
<image
|
||
:src="incometFfinance.team_recharge.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'"
|
||
mode="aspectFill"></image>
|
||
{{ incometFfinance.team_recharge.text }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-module profigReport-module-subset">
|
||
<view class="profigReport-subset-name">
|
||
新增团队统计
|
||
</view>
|
||
<view class="profigReport-list">
|
||
<view class="profigReport-subset-label">
|
||
<view class="profigReport-label-name">
|
||
新增达人数
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometCount.leader }}
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-subset-label">
|
||
<view class="profigReport-label-name">
|
||
新增用户数
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometCount.users }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-module profigReport-module-subset">
|
||
<view class="profigReport-subset-name">
|
||
消费订单统计
|
||
</view>
|
||
<view class="profigReport-list">
|
||
<view class="profigReport-subset-label">
|
||
<view class="profigReport-label-name">
|
||
产品消费
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometOrder.product }}
|
||
</view>
|
||
</view>
|
||
<view class="profigReport-subset-label">
|
||
<view class="profigReport-label-name">
|
||
储值消费
|
||
</view>
|
||
<view class="profigLabel-label-price">
|
||
{{ incometOrder.recharge }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 收益订单 -->
|
||
<view class="profigOrder" :class="{show : changeStyle == 'order'}">
|
||
<view class="profigOrder-module-title">
|
||
<view class="profigOrder-module-name">
|
||
共<text>{{ publicData.length }}</text>条订单
|
||
</view>
|
||
<view class="profigReport-module-picker">
|
||
<picker @change="screenOrders" :value="ordersIndex" :range-key="'name'"
|
||
:range="ordersWay">
|
||
{{ ordersWay[ordersIndex].name }}
|
||
</picker>
|
||
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
|
||
</view>
|
||
</view>
|
||
<block v-if="publicData.length > 0">
|
||
<view class="profigOrder-list" v-for="(item, index) in publicData" :key="index">
|
||
<view class="profigOrder-no">
|
||
<view class="profigOrder-no-name">
|
||
<text class="profigOrder-no-tips" :class="{active : item.type == 'recharge'}">
|
||
{{item.type == 'recharge' ? '储值' : '产品'}}
|
||
</text>
|
||
<block v-if="item.order">订单号：{{ item.order.orderid }}</block>
|
||
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/frozen_time.png" mode="aspectFill"></image>
|
||
</view>
|
||
<view class="profigOrder-no-text">
|
||
{{ item.name }}
|
||
</view>
|
||
</view>
|
||
<view class="profigOrder-info">
|
||
<view class="profigOrder-label" v-if="item.user">
|
||
姓名：{{ item.user.nickname }}
|
||
</view>
|
||
<view class="profigOrder-label" v-if="item.user">
|
||
联系电话：{{ item.user.username }}
|
||
</view>
|
||
<view class="profigOrder-label profigOrder-label-color">
|
||
佣金：￥{{ item.bonus }}
|
||
</view>
|
||
<view class="profigOrder-label" v-if="item.order">
|
||
当前状态：{{ item.order.status }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="pagesLoding" v-if="lodingStats">
|
||
<block v-if="page.has_more">
|
||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>
|
||
加载中...
|
||
</block>
|
||
<block v-else>
|
||
没有更多了~
|
||
</block>
|
||
</view>
|
||
</block>
|
||
<!-- 暂无内容 -->
|
||
<view class="public-hint" v-else>
|
||
<image src="/static/img/legal_tips.png"></image>
|
||
<view>抱歉，目前暂无数据~</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 我的团队 -->
|
||
<view class="profigTeam" :class="{show : changeStyle == 'team'}">
|
||
<view class="profigTeam-module-title">
|
||
<view class="profigOrder-module-title">
|
||
<view class="profigOrder-module-name">
|
||
共<text>{{ publicData.length }}</text>人
|
||
</view>
|
||
<view class="profigReport-module-picker">
|
||
<picker @change="screenTeam" :value="teamIndex" :range-key="'name'" :range="teamWay">
|
||
{{ teamWay[teamIndex].name }}
|
||
</picker>
|
||
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
|
||
</view>
|
||
</view>
|
||
<view class="profigTeam-ranking" :class="{'ascactive' : teamSort == 'asc', 'descactive' : teamSort == 'desc'}" @tap="teamTap">
|
||
创收排行
|
||
</view>
|
||
</view>
|
||
<block v-if="publicData.length > 0">
|
||
<view class="profigTeam-list">
|
||
<view class="profigTeam-nav">
|
||
<view class="profigTeam-name">达人姓名</view>
|
||
<view class="profigTeam-name">联系电话</view>
|
||
<view class="profigTeam-name">身份</view>
|
||
<view class="profigTeam-name">创收额</view>
|
||
</view>
|
||
<view class="profigTeam-label">
|
||
<view class="profigTeam-label-list" v-for="(item, index) in publicData" :key="index">
|
||
<view class="profigTeam-label-cont profigTeam-label-head">
|
||
<image :src="item.user.avatar" mode="aspectFill"></image>
|
||
<view class="nowrap profigTeam-label-name">{{ item.user.nickname }}</view>
|
||
</view>
|
||
<view class="nowrap profigTeam-label-cont">
|
||
{{ item.user.username }}
|
||
</view>
|
||
<view class="nowrap profigTeam-label-cont" v-if="item.user.identity">
|
||
{{ item.user.identity.identity_name }}
|
||
</view>
|
||
<view class="nowrap profigTeam-label-cont profigTeam-label-color">
|
||
{{ item.balance }}
|
||
</view>
|
||
</view>
|
||
<view class="pagesLoding" v-if="lodingStats">
|
||
<block v-if="page.has_more">
|
||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif"
|
||
mode="widthFix">
|
||
</image>
|
||
加载中...
|
||
</block>
|
||
<block v-else>
|
||
没有更多了~
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
<!-- 暂无内容 -->
|
||
<view class="public-hint" v-else>
|
||
<image src="/static/img/legal_tips.png"></image>
|
||
<view>抱歉，目前暂无数据~</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { myProfit, myIncome, profitUrl } from '@/apis/interfaces/user'
|
||
export default {
|
||
data() {
|
||
return {
|
||
profitCount : '', //收益数据-人数
|
||
profitFinance : '', //收益数据-收益信息
|
||
profitUser : '', //收益数据-用户信息
|
||
incometCount : '', //收益统计-团队
|
||
incometFfinance : '', //收益统计-收益
|
||
incometOrder : '', //收益统计-订单
|
||
incometMonths : '', //收益数据-月份列表
|
||
monthsIndex : 1, //账变记录筛选index
|
||
monthsValue : '', //账变记录筛选value
|
||
changeStyle : 'report', //tab默认选择类型
|
||
//收益订单筛选列表
|
||
ordersWay : [
|
||
{value: '0', name: "充值", type: 'recharge'},
|
||
{value: '1', name: "产品", type: 'product'}
|
||
],
|
||
ordersIndex : 0, //收益订单筛选列表index
|
||
ordersValue : 'recharge', //收益订单筛选列表value
|
||
publicData : [], //订单与团队 公共数据列表
|
||
//我的团队筛选列表
|
||
teamWay : [
|
||
{value: 0, name: "全部"},
|
||
{value: 1, name: "用户"},
|
||
{value: 2, name: "达人"}
|
||
],
|
||
teamIndex : 0, //我的团队筛选列表index
|
||
teamValue : 0, //我的团队筛选列表value
|
||
teamSort : 'asc', //我的团队排序
|
||
page : {}, //下一页
|
||
lodingStats : false, //加载状态
|
||
}
|
||
},
|
||
onLoad(options) {},
|
||
onShow() {
|
||
// 获取我的收益数据
|
||
this.profitInfo();
|
||
|
||
// 获取本月收益统计
|
||
this.incomeInfo();
|
||
},
|
||
methods: {
|
||
// tab栏选择
|
||
changeTabbar(e) {
|
||
this.changeStyle = e.currentTarget.dataset.style
|
||
if(e.currentTarget.dataset.style == 'report'){
|
||
// 获取收益统计
|
||
this.incomeInfo();
|
||
return
|
||
}
|
||
// 获取收益订单列表 + 我的团队列表
|
||
this.publicInfo();
|
||
},
|
||
|
||
// 我的收益数据
|
||
profitInfo() {
|
||
myProfit().then(res=>{
|
||
this.profitCount = res.count
|
||
this.profitFinance= res.finance
|
||
this.profitUser = res.user
|
||
}).catch(err=>{})
|
||
},
|
||
|
||
// 收益统计
|
||
incomeInfo() {
|
||
myIncome(this.monthsValue).then(res=>{
|
||
this.incometCount = res.count
|
||
this.incometFfinance= res.finance
|
||
this.incometOrder = res.order
|
||
this.incometMonths = res.months
|
||
this.monthsIndex = parseInt(res.this_month) - 1
|
||
}).catch(err=>{})
|
||
},
|
||
|
||
// 收益订单列表 + 我的团队列表
|
||
publicInfo(page) {
|
||
let newStyle = this.changeStyle
|
||
let wechaUrl = '' // 定义接口来源名称
|
||
let dataUrl = '' // 定义接口传输数据
|
||
if (newStyle == 'order') wechaUrl = 'data/orders'
|
||
if (newStyle == 'team') wechaUrl = 'data/teams'
|
||
if (newStyle == 'order') dataUrl = {type:this.ordersValue, page: page}
|
||
if (newStyle == 'team') dataUrl = {identity_id: this.teamValue, sort: this.teamSort, page: page}
|
||
profitUrl(wechaUrl, dataUrl).then(res => {
|
||
let listArr = this.publicData,
|
||
newData = []
|
||
if(page == 1 || page == undefined) listArr = []
|
||
newData = listArr.concat(res.data)
|
||
this.publicData = newData
|
||
this.page = res.page
|
||
this.lodingStats = false
|
||
uni.stopPullDownRefresh()
|
||
}).catch(err=>{})
|
||
},
|
||
|
||
// 月份选择
|
||
screenBind(val) {
|
||
let newValue = parseInt(val.detail.value)
|
||
this.monthsValue = newValue + 1
|
||
this.monthsIndex = val.detail.value
|
||
// 获取收益统计
|
||
this.incomeInfo();
|
||
},
|
||
|
||
// 订单类型选择
|
||
screenOrders(val) {
|
||
this.ordersIndex = val.detail.value,
|
||
this.ordersValue = this.ordersWay[val.detail.value].type
|
||
// 获取收益订单列表 + 我的团队列表
|
||
this.publicInfo();
|
||
},
|
||
|
||
// 团队类型选择
|
||
screenTeam(val) {
|
||
this.teamIndex = val.detail.value,
|
||
this.teamValue = this.teamWay[val.detail.value].value
|
||
// 获取收益订单列表 + 我的团队列表
|
||
this.publicInfo();
|
||
},
|
||
|
||
// 销量排序
|
||
teamTap () {
|
||
if (this.teamSort == 'asc') {
|
||
this.teamSort = 'desc'
|
||
} else {
|
||
this.teamSort = 'asc'
|
||
}
|
||
// 获取收益订单列表 + 我的团队列表
|
||
this.publicInfo();
|
||
},
|
||
|
||
// 上拉加载
|
||
onReachBottom(){
|
||
this.lodingStats = true
|
||
let pageNumber = this.page.current
|
||
if(this.page.has_more){
|
||
pageNumber++
|
||
this.publicInfo(pageNumber)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
page {
|
||
background-color: #ececec;
|
||
}
|
||
|
||
/* 头部 */
|
||
.profigHead {
|
||
background: linear-gradient(to bottom, #d0a76c 50%, #ffffff);
|
||
padding: 30rpx;
|
||
height: 300rpx;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.profigHead-user {
|
||
line-height: 90rpx;
|
||
display: flex;
|
||
image {
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
margin-right: 20rpx;
|
||
border-radius: 50%;
|
||
border: 2rpx solid #ffffff;
|
||
}
|
||
}
|
||
|
||
.profigHead-img {
|
||
opacity: .1;
|
||
width: 300rpx;
|
||
height: 300rpx;
|
||
position: absolute;
|
||
top: -50rpx;
|
||
right: 0;
|
||
}
|
||
|
||
/* 内容 */
|
||
.profigCont {
|
||
position: absolute;
|
||
top: 140rpx;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
}
|
||
|
||
.profigLabel {
|
||
background-color: #2f2e2c;
|
||
border-radius: 20rpx;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.profigLabel-top {
|
||
background: linear-gradient(-250deg, #feecd4, #d5b687 90%);
|
||
padding: 0 30rpx;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
}
|
||
|
||
.profigLabel-balance {
|
||
color: #efd8b8;
|
||
padding: 30rpx 40rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
}
|
||
|
||
.profigLabel-balance-left {
|
||
flex: 1;
|
||
text {
|
||
font-size: 56rpx;
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
|
||
.profigLabel-balance-name {
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.profigLabel-balance-withdrawal {
|
||
background-color: #fdebd3;
|
||
color: #000000;
|
||
display: inline-block;
|
||
height: 64rpx;
|
||
line-height: 64rpx;
|
||
padding: 0 40rpx;
|
||
border-radius: 60rpx;
|
||
margin-top: 40rpx;
|
||
}
|
||
|
||
|
||
.profigLabel-list-name {
|
||
margin-bottom: 10rpx;
|
||
display: flex;
|
||
image {
|
||
width: 20rpx;
|
||
height: 20rpx;
|
||
margin: 10rpx;
|
||
}
|
||
}
|
||
|
||
.profigLabel-list {
|
||
padding: 30rpx 40rpx 0;
|
||
box-sizing: border-box;
|
||
&::after,
|
||
&::before {
|
||
position: absolute;
|
||
content: '';
|
||
left: 0;
|
||
width: 100%;
|
||
height: 0;
|
||
border-top: 2rpx dotted #665f54;
|
||
}
|
||
|
||
&::after {
|
||
top: 0;
|
||
}
|
||
|
||
&::before {
|
||
bottom: 0;
|
||
}
|
||
}
|
||
|
||
.profigLabel-list,
|
||
.profigLabel-cash {
|
||
color: #ffffff;
|
||
position: relative;
|
||
overflow: hidden;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.profigLabel-list-label {
|
||
width: 50%;
|
||
float: left;
|
||
margin-bottom: 40rpx;
|
||
}
|
||
|
||
.profigLabel-cash {
|
||
text-align: center;
|
||
padding: 30rpx 0;
|
||
}
|
||
|
||
.profigLabel-cash-label {
|
||
width: 33.33%;
|
||
float: left;
|
||
}
|
||
|
||
|
||
.profigLabel-cash-name {
|
||
margin-bottom: 10rpx;
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.profigLabel-cash-active::after {
|
||
position: absolute;
|
||
content: '';
|
||
left: 0;
|
||
bottom: 4rpx;
|
||
width: 100%;
|
||
height: 2rpx;
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
/* tab选项卡 */
|
||
.profigTab-nav {
|
||
display: flex;
|
||
line-height: 120rpx;
|
||
}
|
||
|
||
.profigTab-nav-name {
|
||
width: 33.33%;
|
||
flex: 3;
|
||
text-align: center;
|
||
position: relative;
|
||
&.active {
|
||
color: #ffa30a;
|
||
}
|
||
&.active::after {
|
||
position: absolute;
|
||
content: '';
|
||
left: calc(50% - 30rpx);
|
||
bottom: 15rpx;
|
||
width: 60rpx;
|
||
height: 8rpx;
|
||
background-color: #ffa30a;
|
||
}
|
||
}
|
||
|
||
/* tab收益报表内容 */
|
||
.profigReport,
|
||
.profigOrder,
|
||
.profigTeam {
|
||
border-radius: 20rpx;
|
||
margin-top: 20rpx;
|
||
display: none;
|
||
}
|
||
|
||
.profigReport.show,
|
||
.profigOrder.show,
|
||
.profigTeam.show {
|
||
display: block;
|
||
}
|
||
|
||
.profigReport {
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
.profigReport-module {
|
||
padding: 30rpx 30rpx 40rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.profigReport-module-title {
|
||
display: flex;
|
||
}
|
||
|
||
.profigReport-module-name {
|
||
flex: 1;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.profigReport-module-picker {
|
||
display: flex;
|
||
color: #797979;
|
||
font-size: 28rpx;
|
||
padding-top: 4rpx;
|
||
}
|
||
|
||
.profigReport-module-icon {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
margin: 6rpx 0 0 10rpx;
|
||
}
|
||
|
||
.profigLabel-label-billie {
|
||
background-color: #fcf6ea;
|
||
border: 2rpx solid #f7e5db;
|
||
color: #f2863b;
|
||
padding-right: 20rpx;
|
||
height: 48rpx;
|
||
line-height: 48rpx;
|
||
font-size: 22rpx;
|
||
display: inline-flex;
|
||
border-radius: 10rpx;
|
||
&.active {
|
||
color: #00a915;
|
||
background-color: #efffec;
|
||
border: 2rpx solid #c9fbbf;
|
||
}
|
||
image {
|
||
width: 22rpx;
|
||
height: 22rpx;
|
||
margin: 12rpx 10rpx;
|
||
}
|
||
}
|
||
|
||
.profigReport-list {
|
||
padding: 0 -20rpx;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.profigReport-list-label {
|
||
width: calc(50% - 40rpx);
|
||
float: left;
|
||
margin: 40rpx 20rpx 0;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.profigReport-label-name {
|
||
color: #999999;
|
||
}
|
||
|
||
.profigLabel-label-price {
|
||
margin: 10rpx 0;
|
||
font-size: 34rpx;
|
||
}
|
||
|
||
.profigReport-module-subset {
|
||
position: relative;
|
||
text-align: center;
|
||
&::after {
|
||
position: absolute;
|
||
content: '';
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 0;
|
||
border-top: 2rpx solid #e4e4e4;
|
||
}
|
||
}
|
||
|
||
.profigReport-subset-name {
|
||
text-align: center;
|
||
margin: 0 auto 40rpx;
|
||
font-size: 28rpx;
|
||
background-color: #f1f1f1;
|
||
padding: 0 30rpx;
|
||
line-height: 64rpx;
|
||
display: inline-block;
|
||
border-radius: 10rpx;
|
||
}
|
||
|
||
.profigReport-subset-label {
|
||
text-align: center;
|
||
width: 50%;
|
||
float: left;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
/* tab收益订单内容 */
|
||
.profigOrder-list {
|
||
background-color: white;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
border-radius: 10rpx;
|
||
font-size: 28rpx;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
|
||
.profigOrder-no {
|
||
position: relative;
|
||
padding-bottom: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
&::after {
|
||
position: absolute;
|
||
content: '';
|
||
left: 0;
|
||
width: 100%;
|
||
height: 0;
|
||
border-top: 2rpx dotted #e7e7e7;
|
||
bottom: 0;
|
||
}
|
||
}
|
||
|
||
.profigOrder-no-name {
|
||
display: flex;
|
||
line-height: 44rpx;
|
||
image {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-left: 20rpx;
|
||
margin-top: 6rpx;
|
||
}
|
||
}
|
||
|
||
.profigOrder-no-text {
|
||
color: #515151;
|
||
margin: 20rpx 0;
|
||
}
|
||
|
||
.profigOrder-label {
|
||
line-height: 60rpx;
|
||
}
|
||
|
||
.profigOrder-label-color {
|
||
color: #ffa30a;
|
||
}
|
||
|
||
.profigOrder-no-tips {
|
||
background-color: green;
|
||
font-size: 22rpx;
|
||
color: #ffffff;
|
||
height: 36rpx;
|
||
line-height: 36rpx;
|
||
padding: 0 10rpx;
|
||
border-radius: 30rpx;
|
||
margin: 5rpx 10rpx 0 0;
|
||
}
|
||
|
||
.profigOrder-no-tips.active {
|
||
background-color: #ffa30a;
|
||
}
|
||
|
||
.profigOrder-module-title {
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
box-sizing: border-box;
|
||
line-height: 80rpx;
|
||
margin-bottom: 30rpx;
|
||
padding: 0 30rpx;
|
||
box-sizing: border-box;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.profigOrder-module-name {
|
||
flex: 1;
|
||
text {
|
||
color: #ffa30a;
|
||
padding: 0 5rpx;
|
||
}
|
||
}
|
||
|
||
.profigOrder-module-title .profigReport-module-picker {
|
||
padding: 0;
|
||
}
|
||
|
||
.profigOrder-module-title .profigReport-module-icon {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
/* tab我的团队内容 */
|
||
.profigTeam-module-title {
|
||
display: flex;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
|
||
.profigTeam .profigOrder-module-title {
|
||
flex: 1;
|
||
margin: 0 30rpx 0 0;
|
||
}
|
||
|
||
.profigTeam-ranking {
|
||
width: 180rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
position: relative;
|
||
background-color: #ffffff;
|
||
padding: 0 20rpx;
|
||
box-sizing: border-box;
|
||
border-radius: 10rpx;
|
||
color: green;
|
||
font-size: 28rpx;
|
||
&::after,
|
||
&::before {
|
||
position: absolute;
|
||
right: 20rpx;
|
||
content: '';
|
||
width: 0;
|
||
height: 0;
|
||
border-left: 8rpx solid transparent;
|
||
border-right: 8rpx solid transparent;
|
||
}
|
||
|
||
&::after {
|
||
bottom: 28rpx;
|
||
border-top: 8rpx solid grey;
|
||
}
|
||
|
||
&::before {
|
||
top: 28rpx;
|
||
border-bottom: 8rpx solid grey;
|
||
}
|
||
|
||
&.ascactive::after {
|
||
border-top: 8rpx solid green;
|
||
}
|
||
|
||
&.descactive::before {
|
||
border-bottom: 8rpx solid green;
|
||
}
|
||
}
|
||
|
||
.profigTeam-list {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.profigTeam-nav {
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
line-height: 80rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.profigTeam-name {
|
||
flex: 4;
|
||
text-align: center;
|
||
width: 25%;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.profigTeam-label {
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.profigTeam-label-list {
|
||
display: flex;
|
||
border-bottom: 2rpx solid #e8e8e8;
|
||
&:last-child {
|
||
border: none;
|
||
}
|
||
}
|
||
|
||
.profigTeam-label-cont {
|
||
line-height: 110rpx;
|
||
flex: 4;
|
||
width: 25%;
|
||
text-align: center;
|
||
}
|
||
|
||
.profigTeam-label-head {
|
||
display: flex;
|
||
image {
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
border-radius: 50%;
|
||
margin: 30rpx 20rpx;
|
||
}
|
||
}
|
||
|
||
.profigTeam-label-name {
|
||
width: calc(100% - 90rpx);
|
||
}
|
||
|
||
.profigTeam-label-color {
|
||
color: #ffa30a;
|
||
}
|
||
|
||
.public-hint {
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
text-align: center;
|
||
padding: 60rpx 0;
|
||
color: #999;
|
||
font-size: 28rpx;
|
||
image {
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
margin: 0 auto 20rpx;
|
||
}
|
||
}
|
||
</style>
|