<template>
  <div class="main">
    <div class="top">
      <div class="header" :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>
    </div>

    <div class="pageContent">
      <div class="springTravelBox">
        <div class="overAllData">
          <!--  对客营收 -->
          <div class="overAllDataTop">
            <div class="titleBox">
              <div class="titleBoxLeft">
                <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />
                <text class="titleNotice">{{`/统计到${allDateDay}`}}</text>
              </div>
              <div class="typeChangeBox">
                <div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">按模块</div>
                <div :class="pageType===2?'normal select':'normal'" @click="handleChangeType(2)">按片区</div>
              </div>
            </div>
            <div class="contentTitleBox">
              <text class="contentTitle">对客销售</text>
              <div class="YOYBox">
                <text class="YOYBoxText">同比去年</text>
                <text class="YOYBoxValue">
                  {{`${revenueAdd>0?'+':''}${revenueAdd?revenueAdd:'-'}%`}}
                </text>
              </div>
            </div>
          </div>
          <div class="overAllDataBottom">
            <div class="pkBox">
              <div class="leftBox">
                <text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万元</text>
              </div>
              <div class="rightBox">
                <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="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
            </div>

            <div class="otherListBox">
              <div class="listType" v-if="isShowToCustomers">
                <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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮客房</div>
                        <div class="valueItemBox" style="width: 110rpx">{{pageData.curYearGRORevenue.data || pageData.curYearSCRevenue.data?$util.getMoney((Number(pageData.curYearGRORevenue.data) + Number(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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</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" v-else>
                <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
              </div>
            </div>
          </div>
          <!--  营业收入 -->
          <div class="contentTitleBoxOuter">
            <text class="contentTitle">营业收入</text>
            <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 class="overAllDataBottom">
            <div class="pkBox">
              <div class="leftBox">
                <text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万元</text>
              </div>
              <div class="rightBox">
                <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="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
            </div>

            <div class="otherListBox">
              <div class="listType"  v-if="isShowRevenue">
                <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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮客房</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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</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" v-else>
                <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
              </div>
            </div>
          </div>
          <!--  入区流量  -->
          <div class="contentTitleBoxOuter">
            <text class="contentTitle">入区流量</text>
            <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':carEntryAdd<0?'#0E9976':''}">{{`${carEntryAdd || '-'}%`}}</span>
              </div>
            </div>
          </div>
          <div class="overAllDataBottom">
            <div class="pkBox">
              <div class="leftBox">
                <text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
                <text class="label">2024年/万辆</text>
              </div>
              <div class="rightBox">
                <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="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
            </div>

            <div class="otherListBox" v-if="pageType===2">
              <div class="listType" v-if="isShowCarEntry">
                <div class="downBox" @click="handleChangeCarEntry">
                  <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
                </div>
                <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>
              <div class="showIconBox" @click="handleChangeCarEntry" v-else>
                <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
              </div>
            </div>
          </div>
        </div>

        <div class="revenueDetail">
          <div class="revenueDetailTitleBox">
            <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>
            <img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png"/>
            <text class="modalUnit">单位：万元</text>
          </div>
          <div class="revenueContent">
            <scroll-view scroll-x="true" class="navList" :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>

            <div class="modalBox">
              <div class="modalTitleBox" v-if="pageType===1">
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex"></div>
                  <text class="modalText">对客销售</text>
<!--                  <text class="modalUnit">/万元</text>-->
                </div>
                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearRevenue.value / 10000):'0.00'}}</div>
                <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearRevenue.value?$util.getMoney(pageData.lYearRevenue.value / 10000):'0.00'}}</div>
                <div class="modalTitleItem1" style="width: 110rpx">
                  <span>{{revenueToCustomerNumber>0?'+':revenueToCustomerNumber<0?'':''}}</span>
                  <span>{{`${revenueToCustomerNumber || '-'}`}}</span>
                </div>
                <div class="modalTitleItem1" 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="modalTitleBox" v-else>
                <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
                  <div class="modalIndex"></div>
                  <text class="modalText">对客销售</text>
                  <!--                  <text class="modalUnit">/万元</text>-->
                </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 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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮及客房</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSCRevenue.value || pageData.curYearGRORevenue.value?$util.getMoney((Number(pageData.curYearSCRevenue.value) + Number(pageData.curYearGRORevenue.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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</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"></div>
                  <text class="modalText">营业收入</text>
<!--                  <text class="modalUnit">/万元</text>-->
                </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"></div>
                  <text class="modalText">营业收入</text>
                  <!--                  <text class="modalUnit">/万元</text>-->
                </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 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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮及客房</div>
                    <div class="compareItem" style="width: 110rpx">{{pageData.curYearSCAccount.value || pageData.curYearSCAccount.value?$util.getMoney((Number(pageData.curYearSCRevenue.value) + Number(pageData.curYearGRORevenue.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% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</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"></div>
                  <text class="modalText">入区车流</text>
                  <text class="modalUnit">/万辆</text>
                </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"></div>
                  <text class="modalText">入区车流</text>
                  <text class="modalUnit">/万辆</text>
                </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:[
        // {label: '1月26日',value:'2024-01-26'},
        // {label: '1月27日',value:'2024-01-27'},
        // {label: '1月28日',value:'2024-01-28'},
        // {label: '1月29日',value:'2024-01-29'},
        // {label: '1月30日',value:'2024-01-30'},
        // {label: '1月31日',value:'2024-01-31'},
        // {label: '2月1日',value:'2024-02-1'},
        // {label: '2月2日',value:'2024-02-2'},
      ],
      currentScroll:'',
      selectIndex: 2,
      curYear:2024,
      compareYear:2023,
      lastDay:'',
      allDateDay:'',
      pageData:{},// 当天的数据
      yesDayPageData:{},// 前一天的数据
      revenueAdd: 0,// 对客销售金额增长
      howDayNumber: 0,// 春运开始的第几天
      isShowToCustomers: false,// 是否显示对客的详情
      isShowRevenue:false,// 是否显示营业收入
      isShowCarEntry:false,// 是否显示入区车流
      pageType:1,// 按模块区分 按片区区分
      areaDataList:[],// 按片区分的值


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

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

      carEntryAdd: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,// 每日车流增长
    }
  },
  async onLoad(query){
    //  获取手机参数对页面进行适配
    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
    console.log('query',query)
    console.log('this.selectIndex',this.selectIndex)

    this.lastDay = uni.getStorageSync('lastDay')
    this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
    console.log('this.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 + 1
    }
    this.howDayNumber = dayNumber
    let dateList = []
    for (let i = 1;i<=dayNumber;i++){
      if (i<7){
        dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
      }else{
        dateList.push({label:`第${i}天`,value:`2024-02-${i - 7 + 1<10?`0${i - 7 + 1}`:i - 7 + 1}`})
      }
    }
    this.scrollList = dateList
    uni.showLoading({
      title: '正在加载...'
    })
     await this.handleGetPageData()
     await this.handleGetAreaData()
     // await this.handleGetRestaurantData()

    uni.hideLoading()

  },
  methods:{
    async handleGetPageData(date){
      let req = {
        pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
        curYear:this.curYear,
        compareYear:this.compareYear,
        HolidayType:this.selectIndex,
        StatisticsDate:date || this.lastDay
      }
      const data = await request.$webGet('CommercialApi/Revenue/GetHolidayAnalysis',req)
      console.log('data',data)
      this.pageData = data.Result_Data
      console.log('this.pageData',this.pageData)
      // 对客销售金额增幅
      this.revenueAdd = Number( this.$util.getMoney((((this.pageData.curYearRevenue.data / this.pageData.lYearRevenue.data)-1)*100)))

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

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

      // 车流量的增长
      this.carEntryAdd = Number(this.$util.getMoney((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100)))

      // 商铺租赁营收增长
      this.CoopRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))
      // 万佳城市增长
      this.WJCityAdd = Number((((this.pageData.curYearWJRevenue.data / this.pageData.lYearWJRevenue.data)-1)*100).toFixed(2))
      // 入区车流增长
      this.entryCarAdd = Number((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100).toFixed(2))


      // 当日
      // 每日对客销售增幅
      this.revenueToCustomerAdd = Number(this.$util.getMoney((((this.pageData.curYearRevenue.value / this.pageData.lYearRevenue.value)-1)*100)))
      this.revenueToCustomerNumber = Number(this.$util.getMoney(((this.pageData.curYearRevenue.value - this.pageData.lYearRevenue.value) / 10000)))
      // 每日对客自营收入
      this.revenueUserAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfRevenue.value / this.pageData.lYearSelfRevenue.value)-1)*100)))
      this.revenueUserNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfRevenue.value - this.pageData.lYearSelfRevenue.value) / 10000)))
      // 每日对客便利店收入
      this.revenueStoreAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSRevenue.value / this.pageData.lYearCVSRevenue.value)-1)*100)))
      this.revenueStoreNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSRevenue.value - this.pageData.lYearCVSRevenue.value) / 10000)))
      // 每日餐饮及客房增幅
      this.revenueSCAAdd = Number(this.$util.getMoney(((((Number(this.pageData.curYearSCRevenue.value) + Number(this.pageData.curYearGRORevenue.value)) / this.pageData.lYearSCRevenue.value)-1)*100)))
      this.revenueSCANumber = Number(this.$util.getMoney((((Number(this.pageData.curYearSCRevenue.value) + Number(this.pageData.curYearGRORevenue.value)) - this.pageData.lYearSCRevenue.value)/ 10000)))
      // 每日外包增幅
      this.outsourceDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100)))
      this.outsourceDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000)))
      // 每日租赁增幅
      this.leaseDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100)))
      this.leaseDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000)))
      // 每日营业收入增幅
      this.incomeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearAccount.value / this.pageData.lYearAccount.value)-1)*100)))
      this.incomeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearAccount.value - this.pageData.lYearAccount.value) / 10000)))
      // 每日自营营收增幅
      this.inComeDailyRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfAccount.value / this.pageData.lYearSelfAccount.value)-1)*100)))
      this.inComeDailyRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfAccount.value - this.pageData.lYearSelfAccount.value) / 10000)))
      // 每日自营便利店
      this.inComeDailyStoreAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSAccount.value / this.pageData.lYearCVSAccount.value)-1)*100)))
      this.inComeDailyStoreNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSAccount.value - this.pageData.lYearCVSAccount.value) / 10000)))
      // 每日自营餐饮及客房
      this.inComeDailyFoodAdd = Number(this.$util.getMoney((((this.pageData.curYearSCAccount.value / this.pageData.lYearSCAccount.value)-1)*100)))
      this.inComeDailyFoodNumber = Number(this.$util.getMoney(((this.pageData.curYearSCAccount.value - this.pageData.lYearSCAccount.value) / 10000)))
      // 每日外包营收增幅
      this.outsourceInComeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100)))
      this.outsourceInComeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000)))
      // 每日租赁增幅
      this.leaseInComeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100)))
      this.leaseInComeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000)))
      // 每日车流增幅
      this.entryCarDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearBayonet.value / this.pageData.lYearBayonet.value)-1)*100)))
      this.entryCarDailyNumber =Number(this.$util.getMoney(((this.pageData.curYearBayonet.value - this.pageData.lYearBayonet.value) / 10000)))
    },
    // 拿到片区区分的顶部
    async handleGetAreaData(date){
      let req = {
        pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
        curYear:this.curYear,
        compareYear:this.compareYear,
        HolidayType:this.selectIndex,
        StatisticsDate:date || this.lastDay,
        businessRegion:1
      }
      const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
      console.log('area',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(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((((item.curYearAccount.value / item.lYearAccount.value)-1)*100).toFixed(2))

          //入区流量
          // 年增长
          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))
        })
      }
      console.log('list',list)
      this.areaDataList = list
    },
    // 拿到片区的餐饮
    async handleGetRestaurantData(date){
      let req = {
        pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
        curYear:this.curYear,
        compareYear:this.compareYear,
        HolidayType:this.selectIndex,
        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))
        })
      }
      console.log('Restaurant',list)
    },
    handleBack(){
      uni.navigateBack({
        delta: 1
      });
    },
  //   切换时间的方法
    async handleChangeTime(value){
      console.log('value',value)
      this.currentScroll = 'item'+value
      this.pageData = null
      this.areaDataList = []
      uni.showLoading({
        title: '正在加载...'
      })
      await this.handleGetPageData(value)
      await 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
    }
  }
}
</script>
<style scoped lang="scss">
.main{
  width: 100%;
  height: 100vh;
  .top{
    width: 100%;
    height: 432rpx;
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    //z-index:3;
    .topBg{
      width: 100%;
      height: 100%;
      z-index: 4;
    }
    .header{
      position: fixed;
      width: 100%;
      padding: 0 16px;
      box-sizing: border-box;
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
      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;
      }
    }
  }

  .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;
        .overAllDataTop{
          width: 100%;
          height: 160rpx;
          background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
          border-radius: 14rpx 14rpx 16rpx 16rpx;
          box-sizing: border-box;
          padding: 22rpx;
          .titleBox{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            .titleBoxLeft{
              display: flex;
              .titleImg{
                width: 216rpx;
                height: 74rpx;
              }
              .titleNotice{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #9A9A9A;
                line-height: 37rpx;
              }
            }
            .typeChangeBox{
              display: flex;
              align-items: center;
              background: #EFEFEF;
              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: #fff;
                border-radius: 6rpx;
              }
            }
          }
          .contentTitleBox{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentTitle{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
            }
            .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, DINAlternate;
                font-weight: bold;
                color: #E83944;
                line-height: 40rpx;
              }
            }
          }
        }
        .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: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #160002;
            line-height: 36rpx;
          }
          .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, DINAlternate;
              font-weight: bold;
              color: #E83944;
              line-height: 40rpx;
            }
          }
        }
        .overAllDataBottom{
          width: 100%;
          box-sizing: border-box;
          padding: 0 24rpx 24rpx;
          .pkBox{
            width: 100%;
            height: 140rpx;
            position: relative;
            box-sizing: border-box;
            .pkLogo{
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%,-50%);
              width: 56rpx;
              height: 56rpx;
            }
            .leftBox,.rightBox{
              width: 50%;
              height: 100%;
              box-sizing: border-box;
              padding: 24rpx 32rpx;
              display: flex;
              flex-direction: column;
              position: absolute;
            }
            .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;
              }
            }

            .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;
              }
            }
          }

          .otherListBox{
            width: 100%;
            background: #F8F8F8;
            border-radius: 16rpx;
            padding: 24rpx;
            box-sizing: border-box;
            margin-top: 24rpx;
            .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;
        .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: 72rpx;
          }
          .detailIcon{
            width: 104rpx;
            height: 104rpx;
            position: absolute;
            right: 22rpx;
            top: 22rpx;
          }
          .modalUnit{
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 36rpx;
            position: absolute;
            right: 24rpx;
            top: 20rpx;
          }
        }
        .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;
            margin-bottom: 32rpx;
            .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;
              color: #ED3E48;
              line-height: 40rpx;
            }
          }

          .modalBox{
            margin-top: 40rpx;
            .modalTitleBox{
              width: 100%;
              box-sizing: border-box;
              padding: 0 24rpx;
              margin-bottom: 16rpx;
              display: flex;
              align-items: center;
              .modalTitleItem{
                display: flex;
                align-items: center;
                .modalIndex{
                  width: 12rpx;
                  height: 12rpx;
                  background: #DB6465;
                  border-radius: 50%;
                  margin-right: 12rpx;
                }
                .modalText{
                  font-size: 24rpx;
                  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;
                }
              }
              .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;
                  }
                  .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;
                  }
                  .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>
