ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ahyd_DIB/pages/nationalPage/springTravel.vue
cclu 07ae06bdd2 update
2024-06-07 13:33:29 +08:00

2871 lines
141 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="main">
<div :class="selectFestival===0?'top topSpring':
selectFestival===1?'top qmFestival':
selectFestival===2?'top labourFestival':
selectFestival===3?'top dragonBoat':
''">
<div :class="selectFestival===0?'header headerSpring':
selectFestival===1?'header headerQm':
selectFestival===2?'header headerLabour':
selectFestival===3?'header headerDragonBoat':
''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}">
<image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<!-- <img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>-->
<div v-if="showSpring" class="picker" @click="handleGoMap">
<div class="selectService">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"></image>
<view class="select">
<view class="content">
<view class="uni-input">{{springService.SERVERPART_NAME}}</view>
<p class="area" v-if="springService.Serverpart_ID">{{springService.SPREGIONTYPE_NAME}}</p>
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
</view>
</view>
</div>
</div>
<view v-else class="seachBox" :style="{height: menu.height + 'px'}" @click="handleGoMap">
<image class="searchIcon" src="/static/images/seach/searchIcon.svg"/>
<text class="searchText">请输入想看的服务区</text>
</view>
</div>
<picker class="pick" @change="handleChangeFestival($event)" :value="selectFestival" :range="festivalList" range-key="label">
<div class="festivalChangeBox" :style="{paddingTop:menu.bottom + 32 + 'px'}">
<image :style="{width:selectFestival===0?'260rpx':
selectFestival===1?'168rpx':
selectFestival===2?'168rpx':
selectFestival===3?'168rpx':
'',height:selectFestival===0?'68rpx':
selectFestival===1?'68rpx':
selectFestival===2?'68rpx':
selectFestival===3?'68rpx':
''}" class="festivalImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmFestival.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTitleIcon.png':
''"/>
<image class="changeIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changeFestivalSpring.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changFestivalQm.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRightArrow.png':
''"/>
</div>
</picker>
</div>
<div class="pageContent">
<div class="springTravelBox">
<div class="overAllData">
<!-- 对客营收 -->
<div :class="selectFestival===0?'overAllDataTop springTop':
selectFestival===1?'overAllDataTop qmTop':
selectFestival===2?'overAllDataTop labourTop':
selectFestival===3?'overAllDataTop dragonBoatTop':
''">
<div class="titleBox">
<div class="titleBoxLeft">
<!-- <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />-->
<img class="titleImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png':
''" />
<text class="titleNotice" v-if="!isShowWarningTime && selectFestival===0">{{`/统计到${allDateDay}`}}</text>
<text class="titleNotice" v-if="selectFestival===1 || selectFestival===3">/共统计节日数据5天</text>
<text class="titleNotice" v-if="selectFestival===2">/共统计节日数据7天</text>
</div>
<div class="typeChangeBox" v-if="!showSpring">
<div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">经营板块</div>
<div :class="pageType===2?'normal select':'normal'" @click="handleChangeType(2)">经营片区</div>
</div>
<div style="display: flex;align-items: center" v-if="showSpring">
<div class="searchAllBox" style="margin-right: 16rpx" @click="handleSearchAll">返回驿达</div>
<div class="searchAllBox" @click="handleGoShopDetail">门店明细</div>
</div>
</div>
<!-- <div class="waringText" v-if="isShowWarningTime">-->
<!-- <span style="display: block">{{`${allDateDay}营收数据需等待现场管理员校验完成...`}}</span>-->
<!-- <span>{{`预计早上10点，请稍等...`}}</span>-->
<!-- </div>-->
</div>
<div class="overAllDataBottom">
<div class="contentTitleBox" style="margin-bottom: 16rpx">
<text class="contentTitle">对客销售</text>
<div style="display: flex;align-items: center">
<div class="YOYNumber">
<text class="YOYNumberText">增长</text>
<div class="YOYNumberValue">
<span style="color: #A69E9F">{{revenueNumber>0?'+':revenueNumber<0?'':''}}</span>
<span style="color: #A69E9F">{{`${revenueNumber || '-'}`}}</span>
</div>
</div>
<div class="YOYBox">
<text class="YOYBoxText">增幅</text>
<text class="YOYBoxValue">
{{`${revenueAdd>0?'+':''}${revenueAdd?revenueAdd:'-'}%`}}
</text>
</div>
</div>
</div>
<div class="pkBox">
<div :class="selectFestival===0?'leftBox springLeftBox':
selectFestival===1?'leftBox qmLeftBox':
selectFestival===2?'leftBox labourLeftBox':
selectFestival===3?'leftBox dragonBoatLeftBox':
''">
<text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
</div>
<div :class="selectFestival===0?'rightBox springRightBox':
selectFestival===1?'rightBox qmRightBox':
selectFestival===2?'rightBox labourRightBox':
selectFestival===3?'rightBox dragonBoatRightBox':
''">
<text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
</div>
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png':
''"/>
</div>
<div class="otherListBox" v-if="isShowAllDetail">
<div class="listType">
<!-- <div class="downBox" @click="handleChangeToCustomers">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
<div class="moduleBox" v-if="pageType===1">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<!-- 自营-->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfRevenue.data?$util.getMoney(pageData.curYearSelfRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfRevenue.data?$util.getMoney(pageData.lYearSelfRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{selfRevenueNumber>0?'+':selfRevenueNumber<0?'':''}}</span>
<span>{{`${selfRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 便利店 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSRevenue.data?$util.getMoney(pageData.curYearCVSRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSRevenue.data?$util.getMoney(pageData.lYearCVSRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{selfStoresRevenueNumber>0?'+':selfStoresRevenueNumber<0?'':''}}</span>
<span>{{`${selfStoresRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 餐饮客房 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮客房</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSCRevenue.data?$util.getMoney(pageData.curYearSCRevenue.data/ 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCRevenue.data?$util.getMoney(pageData.lYearSCRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{GRORevenueNumber>0?'+':GRORevenueNumber<0?'':''}}</span>
<span>{{`${GRORevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 外包 -->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{outsourceRevenueNumber>0?'+':outsourceRevenueNumber<0?'':''}}</span>
<span>{{`${outsourceRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 商铺租赁 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{leaseRevenueNumber>0?'+':leaseRevenueNumber<0?'':''}}</span>
<span>{{`${leaseRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="areaBox" v-if="pageType===2">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.data?$util.getMoney(item.curYearRevenue.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.data?$util.getMoney(item.lYearRevenue.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{item.yearAdd>0?'+':item.yearAdd<0?'':''}}</span>
<span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{`${item.yearAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="showIconBox" @click="handleChangeToCustomers">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
</div>
</div>
<!-- 营业收入 -->
<div class="contentTitleBoxOuter">
<text class="contentTitle">营业收入</text>
<div style="display: flex;align-items: center">
<div class="YOYNumber">
<text class="YOYNumberText">增长</text>
<div class="YOYNumberValue">
<span style="color: #A69E9F">{{tradeAccountNumber>0?'+':tradeAccountNumber<0?'':''}}</span>
<span style="color: #A69E9F">{{`${tradeAccountNumber || '-'}`}}</span>
</div>
</div>
<div class="YOYBox">
<text class="YOYBoxText">增幅</text>
<div class="YOYBoxValue">
<span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{tradeAccountAdd>0?'+':tradeAccountAdd<0?'':''}}</span>
<span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{`${tradeAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox">
<div :class="selectFestival===0?'leftBox revenueLeft':
selectFestival===1?'leftBox qmRevenueLeft':
selectFestival===2?'leftBox labourRevenueLeft':
selectFestival===3?'leftBox dragonBoatRevenueLeft':
''">
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
</div>
<div :class="selectFestival===0?'rightBox revenueRight':
selectFestival===1?'rightBox qmRevenueRight':
selectFestival===2?'rightBox labourRevenueRight':
selectFestival===3?'rightBox dragonBoatRevenueRight':
''">
<text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
</div>
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png':
''"/>
</div>
<div class="otherListBox" v-if="isShowAllDetail">
<div class="listType">
<!-- <div class="downBox" @click="handleChangeRevenue">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
<div class="moduleBox" v-if="pageType===1">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<!-- 自营-->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营(除税)</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfAccount.data?$util.getMoney(pageData.curYearSelfAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfAccount.data?$util.getMoney(pageData.lYearSelfAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeSelfAccountNumber>0?'+':tradeSelfAccountNumber<0?'':''}}</span>
<span>{{`${tradeSelfAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{tradeSelfAccountAdd>0?'+':tradeSelfAccountAdd<0?'':''}}</span>
<span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{`${tradeSelfAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 便利店 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSAccount.data?$util.getMoney(pageData.curYearCVSAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSAccount.data?$util.getMoney(pageData.lYearCVSAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeStoresAccountNumber>0?'+':tradeStoresAccountNumber<0?'':''}}</span>
<span>{{`${tradeStoresAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{tradeStoresAccountAdd>0?'+':tradeStoresAccountAdd<0?'':''}}</span>
<span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{`${tradeStoresAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 餐饮客房 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮客房</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSCAccount.data ?$util.getMoney(pageData.curYearSCAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCAccount.data?$util.getMoney(pageData.lYearSCAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeSCAAccountNumber>0?'+':tradeSCAAccountNumber<0?'':''}}</span>
<span>{{`${tradeSCAAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{tradeSCAAccountAdd>0?'+':tradeSCAAccountAdd<0?'':''}}</span>
<span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{`${tradeSCAAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 外包 -->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包(除税)</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{outsourceAccountNumber>0?'+':outsourceAccountNumber<0?'':''}}</span>
<span>{{`${outsourceAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{outsourceAccountAdd>0?'+':outsourceAccountAdd<0?'':''}}</span>
<span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{`${outsourceAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 商铺租赁 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{leaseAccountNumber>0?'+':leaseAccountNumber<0?'':''}}</span>
<span>{{`${leaseAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{leaseAccountAdd>0?'+':leaseAccountAdd<0?'':''}}</span>
<span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{`${leaseAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="areaBox" v-if="pageType===2">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearAccount.data?$util.getMoney(item.curYearAccount.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearAccount.data?$util.getMoney(item.lYearAccount.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearRevenueNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{item.yearRevenueAdd>0?'+':item.yearRevenueAdd<0?'':''}}</span>
<span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{`${item.yearRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="showIconBox" @click="handleChangeRevenue">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
</div>
</div>
<!-- 入区流量 -->
<div class="contentTitleBoxOuter">
<text class="contentTitle">入区流量</text>
<div style="display: flex;align-items: center">
<div class="YOYNumber">
<text class="YOYNumberText">增长</text>
<div class="YOYNumberValue">
<span style="color: #A69E9F">{{carEntryNumber>0?'+':carEntryNumber<0?'':''}}</span>
<span style="color: #A69E9F">{{`${carEntryNumber || '-'}`}}</span>
</div>
</div>
<div class="YOYBox">
<text class="YOYBoxText">增幅</text>
<div class="YOYBoxValue">
<span :style="{color:carEntryAdd>0?'#E83944':carEntryAdd<0?'#0E9976':''}">{{carEntryAdd>0?'+':carEntryAdd<0?'':''}}</span>
<span :style="{color:carEntryAdd>0?'#E83944':carEnmodalBoxtryAdd<0?'#0E9976':''}">{{`${carEntryAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox" style="margin-bottom: 20px">
<div :class="selectFestival===0?'leftBox carLeft':
selectFestival===1?'leftBox qmCarLeft':
selectFestival===2?'leftBox labourCarLeft':
selectFestival===3?'leftBox dragonBoatCarLeft':
''">
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2024年/万辆</text>
</div>
<div :class="selectFestival===0?'rightBox carRight':
selectFestival===1?'rightBox qmCarRight':
selectFestival===2?'rightBox labourCarRight':
selectFestival===3?'rightBox dragonBoatCarRight':
'' ">
<text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2023年/万辆</text>
</div>
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png':
''"/>
</div>
<div class="otherListBox">
<div class="listType" v-if="isShowAllDetail && pageType===2">
<div class="areaBox">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.data?$util.getMoney(item.curYearBayonet.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.data?$util.getMoney(item.lYearBayonet.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearCarNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{item.yearCarAdd>0?'+':item.yearCarAdd<0?'':''}}</span>
<span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{`${item.yearCarAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
<div class="downBox" style="margin-top: 16rpx" @click="handleChangeCarEntry">
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
</div>
<div class="showIconBox" @click="handleChangeCarEntry" v-else>
<img :style="{transform:isShowAllDetail?'rotate(-90deg)':''}" class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
</div>
</div>
</div>
<div class="revenueDetail">
<div :class="selectFestival===0?'springTitleBox revenueDetailTitleBox':
selectFestival===1?'qmTitleBox revenueDetailTitleBox':
selectFestival===2?'labourTitleBox revenueDetailTitleBox':
selectFestival===3?'dragonBoatTitleBox revenueDetailTitleBox':
''">
<!-- <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>-->
<img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDaily.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDailyData.png':
''"/>
<img class="detailIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDetailIcon.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDetailIcon.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetailIcon.png':
''
"/>
<!-- <text class="modalUnit">单位：万元</text>-->
<text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
<!-- <text class="goTest" @click="handleGoTest">看测试页面</text>-->
<!-- <img class="goTest" @click="handleGoTest" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png"/>-->
<img class="goTest" @click="handleGoTest" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPic.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTraffic.png':
''"/>
</div>
<div class="revenueContent">
<scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':
selectFestival===1?'navList qmNav':
selectFestival===2?'navList labourNav':
selectFestival===3?'navList dragonBoatNav':
''" :scrollIntoView="currentScroll" :scroll-with-animation="true">
<div :class="currentScroll==='item'+item.value?'scrollItem selectItem':'scrollItem'" v-for="(item,index) in scrollList" :key="index" :id="'item'+item.value" @click="handleChangeTime(item.value)">{{item.label}}</div>
</scroll-view>
<!-- <span class="dateText">{{selectDateText || ''}}</span>-->
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
''}"></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(1)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
''}"></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(1)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType===1">
<!-- 合计 -->
<div class="row">
<div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney((Number(pageData.curYearRevenue.value) - Number(pageData.curYearWJRevenue.value)) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearRevenue.value?$util.getMoney((Number(pageData.lYearRevenue.value) - Number(pageData.lYearWJRevenue.value)) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueToCustomerNumber>0?'+':revenueToCustomerNumber<0?'':''}}</span>
<span>{{`${revenueToCustomerNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{revenueToCustomerAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
<span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{`${revenueToCustomerAdd || '-'}%`}}</span>
</div>
</div>
<!-- 自营-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfRevenue.value?$util.getMoney(pageData.curYearSelfRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfRevenue.value?$util.getMoney(pageData.lYearSelfRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueUserNumber>0?'+':revenueUserNumber<0?'':''}}</span>
<span>{{`${revenueUserNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{revenueUserAdd>0?'+':revenueUserAdd<0?'':''}}</span>
<span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{`${revenueUserAdd || '-'}%`}}</span>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSRevenue.value?$util.getMoney(pageData.curYearCVSRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSRevenue.value?$util.getMoney(pageData.lYearCVSRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueStoreNumber>0?'+':revenueStoreNumber<0?'':''}}</span>
<span>{{`${revenueStoreNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{revenueStoreAdd>0?'+':revenueStoreAdd<0?'':''}}</span>
<span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{`${revenueStoreAdd || '-'}%`}}</span>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮及客房</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSCRevenue.value?$util.getMoney((pageData.curYearSCRevenue.value) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSCRevenue.value?$util.getMoney(pageData.lYearSCRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueSCANumber>0?'+':revenueSCANumber<0?'':''}}</span>
<span>{{`${revenueSCANumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{revenueSCAAdd>0?'+':revenueSCAAdd<0?'':''}}</span>
<span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{`${revenueSCAAdd || '-'}%`}}</span>
</div>
</div>
<!-- 外包-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{outsourceDailyNumber>0?'+':outsourceDailyNumber<0?'':''}}</span>
<span>{{`${outsourceDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{outsourceDailyAdd>0?'+':outsourceDailyAdd<0?'':''}}</span>
<span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{`${outsourceDailyAdd || '-'}%`}}</span>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{leaseDailyNumber>0?'+':leaseDailyNumber<0?'':''}}</span>
<span>{{`${leaseDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{leaseDailyAdd>0?'+':leaseDailyAdd<0?'':''}}</span>
<span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{`${leaseDailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType===2">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.value?$util.getMoney(item.curYearRevenue.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.value?$util.getMoney(item.lYearRevenue.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{item.dailyAdd>0?'+':item.dailyAdd<0?'':''}}</span>
<span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{`${item.dailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
''}"></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(2)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>-->
<!-- <span>{{`${incomeDailyNumber || '-'}`}}</span>-->
<!-- </div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>-->
<!-- <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>-->
<!-- </div>-->
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
''}"></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(2)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType===1">
<!-- 合计-->
<div class="row">
<div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>
<span>{{`${incomeDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>
<span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>
</div>
</div>
<!-- 自营-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfAccount.value?$util.getMoney(pageData.curYearSelfAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfAccount .value?$util.getMoney(pageData.lYearSelfAccount .value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyRevenueNumber>0?'+':inComeDailyRevenueNumber<0?'':''}}</span>
<span>{{`${inComeDailyRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{inComeDailyRevenueAdd>0?'+':inComeDailyRevenueAdd<0?'':''}}</span>
<span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{`${inComeDailyRevenueAdd || '-'}%`}}</span>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">便利店</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSAccount.value?$util.getMoney(pageData.curYearCVSAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSAccount.value?$util.getMoney(pageData.lYearCVSAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyStoreNumber>0?'+':inComeDailyStoreNumber<0?'':''}}</span>
<span>{{`${inComeDailyStoreNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{inComeDailyStoreAdd>0?'+':inComeDailyStoreAdd<0?'':''}}</span>
<span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{`${inComeDailyStoreAdd || '-'}%`}}</span>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">餐饮及客房</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSCAccount.value?$util.getMoney((pageData.curYearSCAccount.value) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSCAccount.value ?$util.getMoney(pageData.lYearSCAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyFoodNumber>0?'+':inComeDailyFoodNumber<0?'':''}}</span>
<span>{{`${inComeDailyFoodNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{inComeDailyFoodAdd>0?'+':inComeDailyFoodAdd<0?'':''}}</span>
<span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{`${inComeDailyFoodAdd || '-'}%`}}</span>
</div>
</div>
<!-- 外包-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{outsourceInComeDailyNumber>0?'+':outsourceInComeDailyNumber<0?'':''}}</span>
<span>{{`${outsourceInComeDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{outsourceInComeDailyAdd>0?'+':outsourceInComeDailyAdd<0?'':''}}</span>
<span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{`${outsourceInComeDailyAdd || '-'}%`}}</span>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">商铺租赁</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{leaseInComeDailyNumber>0?'+':leaseInComeDailyNumber<0?'':''}}</span>
<span>{{`${leaseInComeDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{leaseInComeDailyAdd>0?'+':leaseInComeDailyAdd<0?'':''}}</span>
<span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{`${leaseInComeDailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType===2">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearAccount.value?$util.getMoney(item.curYearAccount.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearAccount.value?$util.getMoney(item.lYearAccount.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyRevenueNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{item.dailyRevenueAdd>0?'+':item.dailyRevenueAdd<0?'':''}}</span>
<span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{`${item.dailyRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
''}"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
<div class="moreBox" @click="handleGoMorePage(3)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>-->
<!-- <span>{{`${entryCarDailyNumber || '-'}`}}</span>-->
<!-- </div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>-->
<!-- <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>-->
<!-- </div>-->
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
''}"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
<div class="moreBox" @click="handleGoMorePage(3)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/>
</div>
</div>
<div class="modalDetail" v-if="pageType===1">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst">
<!-- 合计-->
<div class="row">
<div class="valueItem bigFather" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">合计</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>
<span>{{`${entryCarDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
<span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
<div class="modalDetail" v-if="pageType===2">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeSecond">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.value?$util.getMoney(item.curYearBayonet.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.value?$util.getMoney(item.lYearBayonet.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyCarNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{item.dailyCarAdd>0?'+':item.dailyCarAdd<0?'':''}}</span>
<span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{`${item.dailyCarAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import request from '@/util/index.js'
import moment from "moment";
export default {
name: "springTravel",
data(){
return {
statusBarHeight:0,
menu:{},
scrollList:[],
currentScroll:'',
selectIndex: 2,
curYear:2024,
compareYear:2023,
lastDay:'',
allDateDay:'',
pageData:{},// 当天的数据
yesDayPageData:{},// 前一天的数据
revenueAdd: 0,// 对客销售金额增幅
revenueNumber: 0,// 对客销售金额增长
howDayNumber: 0,// 春运开始的第几天
isShowToCustomers: false,// 是否显示对客的详情
isShowRevenue:false,// 是否显示营业收入
isShowCarEntry:false,// 是否显示入区车流
pageType:1,// 按模块区分 按片区区分
areaDataList:[],// 按片区分的值
isShowAllDetail:false,// 是否展示三个的详情
selectDateText:'',// 选择的日期
showSpring:false,
springService:null,// 当前选中的服务区
useInfo:{},// 用户信息
isShowWarningTime: true,// 是否显示警告文字
giveTrendObj:{},// 传递给趋势页面的值
isFirst:true,
selfRevenueNumber:0,// 对客自营营业额增长
selfRevenueAdd: 0,// 对客自营营业额增幅
selfStoresRevenueNumber:0,// 对客自营便利店增长
selfStoresRevenueAdd:0,// 对客自营便利店增幅
GRORevenueNumber:0,// 对客餐饮+客房及其他增长
GRORevenueAdd:0,// 对客客房及其他增幅
outsourceRevenueNumber:0,// 对客外包增长
outsourceRevenueAdd:0,// 对客外包增幅
leaseRevenueNumber:0,// 对客租赁增长
leaseRevenueAdd:0,// 对客租赁增幅
tradeAccountAdd:0,// 营业收入增幅
tradeAccountNumber:0,// 营业收入增长
tradeSelfAccountNumber:0,// 营业自营营业额增长
tradeSelfAccountAdd:0,// 营业自营营业额增幅
tradeStoresAccountNumber:0,// 营业自营便利店增长
tradeStoresAccountAdd:0,// 营业自营便利店增幅
tradeSCAAccountNumber:0,// 营业餐饮及客房增长
tradeSCAAccountAdd:0,// 营业餐饮及客房增幅
outsourceAccountNumber:0,// 营业外包增长
outsourceAccountAdd:0,// 营业外包增幅
leaseAccountNumber:0,// 营业租赁增长
leaseAccountAdd:0,// 营业租赁增幅
carEntryAdd:0,// 车流量的增幅
carEntryNumber:0,// 车流量的增长
revenueToCustomerAdd:0,// 每日对客销售增幅
revenueToCustomerNumber:0,// 每日对客销售增长
revenueUserAdd:0,// 每日对客自营收入增幅
revenueUserNumber:0,// 每日对客自营收入增长
revenueStoreAdd:0,// 每日对客便利店收入增幅
revenueStoreNumber:0,// 每日对客便利店收入增长
revenueSCAAdd:0,// 每日餐饮及客房增幅
revenueSCANumber:0,// 每日餐饮及客房增长
outsourceDailyAdd:0,// 每日外包增幅
outsourceDailyNumber:0,// 每日外包增长
leaseDailyAdd:0,// 每日租赁增幅
leaseDailyNumber:0,// 每日租赁增长
incomeDailyAdd:0,// 每日营业收入增幅
incomeDailyNumber:0,// 每日营业收入增长
inComeDailyRevenueAdd:0,// 每日自营营收增幅
inComeDailyRevenueNumber:0,// 每日自营营收增长
inComeDailyStoreAdd:0,// 每日自营便利店增幅
inComeDailyStoreNumber:0,// 每日自营便利店增长
inComeDailyFoodAdd:0,// 每日自营餐饮及客房增幅
inComeDailyFoodNumber:0,// 每日自营餐饮及客房增长
outsourceInComeDailyAdd:0,// 每日外包营收增幅
outsourceInComeDailyNumber:0,// 每日外包营收增长
leaseInComeDailyAdd:0,// 每日租赁增幅
leaseInComeDailyNumber:0,// 每日租赁增长
entryCarDailyAdd:0,// 每日车流增幅
entryCarDailyNumber:0,// 每日车流增长
selectFestival: 3,// 选择的节日
festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:3},{label:'端午节',value:4}],// 节日列表
}
},
async onLoad(query){
// if (new Date().getTime() > new Date('2024-04-05 00:00:00').getTime()){
// this.selectFestival = 1
// }
// 获取手机参数对页面进行适配
let systemInfo = uni.getSystemInfoSync()
this.statusBarHeight = Number(systemInfo.statusBarHeight)
this.menu = uni.getMenuButtonBoundingClientRect()
// 获取用户信息
let userInfo = uni.getStorageSync('vuex')
userInfo = JSON.parse(userInfo)
this.useInfo = JSON.parse(JSON.stringify(userInfo))
if (query.selectType){
this.selectIndex = Number(query.selectType)
}
const date = new Date()
let y = date.getFullYear()
this.curYear = y
this.compareYear = y - 1
this.lastDay = uni.getStorageSync('lastDay')
// this.lastDay = '2024-04-03'
// this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
if (this.selectFestival===0){
this.currentScroll = 'item'+ '2024-03-05'
}else if (this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay
}else if (this.selectFestival===2){
this.currentScroll = 'item'+ this.lastDay
}
console.log('currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay)
let lastM = lastDate.getMonth() + 1
let lastD = lastDate.getDate()
this.allDateDay = `${lastM<10?'0'+lastM:lastM}月${lastD<10?'0'+lastD:lastD}日`
// 拿到是春运开始的第几天
let dayNumber = 0
let lastMonth = lastDate.getMonth() + 1
let lastDays = lastDate.getDate()
// 24年春运开始时间为 1.26
// if (lastMonth === 1){
// dayNumber = lastDays - 26 + 1
// }else{
// dayNumber = 6 + lastDays
// }
if (this.selectFestival===0){
dayNumber = moment().diff("2024-01-26", "days")// 春节
}else if (this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days")// 清明
}else if (this.selectFestival===2){
dayNumber = moment().diff("2024-04-30", "days")// 劳动
}else if (this.selectFestival===3){
dayNumber = moment().diff("2024-06-07", "days")// 端午
}
console.log('dayNumber',dayNumber)
if (this.selectFestival===0){
this.howDayNumber = dayNumber<=40?dayNumber:40
this.lastDay = '2024-03-05'
}else if (this.selectFestival===1){
if (dayNumber<=5){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 5
this.currentScroll = 'item'+ '2024-04-07'
this.lastDay = '2024-04-07'
this.allDateDay = '2024-04-07'
}
}else if (this.selectFestival===2){
if (dayNumber<=7){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 7
this.currentScroll = 'item'+ '2024-05-06'
this.lastDay = '2024-05-06'
this.allDateDay = '2024-05-06'
}
}else if (this.selectFestival===3){
if (dayNumber<=5){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 5
this.currentScroll = 'item'+ '2024-06-11'
this.lastDay = '2024-06-11'
this.allDateDay = '2024-06-11'
}
}
let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){
if (this.selectFestival===0){
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){
dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===2){
dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===3){
dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")})// 端午
}
// if (i<7){
// dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
// }else{
// if (i-6>29){
// }else{
// dateList.push({label:`第${i}天`,value:`2024-02-${i - 7 + 1<10?`0${i - 7 + 1}`:i - 7 + 1}`})
// }
// }
}
console.log('dateList',dateList)
if (dateList && dateList.length>0){
this.scrollList = dateList
this.selectDateText = dateList[this.howDayNumber-1].value
}
uni.showLoading({
title: '正在加载...'
})
await this.handleGetNewUpdateTime()
await this.handleGetPageData()
this.handleGetAreaData()
// await this.handleGetRestaurantData()
uni.hideLoading()
},
async onShow(){
let seat = uni.getStorageSync('springService')
if (seat){
this.springService = seat
this.showSpring = true
uni.showLoading({
title: '正在加载...'
})
await this.handleGetPageData()
this.handleGetAreaData()
// await this.handleGetRestaurantData()
uni.hideLoading()
}else{
this.showSpring = false
}
},
destroyed(){
uni.removeStorageSync('springService')
},
methods:{
// 改变节日
async handleChangeFestival(e){
this.handleResest()
console.log('e',e)
this.selectFestival = Number(e.detail.value)
this.scrollList = []
this.lastDay = uni.getStorageSync('lastDay')
if (this.selectFestival===0){
this.currentScroll = 'item'+ '2024-03-05'
}else if(this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay
}else if(this.selectFestival===2){
this.currentScroll = 'item'+ this.lastDay
}else if(this.selectFestival===3){
this.currentScroll = 'item'+ this.lastDay
}
let dayNumber = 0
if (this.selectFestival===0){
dayNumber = moment().diff("2024-01-26", "days")
}else if (this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days")
}else if (this.selectFestival===2){
dayNumber = moment().diff("2024-04-30", "days")// 劳动
}else if (this.selectFestival===3){
dayNumber = moment().diff("2024-06-07", "days")// 端午
}
console.log('dayNumber',dayNumber)
if (this.selectFestival===0){
if (dayNumber<=40){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 40
this.lastDay = '2024-03-05'
this.allDateDay = '2024-03-05'
}
}else if (this.selectFestival===1){
// this.howDayNumber = dayNumber<=3?dayNumber:3
if (dayNumber<=3){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 3
this.currentScroll = 'item'+ '2024-04-05'
this.lastDay = '2024-04-07'
this.allDateDay = '2024-04-07'
}
}else if (this.selectFestival===2){
// this.howDayNumber = dayNumber<=3?dayNumber:3
if (dayNumber<=7){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 7
this.currentScroll = 'item'+ '2024-05-06'
this.lastDay = '2024-05-06'
this.allDateDay = '2024-05-06'
}
}else if (this.selectFestival===3){
if (dayNumber<=5){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 5
this.currentScroll = 'item'+ '2024-06-11'
this.lastDay = '2024-06-11'
this.allDateDay = '2024-06-11'
}
}
let dateList = []
for (let i = 1;i<=this.howDayNumber;i++) {
if (this.selectFestival===0){
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){
dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===2){
dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===3){
dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")})// 端午
}
}
console.log('dateList',dateList)
if (dateList && dateList.length>0){
this.scrollList = dateList
this.selectDateText = dateList[this.howDayNumber-1].value
}
uni.showLoading({
title: '正在加载...'
})
await this.handleGetNewUpdateTime()
await this.handleGetPageData()
this.handleGetAreaData()
uni.hideLoading()
},
async handleGetPageData(date){
let req
// 判断有没有服务区
if (this.springService){
req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'',
StatisticsDate:date || this.lastDay,
ServerpartId:this.springService.Serverpart_ID
}
}else{
req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'',
StatisticsDate:date || this.lastDay,
}
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidayAnalysis',req)
console.log(112321312,data)
if (data.Result_Data){
this.pageData = data.Result_Data
if (this.isFirst){
this.giveTrendObj = {
curYearRevenue:this.pageData.curYearRevenue.data,
lYearRevenue:this.pageData.lYearRevenue.data,
curYearAccount: this.pageData.curYearAccount.data,
lYearAccount:this.pageData.lYearAccount.data,
curYearBayonet:this.pageData.curYearBayonet.data,
lYearBayonet:this.pageData.lYearBayonet.data,
}
this.isFirst = false
}
// 对客销售金额增幅
this.revenueAdd = Number((((this.pageData.curYearRevenue.data / this.pageData.lYearRevenue.data)-1)*100).toFixed(2))
this.revenueNumber = Number(((this.pageData.curYearRevenue.data - this.pageData.lYearRevenue.data)/10000).toFixed(2))
// 自营营业额增长
this.selfRevenueNumber = Number(((this.pageData.curYearSelfRevenue.data - this.pageData.lYearSelfRevenue.data) / 10000).toFixed(2))
// 自营营业额增幅
this.selfRevenueAdd = Number((((this.pageData.curYearSelfRevenue.data / this.pageData.lYearSelfRevenue.data)-1)*100).toFixed(2))
// 对客自营便利店增长
this.selfStoresRevenueNumber = Number(((this.pageData.curYearCVSRevenue.data - this.pageData.lYearCVSRevenue.data) / 10000).toFixed(2))
// 对客自营便利店增幅
this.selfStoresRevenueAdd = Number((((this.pageData.curYearCVSRevenue.data / this.pageData.lYearCVSRevenue.data)-1)*100).toFixed(2))
// 对客餐饮+客房及其他增长
this.GRORevenueNumber = Number(((this.pageData.curYearSCRevenue.data - this.pageData.lYearSCRevenue.data) / 10000).toFixed(2))
// 对客餐饮+客房及其他增幅
this.GRORevenueAdd = Number(((((this.pageData.curYearSCRevenue.data) / this.pageData.lYearSCRevenue.data)-1)*100).toFixed(2))
// this.GRORevenueAdd = 100
// 对客外包增长
this.outsourceRevenueNumber = Number(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000).toFixed(2))
// 对客外包增幅
this.outsourceRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))
// 对客租赁增长
this.leaseRevenueNumber = Number(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000).toFixed(2))
// 对客租赁增幅
this.leaseRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))
// 营业收入增长
this.tradeAccountAdd = Number((((this.pageData.curYearAccount.data / this.pageData.lYearAccount.data)-1)*100).toFixed(2))
this.tradeAccountNumber = Number(((this.pageData.curYearAccount.data - this.pageData.lYearAccount.data)/10000).toFixed(2))
// 营业自营营业额增长
this.tradeSelfAccountNumber = Number(((this.pageData.curYearSelfAccount.data - this.pageData.lYearSelfAccount.data) / 10000).toFixed(2))
// 营业自营营业额增幅
this.tradeSelfAccountAdd = Number((((this.pageData.curYearSelfAccount.data / this.pageData.lYearSelfAccount.data)-1)*100).toFixed(2))
// 营业自营便利店增长
this.tradeStoresAccountNumber = Number(((this.pageData.curYearCVSAccount.data - this.pageData.lYearCVSAccount.data) / 10000).toFixed(2))
// 营业自营便利店增幅
this.tradeStoresAccountAdd = Number((((this.pageData.curYearCVSAccount.data / this.pageData.lYearCVSAccount.data)-1)*100).toFixed(2))
// 餐饮及客房增长
this.tradeSCAAccountNumber = Number(((this.pageData.curYearSCAccount.data - this.pageData.lYearSCAccount.data) / 10000).toFixed(2))
// 餐饮及客房增幅
this.tradeSCAAccountAdd = Number((((this.pageData.curYearSCAccount.data / this.pageData.lYearSCAccount.data)-1)*100).toFixed(2))
// 营业外包增长
this.outsourceAccountNumber = Number(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000).toFixed(2))
// 营业外包增幅
this.outsourceAccountAdd = Number((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100).toFixed(2))
// 营业租赁增长
this.leaseAccountNumber = Number(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000).toFixed(2))
// 营业租赁增幅
this.leaseAccountAdd = Number((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100).toFixed(2))
// 车流量的增长
this.carEntryAdd = Number((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100).toFixed(2))
this.carEntryNumber = Number(((this.pageData.curYearBayonet.data - this.pageData.lYearBayonet.data)/10000).toFixed(2))
// 当日
// 每日对客销售增幅 要减去万佳的
let realDailyRevenue = Number(this.pageData.curYearRevenue.value) - Number(this.pageData.curYearWJRevenue.value)
let realDailyWj = Number(this.pageData.lYearRevenue.value) - Number(this.pageData.lYearWJRevenue.value)
this.revenueToCustomerAdd = Number((((realDailyRevenue / realDailyWj)-1)*100).toFixed(2))
this.revenueToCustomerNumber = Number(((realDailyRevenue - realDailyWj) / 10000).toFixed(2))
// 每日对客自营收入
this.revenueUserAdd = Number((((this.pageData.curYearSelfRevenue.value / this.pageData.lYearSelfRevenue.value)-1)*100).toFixed(2))
this.revenueUserNumber = Number(((this.pageData.curYearSelfRevenue.value - this.pageData.lYearSelfRevenue.value) / 10000).toFixed(2))
// 每日对客便利店收入
this.revenueStoreAdd = Number((((this.pageData.curYearCVSRevenue.value / this.pageData.lYearCVSRevenue.value)-1)*100).toFixed(2))
this.revenueStoreNumber = Number(((this.pageData.curYearCVSRevenue.value - this.pageData.lYearCVSRevenue.value) / 10000).toFixed(2))
// 每日餐饮及客房增幅
this.revenueSCAAdd = Number(((((this.pageData.curYearSCRevenue.value) / this.pageData.lYearSCRevenue.value)-1)*100).toFixed(2))
this.revenueSCANumber = Number((((this.pageData.curYearSCRevenue.value) - this.pageData.lYearSCRevenue.value)/ 10000).toFixed(2))
// 每日外包增幅
this.outsourceDailyAdd = Number((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100).toFixed(2))
this.outsourceDailyNumber = Number(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000).toFixed(2))
// 每日租赁增幅
this.leaseDailyAdd = Number((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100).toFixed(2))
this.leaseDailyNumber = Number(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000).toFixed(2))
// 每日营业收入增幅
this.incomeDailyAdd = Number((((this.pageData.curYearAccount.value / this.pageData.lYearAccount.value)-1)*100).toFixed(2))
this.incomeDailyNumber = Number(((this.pageData.curYearAccount.value - this.pageData.lYearAccount.value) / 10000).toFixed(2))
// 每日自营营收增幅
this.inComeDailyRevenueAdd = Number((((this.pageData.curYearSelfAccount.value / this.pageData.lYearSelfAccount.value)-1)*100).toFixed(2))
this.inComeDailyRevenueNumber = Number(((this.pageData.curYearSelfAccount.value - this.pageData.lYearSelfAccount.value) / 10000).toFixed(2))
// 每日自营便利店
this.inComeDailyStoreAdd = Number((((this.pageData.curYearCVSAccount.value / this.pageData.lYearCVSAccount.value)-1)*100).toFixed(2))
this.inComeDailyStoreNumber = Number(((this.pageData.curYearCVSAccount.value - this.pageData.lYearCVSAccount.value) / 10000).toFixed(2))
// 每日自营餐饮及客房
this.inComeDailyFoodAdd = Number((((this.pageData.curYearSCAccount.value / this.pageData.lYearSCAccount.value)-1)*100).toFixed(2))
this.inComeDailyFoodNumber = Number(((this.pageData.curYearSCAccount.value - this.pageData.lYearSCAccount.value) / 10000).toFixed(2))
// 每日外包营收增幅
this.outsourceInComeDailyAdd = Number((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100).toFixed(2))
this.outsourceInComeDailyNumber = Number(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000).toFixed(2))
// 每日租赁增幅
this.leaseInComeDailyAdd = Number((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100).toFixed(2))
this.leaseInComeDailyNumber = Number(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000).toFixed(2))
// 每日车流增幅
this.entryCarDailyAdd = Number((((this.pageData.curYearBayonet.value / this.pageData.lYearBayonet.value)-1)*100).toFixed(2))
this.entryCarDailyNumber =Number(((this.pageData.curYearBayonet.value - this.pageData.lYearBayonet.value) / 10000).toFixed(2))
}
},
// 拿到片区区分的顶部
async handleGetAreaData(date){
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'',
StatisticsDate:date || this.lastDay,
businessRegion:1,
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
if (data.Result_Data){
let res = data.Result_Data
let list = []
if (res.List && res.List.length>0){
res.List.forEach(item=>{
if (item.node.SPRegionTypeId!==0){
list.push(item.node)
}
})
}
if (list && list.length>0){
list.forEach(item=>{
// 对客营收
// 年增长
item.yearNumber = Number(((item.curYearRevenue.data - item.lYearRevenue.data) / 10000).toFixed(2))
// 年增幅
item.yearAdd = Number((((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100).toFixed(2))
// 天增长
item.dailyNumber = Number(((item.curYearRevenue.value - item.lYearRevenue.value) / 10000).toFixed(2))
// 天增幅
item.dailyAdd = Number((((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100).toFixed(2))
// 营业收入
// 年增长
item.yearRevenueNumber = Number(((item.curYearAccount.data - item.lYearAccount.data) / 10000).toFixed(2))
// 年增幅
item.yearRevenueAdd = Number((((item.curYearAccount.data / item.lYearAccount.data)-1)*100).toFixed(2))
// 天增长
item.dailyRevenueNumber = Number(((item.curYearAccount.value - item.lYearAccount.value) / 10000).toFixed(2))
// 天增幅
item.dailyRevenueAdd = Number((((item.curYearAccount.value / item.lYearAccount.value)-1)*100).toFixed(2))
//入区流量
// 年增长
item.yearCarNumber = Number(((item.curYearBayonet.data - item.lYearBayonet.data) / 10000).toFixed(2))
// 年增幅
item.yearCarAdd = Number((((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100).toFixed(2))
// 天增长
item.dailyCarNumber = Number(((item.curYearBayonet.value - item.lYearBayonet.value) / 10000).toFixed(2))
// 天增幅
item.dailyCarAdd = Number((((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100).toFixed(2))
})
}
this.areaDataList = list
}
},
// 拿到片区的餐饮
async handleGetRestaurantData(date){
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'',
StatisticsDate:date || this.lastDay,
businessTrade:1
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
let res = data.Result_Data
let list = []
if (res.List && res.List.length>0){
res.List.forEach(item=>{
if (item.node.SPRegionTypeId!==0){
list.push(item.node)
}
})
}
if (list && list.length>0){
list.forEach(item=>{
// 对客营收
// 年增长
item.yearNumber = Number(this.$util.getMoney((item.curYearRevenue.data - item.lYearRevenue.data) / 10000))
// 年增幅
item.yearAdd = Number(this.$util.getMoney(((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100))
// 天增长
item.dailyNumber = Number(this.$util.getMoney((item.curYearRevenue.value - item.lYearRevenue.value) / 10000))
// 天增幅
item.dailyAdd = Number(this.$util.getMoney(((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100))
// 营业收入
// 年增长
item.yearRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.data - item.lYearAccount.data) / 10000))
// 年增幅
item.yearRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.data / item.lYearAccount.data)-1)*100))
// 天增长
item.dailyRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.value - item.lYearAccount.value) / 10000))
// 天增幅
item.dailyRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.value / item.lYearAccount.value)-1)*100))
//入区流量
// 年增长
item.yearCarNumber = Number(this.$util.getMoney((item.curYearBayonet.data - item.lYearBayonet.data) / 10000))
// 年增幅
item.yearCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100))
// 天增长
item.dailyCarNumber = Number(this.$util.getMoney((item.curYearBayonet.value - item.lYearBayonet.value) / 10000))
// 天增幅
item.dailyCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100))
})
}
},
handleBack(){
uni.navigateBack({
delta: 1
});
},
// 切换时间的方法
async handleChangeTime(value){
this.currentScroll = 'item'+value
this.selectDateText = value
this.pageData = null
this.areaDataList = []
this.handleReset()
uni.showLoading({
title: '正在加载...'
})
await this.handleGetPageData(value)
this.handleGetAreaData(value)
uni.hideLoading()
},
// 切換对客是否显示详情
handleChangeToCustomers(){
this.isShowToCustomers = !this.isShowToCustomers
},
// 切换显示营业收入
handleChangeRevenue(){
this.isShowRevenue = !this.isShowRevenue
},
// 切换模块
handleChangeType(value){
this.pageType = value
},
// 切换入区车流的显示
handleChangeCarEntry(){
// this.isShowCarEntry = !this.isShowCarEntry
this.isShowAllDetail = !this.isShowAllDetail
},
// 清空已有数据
handleReset(){
this.revenueAdd = 0
this.selfRevenueNumber = 0
this.selfRevenueAdd = 0
this.selfStoresRevenueNumber = 0
this.selfStoresRevenueAdd = 0
this.GRORevenueNumber = 0
this.GRORevenueAdd = 0
this.outsourceRevenueNumber = 0
this.outsourceRevenueAdd = 0
this.leaseRevenueNumber = 0
this.leaseRevenueAdd = 0
this.tradeAccountAdd = 0
this.tradeSelfAccountNumber = 0
this.tradeSelfAccountAdd = 0
this.tradeStoresAccountNumber = 0
this.tradeStoresAccountAdd = 0
this.tradeSCAAccountNumber = 0
this.tradeSCAAccountAdd = 0
this.outsourceAccountNumber = 0
this.outsourceAccountAdd = 0
this.leaseAccountNumber = 0
this.leaseAccountAdd = 0
this.carEntryAdd = 0
this.revenueToCustomerAdd = 0
this.revenueToCustomerNumber = 0
this.revenueUserAdd = 0
this.revenueUserNumber = 0
this.revenueStoreAdd = 0
this.revenueStoreNumber = 0
this.revenueSCAAdd = 0
this.revenueSCANumber = 0
this.outsourceDailyAdd = 0
this.outsourceDailyNumber = 0
this.leaseDailyAdd = 0
this.leaseDailyNumber = 0
this.incomeDailyAdd = 0
this.incomeDailyNumber = 0
this.inComeDailyRevenueAdd = 0
this.inComeDailyRevenueNumber = 0
this.inComeDailyStoreAdd = 0
this.inComeDailyStoreNumber = 0
this.inComeDailyFoodAdd = 0
this.inComeDailyFoodNumber = 0
this.outsourceInComeDailyAdd = 0
this.outsourceInComeDailyNumber = 0
this.leaseInComeDailyAdd = 0
this.leaseInComeDailyNumber = 0
this.entryCarDailyAdd = 0
this.entryCarDailyNumber = 0
},
handleGoMap(){
this.$util.toNextRoute('navigateTo', '/pages/map/index?type=springTravel')
},
// 查询全部
async handleSearchAll(){
this.showSpring = false
uni.removeStorageSync('springService')
this.springService = undefined
uni.showLoading({
title: '正在加载...'
})
await this.handleGetPageData()
this.handleGetAreaData()
uni.hideLoading()
},
// 跳转到门店详情页面
handleGoShopDetail(){
// ServerpartIds=416&time=2024-01-31&ProvinceCode=340000
let time = this.currentScroll.split('item')[1]
this.$util.toNextRoute('navigateTo', `/pages/nationalPage/nationalServerpart?ProvinceCode=${this.useInfo.userData.ProvinceCode || '340000'}&ServerpartIds=${this.springService.Serverpart_ID}&time=${time}`)
},
// 跳转更多记录的页面
handleGoMorePage(type){
let time = this.currentScroll.split('item')[1]
this.$util.toNextRoute('navigateTo', `/pages/nationalPage/rankPage?type=${type}&time=${time}&festivalType=${this.selectFestival}`)
},
handleGoTest(type){
let obj = JSON.stringify(this.giveTrendObj)
this.$util.toNextRoute('navigateTo', `/pages/nationalPage/testPage?detailObj=${obj}&festivalType=${this.selectFestival}`)
},
// 获取最新的同步日期
async handleGetNewUpdateTime(){
const data = await request.$webGet('CommercialApi/Revenue/GetLastSyncDateTime')
if (this.lastDay === data.Result_Data){
this.isShowWarningTime = false
}
},
// 重置
handleResest(){
this.pageData = null
this.giveTrendObj = {}
this.revenueAdd = null
this.revenueNumber = null
this.selfRevenueNumber = null
this.selfRevenueAdd = null
this.selfStoresRevenueNumber = null
this.selfStoresRevenueAdd = null
this.GRORevenueNumber = null
this.GRORevenueAdd = null
this.outsourceRevenueNumber = null
this.outsourceRevenueAdd = null
this.leaseRevenueNumber = null
this.leaseRevenueAdd = null
this.tradeAccountAdd = null
this.tradeAccountNumber = null
this.tradeSelfAccountNumber = null
this.tradeSelfAccountAdd = null
this.tradeStoresAccountNumber = null
this.tradeStoresAccountAdd = null
this.tradeSCAAccountNumber = null
this.tradeSCAAccountAdd = null
this.outsourceAccountNumber = null
this.outsourceAccountAdd = null
this.leaseAccountNumber = null
this.leaseAccountAdd = null
this.carEntryAdd = null
this.carEntryNumber = null
this.revenueToCustomerAdd = null
this.revenueToCustomerNumber = null
this.revenueUserAdd = null
this.revenueUserNumber = null
this.revenueStoreAdd = null
this.revenueStoreNumber = null
this.revenueSCAAdd = null
this.revenueSCANumber = null
this.outsourceDailyAdd = null
this.outsourceDailyNumber = null
this.leaseDailyAdd = null
this.leaseDailyNumber = null
this.incomeDailyAdd = null
this.incomeDailyNumber = null
this.inComeDailyRevenueAdd = null
this.inComeDailyRevenueNumber = null
this.inComeDailyStoreAdd = null
this.inComeDailyStoreNumber = null
this.inComeDailyFoodAdd = null
this.inComeDailyFoodNumber = null
this.outsourceInComeDailyAdd = null
this.outsourceInComeDailyNumber = null
this.leaseInComeDailyAdd = null
this.leaseInComeDailyNumber = null
this.entryCarDailyAdd = null
this.entryCarDailyNumber = null
}
}
}
</script>
<style scoped lang="scss">
.main{
width: 100%;
height: 100vh;
.topSpring{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
}
.qmFestival{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
}
.labourFestival{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
}
.dragonBoat{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.top{
width: 100%;
height: 432rpx;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
//z-index:3;
.topBg{
width: 100%;
height: 100%;
z-index: 4;
}
.headerSpring{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
}
.headerQm{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
}
.headerLabour{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
}
.headerDragonBoat{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.header{
position: fixed;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 432rpx;
display: flex;
align-items: center;
z-index: 2;
.backArrow{
width: 24px;
height: 24px;
margin-right: 16px;
position: absolute;
}
.pageTitle{
position: absolute;
width: 280rpx;
height: 80rpx;
margin-left: 16rpx;
bottom: -3px;
left: 40px;
}
.seachBox{
position: absolute;
bottom: 0;
left: 60px;
width: 400rpx;
background: #fff;
border-radius: 32rpx;
margin-left: 16rpx;
box-sizing: border-box;
padding: 10rpx 20rpx;
display: flex;
align-items: center;
.searchIcon{
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.searchText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #B6BACB;
line-height: 40rpx;
white-space: nowrap;
}
}
.picker{
position: absolute;
bottom: 0;
left: 40px;
.selectService{
display: flex;
align-items: center;
.img{
width: 40px;
height: 40px;
z-index: 2;
}
.select{
height: 32px;
background: #F8F8FA;
border-radius: 0 16px 16px 0;
transform: translateX(-20px);
box-sizing: border-box;
padding-left: 25px;
display: flex;
align-items: center;
.content{
display: flex;
align-items: center;
.uni-input{
padding: 0;
background: transparent;
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #160002;
}
.area{
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 40px;
margin-left: 4px;
}
.rightArrow{
width: 24px;
height: 12px;
}
}
}
}
}
}
.festivalChangeBox{
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 32rpx;
.festivalImg{
width: 168rpx;
height: 68rpx;
}
.changeIcon{
width: 32rpx;
height: 32rpx;
margin-left: 12rpx;
}
}
}
.pageContent{
width: 100%;
box-sizing: border-box;
padding: 0 32rpx 28rpx;
transform: translateY(-110rpx);
.springTravelBox{
.overAllData{
width: 100%;
box-sizing: border-box;
padding: 2rpx;
background: #fff;
border-radius: 16rpx;
.springTop{
background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
}
.qmTop{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
}
.labourTop{
background: linear-gradient(360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.dragonBoatTop{
background: linear-gradient(360deg, rgba(191,230,220,0) 0%, #BFE6DC 100%);
}
.overAllDataTop{
width: 100%;
border-radius: 14rpx 14rpx 16rpx 16rpx;
box-sizing: border-box;
padding: 22rpx 22rpx 0;
.titleBox{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5px;
.titleBoxLeft{
display: flex;
.titleImg{
width: 144rpx;
height: 74rpx;
}
.titleNotice{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 37rpx;
white-space: nowrap;
}
}
.typeChangeBox{
display: flex;
align-items: center;
background: #FFFFFF;
border-radius: 6rpx;
box-sizing: border-box;
padding: 4rpx;
.normal{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 36rpx;
padding: 6rpx 16rpx;
}
.select{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
background: #F5EFEF;
border-radius: 6rpx;
}
}
.searchAllBox{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
background: #fff;
border-radius: 6rpx;
padding: 6rpx 16rpx;
}
}
.contentTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.contentTitle{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYNumber{
display: flex;
align-items: center;
margin-right: 32rpx;
.YOYNumberText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYNumberValue{
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
//font-weight: bold;
color: #A69E9F;
line-height: 40rpx;
}
}
.YOYBox{
.YOYBoxText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYBoxValue{
font-size: 36rpx;
//font-family: DINAlternate-Bold;
font-weight: bold;
color: #E83944;
line-height: 40rpx;
}
}
}
.waringText{
display: inline-block;
position: relative;
top: -10px;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 37rpx;
white-space: nowrap;
}
}
.contentTitleBoxOuter{
width: 100%;
padding: 0 24rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16rpx;
.contentTitle{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYNumber{
display: flex;
align-items: center;
margin-right: 32rpx;
.YOYNumberText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYNumberValue{
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
//font-weight: bold;
color: #A69E9F;
line-height: 40rpx;
}
}
.YOYBox{
display: flex;
align-items: center;
.YOYBoxText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYBoxValue{
font-size: 36rpx;
font-family: DINAlternate-Bold;
font-weight: bold;
color: #E83944;
line-height: 40rpx;
}
}
}
.overAllDataBottom{
width: 100%;
box-sizing: border-box;
padding: 0 24rpx 40rpx;
.contentTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.contentTitle{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYNumber{
display: flex;
align-items: center;
margin-right: 32rpx;
.YOYNumberText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYNumberValue{
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
//font-weight: bold;
color: #A69E9F;
line-height: 40rpx;
}
}
.YOYBox{
.YOYBoxText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYBoxValue{
font-size: 36rpx;
font-family: "Microsoft YaHei";
font-weight: bold;
color: #E83944;
line-height: 40rpx;
}
}
}
.pkBox{
width: 100%;
height: 140rpx;
position: relative;
box-sizing: border-box;
.pkLogo{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 88rpx;
height: 88rpx;
}
.leftBox,.rightBox{
width: 50%;
height: 100%;
box-sizing: border-box;
padding: 24rpx 32rpx;
display: flex;
flex-direction: column;
position: absolute;
}
.springLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
}
.qmLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png");
}
.labourLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png");
}
.dragonBoatLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png");
}
.leftBox{
left: 0;top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
background-repeat: no-repeat;
background-size: 100% 100%;
.value{
font-size: 44rpx;
//font-family: DINAlternate, DINAlternate;
color: #FFFFFF;
font-weight: bold;
line-height: 52rpx;
}
.label{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
color: #FFFFFF;
font-weight: 400;
line-height: 40rpx;
}
}
.springRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
}
.qmRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg2st.png");
.value{
color: #2D7E72!important;
}
.label{
color: #2D7E72!important;
}
}
.labourRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
.value{
color: #E17900!important;
}
.label{
color: #E17900!important;
}
}
.dragonBoatRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png");
.value{
color: #2F7F4B!important;
}
.label{
color: #2F7F4B!important;
}
}
.rightBox{
right: 0;top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
background-repeat: no-repeat;
background-size: 100% 100%;
align-items: flex-end;
.value{
font-size: 44rpx;
//font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #FF5A3C;
line-height: 52rpx;
}
.label{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #FF5A3C;
line-height: 40rpx;
}
}
.revenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
}
.qmRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
}
.labourRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
}
.dragonBoatRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png");
}
.revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{
color: #D48F00;
}
.label{
color: #D48F00;
}
}
.qmRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
.value{
color: #3873DD;
}
.label{
color: #3873DD;
}
}
.labourRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
.value{
color: #F0490E;
}
.label{
color: #F0490E;
}
}
.dragonBoatRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png");
.value{
color: #6F8A14;
}
.label{
color: #6F8A14;
}
}
.carLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
}
.qmCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png");
}
.labourCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
}
.dragonBoatCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png");
}
.carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{
color: #3873DD;
}
.label{
color: #3873DD;
}
}
.qmCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
.value{
color: #0793BB;
}
.label{
color: #0793BB;
}
}
.labourCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
.value{
color: #A59301;
}
.label{
color: #A59301;
}
}
.dragonBoatCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png");
.value{
color: #218794;
}
.label{
color: #218794;
}
}
}
.otherListBox{
width: 100%;
background: #F8F8F8;
border-radius: 16rpx;
padding: 24rpx;
box-sizing: border-box;
margin-top: 16rpx;
margin-bottom: 16rpx;
.listType{
.downBox{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
.getMoreIcon{
width: 30rpx;
height: 30rpx;
transform: rotate(-90deg);
}
}
.moduleBox{
.listTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox{
width: 100%;
.bigBox{
width: 100%;
.row{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 32rpx;
.valueItem{
text-align: center;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
box-sizing: border-box;
text-indent: 8rpx;
}
.father{
position: relative;
}
.father:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188FF;
}
.son{
position: relative;
}
.son:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.valueItemBox{
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
.addItem{
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
line-height: 40rpx;
}
}
}
}
}
.areaBox{
.listTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox{
width: 100%;
.row{
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem{
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
.showIconBox{
display: flex;
align-items: center;
justify-content: center;
.getMoreIcon{
width: 30rpx;
height: 30rpx;
transform: rotate(90deg);
}
}
}
}
}
.revenueDetail{
width: 100%;
background: #fff;
border-radius: 16rpx;
box-sizing: border-box;
padding: 2rpx;
margin-top: 24rpx;
.springTitleBox{
background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
}
.qmTitleBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
}
.labourTitleBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.revenueDetailTitleBox{
width: 100%;
height: 90rpx;
//background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
border-radius: 14rpx 14rpx 0rpx 0rpx;
box-sizing: border-box;
padding: 22rpx;
position: relative;
.detailLogo{
width: 144rpx;
height: 74rpx;
}
.detailIcon{
width: 104rpx;
height: 104rpx;
position: absolute;
right: 22rpx;
top: 22rpx;
}
.goTest{
position: absolute;
right: 22rpx;
top: 15rpx;
width: 212rpx;
height: 56rpx;
}
.modalUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
position: absolute;
left: 170rpx;
top: 26rpx;
}
}
.revenueContent{
width: 100%;
box-sizing: border-box;
padding: 0 22rpx 24rpx;
.navList{
width: 100%;
height: 40rpx;
display: flex;
align-items: center;
white-space: nowrap;
padding-bottom: 12rpx;
border-bottom: 1px solid #F5F4F4;
.scrollItem{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 40rpx;
margin-right: 32rpx;
display: inline-block;
}
.selectItem{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
line-height: 40rpx;
}
}
.springNav{
.selectItem{
color: #ED3E48;
}
}
.qmNav{
.selectItem{
color: #226C61;
}
}
.labourNav{
.selectItem{
color: #D14702;
}
}
.dateText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
margin: 16rpx 0;
display: inline-block;
}
.modalBox{
margin-top: 32rpx;
.modalTitleBox{
width: 100%;
box-sizing: border-box;
padding: 0 24rpx;
margin-bottom: 16rpx;
display: flex;
align-items: center;
justify-content: space-between;
.modalTitleItem{
display: flex;
align-items: center;
.modalIndex{
width: 12rpx;
height: 12rpx;
//background: #DB6465;
background: #3B9285;
border-radius: 50%;
margin-right: 12rpx;
}
.modalText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
margin-right: 4rpx;
}
.modalUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
}
}
.moreBox{
display: flex;
align-items: center;
.moreText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
//color: #ED3E48;
color: #226C61;
line-height: 40rpx;
}
.moreIcon{
width: 24rpx;
height: 24rpx;
margin-left: 4rpx;
}
}
.modalTitleItem1{
font-size: 24rpx;
text-align: center;
}
}
.modalDetail{
width: 100%;
box-sizing: border-box;
padding: 24rpx;
background: #F8F8F8;
.modalDetailTitle{
display: flex;
align-items: center;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.typeFirst{
.row{
margin-top: 32rpx;
display: flex;
align-items: center;
margin-top: 32rpx;
.valueItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
text-align: center;
text-indent: 8rpx;
}
.bigFather{
position: relative;
font-weight: 600;
}
.bigFather:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #DB6465;
}
.father{
position: relative;
font-weight: 600;
}
.father:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188FF;
}
.son{
position: relative;
}
.son:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.compareItem{
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
text-align: center;
}
.addItem{
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #E83944;
line-height: 40rpx;
text-align: center;
}
}
}
.typeSecond{
.listValueBox{
width: 100%;
.row{
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem{
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
}
}
}
}
}
}
</style>
Reference in New Issue View Git Blame Copy Permalink