<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>
