ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ahyd_DIB/pages/nationalPage/springTravel.vue
cclu 1cbbd00065 update
2024-01-30 20:24:46 +08:00

1765 lines
94 KiB
Vue
Raw Blame History

<template>
<div class="main">
<div class="top">
<div class="header" :style="{height:menu.height + menu.top + 'px',top:0+'px'}">
<image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>
</div>
</div>
<div class="pageContent">
<div class="springTravelBox">
<div class="overAllData">
<!-- 对客营收 -->
<div class="overAllDataTop">
<div class="titleBox">
<div class="titleBoxLeft">
<img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />
<text class="titleNotice">{{`/统计到${allDateDay}`}}</text>
</div>
<div class="typeChangeBox">
<div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">按模块</div>
<div :class="pageType===2?'normal select':'normal'" @click="handleChangeType(2)">按片区</div>
</div>
</div>
<div class="contentTitleBox">
<text class="contentTitle">对客销售</text>
<div class="YOYBox">
<text class="YOYBoxText">同比去年</text>
<text class="YOYBoxValue">
{{`${revenueAdd>0?'+':''}${revenueAdd?revenueAdd:'-'}%`}}
</text>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox">
<div class="leftBox">
<text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
</div>
<div class="rightBox">
<text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
</div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
</div>
<div class="otherListBox">
<div class="listType" v-if="isShowToCustomers">
<div class="downBox" @click="handleChangeToCustomers">
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
<div class="moduleBox" v-if="pageType===1">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<!-- 自营-->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfRevenue.data?$util.getMoney(pageData.curYearSelfRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfRevenue.data?$util.getMoney(pageData.lYearSelfRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{selfRevenueNumber>0?'+':selfRevenueNumber<0?'':''}}</span>
<span>{{`${selfRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{selfRevenueAdd>0?'+':selfRevenueAdd<0?'':''}}</span>
<span :style="{color:selfRevenueAdd>0?'#E83944':selfRevenueAdd<0?'#0E9976':''}">{{`${selfRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 便利店 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSRevenue.data?$util.getMoney(pageData.curYearCVSRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSRevenue.data?$util.getMoney(pageData.lYearCVSRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{selfStoresRevenueNumber>0?'+':selfStoresRevenueNumber<0?'':''}}</span>
<span>{{`${selfStoresRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{selfStoresRevenueAdd>0?'+':selfStoresRevenueAdd<0?'':''}}</span>
<span :style="{color:selfStoresRevenueAdd>0?'#E83944':selfStoresRevenueAdd<0?'#0E9976':''}">{{`${selfStoresRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 餐饮客房 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮客房</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearGRORevenue.data || pageData.curYearSCRevenue.data?$util.getMoney((Number(pageData.curYearGRORevenue.data) + Number(pageData.curYearSCRevenue.data)) / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCRevenue.data?$util.getMoney(pageData.lYearSCRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{GRORevenueNumber>0?'+':GRORevenueNumber<0?'':''}}</span>
<span>{{`${GRORevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{GRORevenueAdd>0?'+':GRORevenueAdd<0?'':''}}</span>
<span :style="{color:GRORevenueAdd>0?'#E83944':GRORevenueAdd<0?'#0E9976':''}">{{`${GRORevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 外包 -->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{outsourceRevenueNumber>0?'+':outsourceRevenueNumber<0?'':''}}</span>
<span>{{`${outsourceRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{outsourceRevenueAdd>0?'+':outsourceRevenueAdd<0?'':''}}</span>
<span :style="{color:outsourceRevenueAdd>0?'#E83944':outsourceRevenueAdd<0?'#0E9976':''}">{{`${outsourceRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 商铺租赁 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopRevenue.data?$util.getMoney(pageData.curYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopRevenue.data?$util.getMoney(pageData.lYearCoopRevenue.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{leaseRevenueNumber>0?'+':leaseRevenueNumber<0?'':''}}</span>
<span>{{`${leaseRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div class="valueItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{leaseRevenueAdd>0?'+':leaseRevenueAdd<0?'':''}}</span>
<span :style="{color:leaseRevenueAdd>0?'#E83944':leaseRevenueAdd<0?'#0E9976':''}">{{`${leaseRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="areaBox" v-if="pageType===2">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.data?$util.getMoney(item.curYearRevenue.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.data?$util.getMoney(item.lYearRevenue.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{item.yearAdd>0?'+':item.yearAdd<0?'':''}}</span>
<span :style="{color:item.yearAdd>0?'#E83944':item.yearAdd<0?'#0E9976':''}">{{`${item.yearAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="showIconBox" @click="handleChangeToCustomers" v-else>
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
</div>
</div>
<!-- 营业收入 -->
<div class="contentTitleBoxOuter">
<text class="contentTitle">营业收入</text>
<div class="YOYBox">
<text class="YOYBoxText">同比去年</text>
<div class="YOYBoxValue">
<span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{tradeAccountAdd>0?'+':tradeAccountAdd<0?'':''}}</span>
<span :style="{color:tradeAccountAdd>0?'#E83944':tradeAccountAdd<0?'#0E9976':''}">{{`${tradeAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox">
<div class="leftBox">
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
</div>
<div class="rightBox">
<text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
</div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
</div>
<div class="otherListBox">
<div class="listType" v-if="isShowRevenue">
<div class="downBox" @click="handleChangeRevenue">
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
<div class="moduleBox" v-if="pageType===1">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<!-- 自营-->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSelfAccount.data?$util.getMoney(pageData.curYearSelfAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSelfAccount.data?$util.getMoney(pageData.lYearSelfAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeSelfAccountNumber>0?'+':tradeSelfAccountNumber<0?'':''}}</span>
<span>{{`${tradeSelfAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{tradeSelfAccountAdd>0?'+':tradeSelfAccountAdd<0?'':''}}</span>
<span :style="{color:tradeSelfAccountAdd>0?'#E83944':tradeSelfAccountAdd<0?'#0E9976':''}">{{`${tradeSelfAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 便利店 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCVSAccount.data?$util.getMoney(pageData.curYearCVSAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCVSAccount.data?$util.getMoney(pageData.lYearCVSAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeStoresAccountNumber>0?'+':tradeStoresAccountNumber<0?'':''}}</span>
<span>{{`${tradeStoresAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{tradeStoresAccountAdd>0?'+':tradeStoresAccountAdd<0?'':''}}</span>
<span :style="{color:tradeStoresAccountAdd>0?'#E83944':tradeStoresAccountAdd<0?'#0E9976':''}">{{`${tradeStoresAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 餐饮客房 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮客房</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearSCAccount.data ?$util.getMoney(pageData.curYearSCAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearSCAccount.data?$util.getMoney(pageData.lYearSCAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{tradeSCAAccountNumber>0?'+':tradeSCAAccountNumber<0?'':''}}</span>
<span>{{`${tradeSCAAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{tradeSCAAccountAdd>0?'+':tradeSCAAccountAdd<0?'':''}}</span>
<span :style="{color:tradeSCAAccountAdd>0?'#E83944':tradeSCAAccountAdd<0?'#0E9976':''}">{{`${tradeSCAAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 外包 -->
<div class="bigBox">
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{outsourceAccountNumber>0?'+':outsourceAccountNumber<0?'':''}}</span>
<span>{{`${outsourceAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{outsourceAccountAdd>0?'+':outsourceAccountAdd<0?'':''}}</span>
<span :style="{color:outsourceAccountAdd>0?'#E83944':outsourceAccountAdd<0?'#0E9976':''}">{{`${outsourceAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
<!-- 商铺租赁 -->
<div class="bigBox">
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.curYearCoopAccount.data?$util.getMoney(pageData.curYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="valueItemBox" style="width: 110rpx">{{pageData.lYearCoopAccount.data?$util.getMoney(pageData.lYearCoopAccount.data / 10000):'0.00'}}</div>
<div class="addItem" style="width: 110rpx">
<span>{{leaseAccountNumber>0?'+':leaseAccountNumber<0?'':''}}</span>
<span>{{`${leaseAccountNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{leaseAccountAdd>0?'+':leaseAccountAdd<0?'':''}}</span>
<span :style="{color:leaseAccountAdd>0?'#E83944':leaseAccountAdd<0?'#0E9976':''}">{{`${leaseAccountAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="areaBox" v-if="pageType===2">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearAccount.data?$util.getMoney(item.curYearAccount.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearAccount.data?$util.getMoney(item.lYearAccount.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearRevenueNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{item.yearRevenueAdd>0?'+':item.yearRevenueAdd<0?'':''}}</span>
<span :style="{color:item.yearRevenueAdd>0?'#E83944':item.yearRevenueAdd<0?'#0E9976':''}">{{`${item.yearRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="showIconBox" @click="handleChangeRevenue" v-else>
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
</div>
</div>
<!-- 入区流量 -->
<div class="contentTitleBoxOuter">
<text class="contentTitle">入区流量</text>
<div class="YOYBox">
<text class="YOYBoxText">同比去年</text>
<div class="YOYBoxValue">
<span :style="{color:carEntryAdd>0?'#E83944':carEntryAdd<0?'#0E9976':''}">{{carEntryAdd>0?'+':carEntryAdd<0?'':''}}</span>
<span :style="{color:carEntryAdd>0?'#E83944':carEntryAdd<0?'#0E9976':''}">{{`${carEntryAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox">
<div class="leftBox">
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2024年/万辆</text>
</div>
<div class="rightBox">
<text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2023年/万辆</text>
</div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/>
</div>
<div class="otherListBox" v-if="pageType===2">
<div class="listType" v-if="isShowCarEntry">
<div class="downBox" @click="handleChangeCarEntry">
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
<div class="areaBox">
<div class="listTitleBox">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.data?$util.getMoney(item.curYearBayonet.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.data?$util.getMoney(item.lYearBayonet.data/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.yearCarNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{item.yearCarAdd>0?'+':item.yearCarAdd<0?'':''}}</span>
<span :style="{color:item.yearCarAdd>0?'#E83944':item.yearCarAdd<0?'#0E9976':''}">{{`${item.yearCarAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="showIconBox" @click="handleChangeCarEntry" v-else>
<img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</div>
</div>
</div>
</div>
<div class="revenueDetail">
<div class="revenueDetailTitleBox">
<img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>
<img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png"/>
<text class="modalUnit">单位：万元</text>
</div>
<div class="revenueContent">
<scroll-view scroll-x="true" class="navList" :scrollIntoView="currentScroll" :scroll-with-animation="true">
<div :class="currentScroll==='item'+item.value?'scrollItem selectItem':'scrollItem'" v-for="(item,index) in scrollList" :key="index" :id="'item'+item.value" @click="handleChangeTime(item.value)">{{item.label}}</div>
</scroll-view>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">对客销售</text>
<!-- <text class="modalUnit">/万元</text>-->
</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearRevenue.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearRevenue.value?$util.getMoney(pageData.lYearRevenue.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span>{{revenueToCustomerNumber>0?'+':revenueToCustomerNumber<0?'':''}}</span>
<span>{{`${revenueToCustomerNumber || '-'}`}}</span>
</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{revenueToCustomerAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
<span :style="{color:revenueToCustomerAdd>0?'#E83944':revenueToCustomerAdd<0?'#0E9976':''}">{{`${revenueToCustomerAdd || '-'}%`}}</span>
</div>
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">对客销售</text>
<!-- <text class="modalUnit">/万元</text>-->
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType===1">
<!-- 自营-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfRevenue.value?$util.getMoney(pageData.curYearSelfRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfRevenue.value?$util.getMoney(pageData.lYearSelfRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueUserNumber>0?'+':revenueUserNumber<0?'':''}}</span>
<span>{{`${revenueUserNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{revenueUserAdd>0?'+':revenueUserAdd<0?'':''}}</span>
<span :style="{color:revenueUserAdd>0?'#E83944':revenueUserAdd<0?'#0E9976':''}">{{`${revenueUserAdd || '-'}%`}}</span>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSRevenue.value?$util.getMoney(pageData.curYearCVSRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSRevenue.value?$util.getMoney(pageData.lYearCVSRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueStoreNumber>0?'+':revenueStoreNumber<0?'':''}}</span>
<span>{{`${revenueStoreNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{revenueStoreAdd>0?'+':revenueStoreAdd<0?'':''}}</span>
<span :style="{color:revenueStoreAdd>0?'#E83944':revenueStoreAdd<0?'#0E9976':''}">{{`${revenueStoreAdd || '-'}%`}}</span>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮及客房</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSCRevenue.value || pageData.curYearGRORevenue.value?$util.getMoney((Number(pageData.curYearSCRevenue.value) + Number(pageData.curYearGRORevenue.value)) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSCRevenue.value ?$util.getMoney(pageData.lYearSCRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{revenueSCANumber>0?'+':revenueSCANumber<0?'':''}}</span>
<span>{{`${revenueSCANumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{revenueSCAAdd>0?'+':revenueSCAAdd<0?'':''}}</span>
<span :style="{color:revenueSCAAdd>0?'#E83944':revenueSCAAdd<0?'#0E9976':''}">{{`${revenueSCAAdd || '-'}%`}}</span>
</div>
</div>
<!-- 外包-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{outsourceDailyNumber>0?'+':outsourceDailyNumber<0?'':''}}</span>
<span>{{`${outsourceDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{outsourceDailyAdd>0?'+':outsourceDailyAdd<0?'':''}}</span>
<span :style="{color:outsourceDailyAdd>0?'#E83944':outsourceDailyAdd<0?'#0E9976':''}">{{`${outsourceDailyAdd || '-'}%`}}</span>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopRevenue.value?$util.getMoney(pageData.curYearCoopRevenue.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopRevenue.value ?$util.getMoney(pageData.lYearCoopRevenue.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{leaseDailyNumber>0?'+':leaseDailyNumber<0?'':''}}</span>
<span>{{`${leaseDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{leaseDailyAdd>0?'+':leaseDailyAdd<0?'':''}}</span>
<span :style="{color:leaseDailyAdd>0?'#E83944':leaseDailyAdd<0?'#0E9976':''}">{{`${leaseDailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType===2">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearRevenue.value?$util.getMoney(item.curYearRevenue.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearRevenue.value?$util.getMoney(item.lYearRevenue.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{item.dailyAdd>0?'+':item.dailyAdd<0?'':''}}</span>
<span :style="{color:item.dailyAdd>0?'#E83944':item.dailyAdd<0?'#0E9976':''}">{{`${item.dailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">营业收入</text>
<!-- <text class="modalUnit">/万元</text>-->
</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>
<span>{{`${incomeDailyNumber || '-'}`}}</span>
</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>
<span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>
</div>
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">营业收入</text>
<!-- <text class="modalUnit">/万元</text>-->
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 440rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType===1">
<!-- 自营-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">自营</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSelfAccount.value?$util.getMoney(pageData.curYearSelfAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSelfAccount .value?$util.getMoney(pageData.lYearSelfAccount .value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyRevenueNumber>0?'+':inComeDailyRevenueNumber<0?'':''}}</span>
<span>{{`${inComeDailyRevenueNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{inComeDailyRevenueAdd>0?'+':inComeDailyRevenueAdd<0?'':''}}</span>
<span :style="{color:inComeDailyRevenueAdd>0?'#E83944':inComeDailyRevenueAdd<0?'#0E9976':''}">{{`${inComeDailyRevenueAdd || '-'}%`}}</span>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">便利店</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCVSAccount.value?$util.getMoney(pageData.curYearCVSAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCVSAccount.value?$util.getMoney(pageData.lYearCVSAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyStoreNumber>0?'+':inComeDailyStoreNumber<0?'':''}}</span>
<span>{{`${inComeDailyStoreNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{inComeDailyStoreAdd>0?'+':inComeDailyStoreAdd<0?'':''}}</span>
<span :style="{color:inComeDailyStoreAdd>0?'#E83944':inComeDailyStoreAdd<0?'#0E9976':''}">{{`${inComeDailyStoreAdd || '-'}%`}}</span>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">餐饮及客房</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearSCAccount.value || pageData.curYearSCAccount.value?$util.getMoney((Number(pageData.curYearSCRevenue.value) + Number(pageData.curYearGRORevenue.value)) / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearSCAccount.value ?$util.getMoney(pageData.lYearSCAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{inComeDailyFoodNumber>0?'+':inComeDailyFoodNumber<0?'':''}}</span>
<span>{{`${inComeDailyFoodNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{inComeDailyFoodAdd>0?'+':inComeDailyFoodAdd<0?'':''}}</span>
<span :style="{color:inComeDailyFoodAdd>0?'#E83944':inComeDailyFoodAdd<0?'#0E9976':''}">{{`${inComeDailyFoodAdd || '-'}%`}}</span>
</div>
</div>
<!-- 外包-->
<div class="row">
<div class="valueItem father" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">外包</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{outsourceInComeDailyNumber>0?'+':outsourceInComeDailyNumber<0?'':''}}</span>
<span>{{`${outsourceInComeDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{outsourceInComeDailyAdd>0?'+':outsourceInComeDailyAdd<0?'':''}}</span>
<span :style="{color:outsourceInComeDailyAdd>0?'#E83944':outsourceInComeDailyAdd<0?'#0E9976':''}">{{`${outsourceInComeDailyAdd || '-'}%`}}</span>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div class="valueItem son" :style="{width: 'calc(100% - 450rpx)',textAlign:'left',marginLeft:'20rpx'}">商铺租赁</div>
<div class="compareItem" style="width: 110rpx">{{pageData.curYearCoopAccount.value?$util.getMoney(pageData.curYearCoopAccount.value/ 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">{{pageData.lYearCoopAccount.value ?$util.getMoney(pageData.lYearCoopAccount.value / 10000):'0.00'}}</div>
<div class="compareItem" style="width: 110rpx">
<span>{{leaseInComeDailyNumber>0?'+':leaseInComeDailyNumber<0?'':''}}</span>
<span>{{`${leaseInComeDailyNumber || '-'}`}}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{leaseInComeDailyAdd>0?'+':leaseInComeDailyAdd<0?'':''}}</span>
<span :style="{color:leaseInComeDailyAdd>0?'#E83944':leaseInComeDailyAdd<0?'#0E9976':''}">{{`${leaseInComeDailyAdd || '-'}%`}}</span>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType===2">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearAccount.value?$util.getMoney(item.curYearAccount.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearAccount.value?$util.getMoney(item.lYearAccount.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyRevenueNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{item.dailyRevenueAdd>0?'+':item.dailyRevenueAdd<0?'':''}}</span>
<span :style="{color:item.dailyRevenueAdd>0?'#E83944':item.dailyRevenueAdd<0?'#0E9976':''}">{{`${item.dailyRevenueAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>
<span>{{`${entryCarDailyNumber || '-'}`}}</span>
</div>
<div class="modalTitleItem1" style="width: 110rpx">
<span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>
<span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>
</div>
</div>
<div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
</div>
<div class="modalDetail" v-if="pageType===2">
<div class="modalDetailTitle">
<div class="titleItem" :style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">类别</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeSecond">
<div class="listValueBox">
<div class="row" v-for="(item,index) in areaDataList" :key="index">
<div class="rowItem":style="{width: 'calc(100% - 430rpx)',textAlign:'left'}">{{item.SPRegionTypeName.split('管理中心')[0]}}</div>
<div class="rowItem" style="width: 110rpx">{{item.curYearBayonet.value?$util.getMoney(item.curYearBayonet.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.lYearBayonet.value?$util.getMoney(item.lYearBayonet.value/ 10000):'0.00'}}</div>
<div class="rowItem" style="width: 110rpx">{{item.dailyCarNumber || '0.00'}}</div>
<div class="rowItem" style="width: 110rpx">
<span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{item.dailyCarAdd>0?'+':item.dailyCarAdd<0?'':''}}</span>
<span :style="{color:item.dailyCarAdd>0?'#E83944':item.dailyCarAdd<0?'#0E9976':''}">{{`${item.dailyCarAdd || '-'}%`}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import request from '@/util/index.js'
import moment from "moment";
export default {
name: "springTravel",
data(){
return {
statusBarHeight:0,
menu:{},
scrollList:[
// {label: '1月26日',value:'2024-01-26'},
// {label: '1月27日',value:'2024-01-27'},
// {label: '1月28日',value:'2024-01-28'},
// {label: '1月29日',value:'2024-01-29'},
// {label: '1月30日',value:'2024-01-30'},
// {label: '1月31日',value:'2024-01-31'},
// {label: '2月1日',value:'2024-02-1'},
// {label: '2月2日',value:'2024-02-2'},
],
currentScroll:'',
selectIndex: 2,
curYear:2024,
compareYear:2023,
lastDay:'',
allDateDay:'',
pageData:{},// 当天的数据
yesDayPageData:{},// 前一天的数据
revenueAdd: 0,// 对客销售金额增长
howDayNumber: 0,// 春运开始的第几天
isShowToCustomers: false,// 是否显示对客的详情
isShowRevenue:false,// 是否显示营业收入
isShowCarEntry:false,// 是否显示入区车流
pageType:1,// 按模块区分 按片区区分
areaDataList:[],// 按片区分的值
selfRevenueNumber:0,// 对客自营营业额增长
selfRevenueAdd: 0,// 对客自营营业额增幅
selfStoresRevenueNumber:0,// 对客自营便利店增长
selfStoresRevenueAdd:0,// 对客自营便利店增幅
GRORevenueNumber:0,// 对客餐饮+客房及其他增长
GRORevenueAdd:0,// 对客客房及其他增幅
outsourceRevenueNumber:0,// 对客外包增长
outsourceRevenueAdd:0,// 对客外包增幅
leaseRevenueNumber:0,// 对客租赁增长
leaseRevenueAdd:0,// 对客租赁增幅
tradeAccountAdd:0,// 营业收入增长
tradeSelfAccountNumber:0,// 营业自营营业额增长
tradeSelfAccountAdd:0,// 营业自营营业额增幅
tradeStoresAccountNumber:0,// 营业自营便利店增长
tradeStoresAccountAdd:0,// 营业自营便利店增幅
tradeSCAAccountNumber:0,// 营业餐饮及客房增长
tradeSCAAccountAdd:0,// 营业餐饮及客房增幅
outsourceAccountNumber:0,// 营业外包增长
outsourceAccountAdd:0,// 营业外包增幅
leaseAccountNumber:0,// 营业租赁增长
leaseAccountAdd:0,// 营业租赁增幅
carEntryAdd:0,// 车流量的增长
revenueToCustomerAdd:0,// 每日对客销售增幅
revenueToCustomerNumber:0,// 每日对客销售增长
revenueUserAdd:0,// 每日对客自营收入增幅
revenueUserNumber:0,// 每日对客自营收入增长
revenueStoreAdd:0,// 每日对客便利店收入增幅
revenueStoreNumber:0,// 每日对客便利店收入增长
revenueSCAAdd:0,// 每日餐饮及客房增幅
revenueSCANumber:0,// 每日餐饮及客房增长
outsourceDailyAdd:0,// 每日外包增幅
outsourceDailyNumber:0,// 每日外包增长
leaseDailyAdd:0,// 每日租赁增幅
leaseDailyNumber:0,// 每日租赁增长
incomeDailyAdd:0,// 每日营业收入增幅
incomeDailyNumber:0,// 每日营业收入增长
inComeDailyRevenueAdd:0,// 每日自营营收增幅
inComeDailyRevenueNumber:0,// 每日自营营收增长
inComeDailyStoreAdd:0,// 每日自营便利店增幅
inComeDailyStoreNumber:0,// 每日自营便利店增长
inComeDailyFoodAdd:0,// 每日自营餐饮及客房增幅
inComeDailyFoodNumber:0,// 每日自营餐饮及客房增长
outsourceInComeDailyAdd:0,// 每日外包营收增幅
outsourceInComeDailyNumber:0,// 每日外包营收增长
leaseInComeDailyAdd:0,// 每日租赁增幅
leaseInComeDailyNumber:0,// 每日租赁增长
entryCarDailyAdd:0,// 每日车流增幅
entryCarDailyNumber:0,// 每日车流增长
}
},
async onLoad(query){
// 获取手机参数对页面进行适配
let systemInfo = uni.getSystemInfoSync()
this.statusBarHeight = Number(systemInfo.statusBarHeight)
this.menu = uni.getMenuButtonBoundingClientRect()
// 获取用户信息
let userInfo = uni.getStorageSync('vuex')
userInfo = JSON.parse(userInfo)
this.useInfo = JSON.parse(JSON.stringify(userInfo))
if (query.selectType){
this.selectIndex = Number(query.selectType)
}
const date = new Date()
let y = date.getFullYear()
this.curYear = y
this.compareYear = y - 1
console.log('query',query)
console.log('this.selectIndex',this.selectIndex)
this.lastDay = uni.getStorageSync('lastDay')
this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
console.log('this.currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay)
let lastM = lastDate.getMonth() + 1
let lastD = lastDate.getDate()
this.allDateDay = `${lastM<10?'0'+lastM:lastM}月${lastD<10?'0'+lastD:lastD}日`
// 拿到是春运开始的第几天
let dayNumber = 0
let lastMonth = lastDate.getMonth() + 1
let lastDays = lastDate.getDate()
// 24年春运开始时间为 1.26
if (lastMonth === 1){
dayNumber = lastDays - 26 + 1
}else{
dayNumber = 6 + lastDays + 1
}
this.howDayNumber = dayNumber
let dateList = []
for (let i = 1;i<=dayNumber;i++){
if (i<7){
dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
}else{
dateList.push({label:`第${i}天`,value:`2024-02-${i - 7 + 1<10?`0${i - 7 + 1}`:i - 7 + 1}`})
}
}
this.scrollList = dateList
uni.showLoading({
title: '正在加载...'
})
await this.handleGetPageData()
await this.handleGetAreaData()
// await this.handleGetRestaurantData()
uni.hideLoading()
},
methods:{
async handleGetPageData(date){
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectIndex,
StatisticsDate:date || this.lastDay
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidayAnalysis',req)
console.log('data',data)
this.pageData = data.Result_Data
console.log('this.pageData',this.pageData)
// 对客销售金额增幅
this.revenueAdd = Number( this.$util.getMoney((((this.pageData.curYearRevenue.data / this.pageData.lYearRevenue.data)-1)*100)))
// 自营营业额增长
this.selfRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfRevenue.data - this.pageData.lYearSelfRevenue.data) / 10000)))
// 自营营业额增幅
this.selfRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfRevenue.data / this.pageData.lYearSelfRevenue.data)-1)*100)))
// 对客自营便利店增长
this.selfStoresRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSRevenue.data - this.pageData.lYearCVSRevenue.data) / 10000)))
// 对客自营便利店增幅
this.selfStoresRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSRevenue.data / this.pageData.lYearCVSRevenue.data)-1)*100)))
// 对客餐饮+客房及其他增长
this.GRORevenueNumber = Number(this.$util.getMoney((((Number(this.pageData.curYearGRORevenue.data) + Number(this.pageData.curYearSCRevenue.data)) - Number(this.pageData.lYearSCRevenue.data)) / 10000)))
// 对客餐饮+客房及其他增幅
this.GRORevenueAdd = Number(this.$util.getMoney(((((Number(this.pageData.curYearGRORevenue.data) + Number(this.pageData.curYearSCRevenue.data)) / Number(this.pageData.lYearCVSRevenue.data))-1)*100)))
// this.GRORevenueAdd = 100
// 对客外包增长
this.outsourceRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000)))
// 对客外包增幅
this.outsourceRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100)))
// 对客租赁增长
this.leaseRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.data - this.pageData.lYearCoopRevenue.data) / 10000)))
// 对客租赁增幅
this.leaseRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100)))
// 营业收入增长
this.tradeAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearAccount.data / this.pageData.lYearAccount.data)-1)*100)))
// 营业自营营业额增长
this.tradeSelfAccountNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfAccount.data - this.pageData.lYearSelfAccount.data) / 10000)))
// 营业自营营业额增幅
this.tradeSelfAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfAccount.data / this.pageData.lYearSelfAccount.data)-1)*100)))
// 营业自营便利店增长
this.tradeStoresAccountNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSAccount.data - this.pageData.lYearCVSAccount.data) / 10000)))
// 营业自营便利店增幅
this.tradeStoresAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSAccount.data / this.pageData.lYearCVSAccount.data)-1)*100)))
// 餐饮及客房增长
this.tradeSCAAccountNumber = Number(this.$util.getMoney(((this.pageData.curYearSCAccount.data - this.pageData.lYearSCAccount.data) / 10000)))
// 餐饮及客房增幅
this.tradeSCAAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearSCAccount.data / this.pageData.lYearSCAccount.data)-1)*100)))
// 营业外包增长
this.outsourceAccountNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000)))
// 营业外包增幅
this.outsourceAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100)))
// 营业租赁增长
this.leaseAccountNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.data - this.pageData.lYearCoopAccount.data) / 10000)))
// 营业租赁增幅
this.leaseAccountAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.data / this.pageData.lYearCoopAccount.data)-1)*100)))
// 车流量的增长
this.carEntryAdd = Number(this.$util.getMoney((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100)))
// 商铺租赁营收增长
this.CoopRevenueAdd = Number((((this.pageData.curYearCoopRevenue.data / this.pageData.lYearCoopRevenue.data)-1)*100).toFixed(2))
// 万佳城市增长
this.WJCityAdd = Number((((this.pageData.curYearWJRevenue.data / this.pageData.lYearWJRevenue.data)-1)*100).toFixed(2))
// 入区车流增长
this.entryCarAdd = Number((((this.pageData.curYearBayonet.data / this.pageData.lYearBayonet.data)-1)*100).toFixed(2))
// 当日
// 每日对客销售增幅
this.revenueToCustomerAdd = Number(this.$util.getMoney((((this.pageData.curYearRevenue.value / this.pageData.lYearRevenue.value)-1)*100)))
this.revenueToCustomerNumber = Number(this.$util.getMoney(((this.pageData.curYearRevenue.value - this.pageData.lYearRevenue.value) / 10000)))
// 每日对客自营收入
this.revenueUserAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfRevenue.value / this.pageData.lYearSelfRevenue.value)-1)*100)))
this.revenueUserNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfRevenue.value - this.pageData.lYearSelfRevenue.value) / 10000)))
// 每日对客便利店收入
this.revenueStoreAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSRevenue.value / this.pageData.lYearCVSRevenue.value)-1)*100)))
this.revenueStoreNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSRevenue.value - this.pageData.lYearCVSRevenue.value) / 10000)))
// 每日餐饮及客房增幅
this.revenueSCAAdd = Number(this.$util.getMoney(((((Number(this.pageData.curYearSCRevenue.value) + Number(this.pageData.curYearGRORevenue.value)) / this.pageData.lYearSCRevenue.value)-1)*100)))
this.revenueSCANumber = Number(this.$util.getMoney((((Number(this.pageData.curYearSCRevenue.value) + Number(this.pageData.curYearGRORevenue.value)) - this.pageData.lYearSCRevenue.value)/ 10000)))
// 每日外包增幅
this.outsourceDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100)))
this.outsourceDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000)))
// 每日租赁增幅
this.leaseDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopRevenue.value / this.pageData.lYearCoopRevenue.value)-1)*100)))
this.leaseDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopRevenue.value - this.pageData.lYearCoopRevenue.value) / 10000)))
// 每日营业收入增幅
this.incomeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearAccount.value / this.pageData.lYearAccount.value)-1)*100)))
this.incomeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearAccount.value - this.pageData.lYearAccount.value) / 10000)))
// 每日自营营收增幅
this.inComeDailyRevenueAdd = Number(this.$util.getMoney((((this.pageData.curYearSelfAccount.value / this.pageData.lYearSelfAccount.value)-1)*100)))
this.inComeDailyRevenueNumber = Number(this.$util.getMoney(((this.pageData.curYearSelfAccount.value - this.pageData.lYearSelfAccount.value) / 10000)))
// 每日自营便利店
this.inComeDailyStoreAdd = Number(this.$util.getMoney((((this.pageData.curYearCVSAccount.value / this.pageData.lYearCVSAccount.value)-1)*100)))
this.inComeDailyStoreNumber = Number(this.$util.getMoney(((this.pageData.curYearCVSAccount.value - this.pageData.lYearCVSAccount.value) / 10000)))
// 每日自营餐饮及客房
this.inComeDailyFoodAdd = Number(this.$util.getMoney((((this.pageData.curYearSCAccount.value / this.pageData.lYearSCAccount.value)-1)*100)))
this.inComeDailyFoodNumber = Number(this.$util.getMoney(((this.pageData.curYearSCAccount.value - this.pageData.lYearSCAccount.value) / 10000)))
// 每日外包营收增幅
this.outsourceInComeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100)))
this.outsourceInComeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000)))
// 每日租赁增幅
this.leaseInComeDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearCoopAccount.value / this.pageData.lYearCoopAccount.value)-1)*100)))
this.leaseInComeDailyNumber = Number(this.$util.getMoney(((this.pageData.curYearCoopAccount.value - this.pageData.lYearCoopAccount.value) / 10000)))
// 每日车流增幅
this.entryCarDailyAdd = Number(this.$util.getMoney((((this.pageData.curYearBayonet.value / this.pageData.lYearBayonet.value)-1)*100)))
this.entryCarDailyNumber =Number(this.$util.getMoney(((this.pageData.curYearBayonet.value - this.pageData.lYearBayonet.value) / 10000)))
},
// 拿到片区区分的顶部
async handleGetAreaData(date){
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectIndex,
StatisticsDate:date || this.lastDay,
businessRegion:1
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
console.log('area',data.Result_Data)
let res = data.Result_Data
let list = []
if (res.List && res.List.length>0){
res.List.forEach(item=>{
if (item.node.SPRegionTypeId!==0){
list.push(item.node)
}
})
}
if (list && list.length>0){
list.forEach(item=>{
// 对客营收
// 年增长
item.yearNumber = Number(this.$util.getMoney((item.curYearRevenue.data - item.lYearRevenue.data) / 10000))
// 年增幅
item.yearAdd = Number(this.$util.getMoney(((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100))
// 天增长
item.dailyNumber = Number(this.$util.getMoney((item.curYearRevenue.value - item.lYearRevenue.value) / 10000))
// 天增幅
item.dailyAdd = Number(this.$util.getMoney(((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100))
// 营业收入
// 年增长
item.yearRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.data - item.lYearAccount.data) / 10000))
// 年增幅
item.yearRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.data / item.lYearAccount.data)-1)*100))
// 天增长
item.dailyRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.value - item.lYearAccount.value) / 10000))
// 天增幅
item.dailyRevenueAdd = Number((((item.curYearAccount.value / item.lYearAccount.value)-1)*100).toFixed(2))
//入区流量
// 年增长
item.yearCarNumber = Number(this.$util.getMoney((item.curYearBayonet.data - item.lYearBayonet.data) / 10000))
// 年增幅
item.yearCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100))
// 天增长
item.dailyCarNumber = Number(this.$util.getMoney((item.curYearBayonet.value - item.lYearBayonet.value) / 10000))
// 天增幅
item.dailyCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100))
})
}
console.log('list',list)
this.areaDataList = list
},
// 拿到片区的餐饮
async handleGetRestaurantData(date){
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
HolidayType:this.selectIndex,
StatisticsDate:date || this.lastDay,
businessTrade:1
}
const data = await request.$webGet('CommercialApi/Revenue/GetHolidaySPRAnalysis',req)
let res = data.Result_Data
let list = []
if (res.List && res.List.length>0){
res.List.forEach(item=>{
if (item.node.SPRegionTypeId!==0){
list.push(item.node)
}
})
}
if (list && list.length>0){
list.forEach(item=>{
// 对客营收
// 年增长
item.yearNumber = Number(this.$util.getMoney((item.curYearRevenue.data - item.lYearRevenue.data) / 10000))
// 年增幅
item.yearAdd = Number(this.$util.getMoney(((item.curYearRevenue.data / item.lYearRevenue.data)-1)*100))
// 天增长
item.dailyNumber = Number(this.$util.getMoney((item.curYearRevenue.value - item.lYearRevenue.value) / 10000))
// 天增幅
item.dailyAdd = Number(this.$util.getMoney(((item.curYearRevenue.value / item.lYearRevenue.value)-1)*100))
// 营业收入
// 年增长
item.yearRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.data - item.lYearAccount.data) / 10000))
// 年增幅
item.yearRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.data / item.lYearAccount.data)-1)*100))
// 天增长
item.dailyRevenueNumber = Number(this.$util.getMoney((item.curYearAccount.value - item.lYearAccount.value) / 10000))
// 天增幅
item.dailyRevenueAdd = Number(this.$util.getMoney(((item.curYearAccount.value / item.lYearAccount.value)-1)*100))
//入区流量
// 年增长
item.yearCarNumber = Number(this.$util.getMoney((item.curYearBayonet.data - item.lYearBayonet.data) / 10000))
// 年增幅
item.yearCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.data / item.lYearBayonet.data)-1)*100))
// 天增长
item.dailyCarNumber = Number(this.$util.getMoney((item.curYearBayonet.value - item.lYearBayonet.value) / 10000))
// 天增幅
item.dailyCarAdd = Number(this.$util.getMoney(((item.curYearBayonet.value / item.lYearBayonet.value)-1)*100))
})
}
console.log('Restaurant',list)
},
handleBack(){
uni.navigateBack({
delta: 1
});
},
// 切换时间的方法
async handleChangeTime(value){
console.log('value',value)
this.currentScroll = 'item'+value
this.pageData = null
this.areaDataList = []
uni.showLoading({
title: '正在加载...'
})
await this.handleGetPageData(value)
await this.handleGetAreaData(value)
uni.hideLoading()
},
// 切換对客是否显示详情
handleChangeToCustomers(){
this.isShowToCustomers = !this.isShowToCustomers
},
// 切换显示营业收入
handleChangeRevenue(){
this.isShowRevenue = !this.isShowRevenue
},
// 切换模块
handleChangeType(value){
this.pageType = value
},
// 切换入区车流的显示
handleChangeCarEntry(){
this.isShowCarEntry = !this.isShowCarEntry
}
}
}
</script>
<style scoped lang="scss">
.main{
width: 100%;
height: 100vh;
.top{
width: 100%;
height: 432rpx;
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
//z-index:3;
.topBg{
width: 100%;
height: 100%;
z-index: 4;
}
.header{
position: fixed;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 432rpx;
display: flex;
align-items: center;
z-index: 2;
.backArrow{
width: 24px;
height: 24px;
margin-right: 16px;
position: absolute;
}
.pageTitle{
position: absolute;
width: 280rpx;
height: 80rpx;
margin-left: 16rpx;
bottom: -3px;
left: 40px;
}
}
}
.pageContent{
width: 100%;
box-sizing: border-box;
padding: 0 32rpx 28rpx;
transform: translateY(-110rpx);
.springTravelBox{
.overAllData{
width: 100%;
box-sizing: border-box;
padding: 2rpx;
background: #fff;
border-radius: 16rpx;
.overAllDataTop{
width: 100%;
height: 160rpx;
background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
border-radius: 14rpx 14rpx 16rpx 16rpx;
box-sizing: border-box;
padding: 22rpx;
.titleBox{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
.titleBoxLeft{
display: flex;
.titleImg{
width: 216rpx;
height: 74rpx;
}
.titleNotice{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 37rpx;
}
}
.typeChangeBox{
display: flex;
align-items: center;
background: #EFEFEF;
border-radius: 6rpx;
box-sizing: border-box;
padding: 4rpx;
.normal{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 36rpx;
padding: 6rpx 16rpx;
}
.select{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
background: #fff;
border-radius: 6rpx;
}
}
}
.contentTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.contentTitle{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYBox{
.YOYBoxText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYBoxValue{
font-size: 36rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #E83944;
line-height: 40rpx;
}
}
}
}
.contentTitleBoxOuter{
width: 100%;
padding: 0 24rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16rpx;
.contentTitle{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYBox{
display: flex;
align-items: center;
.YOYBoxText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 36rpx;
}
.YOYBoxValue{
font-size: 36rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #E83944;
line-height: 40rpx;
}
}
}
.overAllDataBottom{
width: 100%;
box-sizing: border-box;
padding: 0 24rpx 24rpx;
.pkBox{
width: 100%;
height: 140rpx;
position: relative;
box-sizing: border-box;
.pkLogo{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 56rpx;
height: 56rpx;
}
.leftBox,.rightBox{
width: 50%;
height: 100%;
box-sizing: border-box;
padding: 24rpx 32rpx;
display: flex;
flex-direction: column;
position: absolute;
}
.leftBox{
left: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
background-repeat: no-repeat;
background-size: 100% 100%;
.value{
font-size: 44rpx;
font-family: DINAlternate, DINAlternate;
color: #FFFFFF;
font-weight: bold;
line-height: 52rpx;
}
.label{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
color: #FFFFFF;
font-weight: 400;
line-height: 40rpx;
}
}
.rightBox{
right: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
background-repeat: no-repeat;
background-size: 100% 100%;
align-items: flex-end;
.value{
font-size: 44rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #FF5A3C;
line-height: 52rpx;
}
.label{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #FF5A3C;
line-height: 40rpx;
}
}
}
.otherListBox{
width: 100%;
background: #F8F8F8;
border-radius: 16rpx;
padding: 24rpx;
box-sizing: border-box;
margin-top: 24rpx;
.listType{
.downBox{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
.getMoreIcon{
width: 30rpx;
height: 30rpx;
transform: rotate(-90deg);
}
}
.moduleBox{
.listTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox{
width: 100%;
.bigBox{
width: 100%;
.row{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 32rpx;
.valueItem{
text-align: center;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
box-sizing: border-box;
text-indent: 8rpx;
}
.father{
position: relative;
}
.father:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188FF;
}
.son{
position: relative;
}
.son:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.valueItemBox{
text-align: center;
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
.addItem{
text-align: center;
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
line-height: 40rpx;
}
}
}
}
}
.areaBox{
.listTitleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox{
width: 100%;
.row{
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem{
text-align: center;
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
.showIconBox{
display: flex;
align-items: center;
justify-content: center;
.getMoreIcon{
width: 30rpx;
height: 30rpx;
transform: rotate(90deg);
}
}
}
}
}
.revenueDetail{
width: 100%;
background: #fff;
border-radius: 16rpx;
box-sizing: border-box;
padding: 2rpx;
margin-top: 24rpx;
.revenueDetailTitleBox{
width: 100%;
height: 90rpx;
background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
border-radius: 14rpx 14rpx 0rpx 0rpx;
box-sizing: border-box;
padding: 22rpx;
position: relative;
.detailLogo{
width: 144rpx;
height: 72rpx;
}
.detailIcon{
width: 104rpx;
height: 104rpx;
position: absolute;
right: 22rpx;
top: 22rpx;
}
.modalUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
position: absolute;
right: 24rpx;
top: 20rpx;
}
}
.revenueContent{
width: 100%;
box-sizing: border-box;
padding: 0 22rpx 24rpx;
.navList{
width: 100%;
height: 40rpx;
display: flex;
align-items: center;
white-space: nowrap;
padding-bottom: 12rpx;
border-bottom: 1px solid #F5F4F4;
margin-bottom: 32rpx;
.scrollItem{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 40rpx;
margin-right: 32rpx;
display: inline-block;
}
.selectItem{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #ED3E48;
line-height: 40rpx;
}
}
.modalBox{
margin-top: 40rpx;
.modalTitleBox{
width: 100%;
box-sizing: border-box;
padding: 0 24rpx;
margin-bottom: 16rpx;
display: flex;
align-items: center;
.modalTitleItem{
display: flex;
align-items: center;
.modalIndex{
width: 12rpx;
height: 12rpx;
background: #DB6465;
border-radius: 50%;
margin-right: 12rpx;
}
.modalText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
margin-right: 4rpx;
}
.modalUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
}
}
.modalTitleItem1{
font-size: 24rpx;
text-align: center;
}
}
.modalDetail{
width: 100%;
box-sizing: border-box;
padding: 24rpx;
background: #F8F8F8;
.modalDetailTitle{
display: flex;
align-items: center;
.titleItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 32rpx;
text-align: center;
}
}
.typeFirst{
.row{
margin-top: 32rpx;
display: flex;
align-items: center;
margin-top: 32rpx;
.valueItem{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
text-align: center;
text-indent: 8rpx;
}
.father{
position: relative;
}
.father:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188FF;
}
.son{
position: relative;
}
.son:before{
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content:'';
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.compareItem{
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
text-align: center;
}
.addItem{
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
color: #E83944;
line-height: 40rpx;
text-align: center;
}
}
}
.typeSecond{
.listValueBox{
width: 100%;
.row{
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem{
text-align: center;
font-size: 24rpx;
font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
}
}
}
}
}
}
</style>
Reference in New Issue View Git Blame Copy Permalink