<template>
  <div class="main">
    <div :class="selectFestival===0?'top topSpring':selectFestival===1?'top qmFestival':selectFestival===2?'top labourFestival':''">
      <div :class="selectFestival===0?'header headerSpring':selectFestival===1?'header headerQm':selectFestival===2?'header headerLabour':''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}">
        <image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<!--        <img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>-->
        <div v-if="showSpring" class="picker" @click="handleGoMap">
          <div class="selectService">
            <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"></image>
            <view class="select">
              <view class="content">
                <view class="uni-input">{{springService.SERVERPART_NAME}}</view>
                <p class="area" v-if="springService.Serverpart_ID">{{springService.SPREGIONTYPE_NAME}}</p>
                <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
              </view>
            </view>
          </div>
        </div>

        <view v-else class="seachBox" :style="{height: menu.height + 'px'}" @click="handleGoMap">
          <image class="searchIcon" src="/static/images/seach/searchIcon.svg"/>
          <text class="searchText">请输入想看的服务区</text>
        </view>
      </div>
      <picker class="pick" @change="handleChangeFestival($event)" :value="selectFestival" :range="festivalList" range-key="label">
        <div class="festivalChangeBox" :style="{paddingTop:menu.bottom + 32 + 'px'}">
          <image :style="{width:selectFestival===0?'260rpx':selectFestival===1?'168rpx':selectFestival===2?'168rpx':'',height:selectFestival===0?'68rpx':selectFestival===1?'68rpx':selectFestival===2?'68rpx':''}" class="festivalImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmFestival.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png':''"/>
          <image class="changeIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changeFestivalSpring.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changFestivalQm.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png':''"/>
        </div>
      </picker>
    </div>

    <div class="pageContent">
      <div class="springTravelBox">
        <div class="overAllData">
          <!--  对客营收 -->
          <div :class="selectFestival===0?'overAllDataTop springTop':selectFestival===1?'overAllDataTop qmTop':selectFestival===2?'overAllDataTop labourTop':''">
            <div class="titleBox">
              <div class="titleBoxLeft">
<!--                <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />-->
                <img class="titleImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png':''" />
                <text class="titleNotice" v-if="!isShowWarningTime && selectFestival===0">{{`/统计到${allDateDay}`}}</text>
                <text class="titleNotice" v-if="selectFestival===1">/共统计节日数据5天</text>
                <text class="titleNotice" v-if="selectFestival===2">/共统计节日数据7天</text>
              </div>
              <div class="typeChangeBox" v-if="!showSpring">
                <div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">经营板块</div>
                <div :class="pageType===2?'normal select':'normal'" @click="handleChangeType(2)">经营片区</div>
              </div>
              <div style="display: flex;align-items: center" v-if="showSpring">
                <div class="searchAllBox" style="margin-right: 16rpx"  @click="handleSearchAll">返回驿达</div>
                <div class="searchAllBox" @click="handleGoShopDetail">门店明细</div>
              </div>
            </div>

<!--            <div class="waringText" v-if="isShowWarningTime">-->
<!--              <span style="display: block">{{`${allDateDay}营收数据需等待现场管理员校验完成...`}}</span>-->
<!--              <span>{{`预计早上10点，请稍等...`}}</span>-->
<!--            </div>-->
          </div>
          <div class="overAllDataBottom">
            <div class="contentTitleBox" style="margin-bottom: 16rpx">
              <text class="contentTitle">对客销售</text>
              <div style="display: flex;align-items: center">
                <div class="YOYNumber">
                  <text class="YOYNumberText">增长</text>
                  <div class="YOYNumberValue">
                    <span style="color: #A69E9F">{{revenueNumber>0?'+':revenueNumber<0?'':''}}</span>
                    <span style="color: #A69E9F">{{`${revenueNumber || '-'}`}}</span>
                  </div>
                </div>
                <div class="YOYBox">
                  <text class="YOYBoxText">增幅</text>
                  <text class="YOYBoxValue">
                    {{`${revenueAdd>0?'+':''}${revenueAdd?revenueAdd:'-'}%`}}
                  </text>
                </div>
              </div>
            </div>
            <div class="pkBox">
              <div :class="selectFestival===0?'leftBox springLeftBox':selectFestival===1?'leftBox qmLeftBox':selectFestival===2?'leftBox labourLeftBox':''">
                <text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万元</text>
              </div>
              <div :class="selectFestival===0?'rightBox springRightBox':selectFestival===1?'rightBox qmRightBox':selectFestival===2?'rightBox labourRightBox':''">
                <text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
                <text class="label">2023年/万元</text>
              </div>
              <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png':''"/>
            </div>

            <div class="otherListBox" v-if="isShowAllDetail">
              <div class="listType">
<!--                <div class="downBox" @click="handleChangeToCustomers">-->
<!--                  <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!--                </div>-->
                <div class="moduleBox" v-if="pageType===1">
                  <div class="listTitleBox">
                    <div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                    <div class="titleItem" style="width: 110rpx">2024年</div>
                    <div class="titleItem" style="width: 110rpx">2023年</div>
                    <div class="titleItem" style="width: 110rpx">增长</div>
                    <div class="titleItem" style="width: 110rpx">增幅</div>
                    <!--  增长 / 23年 -->
                  </div>
                  <div class="listValueBox">
                    <!-- 自营-->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfRevenue.data?$util.getMoney(pageData.curYearSelfRevenue.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfRevenue.data?$util.getMoney(pageData.lYearSelfRevenue.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{selfRevenueNumber>0?'+':selfRevenueNumber<0?'':''}}</span>
                          <span>{{`${selfRevenueNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
                          <span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                      <div class="row" style="margin-top: 16rpx" v-if="false">
                        <div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="addItem" style="width: 130rpx">
                          <span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
                          <span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  便利店  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSRevenue.data?$util.getMoney(pageData.curYearCVSRevenue.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSRevenue.data?$util.getMoney(pageData.lYearCVSRevenue.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{selfStoresRevenueNumber>0?'+':selfStoresRevenueNumber<0?'':''}}</span>
                          <span>{{`${selfStoresRevenueNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
                          <span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                      <div class="row" style="margin-top: 16rpx" v-if="false">
                        <div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="addItem" style="width: 130rpx">
                          <span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
                          <span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  餐饮客房  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮客房</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSCRevenue.data?$util.getMoney(pageData.curYearSCRevenue.data/ 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCRevenue.data?$util.getMoney(pageData.lYearSCRevenue.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{GRORevenueNumber>0?'+':GRORevenueNumber<0?'':''}}</span>
                          <span>{{`${GRORevenueNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
                          <span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                      <div class="row" style="margin-top: 16rpx" v-if="false">
                        <div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="addItem" style="width: 130rpx">
                          <span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
                          <span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  外包  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{outsourceRevenueNumber>0?'+':outsourceRevenueNumber<0?'':''}}</span>
                          <span>{{`${outsourceRevenueNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
                          <span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                      <div class="row" style="margin-top: 16rpx" v-if="false">
                        <div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="addItem" style="width: 130rpx">
                          <span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
                          <span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  商铺租赁  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{leaseRevenueNumber>0?'+':leaseRevenueNumber<0?'':''}}</span>
                          <span>{{`${leaseRevenueNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
                          <span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                      <div class="row" style="margin-top: 16rpx" v-if="false">
                        <div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="valueItemBox" style="width: 130rpx"></div>
                        <div class="addItem" style="width: 130rpx">
                          <span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
                          <span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="areaBox" v-if="pageType===2">
                  <div class="listTitleBox">
                    <div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                    <div class="titleItem" style="width: 110rpx">2024年</div>
                    <div class="titleItem" style="width: 110rpx">2023年</div>
                    <div class="titleItem" style="width: 110rpx">增长</div>
                    <div class="titleItem" style="width: 110rpx">增幅</div>
                    <!--  增长 / 23年 -->
                  </div>
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.data?$util.getMoney(item.curYearRevenue.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.data?$util.getMoney(item.lYearRevenue.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.yearNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{item.yearAdd>0?'+':item.yearAdd<0?'':''}}</span>
                        <span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{`${item.yearAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
<!--              <div class="showIconBox" @click="handleChangeToCustomers">-->
<!--                <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!--              </div>-->
            </div>
          </div>
          <!--  营业收入 -->
          <div class="contentTitleBoxOuter">
            <text class="contentTitle">营业收入</text>
            <div style="display: flex;align-items: center">
              <div class="YOYNumber">
                <text class="YOYNumberText">增长</text>
                <div class="YOYNumberValue">
                  <span style="color: #A69E9F">{{tradeAccountNumber>0?'+':tradeAccountNumber<0?'':''}}</span>
                  <span style="color: #A69E9F">{{`${tradeAccountNumber || '-'}`}}</span>
                </div>
              </div>
              <div class="YOYBox">
                <text class="YOYBoxText">增幅</text>
                <div class="YOYBoxValue">
                  <span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{tradeAccountAdd>0?'+':tradeAccountAdd<0?'':''}}</span>
                  <span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{`${tradeAccountAdd || '-'}%`}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="overAllDataBottom">
            <div class="pkBox">
              <div :class="selectFestival===0?'leftBox revenueLeft':selectFestival===1?'leftBox qmRevenueLeft':selectFestival===2?'leftBox labourRevenueLeft':''">
                <text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万元</text>
              </div>
              <div :class="selectFestival===0?'rightBox revenueRight':selectFestival===1?'rightBox qmRevenueRight':selectFestival===2?'rightBox labourRevenueRight':''">
                <text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
                <text class="label">2023年/万元</text>
              </div>
              <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png':''"/>
            </div>

            <div class="otherListBox"  v-if="isShowAllDetail">
              <div class="listType">
<!--                <div class="downBox" @click="handleChangeRevenue">-->
<!--                  <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!--                </div>-->
                <div class="moduleBox" v-if="pageType===1">
                  <div class="listTitleBox">
                    <div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                    <div class="titleItem" style="width: 110rpx">2024年</div>
                    <div class="titleItem" style="width: 110rpx">2023年</div>
                    <div class="titleItem" style="width: 110rpx">增长</div>
                    <div class="titleItem" style="width: 110rpx">增幅</div>
                    <!--  增长 / 23年 -->
                  </div>
                  <div class="listValueBox">
                    <!-- 自营-->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营(除税)</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfAccount.data?$util.getMoney(pageData.curYearSelfAccount.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfAccount.data?$util.getMoney(pageData.lYearSelfAccount.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{tradeSelfAccountNumber>0?'+':tradeSelfAccountNumber<0?'':''}}</span>
                          <span>{{`${tradeSelfAccountNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{tradeSelfAccountAdd>0?'+':tradeSelfAccountAdd<0?'':''}}</span>
                          <span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{`${tradeSelfAccountAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  便利店  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSAccount.data?$util.getMoney(pageData.curYearCVSAccount.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSAccount.data?$util.getMoney(pageData.lYearCVSAccount.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{tradeStoresAccountNumber>0?'+':tradeStoresAccountNumber<0?'':''}}</span>
                          <span>{{`${tradeStoresAccountNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{tradeStoresAccountAdd>0?'+':tradeStoresAccountAdd<0?'':''}}</span>
                          <span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{`${tradeStoresAccountAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  餐饮客房  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮客房</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSCAccount.data ?$util.getMoney(pageData.curYearSCAccount.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCAccount.data?$util.getMoney(pageData.lYearSCAccount.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{tradeSCAAccountNumber>0?'+':tradeSCAAccountNumber<0?'':''}}</span>
                          <span>{{`${tradeSCAAccountNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{tradeSCAAccountAdd>0?'+':tradeSCAAccountAdd<0?'':''}}</span>
                          <span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{`${tradeSCAAccountAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  外包  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包(除税)</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{outsourceAccountNumber>0?'+':outsourceAccountNumber<0?'':''}}</span>
                          <span>{{`${outsourceAccountNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{outsourceAccountAdd>0?'+':outsourceAccountAdd<0?'':''}}</span>
                          <span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{`${outsourceAccountAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                    <!--  商铺租赁  -->
                    <div class="bigBox">
                      <div class="row">
                        <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
                        <div class="addItem" style="width: 110rpx">
                          <span>{{leaseAccountNumber>0?'+':leaseAccountNumber<0?'':''}}</span>
                          <span>{{`${leaseAccountNumber || '-'}`}}</span>
                        </div>
                        <div class="addItem" style="width: 110rpx">
                          <span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{leaseAccountAdd>0?'+':leaseAccountAdd<0?'':''}}</span>
                          <span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{`${leaseAccountAdd || '-'}%`}}</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="areaBox" v-if="pageType===2">
                  <div class="listTitleBox">
                    <div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                    <div class="titleItem" style="width: 110rpx">2024年</div>
                    <div class="titleItem" style="width: 110rpx">2023年</div>
                    <div class="titleItem" style="width: 110rpx">增长</div>
                    <div class="titleItem" style="width: 110rpx">增幅</div>
                    <!--  增长 / 23年 -->
                  </div>
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearAccount.data?$util.getMoney(item.curYearAccount.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearAccount.data?$util.getMoney(item.lYearAccount.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.yearRevenueNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{item.yearRevenueAdd>0?'+':item.yearRevenueAdd<0?'':''}}</span>
                        <span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{`${item.yearRevenueAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
<!--              <div class="showIconBox" @click="handleChangeRevenue">-->
<!--                <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!--              </div>-->
            </div>
          </div>
          <!--  入区流量  -->
          <div class="contentTitleBoxOuter">
            <text class="contentTitle">入区流量</text>
            <div style="display: flex;align-items: center">
              <div class="YOYNumber">
                <text class="YOYNumberText">增长</text>
                <div class="YOYNumberValue">
                  <span style="color: #A69E9F">{{carEntryNumber>0?'+':carEntryNumber<0?'':''}}</span>
                  <span style="color: #A69E9F">{{`${carEntryNumber || '-'}`}}</span>
                </div>
              </div>
              <div class="YOYBox">
                <text class="YOYBoxText">增幅</text>
                <div class="YOYBoxValue">
                  <span :style="{color:carEntryAdd>0?'#E83944':carEntryAdd<0?'#0E9976':''}">{{carEntryAdd>0?'+':carEntryAdd<0?'':''}}</span>
                  <span :style="{color:carEntryAdd>0?'#E83944':carEnmodalBoxtryAdd<0?'#0E9976':''}">{{`${carEntryAdd || '-'}%`}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="overAllDataBottom">
            <div class="pkBox" style="margin-bottom: 20px">
              <div :class="selectFestival===0?'leftBox carLeft':selectFestival===1?'leftBox qmCarLeft':selectFestival===2?'leftBox labourCarLeft':''">
                <text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万辆</text>
              </div>
              <div :class="selectFestival===0?'rightBox carRight':selectFestival===1?'rightBox qmCarRight':selectFestival===2?'rightBox labourCarRight':'' ">
                <text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
                <text class="label">2023年/万辆</text>
              </div>
              <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png':''"/>
            </div>

            <div class="otherListBox">
              <div class="listType" v-if="isShowAllDetail && pageType===2">
                <div class="areaBox">
                  <div class="listTitleBox">
                    <div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                    <div class="titleItem" style="width: 110rpx">2024年</div>
                    <div class="titleItem" style="width: 110rpx">2023年</div>
                    <div class="titleItem" style="width: 110rpx">增长</div>
                    <div class="titleItem" style="width: 110rpx">增幅</div>
                    <!--  增长 / 23年 -->
                  </div>
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.data?$util.getMoney(item.curYearBayonet.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.data?$util.getMoney(item.lYearBayonet.data/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.yearCarNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{item.yearCarAdd>0?'+':item.yearCarAdd<0?'':''}}</span>
                        <span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{`${item.yearCarAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="downBox" style="margin-top: 16rpx" @click="handleChangeCarEntry">
                  <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
                </div>
              </div>
              <div class="showIconBox" @click="handleChangeCarEntry" v-else>
                <img :style="{transform:isShowAllDetail?'rotate(-90deg)':''}" class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
              </div>
            </div>
          </div>
        </div>

        <div class="revenueDetail">
          <div :class="selectFestival===0?'springTitleBox revenueDetailTitleBox':selectFestival===1?'qmTitleBox revenueDetailTitleBox':selectFestival===2?'labourTitleBox revenueDetailTitleBox':''">
<!--            <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>-->
            <img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDaily.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png':''"/>
            <img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png"/>
<!--            <text class="modalUnit">单位：万元</text>-->
            <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
<!--            <text class="goTest" @click="handleGoTest">看测试页面</text>-->
<!--            <img class="goTest" @click="handleGoTest" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png"/>-->
            <img class="goTest" @click="handleGoTest" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPic.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png':''"/>
          </div>
          <div class="revenueContent">
            <scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':selectFestival===1?'navList qmNav':selectFestival===2?'navList qmNav':selectFestival===2?'navList labourNav':''" :scrollIntoView="currentScroll" :scroll-with-animation="true">
              <div :class="currentScroll==='item'+item.value?'scrollItem selectItem':'scrollItem'" v-for="(item,index) in scrollList" :key="index" :id="'item'+item.value" @click="handleChangeTime(item.value)">{{item.label}}</div>
            </scroll-view>
<!--            <span class="dateText">{{selectDateText || ''}}</span>-->
            <div class="modalBox">
              <div class="modalTitleBox" v-if="pageType===1">
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">对客销售</text>
                  <text class="modalUnit">/万元</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(1)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
              </div>
              <div class="modalTitleBox" v-else>
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">对客销售</text>
                  <text class="modalUnit">/万元</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(1)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
              </div>

              <div class="modalDetail">
                <div class="modalDetailTitle">
                  <div class="titleItem"  :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
                  <div class="titleItem"  style="width: 110rpx">2024年</div>
                  <div class="titleItem"  style="width: 110rpx">2023年</div>
                  <div class="titleItem"  style="width: 110rpx">增长</div>
                  <div class="titleItem"  style="width: 110rpx">增幅</div>
<!--                  <div class="titleItem"  style="width: 130rpx">同比去年</div>-->
                </div>
                <div class="typeFirst" v-if="pageType===1">
                  <!-- 合计 -->
                  <div class="row">
                    <div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney((Number(pageData.curYearRevenue.value) - Number(pageData.curYearWJRevenue.value)) / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearRevenue.value?$util.getMoney((Number(pageData.lYearRevenue.value) - Number(pageData.lYearWJRevenue.value)) / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{revenueToCustomerNumber>0?'+':revenueToCustomerNumber<0?'':''}}</span>
                      <span>{{`${revenueToCustomerNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{revenueToCustomerAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
                      <span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{`${revenueToCustomerAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 自营-->
                  <div class="row">
                    <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfRevenue.value?$util.getMoney(pageData.curYearSelfRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfRevenue.value?$util.getMoney(pageData.lYearSelfRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{revenueUserNumber>0?'+':revenueUserNumber<0?'':''}}</span>
                      <span>{{`${revenueUserNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{revenueUserAdd>0?'+':revenueUserAdd<0?'':''}}</span>
                      <span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{`${revenueUserAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 便利店-->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSRevenue.value?$util.getMoney(pageData.curYearCVSRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSRevenue.value?$util.getMoney(pageData.lYearCVSRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{revenueStoreNumber>0?'+':revenueStoreNumber<0?'':''}}</span>
                      <span>{{`${revenueStoreNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{revenueStoreAdd>0?'+':revenueStoreAdd<0?'':''}}</span>
                      <span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{`${revenueStoreAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!--  餐饮及客房  -->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮及客房</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSCRevenue.value?$util.getMoney((pageData.curYearSCRevenue.value) / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearSCRevenue.value?$util.getMoney(pageData.lYearSCRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{revenueSCANumber>0?'+':revenueSCANumber<0?'':''}}</span>
                      <span>{{`${revenueSCANumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{revenueSCAAdd>0?'+':revenueSCAAdd<0?'':''}}</span>
                      <span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{`${revenueSCAAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 外包-->
                  <div class="row">
                    <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{outsourceDailyNumber>0?'+':outsourceDailyNumber<0?'':''}}</span>
                      <span>{{`${outsourceDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{outsourceDailyAdd>0?'+':outsourceDailyAdd<0?'':''}}</span>
                      <span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{`${outsourceDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 商铺租赁 -->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{leaseDailyNumber>0?'+':leaseDailyNumber<0?'':''}}</span>
                      <span>{{`${leaseDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{leaseDailyAdd>0?'+':leaseDailyAdd<0?'':''}}</span>
                      <span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{`${leaseDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                </div>

                <div class="typeSecond" v-if="pageType===2">
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.value?$util.getMoney(item.curYearRevenue.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.value?$util.getMoney(item.lYearRevenue.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.dailyNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{item.dailyAdd>0?'+':item.dailyAdd<0?'':''}}</span>
                        <span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{`${item.dailyAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="modalBox">
              <div class="modalTitleBox" v-if="pageType===1">
                <div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">营业收入</text>
                  <text class="modalUnit">/万元</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(2)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
<!--                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">-->
<!--                  <span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>-->
<!--                  <span>{{`${incomeDailyNumber || '-'}`}}</span>-->
<!--                </div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">-->
<!--                  <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>-->
<!--                  <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>-->
<!--                </div>-->
              </div>
              <div class="modalTitleBox" v-else>
                <div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">营业收入</text>
                  <text class="modalUnit">/万元</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(2)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
              </div>

              <div class="modalDetail">
                <div class="modalDetailTitle">
                  <div class="titleItem"  :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
                  <div class="titleItem"  style="width: 110rpx">2024年</div>
                  <div class="titleItem"  style="width: 110rpx">2023年</div>
                  <div class="titleItem"  style="width: 110rpx">增长</div>
                  <div class="titleItem"  style="width: 110rpx">增幅</div>
                  <!--                  <div class="titleItem"  style="width: 130rpx">同比去年</div>-->
                </div>
                <div class="typeFirst" v-if="pageType===1">
                  <!-- 合计-->
                  <div class="row">
                    <div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>
                      <span>{{`${incomeDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>
                      <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 自营-->
                  <div class="row">
                    <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfAccount.value?$util.getMoney(pageData.curYearSelfAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfAccount .value?$util.getMoney(pageData.lYearSelfAccount .value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{inComeDailyRevenueNumber>0?'+':inComeDailyRevenueNumber<0?'':''}}</span>
                      <span>{{`${inComeDailyRevenueNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{inComeDailyRevenueAdd>0?'+':inComeDailyRevenueAdd<0?'':''}}</span>
                      <span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{`${inComeDailyRevenueAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 便利店-->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSAccount.value?$util.getMoney(pageData.curYearCVSAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSAccount.value?$util.getMoney(pageData.lYearCVSAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{inComeDailyStoreNumber>0?'+':inComeDailyStoreNumber<0?'':''}}</span>
                      <span>{{`${inComeDailyStoreNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{inComeDailyStoreAdd>0?'+':inComeDailyStoreAdd<0?'':''}}</span>
                      <span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{`${inComeDailyStoreAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!--  餐饮及客房  -->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮及客房</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSCAccount.value?$util.getMoney((pageData.curYearSCAccount.value) / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearSCAccount.value ?$util.getMoney(pageData.lYearSCAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{inComeDailyFoodNumber>0?'+':inComeDailyFoodNumber<0?'':''}}</span>
                      <span>{{`${inComeDailyFoodNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{inComeDailyFoodAdd>0?'+':inComeDailyFoodAdd<0?'':''}}</span>
                      <span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{`${inComeDailyFoodAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 外包-->
                  <div class="row">
                    <div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{outsourceInComeDailyNumber>0?'+':outsourceInComeDailyNumber<0?'':''}}</span>
                      <span>{{`${outsourceInComeDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{outsourceInComeDailyAdd>0?'+':outsourceInComeDailyAdd<0?'':''}}</span>
                      <span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{`${outsourceInComeDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                  <!-- 商铺租赁 -->
                  <div class="row">
                    <div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{leaseInComeDailyNumber>0?'+':leaseInComeDailyNumber<0?'':''}}</span>
                      <span>{{`${leaseInComeDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{leaseInComeDailyAdd>0?'+':leaseInComeDailyAdd<0?'':''}}</span>
                      <span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{`${leaseInComeDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                </div>

                <div class="typeSecond" v-if="pageType===2">
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearAccount.value?$util.getMoney(item.curYearAccount.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearAccount.value?$util.getMoney(item.lYearAccount.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.dailyRevenueNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{item.dailyRevenueAdd>0?'+':item.dailyRevenueAdd<0?'':''}}</span>
                        <span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{`${item.dailyRevenueAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
            </div>

            <div class="modalBox">
              <div class="modalTitleBox" v-if="pageType===1">
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">入区车流</text>
                  <text class="modalUnit">/万辆</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(3)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
<!--                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">-->
<!--                  <span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>-->
<!--                  <span>{{`${entryCarDailyNumber || '-'}`}}</span>-->
<!--                </div>-->
<!--                <div class="modalTitleItem1" style="width: 110rpx">-->
<!--                  <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>-->
<!--                  <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>-->
<!--                </div>-->
              </div>
              <div class="modalTitleBox" v-else>
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
                  <text class="modalText">入区车流</text>
                  <text class="modalUnit">/万辆</text>
                </div>
                <div class="moreBox" @click="handleGoMorePage(3)">
                  <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</span>
<!--                  <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
                  <img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':''"/>
                </div>
              </div>

              <div class="modalDetail" v-if="pageType===1">
                <div class="modalDetailTitle">
                  <div class="titleItem"  :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
                  <div class="titleItem"  style="width: 110rpx">2024年</div>
                  <div class="titleItem"  style="width: 110rpx">2023年</div>
                  <div class="titleItem"  style="width: 110rpx">增长</div>
                  <div class="titleItem"  style="width: 110rpx">增幅</div>
                  <!--                  <div class="titleItem"  style="width: 130rpx">同比去年</div>-->
                </div>
                <div class="typeFirst">
                  <!-- 合计-->
                  <div class="row">
                    <div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>
                    <div class="compareItem" style="width: 110rpx">
                      <span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>
                      <span>{{`${entryCarDailyNumber || '-'}`}}</span>
                    </div>
                    <div class="addItem" style="width: 110rpx">
                      <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
                      <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>
                    </div>
                  </div>
                </div>
              </div>

              <div class="modalDetail" v-if="pageType===2">
                <div class="modalDetailTitle">
                  <div class="titleItem"  :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
                  <div class="titleItem"  style="width: 110rpx">2024年</div>
                  <div class="titleItem"  style="width: 110rpx">2023年</div>
                  <div class="titleItem"  style="width: 110rpx">增长</div>
                  <div class="titleItem"  style="width: 110rpx">增幅</div>
                  <!--                  <div class="titleItem"  style="width: 130rpx">同比去年</div>-->
                </div>
                <div class="typeSecond">
                  <div class="listValueBox">
                    <div class="row" v-for="(item,index) in areaDataList" :key="index">
                      <div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.value?$util.getMoney(item.curYearBayonet.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.value?$util.getMoney(item.lYearBayonet.value/ 10000):'0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">{{item.dailyCarNumber || '0.00'}}</div>
                      <div class="rowItem" style="width: 110rpx">
                        <span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{item.dailyCarAdd>0?'+':item.dailyCarAdd<0?'':''}}</span>
                        <span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{`${item.dailyCarAdd || '-'}%`}}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import request from '@/util/index.js'
import moment from "moment";
export default {
  name: "springTravel",
  data(){
    return {
      statusBarHeight:0,
      menu:{},
      scrollList:[],
      currentScroll:'',
      selectIndex: 2,
      curYear:2024,
      compareYear:2023,
      lastDay:'',
      allDateDay:'',
      pageData:{},// 当天的数据
      yesDayPageData:{},// 前一天的数据
      revenueAdd: 0,// 对客销售金额增幅
      revenueNumber: 0,// 对客销售金额增长
      howDayNumber: 0,// 春运开始的第几天
      isShowToCustomers: false,// 是否显示对客的详情
      isShowRevenue:false,// 是否显示营业收入
      isShowCarEntry:false,// 是否显示入区车流
      pageType:1,// 按模块区分 按片区区分
      areaDataList:[],// 按片区分的值
      isShowAllDetail:false,// 是否展示三个的详情
      selectDateText:'',// 选择的日期
      showSpring:false,
      springService:null,// 当前选中的服务区
      useInfo:{},// 用户信息
      isShowWarningTime: true,// 是否显示警告文字
      giveTrendObj:{},// 传递给趋势页面的值
      isFirst:true,

      selfRevenueNumber:0,// 对客自营营业额增长
      selfRevenueAdd: 0,// 对客自营营业额增幅
      selfStoresRevenueNumber:0,// 对客自营便利店增长
      selfStoresRevenueAdd:0,// 对客自营便利店增幅
      GRORevenueNumber:0,// 对客餐饮+客房及其他增长
      GRORevenueAdd:0,// 对客客房及其他增幅
      outsourceRevenueNumber:0,// 对客外包增长
      outsourceRevenueAdd:0,// 对客外包增幅
      leaseRevenueNumber:0,// 对客租赁增长
      leaseRevenueAdd:0,// 对客租赁增幅

      tradeAccountAdd:0,// 营业收入增幅
      tradeAccountNumber:0,// 营业收入增长
      tradeSelfAccountNumber:0,// 营业自营营业额增长
      tradeSelfAccountAdd:0,// 营业自营营业额增幅
      tradeStoresAccountNumber:0,// 营业自营便利店增长
      tradeStoresAccountAdd:0,// 营业自营便利店增幅
      tradeSCAAccountNumber:0,// 营业餐饮及客房增长
      tradeSCAAccountAdd:0,// 营业餐饮及客房增幅
      outsourceAccountNumber:0,// 营业外包增长
      outsourceAccountAdd:0,// 营业外包增幅
      leaseAccountNumber:0,// 营业租赁增长
      leaseAccountAdd:0,// 营业租赁增幅

      carEntryAdd:0,// 车流量的增幅
      carEntryNumber:0,// 车流量的增长

      revenueToCustomerAdd:0,// 每日对客销售增幅
      revenueToCustomerNumber:0,// 每日对客销售增长
      revenueUserAdd:0,// 每日对客自营收入增幅
      revenueUserNumber:0,// 每日对客自营收入增长
      revenueStoreAdd:0,// 每日对客便利店收入增幅
      revenueStoreNumber:0,// 每日对客便利店收入增长
      revenueSCAAdd:0,// 每日餐饮及客房增幅
      revenueSCANumber:0,// 每日餐饮及客房增长
      outsourceDailyAdd:0,// 每日外包增幅
      outsourceDailyNumber:0,// 每日外包增长
      leaseDailyAdd:0,// 每日租赁增幅
      leaseDailyNumber:0,// 每日租赁增长
      incomeDailyAdd:0,// 每日营业收入增幅
      incomeDailyNumber:0,// 每日营业收入增长
      inComeDailyRevenueAdd:0,// 每日自营营收增幅
      inComeDailyRevenueNumber:0,// 每日自营营收增长
      inComeDailyStoreAdd:0,// 每日自营便利店增幅
      inComeDailyStoreNumber:0,// 每日自营便利店增长
      inComeDailyFoodAdd:0,// 每日自营餐饮及客房增幅
      inComeDailyFoodNumber:0,// 每日自营餐饮及客房增长
      outsourceInComeDailyAdd:0,// 每日外包营收增幅
      outsourceInComeDailyNumber:0,// 每日外包营收增长
      leaseInComeDailyAdd:0,// 每日租赁增幅
      leaseInComeDailyNumber:0,// 每日租赁增长
      entryCarDailyAdd:0,// 每日车流增幅
      entryCarDailyNumber:0,// 每日车流增长

      selectFestival: 2,// 选择的节日
      festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:2}],// 节日列表
    }
  },
  async onLoad(query){
    // if (new Date().getTime() > new Date('2024-04-05 00:00:00').getTime()){
    //   this.selectFestival = 1
    // }

    //  获取手机参数对页面进行适配
    let systemInfo = uni.getSystemInfoSync()
    this.statusBarHeight = Number(systemInfo.statusBarHeight)
    this.menu = uni.getMenuButtonBoundingClientRect()
    // 获取用户信息
    let userInfo = uni.getStorageSync('vuex')
    userInfo = JSON.parse(userInfo)
    this.useInfo = JSON.parse(JSON.stringify(userInfo))
    if (query.selectType){
      this.selectIndex = Number(query.selectType)
    }

    const date = new Date()
    let y = date.getFullYear()
    this.curYear = y
    this.compareYear = y - 1

    this.lastDay = uni.getStorageSync('lastDay')
    // this.lastDay = '2024-04-03'
    // this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
    if (this.selectFestival===0){
      this.currentScroll = 'item'+ '2024-03-05'
    }else if (this.selectFestival===1){
      this.currentScroll = 'item'+ this.lastDay
    }else if (this.selectFestival===2){
      this.currentScroll = 'item'+ this.lastDay
    }
    console.log('currentScroll',this.currentScroll)
    const lastDate = new Date(this.lastDay)
    let lastM = lastDate.getMonth() + 1
    let lastD = lastDate.getDate()
    this.allDateDay = `${lastM<10?'0'+lastM:lastM}月${lastD<10?'0'+lastD:lastD}日`

    // 拿到是春运开始的第几天
    let dayNumber = 0
    let lastMonth =  lastDate.getMonth() + 1
    let lastDays = lastDate.getDate()
    // 24年春运开始时间为 1.26
    // if (lastMonth === 1){
    //   dayNumber = lastDays - 26 + 1
    // }else{
    //   dayNumber = 6 + lastDays
    // }
    if (this.selectFestival===0){
      dayNumber = moment().diff("2024-01-26", "days")// 春节
    }else if (this.selectFestival===1){
      dayNumber = moment().diff("2024-04-03", "days")// 清明
    }else if (this.selectFestival===2){
      dayNumber = moment().diff("2024-04-29", "days")// 劳动
    }
    console.log('dayNumber',dayNumber)
    if (this.selectFestival===0){
      this.howDayNumber = dayNumber<=40?dayNumber:40
      this.lastDay = '2024-03-05'
    }else if (this.selectFestival===1){
      if (dayNumber<=5){
        this.howDayNumber = dayNumber
      }else{
        this.howDayNumber = 5
        this.currentScroll = 'item'+ '2024-04-07'
        this.lastDay = '2024-04-07'
      }
    }else if (this.selectFestival===2){
      if (dayNumber<=7){
        this.howDayNumber = dayNumber
      }else{
        this.howDayNumber = 7
        this.currentScroll = 'item'+ '2024-05-05'
        this.lastDay = '2024-05-05'
      }
    }

    let dateList = []
    for (let i = 1;i<=this.howDayNumber;i++){
      if (this.selectFestival===0){
        dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
      }else if (this.selectFestival===1){
        dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
      }else if (this.selectFestival===2){
        dateList.push({label:`第${i}天`,value:moment("2024-04-28").add(i, 'days').format("YYYY-MM-DD")})
      }
      // if (i<7){
      //   dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
      // }else{
      //   if (i-6>29){

      //   }else{
      //     dateList.push({label:`第${i}天`,value:`2024-02-${i - 7 + 1<10?`0${i - 7 + 1}`:i - 7 + 1}`})
      //   }
      // }
    }
	  console.log('dateList',dateList)
    if (dateList && dateList.length>0){
      this.scrollList = dateList
      this.selectDateText = dateList[this.howDayNumber-1].value
    }
    uni.showLoading({
      title: '正在加载...'
    })
    await this.handleGetNewUpdateTime()
    await this.handleGetPageData()
    this.handleGetAreaData()
    // await this.handleGetRestaurantData()
    uni.hideLoading()
  },
  async onShow(){
    let seat = uni.getStorageSync('springService')
    if (seat){
      this.springService = seat
      this.showSpring = true
      uni.showLoading({
        title: '正在加载...'
      })

      await this.handleGetPageData()
      this.handleGetAreaData()
      // await this.handleGetRestaurantData()

      uni.hideLoading()
    }else{
      this.showSpring = false
    }
  },
  destroyed(){
    uni.removeStorageSync('springService')
  },
  methods:{
    // 改变节日
    async handleChangeFestival(e){
      this.handleResest()
      console.log('e',e)
      this.selectFestival = Number(e.detail.value)
      this.scrollList = []

      if (this.selectFestival===0){
        this.currentScroll = 'item'+ '2024-03-05'
      }else if(this.selectFestival===1){
        this.currentScroll = 'item'+ this.lastDay
      }

      let dayNumber = 0
      if (this.selectFestival===0){
        dayNumber = moment().diff("2024-01-26", "days")
      }else if (this.selectFestival===1){
        dayNumber = moment().diff("2024-04-03", "days")
      }else if (this.selectFestival===2){
        dayNumber = moment().diff("2024-04-29", "days")// 劳动
      }
      if (this.selectFestival===0){
        if (dayNumber<=40){
          this.howDayNumber = dayNumber
        }else{
          this.howDayNumber = 40
          this.lastDay = '2024-03-05'
        }
      }else if (this.selectFestival===1){
        // this.howDayNumber = dayNumber<=3?dayNumber:3
        if (dayNumber<=3){
          this.howDayNumber = dayNumber
        }else{
          this.howDayNumber = 3
          this.currentScroll = 'item'+ '2024-04-05'
          this.lastDay = '2024-04-07'
        }
      }else if (this.selectFestival===2){
        // this.howDayNumber = dayNumber<=3?dayNumber:3
        if (dayNumber<=7){
          this.howDayNumber = dayNumber
        }else{
          this.howDayNumber = 7
          this.currentScroll = 'item'+ '2024-05-05'
          this.lastDay = '2024-05-05'
        }
      }
      let dateList = []
      for (let i = 1;i<=this.howDayNumber;i++) {
        if (this.selectFestival===0){
          dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
        }else if (this.selectFestival===1){
          dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
        }else if (this.selectFestival===1){
          dateList.push({label:`第${i}天`,value:moment("2024-04-28").add(i, 'days').format("YYYY-MM-DD")})
        }
      }
      if (dateList && dateList.length>0){
        this.scrollList = dateList
        this.selectDateText = dateList[this.howDayNumber-1].value
      }
      uni.showLoading({
        title: '正在加载...'
      })
      await this.handleGetNewUpdateTime()
      await this.handleGetPageData()
      this.handleGetAreaData()
      uni.hideLoading()
    },
    async handleGetPageData(date){
      let req
      // 判断有没有服务区
      if (this.springService){
        req = {
          pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
          curYear:this.curYear,
          compareYear:this.compareYear,
          HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
          StatisticsDate:date || this.lastDay,
          ServerpartId:this.springService.Serverpart_ID
        }
      }else{
        req = {
          pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
          curYear:this.curYear,
          compareYear:this.compareYear,
          HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
          StatisticsDate:date || this.lastDay,
        }
      }

      const data = await request.$webGet('CommercialApi/Revenue/GetHolidayAnalysis',req)
      console.log(112321312,data)
      if (data.Result_Data){
        this.pageData = data.Result_Data
        if (this.isFirst){
          this.giveTrendObj = {
            curYearRevenue:this.pageData.curYearRevenue.data,
            lYearRevenue:this.pageData.lYearRevenue.data,
            curYearAccount: this.pageData.curYearAccount.data,
            lYearAccount:this.pageData.lYearAccount.data,
            curYearBayonet:this.pageData.curYearBayonet.data,
            lYearBayonet:this.pageData.lYearBayonet.data,
          }
          this.isFirst = false
        }
        // 对客销售金额增幅
        this.revenueAdd = Number((((this.pageData.curYearRevenue.data / this.pageData.lYearRevenue.data)-1)*100).toFixed(2))
        this.revenueNumber = Number(((this.pageData.curYearRevenue.data - this.pageData.lYearRevenue.data)/10000).toFixed(2))

        // 自营营业额增长
        this.selfRevenueNumber = Number(((this.pageData.curYearSelfRevenue.data - this.pageData.lYearSelfRevenue.data) / 10000).toFixed(2))
        // 自营营业额增幅
        this.selfRevenueAdd = Number((((this.pageData.curYearSelfRevenue.data / this.pageData.lYearSelfRevenue.data)-1)*100).toFixed(2))
        // 对客自营便利店增长
        this.selfStoresRevenueNumber = Number(((this.pageData.curYearCVSRevenue.data - this.pageData.lYearCVSRevenue.data) / 10000).toFixed(2))
        // 对客自营便利店增幅
        this.selfStoresRevenueAdd = Number((((this.pageData.curYearCVSRevenue.data / this.pageData.lYearCVSRevenue.data)-1)*100).toFixed(2))
        // 对客餐饮+客房及其他增长
        this.GRORevenueNumber = Number(((this.pageData.curYearSCRevenue.data -  this.pageData.lYearSCRevenue.data) / 10000).toFixed(2))
        // 对客餐饮+客房及其他增幅
        this.GRORevenueAdd = Number(((((this.pageData.curYearSCRevenue.data) / this.pageData.lYearSCRevenue.data)-1)*100).toFixed(2))
        // this.GRORevenueAdd = 100
        // 对客外包增长
        this.outsourceRevenueNumber = Number(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000).toFixed(2))
        // 对客外包增幅
        this.outsourceRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))
        // 对客租赁增长
        this.leaseRevenueNumber = Number(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000).toFixed(2))
        // 对客租赁增幅
        this.leaseRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))

        // 营业收入增长
        this.tradeAccountAdd = Number((((this.pageData.curYearAccount.data / this.pageData.lYearAccount.data)-1)*100).toFixed(2))
        this.tradeAccountNumber = Number(((this.pageData.curYearAccount.data - this.pageData.lYearAccount.data)/10000).toFixed(2))
        // 营业自营营业额增长
        this.tradeSelfAccountNumber = Number(((this.pageData.curYearSelfAccount.data - this.pageData.lYearSelfAccount.data) / 10000).toFixed(2))
        // 营业自营营业额增幅
        this.tradeSelfAccountAdd = Number((((this.pageData.curYearSelfAccount.data / this.pageData.lYearSelfAccount.data)-1)*100).toFixed(2))
        // 营业自营便利店增长
        this.tradeStoresAccountNumber = Number(((this.pageData.curYearCVSAccount.data - this.pageData.lYearCVSAccount.data) / 10000).toFixed(2))
        // 营业自营便利店增幅
        this.tradeStoresAccountAdd = Number((((this.pageData.curYearCVSAccount.data / this.pageData.lYearCVSAccount.data)-1)*100).toFixed(2))
        // 餐饮及客房增长
        this.tradeSCAAccountNumber = Number(((this.pageData.curYearSCAccount.data - this.pageData.lYearSCAccount.data) / 10000).toFixed(2))
        // 餐饮及客房增幅
        this.tradeSCAAccountAdd = Number((((this.pageData.curYearSCAccount.data / this.pageData.lYearSCAccount.data)-1)*100).toFixed(2))
        // 营业外包增长
        this.outsourceAccountNumber = Number(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000).toFixed(2))
        // 营业外包增幅
        this.outsourceAccountAdd = Number((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100).toFixed(2))
        // 营业租赁增长
        this.leaseAccountNumber = Number(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000).toFixed(2))
        // 营业租赁增幅
        this.leaseAccountAdd = Number((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100).toFixed(2))

        // 车流量的增长
        this.carEntryAdd = Number((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100).toFixed(2))
        this.carEntryNumber = Number(((this.pageData.curYearBayonet.data - this.pageData.lYearBayonet.data)/10000).toFixed(2))



        // 当日
        // 每日对客销售增幅 要减去万佳的
        let realDailyRevenue = Number(this.pageData.curYearRevenue.value) - Number(this.pageData.curYearWJRevenue.value)
        let realDailyWj = Number(this.pageData.lYearRevenue.value) - Number(this.pageData.lYearWJRevenue.value)

        this.revenueToCustomerAdd = Number((((realDailyRevenue / realDailyWj)-1)*100).toFixed(2))
        this.revenueToCustomerNumber = Number(((realDailyRevenue - realDailyWj) / 10000).toFixed(2))
        // 每日对客自营收入
        this.revenueUserAdd = Number((((this.pageData.curYearSelfRevenue.value / this.pageData.lYearSelfRevenue.value)-1)*100).toFixed(2))
        this.revenueUserNumber = Number(((this.pageData.curYearSelfRevenue.value - this.pageData.lYearSelfRevenue.value) / 10000).toFixed(2))
        // 每日对客便利店收入
        this.revenueStoreAdd = Number((((this.pageData.curYearCVSRevenue.value / this.pageData.lYearCVSRevenue.value)-1)*100).toFixed(2))
        this.revenueStoreNumber = Number(((this.pageData.curYearCVSRevenue.value - this.pageData.lYearCVSRevenue.value) / 10000).toFixed(2))
        // 每日餐饮及客房增幅
        this.revenueSCAAdd = Number(((((this.pageData.curYearSCRevenue.value) / this.pageData.lYearSCRevenue.value)-1)*100).toFixed(2))
        this.revenueSCANumber = Number((((this.pageData.curYearSCRevenue.value) - this.pageData.lYearSCRevenue.value)/ 10000).toFixed(2))
        // 每日外包增幅
        this.outsourceDailyAdd = Number((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100).toFixed(2))
        this.outsourceDailyNumber = Number(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000).toFixed(2))
        // 每日租赁增幅
        this.leaseDailyAdd = Number((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100).toFixed(2))
        this.leaseDailyNumber = Number(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000).toFixed(2))
        // 每日营业收入增幅
        this.incomeDailyAdd = Number((((this.pageData.curYearAccount.value / this.pageData.lYearAccount.value)-1)*100).toFixed(2))
        this.incomeDailyNumber = Number(((this.pageData.curYearAccount.value - this.pageData.lYearAccount.value) / 10000).toFixed(2))
        // 每日自营营收增幅
        this.inComeDailyRevenueAdd = Number((((this.pageData.curYearSelfAccount.value / this.pageData.lYearSelfAccount.value)-1)*100).toFixed(2))
        this.inComeDailyRevenueNumber = Number(((this.pageData.curYearSelfAccount.value - this.pageData.lYearSelfAccount.value) / 10000).toFixed(2))
        // 每日自营便利店
        this.inComeDailyStoreAdd = Number((((this.pageData.curYearCVSAccount.value / this.pageData.lYearCVSAccount.value)-1)*100).toFixed(2))
        this.inComeDailyStoreNumber = Number(((this.pageData.curYearCVSAccount.value - this.pageData.lYearCVSAccount.value) / 10000).toFixed(2))
        // 每日自营餐饮及客房
        this.inComeDailyFoodAdd = Number((((this.pageData.curYearSCAccount.value / this.pageData.lYearSCAccount.value)-1)*100).toFixed(2))
        this.inComeDailyFoodNumber = Number(((this.pageData.curYearSCAccount.value - this.pageData.lYearSCAccount.value) / 10000).toFixed(2))
        // 每日外包营收增幅
        this.outsourceInComeDailyAdd = Number((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100).toFixed(2))
        this.outsourceInComeDailyNumber = Number(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000).toFixed(2))
        // 每日租赁增幅
        this.leaseInComeDailyAdd = Number((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100).toFixed(2))
        this.leaseInComeDailyNumber = Number(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000).toFixed(2))
        // 每日车流增幅
        this.entryCarDailyAdd = Number((((this.pageData.curYearBayonet.value / this.pageData.lYearBayonet.value)-1)*100).toFixed(2))
        this.entryCarDailyNumber =Number(((this.pageData.curYearBayonet.value - this.pageData.lYearBayonet.value) / 10000).toFixed(2))
      }
    },
    // 拿到片区区分的顶部
    async handleGetAreaData(date){
      let req = {
        pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
        curYear:this.curYear,
        compareYear:this.compareYear,
        HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
        StatisticsDate:date || this.lastDay,
        businessRegion:1,
      }
      const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
      if (data.Result_Data){
        let res = data.Result_Data
        let list = []
        if (res.List && res.List.length>0){
          res.List.forEach(item=>{
            if (item.node.SPRegionTypeId!==0){
              list.push(item.node)
            }
          })
        }

        if (list && list.length>0){
          list.forEach(item=>{
            // 对客营收
            // 年增长
            item.yearNumber = Number(((item.curYearRevenue.data - item.lYearRevenue.data) / 10000).toFixed(2))
            // 年增幅
            item.yearAdd = Number((((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100).toFixed(2))
            // 天增长
            item.dailyNumber = Number(((item.curYearRevenue.value - item.lYearRevenue.value) / 10000).toFixed(2))
            // 天增幅
            item.dailyAdd = Number((((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100).toFixed(2))

            // 营业收入
            // 年增长
            item.yearRevenueNumber = Number(((item.curYearAccount.data - item.lYearAccount.data) / 10000).toFixed(2))
            // 年增幅
            item.yearRevenueAdd = Number((((item.curYearAccount.data / item.lYearAccount.data)-1)*100).toFixed(2))
            // 天增长
            item.dailyRevenueNumber = Number(((item.curYearAccount.value - item.lYearAccount.value) / 10000).toFixed(2))
            // 天增幅
            item.dailyRevenueAdd = Number((((item.curYearAccount.value / item.lYearAccount.value)-1)*100).toFixed(2))

            //入区流量
            // 年增长
            item.yearCarNumber = Number(((item.curYearBayonet.data - item.lYearBayonet.data) / 10000).toFixed(2))
            // 年增幅
            item.yearCarAdd = Number((((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100).toFixed(2))
            // 天增长
            item.dailyCarNumber = Number(((item.curYearBayonet.value - item.lYearBayonet.value) / 10000).toFixed(2))
            // 天增幅
            item.dailyCarAdd = Number((((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100).toFixed(2))
          })
        }
        this.areaDataList = list
      }
    },
    // 拿到片区的餐饮
    async handleGetRestaurantData(date){
      let req = {
        pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
        curYear:this.curYear,
        compareYear:this.compareYear,
        HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
        StatisticsDate:date || this.lastDay,
        businessTrade:1
      }
      const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
      let res = data.Result_Data
      let list = []
      if (res.List && res.List.length>0){
        res.List.forEach(item=>{
          if (item.node.SPRegionTypeId!==0){
            list.push(item.node)
          }
        })
      }

      if (list && list.length>0){
        list.forEach(item=>{
          // 对客营收
          // 年增长
          item.yearNumber = Number(this.$util.getMoney((item.curYearRevenue.data - item.lYearRevenue.data) / 10000))
          // 年增幅
          item.yearAdd = Number(this.$util.getMoney(((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100))
          // 天增长
          item.dailyNumber = Number(this.$util.getMoney((item.curYearRevenue.value - item.lYearRevenue.value) / 10000))
          // 天增幅
          item.dailyAdd = Number(this.$util.getMoney(((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100))

          // 营业收入
          // 年增长
          item.yearRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.data - item.lYearAccount.data) / 10000))
          // 年增幅
          item.yearRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.data / item.lYearAccount.data)-1)*100))
          // 天增长
          item.dailyRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.value - item.lYearAccount.value) / 10000))
          // 天增幅
          item.dailyRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.value / item.lYearAccount.value)-1)*100))

          //入区流量
          // 年增长
          item.yearCarNumber = Number(this.$util.getMoney((item.curYearBayonet.data - item.lYearBayonet.data) / 10000))
          // 年增幅
          item.yearCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100))
          // 天增长
          item.dailyCarNumber = Number(this.$util.getMoney((item.curYearBayonet.value - item.lYearBayonet.value) / 10000))
          // 天增幅
          item.dailyCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100))
        })
      }
    },
    handleBack(){
      uni.navigateBack({
        delta: 1
      });
    },
  //   切换时间的方法
    async handleChangeTime(value){
      this.currentScroll = 'item'+value
      this.selectDateText = value
      this.pageData = null
      this.areaDataList = []
      this.handleReset()
      uni.showLoading({
        title: '正在加载...'
      })
      await this.handleGetPageData(value)
      this.handleGetAreaData(value)
      uni.hideLoading()
    },
  //   切換对客是否显示详情
    handleChangeToCustomers(){
      this.isShowToCustomers = !this.isShowToCustomers
    },
  //   切换显示营业收入
    handleChangeRevenue(){
      this.isShowRevenue = !this.isShowRevenue
    },
    // 切换模块
    handleChangeType(value){
      this.pageType = value
    },
  // 切换入区车流的显示
    handleChangeCarEntry(){
      // this.isShowCarEntry = !this.isShowCarEntry
      this.isShowAllDetail = !this.isShowAllDetail
    },
    // 清空已有数据
    handleReset(){
      this.revenueAdd = 0
      this.selfRevenueNumber = 0
      this.selfRevenueAdd = 0
      this.selfStoresRevenueNumber = 0
      this.selfStoresRevenueAdd = 0
      this.GRORevenueNumber = 0
      this.GRORevenueAdd = 0
      this.outsourceRevenueNumber = 0
      this.outsourceRevenueAdd = 0
      this.leaseRevenueNumber = 0
      this.leaseRevenueAdd = 0
      this.tradeAccountAdd = 0
      this.tradeSelfAccountNumber = 0
      this.tradeSelfAccountAdd = 0
      this.tradeStoresAccountNumber = 0
      this.tradeStoresAccountAdd = 0
      this.tradeSCAAccountNumber = 0
      this.tradeSCAAccountAdd = 0
      this.outsourceAccountNumber = 0
      this.outsourceAccountAdd = 0
      this.leaseAccountNumber = 0
      this.leaseAccountAdd = 0
      this.carEntryAdd = 0
      this.revenueToCustomerAdd = 0
      this.revenueToCustomerNumber = 0
      this.revenueUserAdd = 0
      this.revenueUserNumber = 0
      this.revenueStoreAdd = 0
      this.revenueStoreNumber = 0
      this.revenueSCAAdd = 0
      this.revenueSCANumber = 0
      this.outsourceDailyAdd = 0
      this.outsourceDailyNumber = 0
      this.leaseDailyAdd = 0
      this.leaseDailyNumber = 0
      this.incomeDailyAdd = 0
      this.incomeDailyNumber = 0
      this.inComeDailyRevenueAdd = 0
      this.inComeDailyRevenueNumber = 0
      this.inComeDailyStoreAdd = 0
      this.inComeDailyStoreNumber = 0
      this.inComeDailyFoodAdd = 0
      this.inComeDailyFoodNumber = 0
      this.outsourceInComeDailyAdd = 0
      this.outsourceInComeDailyNumber = 0
      this.leaseInComeDailyAdd = 0
      this.leaseInComeDailyNumber = 0
      this.entryCarDailyAdd = 0
      this.entryCarDailyNumber = 0
    },
    handleGoMap(){
      this.$util.toNextRoute('navigateTo', '/pages/map/index?type=springTravel')
    },
    // 查询全部
    async handleSearchAll(){
      this.showSpring = false
      uni.removeStorageSync('springService')
      this.springService = undefined
      uni.showLoading({
        title: '正在加载...'
      })
      await this.handleGetPageData()
      this.handleGetAreaData()

      uni.hideLoading()
    },
    // 跳转到门店详情页面
    handleGoShopDetail(){
      // ServerpartIds=416&time=2024-01-31&ProvinceCode=340000
      let time = this.currentScroll.split('item')[1]
      this.$util.toNextRoute('navigateTo', `/pages/nationalPage/nationalServerpart?ProvinceCode=${this.useInfo.userData.ProvinceCode || '340000'}&ServerpartIds=${this.springService.Serverpart_ID}&time=${time}`)
    },
    // 跳转更多记录的页面
    handleGoMorePage(type){
      let time = this.currentScroll.split('item')[1]
      this.$util.toNextRoute('navigateTo', `/pages/nationalPage/rankPage?type=${type}&time=${time}&festivalType=${this.selectFestival}`)
    },
    handleGoTest(type){
      let obj = JSON.stringify(this.giveTrendObj)
      this.$util.toNextRoute('navigateTo', `/pages/nationalPage/testPage?detailObj=${obj}&festivalType=${this.selectFestival}`)
    },
    // 获取最新的同步日期
    async handleGetNewUpdateTime(){
      const data = await request.$webGet('CommercialApi/Revenue/GetLastSyncDateTime')
      if (this.lastDay === data.Result_Data){
        this.isShowWarningTime = false
      }
    },
    // 重置
    handleResest(){
      this.pageData = null
      this.giveTrendObj = {}
      this.revenueAdd = null
      this.revenueNumber = null
      this.selfRevenueNumber = null
      this.selfRevenueAdd = null
      this.selfStoresRevenueNumber = null
      this.selfStoresRevenueAdd = null
      this.GRORevenueNumber = null
      this.GRORevenueAdd = null
      this.outsourceRevenueNumber = null
      this.outsourceRevenueAdd = null
      this.leaseRevenueNumber = null
      this.leaseRevenueAdd = null
      this.tradeAccountAdd = null
      this.tradeAccountNumber = null
      this.tradeSelfAccountNumber = null
      this.tradeSelfAccountAdd = null
      this.tradeStoresAccountNumber = null
      this.tradeStoresAccountAdd = null
      this.tradeSCAAccountNumber = null
      this.tradeSCAAccountAdd = null
      this.outsourceAccountNumber = null
      this.outsourceAccountAdd = null
      this.leaseAccountNumber = null
      this.leaseAccountAdd = null
      this.carEntryAdd = null
      this.carEntryNumber = null
      this.revenueToCustomerAdd = null
      this.revenueToCustomerNumber = null
      this.revenueUserAdd = null
      this.revenueUserNumber = null
      this.revenueStoreAdd = null
      this.revenueStoreNumber = null
      this.revenueSCAAdd = null
      this.revenueSCANumber = null
      this.outsourceDailyAdd = null
      this.outsourceDailyNumber = null
      this.leaseDailyAdd = null
      this.leaseDailyNumber = null
      this.incomeDailyAdd = null
      this.incomeDailyNumber = null
      this.inComeDailyRevenueAdd = null
      this.inComeDailyRevenueNumber = null
      this.inComeDailyStoreAdd = null
      this.inComeDailyStoreNumber = null
      this.inComeDailyFoodAdd = null
      this.inComeDailyFoodNumber = null
      this.outsourceInComeDailyAdd = null
      this.outsourceInComeDailyNumber = null
      this.leaseInComeDailyAdd = null
      this.leaseInComeDailyNumber = null
      this.entryCarDailyAdd = null
      this.entryCarDailyNumber = null
    }
  }
}
</script>
<style scoped lang="scss">
.main{
  width: 100%;
  height: 100vh;
  .topSpring{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
  }
  .qmFestival{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
  }
  .labourFestival{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
  }
  .top{
    width: 100%;
    height: 432rpx;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    //z-index:3;
    .topBg{
      width: 100%;
      height: 100%;
      z-index: 4;
    }
    .headerSpring{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
    }
    .headerQm{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
    }
    .headerLabour{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
    }
    .header{
      position: fixed;
      width: 100%;
      padding: 0 16px;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 432rpx;
      display: flex;
      align-items: center;
      z-index: 2;
      .backArrow{
        width: 24px;
        height: 24px;
        margin-right: 16px;
        position: absolute;
      }
      .pageTitle{
        position: absolute;
        width: 280rpx;
        height: 80rpx;
        margin-left: 16rpx;
        bottom: -3px;
        left: 40px;
      }
      .seachBox{
        position: absolute;
        bottom: 0;
        left: 60px;
        width: 400rpx;
        background: #fff;
        border-radius: 32rpx;
        margin-left: 16rpx;
        box-sizing: border-box;
        padding: 10rpx 20rpx;
        display: flex;
        align-items: center;
        .searchIcon{
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
        .searchText{
          font-size: 28rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          color: #B6BACB;
          line-height: 40rpx;
          white-space: nowrap;
        }
      }
      .picker{
        position: absolute;
        bottom: 0;
        left: 40px;
        .selectService{
          display: flex;
          align-items: center;
          .img{
            width: 40px;
            height: 40px;
            z-index: 2;
          }
          .select{
            height: 32px;
            background: #F8F8FA;
            border-radius: 0 16px 16px 0;
            transform: translateX(-20px);
            box-sizing: border-box;
            padding-left: 25px;
            display: flex;
            align-items: center;
            .content{
              display: flex;
              align-items: center;
              .uni-input{
                padding: 0;
                background: transparent;
                font-size: 14px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #160002;
              }
              .area{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 40px;
                margin-left: 4px;
              }
              .rightArrow{
                width: 24px;
                height: 12px;
              }
            }

          }
        }
      }
    }
    .festivalChangeBox{
      display: flex;
      align-items: center;
      width: 100%;
      box-sizing: border-box;
      padding: 32rpx;
      .festivalImg{
        width: 168rpx;
        height: 68rpx;
      }
      .changeIcon{
        width: 32rpx;
        height: 32rpx;
        margin-left: 12rpx;
      }
    }
  }

  .pageContent{
    width: 100%;
    box-sizing: border-box;
    padding: 0 32rpx 28rpx;
    transform: translateY(-110rpx);
    .springTravelBox{
      .overAllData{
        width: 100%;
        box-sizing: border-box;
        padding: 2rpx;
        background: #fff;
        border-radius: 16rpx;
        .springTop{
          background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
        }
        .qmTop{
          background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
        }
        .labourTop{
          background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
        }
        .overAllDataTop{
          width: 100%;
          border-radius: 14rpx 14rpx 16rpx 16rpx;
          box-sizing: border-box;
          padding: 22rpx 22rpx 0;
          .titleBox{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 5px;
            .titleBoxLeft{
              display: flex;
              .titleImg{
                width: 144rpx;
                height: 74rpx;
              }
              .titleNotice{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #9A9A9A;
                line-height: 37rpx;
                white-space: nowrap;
              }
            }
            .typeChangeBox{
              display: flex;
              align-items: center;
              background: #FFFFFF;
              border-radius: 6rpx;
              box-sizing: border-box;
              padding: 4rpx;
              .normal{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 36rpx;
                padding: 6rpx 16rpx;
              }
              .select{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #160002;
                line-height: 36rpx;
                background: #F5EFEF;
                border-radius: 6rpx;
              }
            }
            .searchAllBox{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
              background: #fff;
              border-radius: 6rpx;
              padding: 6rpx 16rpx;
            }
          }
          .contentTitleBox{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentTitle{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
            }
            .YOYNumber{
              display: flex;
              align-items: center;
              margin-right: 32rpx;
              .YOYNumberText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYNumberValue{
                font-size: 24rpx;
                //font-family: DINAlternate, DINAlternate;
                //font-weight: bold;
                color: #A69E9F;
                line-height: 40rpx;
              }
            }
            .YOYBox{
              .YOYBoxText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYBoxValue{
                font-size: 36rpx;
                //font-family: DINAlternate-Bold;
                font-weight: bold;
                color: #E83944;
                line-height: 40rpx;
              }
            }
          }
          .waringText{
            display: inline-block;
            position: relative;
            top: -10px;
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 37rpx;
            white-space: nowrap;
          }
        }
        .contentTitleBoxOuter{
          width: 100%;
          padding: 0 24rpx;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16rpx;
          .contentTitle{
            font-size: 28rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #160002;
            line-height: 36rpx;
          }
          .YOYNumber{
            display: flex;
            align-items: center;
            margin-right: 32rpx;
            .YOYNumberText{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 36rpx;
            }
            .YOYNumberValue{
              font-size: 24rpx;
              //font-family: DINAlternate, DINAlternate;
              //font-weight: bold;
              color: #A69E9F;
              line-height: 40rpx;
            }
          }
          .YOYBox{
            display: flex;
            align-items: center;
            .YOYBoxText{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 36rpx;
            }
            .YOYBoxValue{
              font-size: 36rpx;
              font-family: DINAlternate-Bold;
              font-weight: bold;
              color: #E83944;
              line-height: 40rpx;
            }
          }
        }
        .overAllDataBottom{
          width: 100%;
          box-sizing: border-box;
          padding: 0 24rpx 40rpx;
          .contentTitleBox{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentTitle{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
            }
            .YOYNumber{
              display: flex;
              align-items: center;
              margin-right: 32rpx;
              .YOYNumberText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYNumberValue{
                font-size: 24rpx;
                //font-family: DINAlternate, DINAlternate;
                //font-weight: bold;
                color: #A69E9F;
                line-height: 40rpx;
              }
            }
            .YOYBox{
              .YOYBoxText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYBoxValue{
                font-size: 36rpx;
                font-family: "Microsoft YaHei";
                font-weight: bold;
                color: #E83944;
                line-height: 40rpx;
              }
            }
          }
          .pkBox{
            width: 100%;
            height: 140rpx;
            position: relative;
            box-sizing: border-box;
            .pkLogo{
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%,-50%);
              width: 88rpx;
              height: 88rpx;
            }
            .leftBox,.rightBox{
              width: 50%;
              height: 100%;
              box-sizing: border-box;
              padding: 24rpx 32rpx;
              display: flex;
              flex-direction: column;
              position: absolute;
            }
            .springLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
            }
            .qmLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png");
            }
            .labourLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png");
            }
            .leftBox{
              left: 0;top: 0;
              //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
              background-repeat: no-repeat;
              background-size: 100% 100%;
              .value{
                font-size: 44rpx;
                //font-family: DINAlternate, DINAlternate;
                color: #FFFFFF;
                font-weight: bold;
                line-height: 52rpx;
              }
              .label{
                font-size: 28rpx;
                font-family: PingFangSC, PingFang SC;
                color: #FFFFFF;
                font-weight: 400;
                line-height: 40rpx;
              }
            }
            .springRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
            }
            .qmRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg2st.png");
              .value{
                color: #2D7E72!important;
              }
              .label{
                color: #2D7E72!important;
              }
            }
            .labourRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
              .value{
                color: #E17900!important;
              }
              .label{
                color: #E17900!important;
              }
            }

            .rightBox{
              right: 0;top: 0;
              //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
              background-repeat: no-repeat;
              background-size: 100% 100%;
              align-items: flex-end;
              .value{
                font-size: 44rpx;
                //font-family: DINAlternate, DINAlternate;
                font-weight: bold;
                color: #FF5A3C;
                line-height: 52rpx;
              }
              .label{
                font-size: 28rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #FF5A3C;
                line-height: 40rpx;
              }
            }
            .revenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
            }
            .qmRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
            }
            .labourRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
            }
            .revenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
              .value{
                color: #D48F00;
              }
              .label{
                color: #D48F00;
              }
            }
            .qmRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
              .value{
                color: #3873DD;
              }
              .label{
                color: #3873DD;
              }
            }
            .labourRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
              .value{
                color: #F0490E;
              }
              .label{
                color: #F0490E;
              }
            }
            .carLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
            }
            .qmCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png");
            }
            .labourCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
            }
            .carRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
              .value{
                color: #3873DD;
              }
              .label{
                color: #3873DD;
              }
            }
            .qmCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
              .value{
                color: #0793BB;
              }
              .label{
                color: #0793BB;
              }
            }
            .labourCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
              .value{
                color: #A59301;
              }
              .label{
                color: #A59301;
              }
            }
          }

          .otherListBox{
            width: 100%;
            background: #F8F8F8;
            border-radius: 16rpx;
            padding: 24rpx;
            box-sizing: border-box;
            margin-top: 16rpx;
            margin-bottom: 16rpx;
            .listType{
              .downBox{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 16rpx;
                .getMoreIcon{
                  width: 30rpx;
                  height: 30rpx;
                  transform: rotate(-90deg);
                }
              }
              .moduleBox{
                .listTitleBox{
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .titleItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #9A9A9A;
                    line-height: 32rpx;
                    text-align: center;
                  }
                }
                .listValueBox{
                  width: 100%;
                  .bigBox{
                    width: 100%;
                    .row{
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      margin-top: 32rpx;
                      .valueItem{
                        text-align: center;
                        font-size: 24rpx;
                        font-family: PingFangSC, PingFang SC;
                        font-weight: 400;
                        color: #160002;
                        line-height: 40rpx;
                        box-sizing: border-box;
                        text-indent: 8rpx;
                      }
                      .father{
                        position: relative;
                      }
                      .father:before{
                        position: absolute;
                        top: 50%;
                        left: -8rpx;
                        transform: translateY(-50%);
                        content:'';
                        display: inline-block;
                        width: 8rpx;
                        height: 8rpx;
                        border-radius: 50%;
                        background: #3188FF;
                      }

                      .son{
                        position: relative;
                      }
                      .son:before{
                        position: absolute;
                        top: 50%;
                        left: -8rpx;
                        transform: translateY(-50%);
                        content:'';
                        display: inline-block;
                        width: 8rpx;
                        height: 8rpx;
                        border-radius: 50%;
                        background: orangered;
                      }
                      .valueItemBox{
                        text-align: center;
                        font-size: 24rpx;
                        //font-family: DINAlternate, DINAlternate;
                        color: #160002;
                        line-height: 40rpx;
                      }
                      .addItem{
                        text-align: center;
                        font-size: 24rpx;
                        //font-family: DINAlternate, DINAlternate;
                        line-height: 40rpx;
                      }
                    }
                  }
                }
              }
              .areaBox{
                .listTitleBox{
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .titleItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #9A9A9A;
                    line-height: 32rpx;
                    text-align: center;
                  }
                }
                .listValueBox{
                  width: 100%;
                  .row{
                    width: 100%;
                    display: flex;
                    margin-top: 32rpx;
                    .rowItem{
                      text-align: center;
                      font-size: 24rpx;
                      //font-family: DINAlternate, DINAlternate;
                      color: #160002;
                      line-height: 40rpx;
                    }
                  }
                }
              }
            }
            .showIconBox{
              display: flex;
              align-items: center;
              justify-content: center;
              .getMoreIcon{
                width: 30rpx;
                height: 30rpx;
                transform: rotate(90deg);
              }
            }
          }
        }
      }

      .revenueDetail{
        width: 100%;
        background: #fff;
        border-radius: 16rpx;
        box-sizing: border-box;
        padding: 2rpx;
        margin-top: 24rpx;
        .springTitleBox{
          background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
        }
        .qmTitleBox{
          background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
        }
        .labourTitleBox{
          background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
        }
        .revenueDetailTitleBox{
          width: 100%;
          height: 90rpx;
          //background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);

          border-radius: 14rpx 14rpx 0rpx 0rpx;
          box-sizing: border-box;
          padding: 22rpx;
          position: relative;
          .detailLogo{
            width: 144rpx;
            height: 74rpx;
          }
          .detailIcon{
            width: 104rpx;
            height: 104rpx;
            position: absolute;
            right: 22rpx;
            top: 22rpx;
          }
          .goTest{
            position: absolute;
            right: 22rpx;
            top: 15rpx;
            width: 212rpx;
            height: 56rpx;
          }
          .modalUnit{
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 36rpx;
            position: absolute;
            left: 170rpx;
            top: 26rpx;
          }
        }
        .revenueContent{
          width: 100%;
          box-sizing: border-box;
          padding: 0 22rpx 24rpx;
          .navList{
            width: 100%;
            height: 40rpx;
            display: flex;
            align-items: center;
            white-space: nowrap;
            padding-bottom: 12rpx;
            border-bottom: 1px solid #F5F4F4;
            .scrollItem{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 40rpx;
              margin-right: 32rpx;
              display: inline-block;
            }
            .selectItem{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              line-height: 40rpx;
            }
          }
          .springNav{
            .selectItem{
              color: #ED3E48;
            }
          }
          .qmNav{
            .selectItem{
              color: #226C61;
            }
          }
          .labourNav{
            .selectItem{
              color: #D14702;
            }
          }
          .dateText{
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #A69E9F;
            margin: 16rpx 0;
            display: inline-block;
          }

          .modalBox{
            margin-top: 32rpx;
            .modalTitleBox{
              width: 100%;
              box-sizing: border-box;
              padding: 0 24rpx;
              margin-bottom: 16rpx;
              display: flex;
              align-items: center;
              justify-content: space-between;
              .modalTitleItem{
                display: flex;
                align-items: center;
                .modalIndex{
                  width: 12rpx;
                  height: 12rpx;
                  //background: #DB6465;
                  background: #3B9285;
                  border-radius: 50%;
                  margin-right: 12rpx;
                }
                .modalText{
                  font-size: 28rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 600;
                  color: #160002;
                  line-height: 40rpx;
                  margin-right: 4rpx;
                }
                .modalUnit{
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  color: #9A9A9A;
                  line-height: 36rpx;
                }
              }
              .moreBox{
                display: flex;
                align-items: center;
                .moreText{
                  font-size: 28rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  //color: #ED3E48;
                  color: #226C61;
                  line-height: 40rpx;
                }
                .moreIcon{
                  width: 24rpx;
                  height: 24rpx;
                  margin-left: 4rpx;
                }
              }
              .modalTitleItem1{
                font-size: 24rpx;
                text-align: center;
              }
            }

            .modalDetail{
              width: 100%;
              box-sizing: border-box;
              padding: 24rpx;
              background: #F8F8F8;
              .modalDetailTitle{
                display: flex;
                align-items: center;
                .titleItem{
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  color: #9A9A9A;
                  line-height: 32rpx;
                  text-align: center;
                }
              }
              .typeFirst{
                .row{
                  margin-top: 32rpx;
                  display: flex;
                  align-items: center;
                  margin-top: 32rpx;
                  .valueItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #160002;
                    line-height: 40rpx;
                    text-align: center;
                    text-indent: 8rpx;
                  }
                  .bigFather{
                    position: relative;
                    font-weight: 600;
                  }
                  .bigFather:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: #DB6465;
                  }
                  .father{
                    position: relative;
                    font-weight: 600;
                  }
                  .father:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: #3188FF;
                  }

                  .son{
                    position: relative;
                  }
                  .son:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: orangered;
                  }
                  .compareItem{
                    font-size: 24rpx;
                    //font-family: DINAlternate, DINAlternate;
                    color: #160002;
                    line-height: 40rpx;
                    text-align: center;
                  }
                  .addItem{
                    font-size: 24rpx;
                    //font-family: DINAlternate, DINAlternate;
                    color: #E83944;
                    line-height: 40rpx;
                    text-align: center;
                  }
                }
              }
              .typeSecond{
                .listValueBox{
                  width: 100%;
                  .row{
                    width: 100%;
                    display: flex;
                    margin-top: 32rpx;
                    .rowItem{
                      text-align: center;
                      font-size: 24rpx;
                      //font-family: DINAlternate, DINAlternate;
                      color: #160002;
                      line-height: 40rpx;
                    }
                  }
                }
              }
            }
          }
        }

      }
    }
  }
}
</style>
