2284 lines
114 KiB
Vue
2284 lines
114 KiB
Vue
<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 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>
|
||
</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" v-if="!isShowWarningTime">{{`/统计到${allDateDay}`}}</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="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" 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="leftBox revenueLeft">
|
||
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
|
||
<text class="label">2024年/万元</text>
|
||
</div>
|
||
<div class="rightBox revenueRight">
|
||
<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/revenueVS.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="leftBox carLeft">
|
||
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
|
||
<text class="label">2024年/万辆</text>
|
||
</div>
|
||
<div class="rightBox carRight">
|
||
<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/carVS.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="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>-->
|
||
<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"/>
|
||
</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>
|
||
<!-- <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"></div>
|
||
<text class="modalText">对客销售</text>
|
||
<text class="modalUnit">/万元</text>
|
||
</div>
|
||
<div class="moreBox" @click="handleGoMorePage(1)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>
|
||
</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 class="moreBox" @click="handleGoMorePage(1)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.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"></div>
|
||
<text class="modalText">营业收入</text>
|
||
<text class="modalUnit">/万元</text>
|
||
</div>
|
||
<div class="moreBox" @click="handleGoMorePage(2)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.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"></div>
|
||
<text class="modalText">营业收入</text>
|
||
<text class="modalUnit">/万元</text>
|
||
</div>
|
||
<div class="moreBox" @click="handleGoMorePage(2)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.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"></div>
|
||
<text class="modalText">入区车流</text>
|
||
<text class="modalUnit">/万辆</text>
|
||
</div>
|
||
<div class="moreBox" @click="handleGoMorePage(3)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.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"></div>
|
||
<text class="modalText">入区车流</text>
|
||
<text class="modalUnit">/万辆</text>
|
||
</div>
|
||
<div class="moreBox" @click="handleGoMorePage(3)">
|
||
<span class="moreText">服务区排名</span>
|
||
<img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.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,// 每日车流增长
|
||
}
|
||
},
|
||
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
|
||
|
||
this.lastDay = uni.getStorageSync('lastDay')
|
||
// this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
|
||
this.currentScroll = 'item'+ '2024-03-05'
|
||
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
|
||
// }
|
||
dayNumber = moment().diff("2024-01-26", "days")
|
||
console.log('dayNumber',dayNumber)
|
||
this.howDayNumber = dayNumber<=40?dayNumber:40
|
||
let dateList = []
|
||
for (let i = 1;i<=this.howDayNumber;i++){
|
||
dateList.push({label:`第${i}天`,value:moment("2024-01-25").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)
|
||
this.scrollList = dateList
|
||
this.selectDateText = dateList[this.howDayNumber-1].value
|
||
uni.showLoading({
|
||
title: '正在加载...'
|
||
})
|
||
await this.handleGetNewUpdateTime()
|
||
await this.handleGetPageData()
|
||
await 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()
|
||
await this.handleGetAreaData()
|
||
// await this.handleGetRestaurantData()
|
||
|
||
uni.hideLoading()
|
||
}else{
|
||
this.showSpring = false
|
||
}
|
||
},
|
||
destroyed(){
|
||
uni.removeStorageSync('springService')
|
||
},
|
||
methods:{
|
||
async handleGetPageData(date){
|
||
let req
|
||
if (this.springService){
|
||
req = {
|
||
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
|
||
curYear:this.curYear,
|
||
compareYear:this.compareYear,
|
||
HolidayType:this.selectIndex,
|
||
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.selectIndex,
|
||
StatisticsDate:date || this.lastDay,
|
||
}
|
||
}
|
||
|
||
const data = await request.$webGet('CommercialApi/Revenue/GetHolidayAnalysis',req)
|
||
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.selectIndex,
|
||
StatisticsDate:date || this.lastDay,
|
||
businessRegion: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(((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.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))
|
||
})
|
||
}
|
||
},
|
||
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)
|
||
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
|
||
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()
|
||
await 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}`)
|
||
},
|
||
handleGoTest(type){
|
||
let obj = JSON.stringify(this.giveTrendObj)
|
||
this.$util.toNextRoute('navigateTo', `/pages/nationalPage/testPage?detailObj=${obj}`)
|
||
},
|
||
// 获取最新的同步日期
|
||
async handleGetNewUpdateTime(){
|
||
const data = await request.$webGet('CommercialApi/Revenue/GetLastSyncDateTime')
|
||
if (this.lastDay === data.Result_Data){
|
||
this.isShowWarningTime = false
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</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;
|
||
}
|
||
.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;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.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%;
|
||
background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 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;
|
||
}
|
||
.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;
|
||
}
|
||
}
|
||
.revenueLeft{
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
|
||
}
|
||
.revenueRight{
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
|
||
.value{
|
||
color: #D48F00;
|
||
}
|
||
.label{
|
||
color: #D48F00;
|
||
}
|
||
}
|
||
.carLeft{
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
|
||
}
|
||
.carRight{
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
|
||
.value{
|
||
color: #3873DD;
|
||
}
|
||
.label{
|
||
color: #3873DD;
|
||
}
|
||
}
|
||
}
|
||
|
||
.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;
|
||
.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;
|
||
color: #ED3E48;
|
||
line-height: 40rpx;
|
||
}
|
||
}
|
||
.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;
|
||
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;
|
||
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>
|