<template>
  <view class="main">
    <view class="top">
      <view class="header" :style="{height: menu.bottom + 5 +'px'}">
        <view class="headerContent" :style="{height: (menu.bottom - menu.top) + 'px'}">
          <image class="leftIcon" @click="handleBack" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"/>
          <view class="headerTimeBox">
            <picker mode="date" fields="month" :value="searchText"  :end="lastDay" @change="bindDateChange" >
              <view class="time">
                <image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeIcon.svg"/>
                <view class="text"  >{{ searchText }}</view>
                <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeUpDown.svg"></image>
              </view>
            </picker>
          </view>
        </view>
      </view>
      <view class="pageTitle" :style="{top: menu.bottom + 5 + 12 +'px'}">营收统计</view>
    </view>

    <view class="content">

      <view class="revenueBox ydRevenue">
        <view class="bigBox">
          <view class="revenueBoxHeader">
<!--            <view class="headerTitle">驿达营收</view>-->
            <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/revenueItemBg.png"/>
            <view class="revenueContent">
              <view class="sumBox">
                <view class="left">
                  <image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/sumLogo.svg"/>
                  <view class="headerTitle">驿达营收</view>
                </view>
                <view class="sumText">
                  <view class="sumMoney">{{pageDataObj.OwnerRevenue?$util.fmoney(pageDataObj.OwnerRevenue/10000,2):'0.00'}}</view>
                  <view class="sumUnit">总计<span class="unit">/万元</span></view>
                </view>
              </view>

              <view class="revenueAmount">
                <view class="amountItem">
                  <view class="itemTop">
                    <view class="itemTopLeft">
                      <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/amountReceived.svg"/>
                      <view class="itemTitle">到账合计</view>
                      <view class="itemUnit">/万元</view>
                    </view>
                    <view class="itemTopRight">{{OwnerListSum.AcountSum?$util.fmoney(OwnerListSum.AcountSum,2):'0.00'}}</view>
                  </view>
                  <view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.AcountList && pageDataObj.OwnerList.AcountList.length>0">
                    <view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.AcountList" :key="index">
                      <view class="bottomItemTitle">{{ item.name }}</view>
                      <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>

                    </view>

<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">业主自营</view>-->
<!--                      <view class="bottomItemValue">3178</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">自营提成</view>-->
<!--                      <view class="bottomItemValue">241.84</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">合租经营</view>-->
<!--                      <view class="bottomItemValue">2586.45</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">固定租金</view>-->
<!--                      <view class="bottomItemValue">1120.56</view>-->
<!--                    </view>-->
                  </view>
                </view>
                <view class="amountItem" style="margin-top: 56rpx">
                  <view class="itemTop">
                    <view class="itemTopLeft">
                      <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/amountEntry.svg"/>
                      <view class="itemTitle">入账合计</view>
                      <view class="itemUnit">/万元</view>
                    </view>
                    <view class="itemTopRight">{{OwnerListSum.EntrySum?$util.fmoney(OwnerListSum.EntrySum,2):'0.00'}}</view>
                  </view>
                  <view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.EntryList && pageDataObj.OwnerList.EntryList.length>0">
                    <view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.EntryList" :key="index">
                      <view class="bottomItemTitle">{{ item.name }}</view>
                      <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>
                    </view>

<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">业主自营</view>-->
<!--                      <view class="bottomItemValue">3178</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">自营提成</view>-->
<!--                      <view class="bottomItemValue">241.84</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">合租经营</view>-->
<!--                      <view class="bottomItemValue">2586.45</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">固定租金</view>-->
<!--                      <view class="bottomItemValue">1120.56</view>-->
<!--                    </view>-->
                  </view>
                </view>
                <view class="amountItem"  style="margin-top: 56rpx">
                  <view class="itemTop">
                    <view class="itemTopLeft">
                      <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/receivable.svg"/>
                      <view class="itemTitle">商家欠款</view>
                      <view class="itemUnit">/万元</view>
                    </view>
                    <view class="itemTopRight">{{OwnerListSum.ReceivableSum?$util.fmoney(OwnerListSum.ReceivableSum,2):'0.00'}}</view>
                  </view>
                  <view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.ReceivableList && pageDataObj.OwnerList.ReceivableList.length>0">
                    <view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.ReceivableList" :key="index">
                      <view class="bottomItemTitle">{{ item.name }}</view>
                      <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>
                    </view>

<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">业主自营</view>-->
<!--                      <view class="bottomItemValue">3178</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">自营提成</view>-->
<!--                      <view class="bottomItemValue">241.84</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">合租经营</view>-->
<!--                      <view class="bottomItemValue">2586.45</view>-->
<!--                    </view>-->
<!--                    <view class="itemBottomItem">-->
<!--                      <view class="bottomItemTitle">固定租金</view>-->
<!--                      <view class="bottomItemValue">1120.56</view>-->
<!--                    </view>-->
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>

      <view class="revenueBox merchantRevenue" style="margin-top: 24rpx">
        <view class="bigBox">
          <view class="revenueBoxHeader">
<!--          <view class="headerTitle">商家营收</view>-->
          <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/entryAdd.png"/>
          <view class="revenueContent">
            <view class="sumBox">
              <view class="left">
                <image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsSum.svg"/>
                <view class="headerTitle">商家营收</view>
              </view>
              <view class="sumText">
                <view class="sumMoney">{{pageDataObj.MerchantRevenue?$util.fmoney(pageDataObj.MerchantRevenue/10000):"0.00"}}</view>
                <view class="sumUnit">总计<span class="unit">/万元</span></view>
              </view>
            </view>

            <view class="revenueAmount">
              <view class="amountItem">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsAmount.svg"/>
                    <view class="itemTitle">到账合计</view>
                    <view class="itemUnit">/万元</view>
                  </view>
                  <view class="itemTopRight">{{OwnerListSum.AcountSum?$util.fmoney(OwnerListSum.AcountSum,2):'0.00'}}</view>
                </view>
                <view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.AcountList && pageDataObj.MerchantList.AcountList.length>0">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.AcountList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
                  </view>

<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">3178</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">241.84</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">2586.45</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">1120.56</view>-->
<!--                  </view>-->
                </view>
              </view>
              <view class="amountItem" style="margin-top: 56rpx">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsEntry.svg"/>
                    <view class="itemTitle">入账合计</view>
                    <view class="itemUnit">/万元</view>
                  </view>
                  <view class="itemTopRight">{{OwnerListSum.EntrySum?$util.fmoney(OwnerListSum.EntrySum,2):'0.00'}}</view>
                </view>
                <view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.EntryList && pageDataObj.MerchantList.EntryList.length>0">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.EntryList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
                  </view>

<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">3178</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">241.84</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">2586.45</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">1120.56</view>-->
<!--                  </view>-->
                </view>
              </view>
              <view class="amountItem"  style="margin-top: 56rpx">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsReceivable.svg"/>
                    <view class="itemTitle">应收合计</view>
                    <view class="itemUnit">/万元</view>
                  </view>
                  <view class="itemTopRight">{{OwnerListSum.ReceivableSum?$util.fmoney(OwnerListSum.ReceivableSum,2):'0.00'}}</view>
                </view>
                <view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.ReceivableList && pageDataObj.MerchantList.ReceivableList.length>0">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.ReceivableList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
                  </view>
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">3178</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">241.84</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">2586.45</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">1120.56</view>-->
<!--                  </view>-->
                </view>
              </view>
            </view>
          </view>
        </view>
        </view>
      </view>

      <view class="revenueBox otherData"  style="margin-top: 24rpx">
        <view class="bigBox">
          <view class="revenueBoxHeader">
<!--          <view class="headerTitle">其他数据</view>-->
          <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png"/>
          <view class="revenueContent">


            <view class="revenueAmount" style="margin-top: 48rpx">
              <view class="amountItem">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/itemQuantity.svg"/>
                    <view class="itemTitle">项目数量</view>
                    <view class="itemUnit">/个</view>
                  </view>
                  <view class="itemTopRight">{{ pageDataObj.ProjectCount || 0 }}</view>
                </view>
                <view class="itemBottom">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.ProjectCountList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{ item.value || '0.00' }}</view>
                  </view>
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">102</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">44</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">220</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">123</view>-->
<!--                  </view>-->
                </view>
              </view>
              <view class="amountItem" style="margin-top: 56rpx">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/itemRate.svg"/>
                    <view class="itemTitle">项目占比</view>
                    <view class="itemUnit">/%</view>
                  </view>
                  <view class="itemTopRight">100%</view>
                </view>
                <view class="itemBottom">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.ProjectRatioList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{ item.value || '0.00' }}</view>
                  </view>
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">12%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">9%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">45%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">25%</view>-->
<!--                  </view>-->
                </view>
              </view>
              <view class="amountItem"  style="margin-top: 56rpx">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/customersRate.svg"/>
                    <view class="itemTitle">对客占比</view>
                    <view class="itemUnit">/%</view>
                  </view>
                  <view class="itemTopRight">100%</view>
                </view>
                <view class="itemBottom">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.RevenueRatioList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{ item.value || '0.00' }}</view>
                  </view>
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">44.59%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">3.41%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">36%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">16%</view>-->
<!--                  </view>-->
                </view>
              </view>
              <view class="amountItem"  style="margin-top: 56rpx">
                <view class="itemTop">
                  <view class="itemTopLeft">
                    <image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/comprehensive.svg"/>
                    <view class="itemTitle">综合提成</view>
                    <view class="itemUnit">/%</view>
                  </view>
                  <view class="itemTopRight">{{ pageDataObj.CommissionRatio || '-' }}%</view>
                </view>
                <view class="itemBottom">
                  <view class="itemBottomItem" v-for="(item,index) in pageDataObj.CommissionList" :key="index">
                    <view class="bottomItemTitle">{{ item.name }}</view>
                    <view class="bottomItemValue">{{ item.value || '0.00' }}</view>
                  </view>
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">业主自营</view>-->
<!--                    <view class="bottomItemValue">0%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">自营提成</view>-->
<!--                    <view class="bottomItemValue">0%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">合租经营</view>-->
<!--                    <view class="bottomItemValue">32.4%</view>-->
<!--                  </view>-->
<!--                  <view class="itemBottomItem">-->
<!--                    <view class="bottomItemTitle">固定租金</view>-->
<!--                    <view class="bottomItemValue">77.6%</view>-->
<!--                  </view>-->
                </view>
              </view>
            </view>
          </view>
        </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import request from '@/util/index.js'
export default {
  data(){
    return {
      statusBarHeight:'',
      menu:{},
      lastDay:'',
      searchText:'',
      pageDataObj:{},
      OwnerListSum:{},
      MerchantSum:{},
      thisMonth:0
    }
  },
  onLoad(option){
    console.log('option',option)
    // 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置
    let systemInfo = uni.getSystemInfoSync()
    this.statusBarHeight = Number(systemInfo.statusBarHeight)
    uni.setStorageSync('phoneInfo',systemInfo)
    this.menu = uni.getMenuButtonBoundingClientRect()
    console.log('statusBarHeight',this.statusBarHeight)
    console.log('menu',this.menu)
    if (option.time){
      this.lastDay = option.time
      const date = new Date(this.lastDay)
      let m = date.getMonth() + 1
      this.thisMonth = m
    }
    if (option.month){
      this.searchText = option.month
    }
    this.handleGetTableData()
  },
  methods:{
    handleBack(){
      uni.navigateBack({
        delta: 1
      });
    },
    bindDateChange(e){
      this.OwnerListSum = {}
      this.MerchantSum = {}
      this.pageDataObj = {}
      console.log('e',e)
      this.searchText = e.detail.value
      this.handleGetTableData()
    },
    async handleGetTableData(){
      uni.showLoading({
        title:'正在加载'
      })
      const date = new Date(this.searchText)
      let y = date.getFullYear()
      let m = date.getMonth() + 1
      if (m<10){
        m = '0'+m
      }
      const req = {
        pushProvinceCode:'340000',
        StatisticsMonth:`${y}${m}`,
        StatisticsDate:this.lastDay
      }
      const data = await request.$webGet('CommercialApi/Revenue/GetAccountReceivable',req)
      console.log('data',data)
      this.pageDataObj = data.Result_Data
      let OwnerAcountSum = 0
      let OwnerEntrySum = 0
      let OwnerReceivableSum = 0

      let MerchantAcountSum = 0
      let MerchantEntrySum = 0
      let MerchantReceivableSum = 0
      this.pageDataObj.OwnerList.AcountList.forEach(item=>{
        OwnerAcountSum+=(item.value)/10000
      })
      this.pageDataObj.OwnerList.EntryList.forEach(item=>{
        OwnerEntrySum+=(item.value)/10000
      })
      this.pageDataObj.OwnerList.ReceivableList.forEach(item=>{
        OwnerReceivableSum+=(item.value)/10000
      })

      this.pageDataObj.MerchantList.AcountList.forEach(item=>{
        MerchantAcountSum+=(item.value)/10000
      })
      this.pageDataObj.MerchantList.EntryList.forEach(item=>{
        MerchantEntrySum+=(item.value)/10000
      })
      this.pageDataObj.MerchantList.ReceivableList.forEach(item=>{
        MerchantReceivableSum+=(item.value)/10000
      })
      let OwnerListSum = {
        AcountSum:OwnerAcountSum,
        EntrySum:OwnerEntrySum,
        ReceivableSum:OwnerReceivableSum
      }
      let MerchantSum = {
        AcountSum:MerchantAcountSum,
        EntrySum:MerchantEntrySum,
        ReceivableSum:MerchantReceivableSum
      }
      this.OwnerListSum = OwnerListSum
      this.MerchantSum = MerchantSum
      console.log('this.pageDataObj',this.pageDataObj)
      uni.hideLoading()
    }
  }
}
</script>
<style scoped lang="scss">
@import '/static/public/revenueStatistics/stylesheet.css';
.main{
  height: 100%;
  background: #f5f5f5;
  .top{
    width: 100%;
    height: 560rpx;
    position: relative;
    background: linear-gradient(#FF7F37 0%, #FDA03E 60%, #F5F5F5 100%);;
    .header{
      position: fixed;
      top: 0;left: 0;
      width: 100%;
      z-index: 9999;
      background: linear-gradient(#FF9434 0%,#FE9139 100%);
      box-sizing: border-box;
      .headerContent{
        width: 100%;
        box-sizing: border-box;
        padding: 0 32rpx;
        position: absolute;
        bottom: 5px;
        display: flex;
        align-items: center;
        .leftIcon{
          width: 24px;
          height: 24px;
        }
        .headerTimeBox{
          margin-left: 24rpx;
          .time{
            display: flex;
            align-items: center;
            .timeIcon{
              width: 40rpx;
              height: 40rpx;
              margin-right: 8rpx;
            }
            .text{
              font-size: 32rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              color: #FFFFFF;
              line-height: 44rpx;
            }
            .icon{
              width: 24rpx;
              height: 24rpx;
              margin-left: 16rpx;
            }
          }
        }
      }

    }
    .pageTitle{
      font-size: 56rpx;
      font-family: Alimama ShuHeiTi;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 68rpx;
      position: absolute;
      left: 32rpx;
    }
  }
  .content{
    width: 100%;
    box-sizing: border-box;
    padding: 0 32rpx 48rpx;
    position: relative;
    top: -260rpx;
    //transform: translateY(-260rpx);
    .revenueBox{
      width: 100%;
      height: 100%;
      background:#fff;
      border-radius: 24rpx;
      box-sizing: border-box;
      padding: 4rpx;
      .bigBox{
        position: relative;
        width: 100%;
        height: 100%;
      }
      .revenueBoxHeader{
        width: 100%;
        border-radius: 12rpx 12rpx 0 0;
        box-sizing: border-box;
        padding: 22rpx 24rpx;
        .headerTitle{
          font-size: 36rpx;
          font-family: Alimama ShuHeiTi;
          font-weight: bold;
          line-height: 44rpx;
        }
        .revenueImg{
          position: absolute;
          top: 0;right: 0;
          width: 266rpx;
          height: 208rpx;
        }
        .revenueContent{
          z-index: 2;
          width: 100%;
          position: relative;
          .sumBox{
            width: 100%;
            box-sizing: border-box;
            padding: 32rpx 24rpx;
            background: #fff;
            border-radius: 12rpx;
            margin-top: 22rpx;
            display: flex;
            justify-content: space-between;
            .left{
              display: flex;
              align-items: center;
              .sumLogo{
                width: 96rpx;
                height: 96rpx;
              }
              .headerTitle{
                font-size: 36rpx;
                font-family: Alimama ShuHeiTi;
                font-weight: bold;
                line-height: 44rpx;
                margin-left: 12rpx;
              }
            }

            .sumText{
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              .sumMoney{
                font-size: 36rpx;
                font-family: DINAlternate-Bold, DINAlternate;
                font-weight: bold;
                color: #160002;
                line-height: 44rpx;
              }
              .sumUnit{
                margin-top: 8rpx;
                font-size: 28rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #160002;
                line-height: 40rpx;
                .unit{
                  font-size: 28rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  color: #A69E9F;
                  line-height: 40rpx;
                  margin-left: 4rpx;
                }
              }
            }
          }
          .revenueAmount{
            width: 100%;
            margin-top: 62rpx;
            .amountItem{
              .itemTop{
                display: flex;
                align-items: center;
                justify-content: space-between;
                .itemTopLeft{
                  display: flex;
                  align-items: center;
                  .leftIcon{
                    width: 72rpx;
                    height: 72rpx;
                    margin-right: 16rpx;
                  }
                  .itemTitle{
                    font-size: 32rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 600;
                    color: #160002;
                    line-height: 44rpx;
                  }
                  .itemUnit{
                    font-size: 28rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #A69E9F;
                    margin-left: 4rpx;
                    line-height: 40rpx;
                  }
                }
                .itemTopRight{
                  font-size: 36rpx;
                  font-family: DINAlternate-Bold, DINAlternate;
                  font-weight: bold;
                  color: #160002;
                  line-height: 44rpx;
                }
              }
              .itemBottom{
                margin-top: 24rpx;
                .itemBottomItem{
                  width: 25%;
                  display: inline-block;
                  .bottomItemTitle{
                    font-size: 28rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #A69E9F;
                    line-height: 40rpx;
                    margin-bottom: 4rpx;
                  }
                  .bottomItemValue{
                    font-size: 32rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #160002;
                    line-height: 40rpx;
                  }
                }
              }
            }
          }
        }
      }

    }

    .ydRevenue{
      .revenueBoxHeader{
        background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%);
        .headerTitle{
          color: #EC6C00;
        }
      }
    }
    .merchantRevenue{
      .revenueBoxHeader{
        background: linear-gradient(#E9F5F9 0%, #E9F5F9 22%,#FFFFFF 40%, #FFFFFF 100%);
        .headerTitle{
          color: #018ABD;
        }
      }
    }
    .otherData{
      .revenueBoxHeader{
        background: linear-gradient(#F1F7FF 0%, #FFFFFF 20% , #FFFFFF 100%);
        .headerTitle{
          color: #096EF7;
        }
      }
    }
  }
}
</style>
