ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ahyd_DIB/pages/nationalPage/springTravel.vue
cclu f3a17650cd update
2025-01-08 18:58:48 +08:00

6787 lines
250 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

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

<template>
<div class="main">
<div
:class="
selectFestival === 0
? 'top topSpring'
: selectFestival === 1
? 'top qmFestival'
: selectFestival === 2
? 'top labourFestival'
: selectFestival === 3
? 'top dragonBoat'
: selectFestival === 4
? 'top summerHoliday'
: selectFestival === 5
? 'top midAutumn'
: selectFestival === 6
? 'top nationalDay'
: ''
"
>
<div
:class="
selectFestival === 0
? 'header headerSpring'
: selectFestival === 1
? 'header headerQm'
: selectFestival === 2
? 'header headerLabour'
: selectFestival === 3
? 'header headerDragonBoat'
: selectFestival === 4
? 'header headerSummerHoliday'
: selectFestival === 5
? 'header headerMidAutumn'
: selectFestival === 6
? 'header headerNationalDay'
: ''
"
:style="{ height: menu.height + menu.top + 'px', top: 0 + 'px' }"
>
<image
:style="{ bottom: (statusBarHeight - 24) / 4 + 'px' }"
class="backArrow"
src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"
@click="handleBack"
/>
<!-- <img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>-->
<div v-if="showSpring" class="picker" @click="handleGoMap">
<div class="selectService">
<image
class="img"
src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"
></image>
<view class="select">
<view class="content">
<view class="uni-input">{{
springService.SERVERPART_NAME
}}</view>
<p class="area" v-if="springService.Serverpart_ID">
{{ springService.SPREGIONTYPE_NAME }}
</p>
<image
class="rightArrow"
src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"
></image>
</view>
</view>
</div>
</div>
<view
v-else
class="seachBox"
:style="{ height: menu.height + 'px' }"
@click="handleGoMap"
>
<image class="searchIcon" src="/static/images/seach/searchIcon.svg" />
<text class="searchText">请输入想看的服务区</text>
</view>
</div>
<picker
class="pick"
@change="handleChangeFestival($event)"
:value="selectFestival"
:range="defaultFestivalList"
range-key="label"
>
<div
class="festivalChangeBox"
:style="{ paddingTop: menu.bottom + 32 + 'px' }"
>
<image
:style="{
width:
selectFestival === 0
? '260rpx'
: selectFestival === 1
? '168rpx'
: selectFestival === 2
? '168rpx'
: selectFestival === 3
? '168rpx'
: selectFestival === 4
? '128rpx'
: selectFestival === 5
? '168rpx'
: selectFestival === 6
? '168rpx'
: '',
height:
selectFestival === 0
? '68rpx'
: selectFestival === 1
? '68rpx'
: selectFestival === 2
? '68rpx'
: selectFestival === 3
? '68rpx'
: selectFestival === 4
? '68rpx'
: selectFestival === 5
? '68rpx'
: selectFestival === 6
? '68rpx'
: '',
}"
class="festivalImg"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmFestival.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTitleIcon.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayTitleIcon.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnTitleIcon.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayTitleIcon.png'
: ''
"
/>
<image
class="changeIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changeFestivalSpring.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changFestivalQm.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRightArrow.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRightArrow.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRightArrow.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRightArrow.png'
: ''
"
/>
</div>
</picker>
</div>
<div class="pageContent">
<div class="springTravelBox">
<div class="overAllData">
<!-- 对客营收 -->
<div
:class="
selectFestival === 0
? 'overAllDataTop springTop'
: selectFestival === 1
? 'overAllDataTop qmTop'
: selectFestival === 2
? 'overAllDataTop labourTop'
: selectFestival === 3
? 'overAllDataTop dragonBoatTop'
: selectFestival === 4
? 'overAllDataTop summerHolidayTop'
: selectFestival === 5
? 'overAllDataTop midAutumnTop'
: selectFestival === 6
? 'overAllDataTop nationalDayTop'
: ''
"
>
<div class="titleBox">
<div class="titleBoxLeft">
<!-- <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />-->
<img
class="titleImg"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayAllData.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnAllData.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayAllData.png'
: ''
"
/>
<text
class="titleNotice"
v-if="!isShowWarningTime && selectFestival === 0"
>{{ `/统计到${StatisticsDate}` }}</text
>
<text
class="titleNotice"
v-if="
selectFestival === 1 ||
selectFestival === 3 ||
selectFestival === 5
"
>/共统计节日数据5天</text
>
<text class="titleNotice" v-if="selectFestival === 2"
>/共统计节日数据7天</text
>
<text class="titleNotice" v-if="selectFestival === 6"
>/共统计节日数据9天</text
>
<text
class="titleNotice"
v-if="!isShowWarningTime && selectFestival === 4"
>{{ `/统计到${StatisticsDate}` }}</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>
<div class="YOYBoxValue">
<span
:style="{
color:
revenueAdd > 0
? '#E83944'
: revenueAdd < 0
? '#0E9976'
: '',
}"
>{{
revenueAdd > 0 ? "+" : revenueAdd < 0 ? "" : ""
}}</span
>
<span
:style="{
color:
revenueAdd > 0
? '#E83944'
: revenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${revenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
<div class="pkBox">
<div
:class="
selectFestival === 0
? 'leftBox springLeftBox'
: selectFestival === 1
? 'leftBox qmLeftBox'
: selectFestival === 2
? 'leftBox labourLeftBox'
: selectFestival === 3
? 'leftBox dragonBoatLeftBox'
: selectFestival === 4
? 'leftBox summerHolidayLeftBox'
: selectFestival === 5
? 'leftBox midAutumnLeftBox'
: selectFestival === 6
? 'leftBox nationalDayLeftBox'
: ''
"
>
<text class="value">{{
pageData.curYearRevenue.data
? $util.getMoney(pageData.curYearRevenue.data / 10000)
: "0.00"
}}</text>
<text class="label">2024年/万元</text>
</div>
<div
:class="
selectFestival === 0
? 'rightBox springRightBox'
: selectFestival === 1
? 'rightBox qmRightBox'
: selectFestival === 2
? 'rightBox labourRightBox'
: selectFestival === 3
? 'rightBox dragonBoatRightBox'
: selectFestival === 4
? 'rightBox summerHolidayRightBox'
: selectFestival === 5
? 'rightBox midAutumnRightBox'
: selectFestival === 6
? 'rightBox nationalDayRightBox'
: ''
"
>
<text class="value">{{
pageData.lYearRevenue.data
? $util.getMoney(pageData.lYearRevenue.data / 10000)
: "0.00"
}}</text>
<text class="label">2023年/万元</text>
</div>
<img
class="pkLogo"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS1st.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS1st.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS1st.png'
: ''
"
/>
</div>
<div class="otherListBox" v-if="isShowAllDetail">
<div class="listType">
<!-- <div class="downBox" @click="handleChangeToCustomers">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
<div class="moduleBox" v-if="pageType === 1">
<div class="listTitleBox">
<div
class="titleItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
类别
</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<!-- 自营-->
<div class="bigBox">
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
自营
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.curYearSelfRevenue.data
? $util.getMoney(
pageData.curYearSelfRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.lYearSelfRevenue.data
? $util.getMoney(
pageData.lYearSelfRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="addItem" style="width: 110rpx">
<span>{{
selfRevenueNumber > 0
? "+"
: selfRevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${selfRevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
selfRevenueAdd > 0
? '#E83944'
: selfRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
selfRevenueAdd > 0
? "+"
: selfRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
selfRevenueAdd > 0
? '#E83944'
: selfRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${selfRevenueAdd || "-"}%` }}</span
>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div
class="valueItem"
:style="{
width: 'calc(100% - 390rpx)',
textAlign: 'left',
}"
></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span
:style="{
color:
selfRevenueAdd > 0
? '#E83944'
: selfRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
selfRevenueAdd > 0
? "+"
: selfRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
selfRevenueAdd > 0
? '#E83944'
: selfRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${selfRevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<!-- 便利店 -->
<div class="bigBox">
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
便利店
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.curYearCVSRevenue.data
? $util.getMoney(
pageData.curYearCVSRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.lYearCVSRevenue.data
? $util.getMoney(
pageData.lYearCVSRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="addItem" style="width: 110rpx">
<span>{{
selfStoresRevenueNumber > 0
? "+"
: selfStoresRevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${selfStoresRevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
selfStoresRevenueAdd > 0
? '#E83944'
: selfStoresRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
selfStoresRevenueAdd > 0
? "+"
: selfStoresRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
selfStoresRevenueAdd > 0
? '#E83944'
: selfStoresRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${selfStoresRevenueAdd || "-"}%` }}</span
>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div
class="valueItem"
:style="{
width: 'calc(100% - 390rpx)',
textAlign: 'left',
}"
></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span
:style="{
color:
selfStoresRevenueAdd > 0
? '#E83944'
: selfStoresRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
selfStoresRevenueAdd > 0
? "+"
: selfStoresRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
selfStoresRevenueAdd > 0
? '#E83944'
: selfStoresRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${selfStoresRevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<!-- 餐饮客房 -->
<div class="bigBox">
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
餐饮客房
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.curYearSCRevenue.data
? $util.getMoney(
pageData.curYearSCRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.lYearSCRevenue.data
? $util.getMoney(
pageData.lYearSCRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="addItem" style="width: 110rpx">
<span>{{
GRORevenueNumber > 0
? "+"
: GRORevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${GRORevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
GRORevenueAdd > 0
? '#E83944'
: GRORevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
GRORevenueAdd > 0
? "+"
: GRORevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
GRORevenueAdd > 0
? '#E83944'
: GRORevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${GRORevenueAdd || "-"}%` }}</span
>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div
class="valueItem"
:style="{
width: 'calc(100% - 390rpx)',
textAlign: 'left',
}"
></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span
:style="{
color:
GRORevenueAdd > 0
? '#E83944'
: GRORevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
GRORevenueAdd > 0
? "+"
: GRORevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
GRORevenueAdd > 0
? '#E83944'
: GRORevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${GRORevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<!-- 外包 -->
<div class="bigBox">
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
外包
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.curYearCoopRevenue.data
? $util.getMoney(
pageData.curYearCoopRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.lYearCoopRevenue.data
? $util.getMoney(
pageData.lYearCoopRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="addItem" style="width: 110rpx">
<span>{{
outsourceRevenueNumber > 0
? "+"
: outsourceRevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${outsourceRevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
outsourceRevenueAdd > 0
? '#E83944'
: outsourceRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
outsourceRevenueAdd > 0
? "+"
: outsourceRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
outsourceRevenueAdd > 0
? '#E83944'
: outsourceRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${outsourceRevenueAdd || "-"}%` }}</span
>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div
class="valueItem"
:style="{
width: 'calc(100% - 390rpx)',
textAlign: 'left',
}"
></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span
:style="{
color:
outsourceRevenueAdd > 0
? '#E83944'
: outsourceRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
outsourceRevenueAdd > 0
? "+"
: outsourceRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
outsourceRevenueAdd > 0
? '#E83944'
: outsourceRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${outsourceRevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<!-- 商铺租赁 -->
<div class="bigBox">
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
商铺租赁
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.curYearCoopRevenue.data
? $util.getMoney(
pageData.curYearCoopRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="valueItemBox" style="width: 110rpx">
{{
pageData.lYearCoopRevenue.data
? $util.getMoney(
pageData.lYearCoopRevenue.data / 10000
)
: "0.00"
}}
</div>
<div class="addItem" style="width: 110rpx">
<span>{{
leaseRevenueNumber > 0
? "+"
: leaseRevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${leaseRevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
leaseRevenueAdd > 0
? '#E83944'
: leaseRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
leaseRevenueAdd > 0
? "+"
: leaseRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
leaseRevenueAdd > 0
? '#E83944'
: leaseRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${leaseRevenueAdd || "-"}%` }}</span
>
</div>
</div>
<div class="row" style="margin-top: 16rpx" v-if="false">
<div
class="valueItem"
:style="{
width: 'calc(100% - 390rpx)',
textAlign: 'left',
}"
></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="valueItemBox" style="width: 130rpx"></div>
<div class="addItem" style="width: 130rpx">
<span
:style="{
color:
leaseRevenueAdd > 0
? '#E83944'
: leaseRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
leaseRevenueAdd > 0
? "+"
: leaseRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
leaseRevenueAdd > 0
? '#E83944'
: leaseRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${leaseRevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
</div>
<div class="areaBox" v-if="pageType === 2">
<div class="listTitleBox">
<div
class="titleItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
类别
</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div
class="row"
v-for="(item, index) in areaDataList"
:key="index"
>
<div
class="rowItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
{{ item.SPRegionTypeName.split("管理中心")[0] }}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.curYearRevenue.data
? $util.getMoney(item.curYearRevenue.data / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.lYearRevenue.data
? $util.getMoney(item.lYearRevenue.data / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{ item.yearNumber || "0.00" }}
</div>
<div class="rowItem" style="width: 110rpx">
<span
:style="{
color:
item.yearAdd > 0
? '#E83944'
: item.yearAdd < 0
? '#0E9976'
: '',
}"
>{{
item.yearAdd > 0 ? "+" : item.yearAdd < 0 ? "" : ""
}}</span
>
<span
:style="{
color:
item.yearAdd > 0
? '#E83944'
: item.yearAdd < 0
? '#0E9976'
: '',
}"
>{{ `${item.yearAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="showIconBox" @click="handleChangeToCustomers">-->
<!-- <img class="getMoreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>-->
<!-- </div>-->
</div>
</div>
<!-- 营业收入 -->
<div class="contentTitleBoxOuter">
<text class="contentTitle">营业收入</text>
<div style="display: flex; align-items: center">
<div class="YOYNumber">
<text class="YOYNumberText">增长</text>
<div class="YOYNumberValue">
<span style="color: #a69e9f">{{
tradeAccountNumber > 0
? "+"
: tradeAccountNumber < 0
? ""
: ""
}}</span>
<span style="color: #a69e9f">{{
`${tradeAccountNumber || "-"}`
}}</span>
</div>
</div>
<div class="YOYBox">
<text class="YOYBoxText">增幅</text>
<div class="YOYBoxValue">
<span
:style="{
color:
tradeAccountAdd > 0
? '#E83944'
: tradeAccountAdd < 0
? '#0E9976'
: '',
}"
>{{
tradeAccountAdd > 0 ? "+" : tradeAccountAdd < 0 ? "" : ""
}}</span
>
<span
:style="{
color:
tradeAccountAdd > 0
? '#E83944'
: tradeAccountAdd < 0
? '#0E9976'
: '',
}"
>{{ `${tradeAccountAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox">
<div
:class="
selectFestival === 0
? 'leftBox revenueLeft'
: selectFestival === 1
? 'leftBox qmRevenueLeft'
: selectFestival === 2
? 'leftBox labourRevenueLeft'
: selectFestival === 3
? 'leftBox dragonBoatRevenueLeft'
: selectFestival === 4
? 'leftBox summerHolidayRevenueLeft'
: selectFestival === 5
? 'leftBox midAutumnRevenueLeft'
: selectFestival === 6
? 'leftBox nationalDayRevenueLeft'
: ''
"
>
<text class="value">{{
pageData.curYearAccount.data
? $util.getMoney(pageData.curYearAccount.data / 10000)
: "0.00"
}}</text>
<text class="label">2024年/万元</text>
</div>
<div
:class="
selectFestival === 0
? 'rightBox revenueRight'
: selectFestival === 1
? 'rightBox qmRevenueRight'
: selectFestival === 2
? 'rightBox labourRevenueRight'
: selectFestival === 3
? 'rightBox dragonBoatRevenueRight'
: selectFestival === 4
? 'rightBox summerHolidayRevenueRight'
: selectFestival === 5
? 'rightBox midAutumnRevenueRight'
: selectFestival === 6
? 'rightBox nationalDayRevenueRight'
: ''
"
>
<text class="value">{{
pageData.lYearAccount.data
? $util.getMoney(pageData.lYearAccount.data / 10000)
: "0.00"
}}</text>
<text class="label">2023年/万元</text>
</div>
<img
class="pkLogo"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS2st.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS2st.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS2st.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'
: carEntryAdd < 0
? '#0E9976'
: '',
}"
>{{ `${carEntryAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
<div class="overAllDataBottom">
<div class="pkBox" style="margin-bottom: 20px">
<div
:class="
selectFestival === 0
? 'leftBox carLeft'
: selectFestival === 1
? 'leftBox qmCarLeft'
: selectFestival === 2
? 'leftBox labourCarLeft'
: selectFestival === 3
? 'leftBox dragonBoatCarLeft'
: selectFestival === 4
? 'leftBox summerHolidayCarLeft'
: selectFestival === 5
? 'leftBox midAutumnCarLeft'
: selectFestival === 6
? 'leftBox nationalDayCarLeft'
: ''
"
>
<text class="value">{{
pageData.curYearBayonet.data
? $util.getMoney(pageData.curYearBayonet.data / 10000)
: "0.00"
}}</text>
<text class="label">2024年/万辆</text>
</div>
<div
:class="
selectFestival === 0
? 'rightBox carRight'
: selectFestival === 1
? 'rightBox qmCarRight'
: selectFestival === 2
? 'rightBox labourCarRight'
: selectFestival === 3
? 'rightBox dragonBoatCarRight'
: selectFestival === 4
? 'rightBox summerHolidayCarRight'
: selectFestival === 5
? 'rightBox midAutumnCarRight'
: selectFestival === 6
? 'rightBox nationalDayCarRight'
: ''
"
>
<text class="value">{{
pageData.lYearBayonet.data
? $util.getMoney(pageData.lYearBayonet.data / 10000)
: "0.00"
}}</text>
<text class="label">2023年/万辆</text>
</div>
<img
class="pkLogo"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS3st.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS3st.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS3st.png'
: ''
"
/>
</div>
<div class="otherListBox">
<div class="listType" v-if="isShowAllDetail && pageType === 2">
<div class="areaBox">
<div class="listTitleBox">
<div
class="titleItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
类别
</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- 增长 / 23年 -->
</div>
<div class="listValueBox">
<div
class="row"
v-for="(item, index) in areaDataList"
:key="index"
>
<div
class="rowItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
{{ item.SPRegionTypeName.split("管理中心")[0] }}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.curYearBayonet.data
? $util.getMoney(item.curYearBayonet.data / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.lYearBayonet.data
? $util.getMoney(item.lYearBayonet.data / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{ item.yearCarNumber || "0.00" }}
</div>
<div class="rowItem" style="width: 110rpx">
<span
:style="{
color:
item.yearCarAdd > 0
? '#E83944'
: item.yearCarAdd < 0
? '#0E9976'
: '',
}"
>{{
item.yearCarAdd > 0
? "+"
: item.yearCarAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
item.yearCarAdd > 0
? '#E83944'
: item.yearCarAdd < 0
? '#0E9976'
: '',
}"
>{{ `${item.yearCarAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
<div
class="downBox"
style="margin-top: 16rpx"
@click="handleChangeCarEntry"
>
<img
class="getMoreIcon"
src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"
/>
</div>
</div>
<div class="showIconBox" @click="handleChangeCarEntry" v-else>
<img
:style="{
transform: isShowAllDetail ? 'rotate(-90deg)' : '',
}"
class="getMoreIcon"
src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"
/>
</div>
</div>
</div>
</div>
<div class="revenueDetail">
<div
:class="
selectFestival === 0
? 'springTitleBox revenueDetailTitleBox'
: selectFestival === 1
? 'qmTitleBox revenueDetailTitleBox'
: selectFestival === 2
? 'labourTitleBox revenueDetailTitleBox'
: selectFestival === 3
? 'dragonBoatTitleBox revenueDetailTitleBox'
: selectFestival === 4
? 'summerHolidayTitleBox revenueDetailTitleBox'
: selectFestival === 5
? 'midAutumnTitleBox revenueDetailTitleBox'
: selectFestival === 6
? 'nationalDayTitleBox revenueDetailTitleBox'
: ''
"
>
<!-- <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>-->
<img
class="detailLogo"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDaily.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDailyData.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayDailyData.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnDailyData.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayDailyData.png'
: ''
"
/>
<img
class="detailIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDetailIcon.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDetailIcon.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetailIcon.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayDetailIcon.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnDetailIcon.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayDetailIcon.png'
: ''
"
/>
<!-- <text class="modalUnit">单位：万元</text>-->
<text class="modalUnit">{{
`/统计到${StatisticsDate || ""}`
}}</text>
<!-- <text class="goTest" @click="handleGoTest">看测试页面</text>-->
<!-- <img class="goTest" @click="handleGoTest" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png"/>-->
<img
class="goTest"
@click="handleGoTest"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPic.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTraffic.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayTraffic.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnTraffic.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayTraffic.png'
: ''
"
/>
</div>
<div class="revenueContent">
<scroll-view
scroll-x="true"
:class="
selectFestival === 0
? 'navList springNav'
: selectFestival === 1
? 'navList qmNav'
: selectFestival === 2
? 'navList labourNav'
: selectFestival === 3
? 'navList dragonBoatNav'
: selectFestival === 4
? 'navList summerHolidayNav'
: selectFestival === 5
? 'navList midAutumnNav'
: selectFestival === 6
? 'navList nationalDayNav'
: ''
"
:scrollIntoView="currentScroll"
:scroll-with-animation="true"
>
<div
:class="
currentScroll === 'item' + item.value
? 'scrollItem selectItem'
: 'scrollItem'
"
v-for="(item, index) in scrollList"
:key="index"
:id="'item' + item.value"
@click="handleChangeTime(item.value)"
>
{{ item.label }}
</div>
</scroll-view>
<!-- <span class="dateText">{{selectDateText || ''}}</span>-->
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType === 1">
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 390rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#3E8958'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(1)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#226C61'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png'
: ''
"
/>
</div>
</div>
<div class="modalTitleBox" v-else>
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 390rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#D14702'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(1)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#D14702'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png'
: ''
"
/>
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div
class="titleItem"
:style="{ width: 'calc(100% - 440rpx)', textAlign: 'left' }"
>
类别
</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType === 1">
<!-- 合计 -->
<div class="row">
<div
class="valueItem bigFather"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearRevenue.value
? $util.getMoney(
(Number(pageData.curYearRevenue.value) -
Number(pageData.curYearWJRevenue.value)) /
10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearRevenue.value
? $util.getMoney(
(Number(pageData.lYearRevenue.value) -
Number(pageData.lYearWJRevenue.value)) /
10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
revenueToCustomerNumber > 0
? "+"
: revenueToCustomerNumber < 0
? ""
: ""
}}</span>
<span>{{ `${revenueToCustomerNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
revenueToCustomerAdd > 0
? '#E83944'
: revenueToCustomerAdd < 0
? '#0E9976'
: '',
}"
>{{
revenueToCustomerAdd > 0
? "+"
: revenueToCustomerAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
revenueToCustomerAdd > 0
? '#E83944'
: revenueToCustomerAdd < 0
? '#0E9976'
: '',
}"
>{{ `${revenueToCustomerAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 自营-->
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
自营合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearSelfRevenue.value
? $util.getMoney(
pageData.curYearSelfRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearSelfRevenue.value
? $util.getMoney(
pageData.lYearSelfRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
revenueUserNumber > 0
? "+"
: revenueUserNumber < 0
? ""
: ""
}}</span>
<span>{{ `${revenueUserNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
revenueUserAdd > 0
? '#E83944'
: revenueUserAdd < 0
? '#0E9976'
: '',
}"
>{{
revenueUserAdd > 0
? "+"
: revenueUserAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
revenueUserAdd > 0
? '#E83944'
: revenueUserAdd < 0
? '#0E9976'
: '',
}"
>{{ `${revenueUserAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
便利店
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCVSRevenue.value
? $util.getMoney(
pageData.curYearCVSRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCVSRevenue.value
? $util.getMoney(
pageData.lYearCVSRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
revenueStoreNumber > 0
? "+"
: revenueStoreNumber < 0
? ""
: ""
}}</span>
<span>{{ `${revenueStoreNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
revenueStoreAdd > 0
? '#E83944'
: revenueStoreAdd < 0
? '#0E9976'
: '',
}"
>{{
revenueStoreAdd > 0
? "+"
: revenueStoreAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
revenueStoreAdd > 0
? '#E83944'
: revenueStoreAdd < 0
? '#0E9976'
: '',
}"
>{{ `${revenueStoreAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
餐饮及客房
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearSCRevenue.value
? $util.getMoney(
pageData.curYearSCRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearSCRevenue.value
? $util.getMoney(
pageData.lYearSCRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
revenueSCANumber > 0
? "+"
: revenueSCANumber < 0
? ""
: ""
}}</span>
<span>{{ `${revenueSCANumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
revenueSCAAdd > 0
? '#E83944'
: revenueSCAAdd < 0
? '#0E9976'
: '',
}"
>{{
revenueSCAAdd > 0 ? "+" : revenueSCAAdd < 0 ? "" : ""
}}</span
>
<span
:style="{
color:
revenueSCAAdd > 0
? '#E83944'
: revenueSCAAdd < 0
? '#0E9976'
: '',
}"
>{{ `${revenueSCAAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 外包-->
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
外包合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCoopRevenue.value
? $util.getMoney(
pageData.curYearCoopRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCoopRevenue.value
? $util.getMoney(
pageData.lYearCoopRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
outsourceDailyNumber > 0
? "+"
: outsourceDailyNumber < 0
? ""
: ""
}}</span>
<span>{{ `${outsourceDailyNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
outsourceDailyAdd > 0
? '#E83944'
: outsourceDailyAdd < 0
? '#0E9976'
: '',
}"
>{{
outsourceDailyAdd > 0
? "+"
: outsourceDailyAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
outsourceDailyAdd > 0
? '#E83944'
: outsourceDailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${outsourceDailyAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
商铺租赁
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCoopRevenue.value
? $util.getMoney(
pageData.curYearCoopRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCoopRevenue.value
? $util.getMoney(
pageData.lYearCoopRevenue.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
leaseDailyNumber > 0
? "+"
: leaseDailyNumber < 0
? ""
: ""
}}</span>
<span>{{ `${leaseDailyNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
leaseDailyAdd > 0
? '#E83944'
: leaseDailyAdd < 0
? '#0E9976'
: '',
}"
>{{
leaseDailyAdd > 0 ? "+" : leaseDailyAdd < 0 ? "" : ""
}}</span
>
<span
:style="{
color:
leaseDailyAdd > 0
? '#E83944'
: leaseDailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${leaseDailyAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType === 2">
<div class="listValueBox">
<div
class="row"
v-for="(item, index) in areaDataList"
:key="index"
>
<div
class="rowItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
{{ item.SPRegionTypeName.split("管理中心")[0] }}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.curYearRevenue.value
? $util.getMoney(item.curYearRevenue.value / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.lYearRevenue.value
? $util.getMoney(item.lYearRevenue.value / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{ item.dailyNumber || "0.00" }}
</div>
<div class="rowItem" style="width: 110rpx">
<span
:style="{
color:
item.dailyAdd > 0
? '#E83944'
: item.dailyAdd < 0
? '#0E9976'
: '',
}"
>{{
item.dailyAdd > 0
? "+"
: item.dailyAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
item.dailyAdd > 0
? '#E83944'
: item.dailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${item.dailyAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType === 1">
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 380rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#3E8958'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(2)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#226C61'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png'
: ''
"
/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span>{{incomeDailyNumber>0?'+':incomeDailyNumber<0?'':''}}</span>-->
<!-- <span>{{`${incomeDailyNumber || '-'}`}}</span>-->
<!-- </div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{incomeDailyAdd>0?'+':incomeDailyAdd<0?'':''}}</span>-->
<!-- <span :style="{color:incomeDailyAdd>0?'#E83944':incomeDailyAdd<0?'#0E9976':''}">{{`${incomeDailyAdd || '-'}%`}}</span>-->
<!-- </div>-->
</div>
<div class="modalTitleBox" v-else>
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 380rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#D14702'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
</div>
<div class="moreBox" @click="handleGoMorePage(2)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#D14702'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png'
: ''
"
/>
</div>
</div>
<div class="modalDetail">
<div class="modalDetailTitle">
<div
class="titleItem"
:style="{ width: 'calc(100% - 440rpx)', textAlign: 'left' }"
>
类别
</div>
<div class="titleItem" style="width: 110rpx">2024年</div>
<div class="titleItem" style="width: 110rpx">2023年</div>
<div class="titleItem" style="width: 110rpx">增长</div>
<div class="titleItem" style="width: 110rpx">增幅</div>
<!-- <div class="titleItem" style="width: 130rpx">同比去年</div>-->
</div>
<div class="typeFirst" v-if="pageType === 1">
<!-- 合计-->
<div class="row">
<div
class="valueItem bigFather"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearRevenue.value
? $util.getMoney(
pageData.curYearAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearAccount.value
? $util.getMoney(pageData.lYearAccount.value / 10000)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
incomeDailyNumber > 0
? "+"
: incomeDailyNumber < 0
? ""
: ""
}}</span>
<span>{{ `${incomeDailyNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
incomeDailyAdd > 0
? '#E83944'
: incomeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{
incomeDailyAdd > 0
? "+"
: incomeDailyAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
incomeDailyAdd > 0
? '#E83944'
: incomeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${incomeDailyAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 自营-->
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
自营合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearSelfAccount.value
? $util.getMoney(
pageData.curYearSelfAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearSelfAccount.value
? $util.getMoney(
pageData.lYearSelfAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
inComeDailyRevenueNumber > 0
? "+"
: inComeDailyRevenueNumber < 0
? ""
: ""
}}</span>
<span>{{ `${inComeDailyRevenueNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
inComeDailyRevenueAdd > 0
? '#E83944'
: inComeDailyRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
inComeDailyRevenueAdd > 0
? "+"
: inComeDailyRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
inComeDailyRevenueAdd > 0
? '#E83944'
: inComeDailyRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${inComeDailyRevenueAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 便利店-->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
便利店
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCVSAccount.value
? $util.getMoney(
pageData.curYearCVSAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCVSAccount.value
? $util.getMoney(
pageData.lYearCVSAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
inComeDailyStoreNumber > 0
? "+"
: inComeDailyStoreNumber < 0
? ""
: ""
}}</span>
<span>{{ `${inComeDailyStoreNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
inComeDailyStoreAdd > 0
? '#E83944'
: inComeDailyStoreAdd < 0
? '#0E9976'
: '',
}"
>{{
inComeDailyStoreAdd > 0
? "+"
: inComeDailyStoreAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
inComeDailyStoreAdd > 0
? '#E83944'
: inComeDailyStoreAdd < 0
? '#0E9976'
: '',
}"
>{{ `${inComeDailyStoreAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 餐饮及客房 -->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
餐饮及客房
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearSCAccount.value
? $util.getMoney(
pageData.curYearSCAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearSCAccount.value
? $util.getMoney(
pageData.lYearSCAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
inComeDailyFoodNumber > 0
? "+"
: inComeDailyFoodNumber < 0
? ""
: ""
}}</span>
<span>{{ `${inComeDailyFoodNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
inComeDailyFoodAdd > 0
? '#E83944'
: inComeDailyFoodAdd < 0
? '#0E9976'
: '',
}"
>{{
inComeDailyFoodAdd > 0
? "+"
: inComeDailyFoodAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
inComeDailyFoodAdd > 0
? '#E83944'
: inComeDailyFoodAdd < 0
? '#0E9976'
: '',
}"
>{{ `${inComeDailyFoodAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 外包-->
<div class="row">
<div
class="valueItem father"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
外包合计
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCoopAccount.value
? $util.getMoney(
pageData.curYearCoopAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCoopAccount.value
? $util.getMoney(
pageData.lYearCoopAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
outsourceInComeDailyNumber > 0
? "+"
: outsourceInComeDailyNumber < 0
? ""
: ""
}}</span>
<span>{{ `${outsourceInComeDailyNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
outsourceInComeDailyAdd > 0
? '#E83944'
: outsourceInComeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{
outsourceInComeDailyAdd > 0
? "+"
: outsourceInComeDailyAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
outsourceInComeDailyAdd > 0
? '#E83944'
: outsourceInComeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${outsourceInComeDailyAdd || "-"}%` }}</span
>
</div>
</div>
<!-- 商铺租赁 -->
<div class="row">
<div
class="valueItem son"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
商铺租赁
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.curYearCoopAccount.value
? $util.getMoney(
pageData.curYearCoopAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
{{
pageData.lYearCoopAccount.value
? $util.getMoney(
pageData.lYearCoopAccount.value / 10000
)
: "0.00"
}}
</div>
<div class="compareItem" style="width: 110rpx">
<span>{{
leaseInComeDailyNumber > 0
? "+"
: leaseInComeDailyNumber < 0
? ""
: ""
}}</span>
<span>{{ `${leaseInComeDailyNumber || "-"}` }}</span>
</div>
<div class="addItem" style="width: 110rpx">
<span
:style="{
color:
leaseInComeDailyAdd > 0
? '#E83944'
: leaseInComeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{
leaseInComeDailyAdd > 0
? "+"
: leaseInComeDailyAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
leaseInComeDailyAdd > 0
? '#E83944'
: leaseInComeDailyAdd < 0
? '#0E9976'
: '',
}"
>{{ `${leaseInComeDailyAdd || "-"}%` }}</span
>
</div>
</div>
</div>
<div class="typeSecond" v-if="pageType === 2">
<div class="listValueBox">
<div
class="row"
v-for="(item, index) in areaDataList"
:key="index"
>
<div
class="rowItem"
:style="{
width: 'calc(100% - 430rpx)',
textAlign: 'left',
}"
>
{{ item.SPRegionTypeName.split("管理中心")[0] }}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.curYearAccount.value
? $util.getMoney(item.curYearAccount.value / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{
item.lYearAccount.value
? $util.getMoney(item.lYearAccount.value / 10000)
: "0.00"
}}
</div>
<div class="rowItem" style="width: 110rpx">
{{ item.dailyRevenueNumber || "0.00" }}
</div>
<div class="rowItem" style="width: 110rpx">
<span
:style="{
color:
item.dailyRevenueAdd > 0
? '#E83944'
: item.dailyRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{
item.dailyRevenueAdd > 0
? "+"
: item.dailyRevenueAdd < 0
? ""
: ""
}}</span
>
<span
:style="{
color:
item.dailyRevenueAdd > 0
? '#E83944'
: item.dailyRevenueAdd < 0
? '#0E9976'
: '',
}"
>{{ `${item.dailyRevenueAdd || "-"}%` }}</span
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modalBox">
<div class="modalTitleBox" v-if="pageType === 1">
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 390rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#3E8958'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
<div class="moreBox" @click="handleGoMorePage(3)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#3E8958'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png'
: ''
"
/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span>{{entryCarDailyNumber>0?'+':entryCarDailyNumber<0?'':''}}</span>-->
<!-- <span>{{`${entryCarDailyNumber || '-'}`}}</span>-->
<!-- </div>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">-->
<!-- <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{entryCarDailyAdd>0?'+':revenueToCustomerAdd<0?'':''}}</span>-->
<!-- <span :style="{color:entryCarDailyAdd>0?'#E83944':entryCarDailyAdd<0?'#0E9976':''}">{{`${entryCarDailyAdd || '-'}%`}}</span>-->
<!-- </div>-->
</div>
<div class="modalTitleBox" v-else>
<div
class="modalTitleItem"
:style="{ width: 'calc(100% - 390rpx)', textAlign: 'left' }"
>
<div
class="modalIndex"
:style="{
background:
selectFestival === 0
? '#DB6465'
: selectFestival === 1
? '#3B9285'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#3E8958'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
</div>
<div class="moreBox" @click="handleGoMorePage(3)">
<span
class="moreText"
:style="{
color:
selectFestival === 0
? '#ED3E48'
: selectFestival === 1
? '#226C61'
: selectFestival === 2
? '#D14702'
: selectFestival === 3
? '#226C61'
: selectFestival === 4
? '#007797'
: selectFestival === 5
? '#DA5015'
: selectFestival === 6
? '#D52020'
: '',
}"
>服务区排名</span
>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img
class="moreIcon"
:src="
selectFestival === 0
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png'
: selectFestival === 1
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png'
: selectFestival === 2
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png'
: selectFestival === 3
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png'
: selectFestival === 4
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png'
: selectFestival === 5
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png'
: selectFestival === 6
? 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.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: {
lYearRevenue: {
data: 0,
},
curYearRevenue: {
data: 0,
},
curYearSelfRevenue: {
data: 0,
},
lYearSelfRevenue: {
data: 0,
},
curYearCVSRevenue: {
data: 0,
},
lYearCVSRevenue: {
data: 0,
},
curYearSCRevenue: {
data: 0,
},
lYearSCRevenue: {
data: 0,
},
lYearCoopRevenue: {
data: 0,
},
curYearCoopRevenue: {
data: 0,
},
curYearAccount: {
data: 0,
},
lYearAccount: {
data: 0,
},
curYearSelfAccount: {
data: 0,
},
lYearSelfAccount: {
data: 0,
},
curYearCVSAccount: {
data: 0,
},
lYearCVSAccount: {
data: 0,
},
curYearSCAccount: {
data: 0,
},
lYearSCAccount: {
data: 0,
},
curYearCoopAccount: {
data: 0,
},
lYearCoopAccount: {
data: 0,
},
curYearBayonet: {
data: 0,
},
lYearBayonet: {
data: 0,
},
}, // 当天的数据
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, // 每日车流增长
isShowFestival: "", // 显示的节日类型
selectFestival: 0, // 选择的节日
festivalList: [], // 节日列表 也就是把还没到的节日改筛掉
defaultFestivalList: [
{
label: "25年元旦",
type: 0,
HolidayType: 1,
curYear: 2025,
compareYear: 2024,
startTime: "2024-12-31",
endTime: "2025-01-02",
},
{
label: "25年春运",
type: 0,
HolidayType: 2,
curYear: 2025,
compareYear: 2024,
startTime: "2025-01-13",
endTime: "2025-02-23",
},
{
label: "25年清明",
type: 1,
HolidayType: 3,
curYear: 2025,
compareYear: 2024,
startTime: "2025-04-03",
endTime: "2025-04-07",
},
{
label: "25年劳动",
type: 2,
HolidayType: 4,
curYear: 2025,
compareYear: 2024,
startTime: "2025-04-30",
endTime: "2025-05-06",
},
{
label: "25年端午",
type: 3,
HolidayType: 5,
curYear: 2025,
compareYear: 2024,
startTime: "2025-05-30",
endTime: "2025-06-03",
},
{
label: "25年暑运",
type: 4,
HolidayType: 6,
curYear: 2025,
compareYear: 2024,
startTime: "2025-06-30",
endTime: "2025-09-01",
},
// {
// label: "25年中秋",
// curYear: 2025,
// compareYear: 2024,
// type: "spring",
// startTime: "2025-01-26",
// endTime: "2025-03-05",
// },
{
label: "25年国庆",
type: 6,
HolidayType: 8,
curYear: 2025,
compareYear: 2024,
startTime: "2025-09-30",
endTime: "2025-10-09",
},
{
label: "24年元旦",
type: 0,
HolidayType: 1,
curYear: 2024,
compareYear: 2023,
startTime: "2023-12-31",
endTime: "2024-01-02",
},
{
label: "24年春运",
type: 0,
HolidayType: 2,
curYear: 2024,
compareYear: 2023,
startTime: "2024-01-26",
endTime: "2024-03-05",
},
{
label: "24年清明",
type: 1,
HolidayType: 3,
curYear: 2024,
compareYear: 2023,
startTime: "2024-04-03",
endTime: "2024-04-07",
},
{
label: "24年劳动",
type: 2,
HolidayType: 4,
curYear: 2024,
compareYear: 2023,
startTime: "2024-04-30",
endTime: "2024-05-06",
},
{
label: "24年端午",
type: 3,
HolidayType: 5,
curYear: 2024,
compareYear: 2023,
startTime: "2024-06-07",
endTime: "2024-06-11",
},
{
label: "24年暑运",
type: 4,
HolidayType: 6,
curYear: 2024,
compareYear: 2023,
startTime: "2024-06-30",
endTime: "2024-09-01",
},
{
label: "24年中秋",
type: 5,
HolidayType: 7,
curYear: 2024,
compareYear: 2023,
startTime: "2024-09-14",
endTime: "2024-09-18",
},
{
label: "24年国庆",
type: 6,
HolidayType: 8,
curYear: 2024,
compareYear: 2023,
startTime: "2024-09-30",
endTime: "2024-10-08",
},
],
currentFestival: {}, // 当前节日的对象
currentIndex: 0, // 当前节日的索引
StatisticsDate: "", // 请求时间
};
},
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));
// 拿到计算数据的标准日
this.lastDay = uni.getStorageSync("lastDay");
const currentDate = new Date(this.lastDay);
let currentY = currentDate.getFullYear(); // 年
let currentM = currentDate.getMonth() + 1; // 月
let currentD = currentDate.getDate(); // 日
let nowTime = currentDate.getTime(); // 当前的时间戳 来拿到现在的时间 是过了哪个节日 没到哪个节日
let currentIndex = 0; // 当前节日的索引
let currentObj = {}; // 当前节日的对象
this.defaultFestivalList.forEach((item, index) => {
if (
new Date(item.startTime).getTime() < nowTime &&
new Date(item.endTime).getTime() > nowTime
) {
currentIndex = index;
currentObj = item;
}
});
// 如果当前时间不在任何一个节日范围内 那么 currentObj 肯定是空的 那我们就找已经过了 且最时间最大的
// 因为默认的节日列表 要25年先 所以还得排序出时间大的
if (!currentObj.label) {
// 当前最大的时间（时间戳）
let maxTime = 0;
// 当前最大的时间（节日对象）
let maxObj = {};
// 当前最大的时间 （索引）
let maxIndex = 0;
this.defaultFestivalList.forEach((item, index) => {
if (new Date(item.endTime).getTime() < nowTime) {
if (maxTime < new Date(item.endTime).getTime()) {
maxTime = new Date(item.endTime).getTime();
maxObj = item;
maxIndex = index;
}
}
});
currentIndex = maxIndex;
currentObj = maxObj;
}
this.selectFestival = currentObj.type;
this.currentFestival = currentObj;
this.currentIndex = currentIndex;
console.log("当前节日的索引", currentIndex);
console.log("当前节日的对象", currentObj);
console.log("当前节日", this.selectFestival);
// 到此已经拿到了当前节日的基础数据 下面要根据节日去搞出他的列表数据
// 分为两种情况 1、当前时间在这个时间范围内容 那么天数数组就到当前时间为止
// 2、当前时间已经比这个时间范围大了 那么就列出全部 默认选上最后一天
let dayList = [];
if (currentObj) {
// 当前时间 在这个节日时间范围内
if (
new Date(currentObj.startTime).getTime() < nowTime &&
new Date(currentObj.endTime).getTime() > nowTime
) {
let dayNumber = moment(this.lastDay).diff(currentObj.startTime, "days");
console.log("dayNumber", dayNumber);
if (dayNumber > 0) {
for (let i = 0; i < dayNumber; i++) {
dayList.push({
label: `第${i + 1}天`,
value: moment(currentObj.startTime)
.add(i, "days")
.format("YYYY-MM-DD"),
});
}
}
this.currentScroll = "item" + this.lastDay;
this.StatisticsDate = this.lastDay;
} else if (new Date(currentObj.endTime).getTime() < nowTime) {
// 当前时间已经过了这个时间范围了
let dayNumber =
moment(currentObj.endTime).diff(currentObj.startTime, "days") + 1;
console.log("dayNumber", dayNumber);
if (dayNumber > 0) {
for (let i = 0; i < dayNumber; i++) {
dayList.push({
label: `第${i + 1}天`,
value: moment(currentObj.startTime)
.add(i, "days")
.format("YYYY-MM-DD"),
});
}
}
this.currentScroll = "item" + currentObj.endTime;
this.StatisticsDate = currentObj.endTime;
}
}
console.log("dayList", dayList);
this.scrollList = dayList;
uni.showLoading({
title: "正在加载...",
});
await this.handleGetNewUpdateTime();
await this.handleGetPageData();
this.handleGetAreaData();
uni.hideLoading();
return;
// this.lastDay = '2024-09-30'
// if (new Date().getTime() > new Date('2024-04-05 00:00:00').getTime()){
// this.selectFestival = 1
// }
this.isShowFestival = uni.getStorageSync("festival");
console.log("this.isShowFestival", this.isShowFestival);
let showList = [];
let isOver = false;
let lastIndex = 0;
console.log("defaultFestivalList", this.defaultFestivalList);
this.defaultFestivalList.forEach((item, index) => {
if (item.type === this.isShowFestival) {
this.selectFestival = index;
}
if (
new Date(this.lastDay).getTime() < new Date(item.startTime).getTime()
) {
isOver = true;
}
if (!isOver) {
showList.push(item);
lastIndex = index;
}
});
console.log("lastIndex", lastIndex);
this.festivalList = showList;
if (!this.selectFestival) {
this.selectFestival = lastIndex;
}
console.log("this.selectFestival", this.selectFestival);
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 = '2024-04-03'
// this.currentScroll = 'item'+ uni.getStorageSync('lastDay')
if (this.selectFestival === 0) {
this.currentScroll = "item" + "2024-03-05";
} else {
this.currentScroll = "item" + this.lastDay;
}
// else if (this.selectFestival===1){
// this.currentScroll = 'item'+ this.lastDay
// }else if (this.selectFestival===2){
// this.currentScroll = 'item'+ this.lastDay
// }else if (this.selectFestival===3){
// this.currentScroll = 'item'+ this.lastDay
// }
console.log("currentScroll", this.currentScroll);
const lastDate = new Date(this.lastDay);
let lastM = lastDate.getMonth() + 1;
let lastD = lastDate.getDate();
this.allDateDay = `${lastM < 10 ? "0" + lastM : lastM}月${
lastD < 10 ? "0" + lastD : lastD
}日`;
// 拿到是春运开始的第几天
let dayNumber = 0;
let lastMonth = lastDate.getMonth() + 1;
let lastDays = lastDate.getDate();
// 24年春运开始时间为 1.26
// if (lastMonth === 1){
// dayNumber = lastDays - 26 + 1
// }else{
// dayNumber = 6 + lastDays
// }
if (this.selectFestival === 0) {
dayNumber = moment().diff("2024-01-26", "days"); // 春节
} else if (this.selectFestival === 1) {
dayNumber = moment().diff("2024-04-03", "days"); // 清明
} else if (this.selectFestival === 2) {
dayNumber = moment().diff("2024-04-30", "days"); // 劳动
} else if (this.selectFestival === 3) {
dayNumber = moment().diff("2024-06-07", "days"); // 端午
} else if (this.selectFestival === 4) {
dayNumber = moment().diff("2024-07-01", "days"); // 暑期
} else if (this.selectFestival === 5) {
dayNumber = moment().diff("2024-09-14", "days"); // 中秋
} else if (this.selectFestival === 6) {
dayNumber = moment().diff("2024-09-30", "days"); // 国庆
}
console.log("dayNumber", dayNumber);
if (this.selectFestival === 0) {
this.howDayNumber = dayNumber <= 40 ? dayNumber : 40;
this.lastDay = "2024-03-05";
} else if (this.selectFestival === 1) {
if (dayNumber <= 5) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 5;
this.currentScroll = "item" + "2024-04-07";
this.lastDay = "2024-04-07";
this.allDateDay = "2024-04-07";
}
} else if (this.selectFestival === 2) {
if (dayNumber <= 7) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 7;
this.currentScroll = "item" + "2024-05-06";
this.lastDay = "2024-05-06";
this.allDateDay = "2024-05-06";
}
} else if (this.selectFestival === 3) {
if (dayNumber <= 5) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 5;
this.currentScroll = "item" + "2024-06-11";
this.lastDay = "2024-06-11";
this.allDateDay = "2024-06-11";
}
} else if (this.selectFestival === 4) {
console.log("dayNumber", dayNumber);
if (dayNumber <= 62) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 62;
this.currentScroll = "item" + "2024-08-31";
this.lastDay = "2024-08-31";
this.allDateDay = "2024-09-01";
}
} else if (this.selectFestival === 5) {
if (dayNumber <= 5) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 5;
this.currentScroll = "item" + "2024-09-18";
this.lastDay = "2024-09-18";
this.allDateDay = "2024-09-18";
}
} else if (this.selectFestival === 6) {
if (dayNumber <= 9) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 9;
this.currentScroll = "item" + "2024-10-08";
this.lastDay = "2024-10-08";
this.allDateDay = "2024-10-08";
}
}
let dateList = [];
for (let i = 1; i <= this.howDayNumber; i++) {
if (this.selectFestival === 0) {
dateList.push({
label: `第${i}天`,
value: moment("2024-01-25").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 1) {
dateList.push({
label: `第${i}天`,
value: moment("2024-04-02").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 2) {
dateList.push({
label: `第${i}天`,
value: moment("2024-04-29").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 3) {
dateList.push({
label: `第${i}天`,
value: moment("2024-06-06").add(i, "days").format("YYYY-MM-DD"),
}); // 端午
} else if (this.selectFestival === 4) {
dateList.push({
label: `第${i}天`,
value: moment("2024-06-30").add(i, "days").format("YYYY-MM-DD"),
}); // 端午
} else if (this.selectFestival === 5) {
dateList.push({
label: `第${i}天`,
value: moment("2024-09-13").add(i, "days").format("YYYY-MM-DD"),
}); // 端午
} else if (this.selectFestival === 6) {
dateList.push({
label: `第${i}天`,
value: moment("2024-09-29").add(i, "days").format("YYYY-MM-DD"),
}); // 端午
}
// if (i<7){
// dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
// }else{
// if (i-6>29){
// }else{
// dateList.push({label:`第${i}天`,value:`2024-02-${i - 7 + 1<10?`0${i - 7 + 1}`:i - 7 + 1}`})
// }
// }
}
console.log("dateList", dateList);
if (dateList && dateList.length > 0) {
this.scrollList = dateList;
this.selectDateText = dateList[this.howDayNumber - 1].value;
}
uni.showLoading({
title: "正在加载...",
});
await this.handleGetNewUpdateTime();
await this.handleGetPageData();
this.handleGetAreaData();
// await this.handleGetRestaurantData()
uni.hideLoading();
},
async onShow() {
let seat = uni.getStorageSync("springService");
console.log("seat", seat);
if (seat) {
this.springService = seat;
this.showSpring = true;
uni.showLoading({
title: "正在加载...",
});
await this.handleGetPageData();
this.handleGetAreaData();
// await this.handleGetRestaurantData()
uni.hideLoading();
} else {
this.showSpring = false;
}
},
destroyed() {
uni.removeStorageSync("springService");
},
methods: {
// 改变节日
async handleChangeFestival(e) {
this.handleResest();
console.log("e", e);
let currentObj = this.defaultFestivalList[Number(e.detail.value)];
this.selectFestival = currentObj.type;
this.currentFestival = currentObj;
this.currentIndex = Number(e.detail.value);
const currentDate = new Date(this.lastDay);
let nowTime = currentDate.getTime(); // 当前的时间戳 来拿到现在的时间 是过了哪个节日 没到哪个节日
let dayList = [];
if (currentObj) {
// 当前时间 在这个节日时间范围内
if (
new Date(currentObj.startTime).getTime() < nowTime &&
new Date(currentObj.endTime).getTime() > nowTime
) {
let dayNumber = moment(this.lastDay).diff(
currentObj.startTime,
"days"
);
console.log("dayNumber", dayNumber);
if (dayNumber > 0) {
for (let i = 0; i < dayNumber; i++) {
dayList.push({
label: `第${i + 1}天`,
value: moment(currentObj.startTime)
.add(i, "days")
.format("YYYY-MM-DD"),
});
}
}
this.currentScroll = "item" + this.lastDay;
this.StatisticsDate = this.lastDay;
} else if (new Date(currentObj.endTime).getTime() < nowTime) {
// 当前时间已经过了这个时间范围了
let dayNumber =
moment(currentObj.endTime).diff(currentObj.startTime, "days") + 1;
console.log("dayNumber", dayNumber);
if (dayNumber > 0) {
for (let i = 0; i < dayNumber; i++) {
dayList.push({
label: `第${i + 1}天`,
value: moment(currentObj.startTime)
.add(i, "days")
.format("YYYY-MM-DD"),
});
}
}
this.currentScroll = "item" + currentObj.endTime;
this.StatisticsDate = currentObj.endTime;
}
}
console.log("dayList", dayList);
this.scrollList = dayList;
uni.showLoading({
title: "正在加载...",
});
await this.handleGetNewUpdateTime();
await this.handleGetPageData();
this.handleGetAreaData();
uni.hideLoading();
return;
// this.selectFestival = Number(e.detail.value);
// this.scrollList = [];
// this.lastDay = uni.getStorageSync("lastDay");
if (this.selectFestival === 0) {
this.currentScroll = "item" + "2024-03-05";
} else {
this.currentScroll = "item" + this.lastDay;
}
// else if(this.selectFestival===1){
// this.currentScroll = 'item'+ this.lastDay
// }else if(this.selectFestival===2){
// this.currentScroll = 'item'+ this.lastDay
// }else if(this.selectFestival===3){
// this.currentScroll = 'item'+ this.lastDay
// }
let dayNumber = 0;
if (this.selectFestival === 0) {
dayNumber = moment().diff("2024-01-26", "days");
} else if (this.selectFestival === 1) {
dayNumber = moment().diff("2024-04-03", "days");
} else if (this.selectFestival === 2) {
dayNumber = moment().diff("2024-04-30", "days"); // 劳动
} else if (this.selectFestival === 3) {
dayNumber = moment().diff("2024-06-07", "days"); // 端午
} else if (this.selectFestival === 4) {
dayNumber = moment().diff("2024-07-01", "days"); // 暑期
} else if (this.selectFestival === 5) {
dayNumber = moment().diff("2024-09-14", "days"); // 中秋
} else if (this.selectFestival === 6) {
dayNumber = moment().diff("2024-09-30", "days"); // 国庆
}
console.log("dayNumber", dayNumber);
if (this.selectFestival === 0) {
if (dayNumber <= 40) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 40;
this.lastDay = "2024-03-05";
this.allDateDay = "2024-03-05";
}
} else if (this.selectFestival === 1) {
// this.howDayNumber = dayNumber<=3?dayNumber:3
if (dayNumber <= 3) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 3;
this.currentScroll = "item" + "2024-04-05";
this.lastDay = "2024-04-07";
this.allDateDay = "2024-04-07";
}
} else if (this.selectFestival === 2) {
// this.howDayNumber = dayNumber<=3?dayNumber:3
if (dayNumber <= 7) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 7;
this.currentScroll = "item" + "2024-05-06";
this.lastDay = "2024-05-06";
this.allDateDay = "2024-05-06";
}
} else if (this.selectFestival === 3) {
if (dayNumber <= 5) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 5;
this.currentScroll = "item" + "2024-06-11";
this.lastDay = "2024-06-11";
this.allDateDay = "2024-06-11";
}
} else if (this.selectFestival === 4) {
if (dayNumber <= 62) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 62;
this.currentScroll = "item" + "2024-09-01";
this.lastDay = "2024-09-01";
this.allDateDay = "2024-09-01";
}
} else if (this.selectFestival === 5) {
if (dayNumber <= 5) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 5;
this.currentScroll = "item" + "2024-09-18";
this.lastDay = "2024-09-18";
this.allDateDay = "2024-09-18";
}
} else if (this.selectFestival === 6) {
if (dayNumber <= 9) {
this.howDayNumber = dayNumber;
} else {
this.howDayNumber = 9;
this.currentScroll = "item" + "2024-10-08";
this.lastDay = "2024-10-08";
this.allDateDay = "2024-10-08";
}
}
let dateList = [];
for (let i = 1; i <= this.howDayNumber; i++) {
if (this.selectFestival === 0) {
dateList.push({
label: `第${i}天`,
value: moment("2024-01-25").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 1) {
dateList.push({
label: `第${i}天`,
value: moment("2024-04-02").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 2) {
dateList.push({
label: `第${i}天`,
value: moment("2024-04-29").add(i, "days").format("YYYY-MM-DD"),
});
} else if (this.selectFestival === 3) {
dateList.push({
label: `第${i}天`,
value: moment("2024-06-06").add(i, "days").format("YYYY-MM-DD"),
}); // 端午
} else if (this.selectFestival === 4) {
dateList.push({
label: `第${i}天`,
value: moment("2024-06-30").add(i, "days").format("YYYY-MM-DD"),
}); // 暑假
} else if (this.selectFestival === 5) {
dateList.push({
label: `第${i}天`,
value: moment("2024-09-13").add(i, "days").format("YYYY-MM-DD"),
}); // 中秋
} else if (this.selectFestival === 6) {
dateList.push({
label: `第${i}天`,
value: moment("2024-09-29").add(i, "days").format("YYYY-MM-DD"),
}); // 国庆
}
}
console.log("dateList", dateList);
if (dateList && dateList.length > 0) {
this.scrollList = dateList;
this.selectDateText = dateList[this.howDayNumber - 1].value;
}
uni.showLoading({
title: "正在加载...",
});
await this.handleGetNewUpdateTime();
await this.handleGetPageData();
this.handleGetAreaData();
uni.hideLoading();
},
async handleGetPageData(date) {
let req;
// 判断有没有服务区
if (this.springService) {
req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || "340000",
curYear: this.currentFestival.curYear,
compareYear: this.currentFestival.compareYear,
HolidayType: this.currentFestival.HolidayType,
// this.selectFestival === 0
// ? 2
// : this.selectFestival === 1
// ? 3
// : this.selectFestival === 2
// ? 4
// : this.selectFestival === 3
// ? 5
// : this.selectFestival === 4
// ? 6
// : this.selectFestival === 5
// ? 7
// : this.selectFestival === 6
// ? 8
// : "",
StatisticsDate: this.StatisticsDate || this.lastDay,
ServerpartId: this.springService.Serverpart_ID,
};
} else {
req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || "340000",
curYear: this.currentFestival.curYear,
compareYear: this.currentFestival.compareYear,
HolidayType: this.currentFestival.HolidayType,
// this.selectFestival === 0
// ? 2
// : this.selectFestival === 1
// ? 3
// : this.selectFestival === 2
// ? 4
// : this.selectFestival === 3
// ? 5
// : this.selectFestival === 4
// ? 6
// : this.selectFestival === 5
// ? 7
// : this.selectFestival === 6
// ? 8
// : "",
StatisticsDate: this.StatisticsDate || this.lastDay,
};
}
console.log("reqhandleGetPageData", req);
const data = await request.$webGet(
"CommercialApi/Revenue/GetHolidayAnalysis",
req
);
console.log(112321312, data);
if (data.Result_Data) {
this.pageData = data.Result_Data;
// if (this.isFirst){
this.giveTrendObj = {
curYearRevenue: this.pageData.curYearRevenue.data,
lYearRevenue: this.pageData.lYearRevenue.data,
curYearAccount: this.pageData.curYearAccount.data,
lYearAccount: this.pageData.lYearAccount.data,
curYearBayonet: this.pageData.curYearBayonet.data,
lYearBayonet: this.pageData.lYearBayonet.data,
};
// this.isFirst = false
// }
// 对客销售金额增幅
this.revenueAdd = Number(
(
(this.pageData.curYearRevenue.data /
this.pageData.lYearRevenue.data -
1) *
100
).toFixed(2)
);
this.revenueNumber = Number(
(
(this.pageData.curYearRevenue.data -
this.pageData.lYearRevenue.data) /
10000
).toFixed(2)
);
// 自营营业额增长
this.selfRevenueNumber = Number(
(
(this.pageData.curYearSelfRevenue.data -
this.pageData.lYearSelfRevenue.data) /
10000
).toFixed(2)
);
// 自营营业额增幅
this.selfRevenueAdd = Number(
(
(this.pageData.curYearSelfRevenue.data /
this.pageData.lYearSelfRevenue.data -
1) *
100
).toFixed(2)
);
// 对客自营便利店增长
this.selfStoresRevenueNumber = Number(
(
(this.pageData.curYearCVSRevenue.data -
this.pageData.lYearCVSRevenue.data) /
10000
).toFixed(2)
);
// 对客自营便利店增幅
this.selfStoresRevenueAdd = Number(
(
(this.pageData.curYearCVSRevenue.data /
this.pageData.lYearCVSRevenue.data -
1) *
100
).toFixed(2)
);
// 对客餐饮+客房及其他增长
this.GRORevenueNumber = Number(
(
(this.pageData.curYearSCRevenue.data -
this.pageData.lYearSCRevenue.data) /
10000
).toFixed(2)
);
// 对客餐饮+客房及其他增幅
this.GRORevenueAdd = Number(
(
(this.pageData.curYearSCRevenue.data /
this.pageData.lYearSCRevenue.data -
1) *
100
).toFixed(2)
);
// this.GRORevenueAdd = 100
// 对客外包增长
this.outsourceRevenueNumber = Number(
(
(this.pageData.curYearCoopRevenue.data -
this.pageData.lYearCoopRevenue.data) /
10000
).toFixed(2)
);
// 对客外包增幅
this.outsourceRevenueAdd = Number(
(
(this.pageData.curYearCoopRevenue.data /
this.pageData.lYearCoopRevenue.data -
1) *
100
).toFixed(2)
);
// 对客租赁增长
this.leaseRevenueNumber = Number(
(
(this.pageData.curYearCoopRevenue.data -
this.pageData.lYearCoopRevenue.data) /
10000
).toFixed(2)
);
// 对客租赁增幅
this.leaseRevenueAdd = Number(
(
(this.pageData.curYearCoopRevenue.data /
this.pageData.lYearCoopRevenue.data -
1) *
100
).toFixed(2)
);
// 营业收入增长
this.tradeAccountAdd = Number(
(
(this.pageData.curYearAccount.data /
this.pageData.lYearAccount.data -
1) *
100
).toFixed(2)
);
this.tradeAccountNumber = Number(
(
(this.pageData.curYearAccount.data -
this.pageData.lYearAccount.data) /
10000
).toFixed(2)
);
// 营业自营营业额增长
this.tradeSelfAccountNumber = Number(
(
(this.pageData.curYearSelfAccount.data -
this.pageData.lYearSelfAccount.data) /
10000
).toFixed(2)
);
// 营业自营营业额增幅
this.tradeSelfAccountAdd = Number(
(
(this.pageData.curYearSelfAccount.data /
this.pageData.lYearSelfAccount.data -
1) *
100
).toFixed(2)
);
// 营业自营便利店增长
this.tradeStoresAccountNumber = Number(
(
(this.pageData.curYearCVSAccount.data -
this.pageData.lYearCVSAccount.data) /
10000
).toFixed(2)
);
// 营业自营便利店增幅
this.tradeStoresAccountAdd = Number(
(
(this.pageData.curYearCVSAccount.data /
this.pageData.lYearCVSAccount.data -
1) *
100
).toFixed(2)
);
// 餐饮及客房增长
this.tradeSCAAccountNumber = Number(
(
(this.pageData.curYearSCAccount.data -
this.pageData.lYearSCAccount.data) /
10000
).toFixed(2)
);
// 餐饮及客房增幅
this.tradeSCAAccountAdd = Number(
(
(this.pageData.curYearSCAccount.data /
this.pageData.lYearSCAccount.data -
1) *
100
).toFixed(2)
);
// 营业外包增长
this.outsourceAccountNumber = Number(
(
(this.pageData.curYearCoopAccount.data -
this.pageData.lYearCoopAccount.data) /
10000
).toFixed(2)
);
// 营业外包增幅
this.outsourceAccountAdd = Number(
(
(this.pageData.curYearCoopAccount.data /
this.pageData.lYearCoopAccount.data -
1) *
100
).toFixed(2)
);
// 营业租赁增长
this.leaseAccountNumber = Number(
(
(this.pageData.curYearCoopAccount.data -
this.pageData.lYearCoopAccount.data) /
10000
).toFixed(2)
);
// 营业租赁增幅
this.leaseAccountAdd = Number(
(
(this.pageData.curYearCoopAccount.data /
this.pageData.lYearCoopAccount.data -
1) *
100
).toFixed(2)
);
// 车流量的增长
this.carEntryAdd = Number(
(
(this.pageData.curYearBayonet.data /
this.pageData.lYearBayonet.data -
1) *
100
).toFixed(2)
);
this.carEntryNumber = Number(
(
(this.pageData.curYearBayonet.data -
this.pageData.lYearBayonet.data) /
10000
).toFixed(2)
);
// 当日
// 每日对客销售增幅 要减去万佳的
let realDailyRevenue =
Number(this.pageData.curYearRevenue.value) -
Number(this.pageData.curYearWJRevenue.value);
let realDailyWj =
Number(this.pageData.lYearRevenue.value) -
Number(this.pageData.lYearWJRevenue.value);
this.revenueToCustomerAdd = Number(
((realDailyRevenue / realDailyWj - 1) * 100).toFixed(2)
);
this.revenueToCustomerNumber = Number(
((realDailyRevenue - realDailyWj) / 10000).toFixed(2)
);
// 每日对客自营收入
this.revenueUserAdd = Number(
(
(this.pageData.curYearSelfRevenue.value /
this.pageData.lYearSelfRevenue.value -
1) *
100
).toFixed(2)
);
this.revenueUserNumber = Number(
(
(this.pageData.curYearSelfRevenue.value -
this.pageData.lYearSelfRevenue.value) /
10000
).toFixed(2)
);
// 每日对客便利店收入
this.revenueStoreAdd = Number(
(
(this.pageData.curYearCVSRevenue.value /
this.pageData.lYearCVSRevenue.value -
1) *
100
).toFixed(2)
);
this.revenueStoreNumber = Number(
(
(this.pageData.curYearCVSRevenue.value -
this.pageData.lYearCVSRevenue.value) /
10000
).toFixed(2)
);
// 每日餐饮及客房增幅
this.revenueSCAAdd = Number(
(
(this.pageData.curYearSCRevenue.value /
this.pageData.lYearSCRevenue.value -
1) *
100
).toFixed(2)
);
this.revenueSCANumber = Number(
(
(this.pageData.curYearSCRevenue.value -
this.pageData.lYearSCRevenue.value) /
10000
).toFixed(2)
);
// 每日外包增幅
this.outsourceDailyAdd = Number(
(
(this.pageData.curYearCoopRevenue.value /
this.pageData.lYearCoopRevenue.value -
1) *
100
).toFixed(2)
);
this.outsourceDailyNumber = Number(
(
(this.pageData.curYearCoopRevenue.value -
this.pageData.lYearCoopRevenue.value) /
10000
).toFixed(2)
);
// 每日租赁增幅
this.leaseDailyAdd = Number(
(
(this.pageData.curYearCoopRevenue.value /
this.pageData.lYearCoopRevenue.value -
1) *
100
).toFixed(2)
);
this.leaseDailyNumber = Number(
(
(this.pageData.curYearCoopRevenue.value -
this.pageData.lYearCoopRevenue.value) /
10000
).toFixed(2)
);
// 每日营业收入增幅
this.incomeDailyAdd = Number(
(
(this.pageData.curYearAccount.value /
this.pageData.lYearAccount.value -
1) *
100
).toFixed(2)
);
this.incomeDailyNumber = Number(
(
(this.pageData.curYearAccount.value -
this.pageData.lYearAccount.value) /
10000
).toFixed(2)
);
// 每日自营营收增幅
this.inComeDailyRevenueAdd = Number(
(
(this.pageData.curYearSelfAccount.value /
this.pageData.lYearSelfAccount.value -
1) *
100
).toFixed(2)
);
this.inComeDailyRevenueNumber = Number(
(
(this.pageData.curYearSelfAccount.value -
this.pageData.lYearSelfAccount.value) /
10000
).toFixed(2)
);
// 每日自营便利店
this.inComeDailyStoreAdd = Number(
(
(this.pageData.curYearCVSAccount.value /
this.pageData.lYearCVSAccount.value -
1) *
100
).toFixed(2)
);
this.inComeDailyStoreNumber = Number(
(
(this.pageData.curYearCVSAccount.value -
this.pageData.lYearCVSAccount.value) /
10000
).toFixed(2)
);
// 每日自营餐饮及客房
this.inComeDailyFoodAdd = Number(
(
(this.pageData.curYearSCAccount.value /
this.pageData.lYearSCAccount.value -
1) *
100
).toFixed(2)
);
this.inComeDailyFoodNumber = Number(
(
(this.pageData.curYearSCAccount.value -
this.pageData.lYearSCAccount.value) /
10000
).toFixed(2)
);
// 每日外包营收增幅
this.outsourceInComeDailyAdd = Number(
(
(this.pageData.curYearCoopAccount.value /
this.pageData.lYearCoopAccount.value -
1) *
100
).toFixed(2)
);
this.outsourceInComeDailyNumber = Number(
(
(this.pageData.curYearCoopAccount.value -
this.pageData.lYearCoopAccount.value) /
10000
).toFixed(2)
);
// 每日租赁增幅
this.leaseInComeDailyAdd = Number(
(
(this.pageData.curYearCoopAccount.value /
this.pageData.lYearCoopAccount.value -
1) *
100
).toFixed(2)
);
this.leaseInComeDailyNumber = Number(
(
(this.pageData.curYearCoopAccount.value -
this.pageData.lYearCoopAccount.value) /
10000
).toFixed(2)
);
// 每日车流增幅
this.entryCarDailyAdd = Number(
(
(this.pageData.curYearBayonet.value /
this.pageData.lYearBayonet.value -
1) *
100
).toFixed(2)
);
this.entryCarDailyNumber = Number(
(
(this.pageData.curYearBayonet.value -
this.pageData.lYearBayonet.value) /
10000
).toFixed(2)
);
}
},
// 拿到片区区分的顶部
async handleGetAreaData(date) {
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || "340000",
curYear: this.currentFestival.curYear,
compareYear: this.currentFestival.compareYear,
HolidayType: this.currentFestival.HolidayType,
// this.selectFestival === 0
// ? 2
// : this.selectFestival === 1
// ? 3
// : this.selectFestival === 2
// ? 4
// : this.selectFestival === 3
// ? 5
// : this.selectFestival === 4
// ? 6
// : this.selectFestival === 5
// ? 7
// : this.selectFestival === 6
// ? 8
// : "",
StatisticsDate: this.StatisticsDate || this.lastDay,
businessRegion: 1,
};
const data = await request.$webGet(
"CommercialApi/Revenue/GetHolidaySPRAnalysis",
req
);
if (data.Result_Data) {
let res = data.Result_Data;
let list = [];
if (res.List && res.List.length > 0) {
res.List.forEach((item) => {
if (item.node.SPRegionTypeId !== 0) {
list.push(item.node);
}
});
}
if (list && list.length > 0) {
list.forEach((item) => {
// 对客营收
// 年增长
item.yearNumber = Number(
(
(item.curYearRevenue.data - item.lYearRevenue.data) /
10000
).toFixed(2)
);
// 年增幅
item.yearAdd = Number(
(
(item.curYearRevenue.data / item.lYearRevenue.data - 1) *
100
).toFixed(2)
);
// 天增长
item.dailyNumber = Number(
(
(item.curYearRevenue.value - item.lYearRevenue.value) /
10000
).toFixed(2)
);
// 天增幅
item.dailyAdd = Number(
(
(item.curYearRevenue.value / item.lYearRevenue.value - 1) *
100
).toFixed(2)
);
// 营业收入
// 年增长
item.yearRevenueNumber = Number(
(
(item.curYearAccount.data - item.lYearAccount.data) /
10000
).toFixed(2)
);
// 年增幅
item.yearRevenueAdd = Number(
(
(item.curYearAccount.data / item.lYearAccount.data - 1) *
100
).toFixed(2)
);
// 天增长
item.dailyRevenueNumber = Number(
(
(item.curYearAccount.value - item.lYearAccount.value) /
10000
).toFixed(2)
);
// 天增幅
item.dailyRevenueAdd = Number(
(
(item.curYearAccount.value / item.lYearAccount.value - 1) *
100
).toFixed(2)
);
//入区流量
// 年增长
item.yearCarNumber = Number(
(
(item.curYearBayonet.data - item.lYearBayonet.data) /
10000
).toFixed(2)
);
// 年增幅
item.yearCarAdd = Number(
(
(item.curYearBayonet.data / item.lYearBayonet.data - 1) *
100
).toFixed(2)
);
// 天增长
item.dailyCarNumber = Number(
(
(item.curYearBayonet.value - item.lYearBayonet.value) /
10000
).toFixed(2)
);
// 天增幅
item.dailyCarAdd = Number(
(
(item.curYearBayonet.value / item.lYearBayonet.value - 1) *
100
).toFixed(2)
);
});
}
this.areaDataList = list;
}
},
// 拿到片区的餐饮
async handleGetRestaurantData(date) {
let req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || "340000",
curYear: this.curYear,
compareYear: this.compareYear,
HolidayType: this.currentFestival.HolidayType,
// this.selectFestival === 0
// ? 2
// : this.selectFestival === 1
// ? 3
// : this.selectFestival === 2
// ? 4
// : this.selectFestival === 3
// ? 5
// : this.selectFestival === 4
// ? 6
// : this.selectFestival === 5
// ? 7
// : this.selectFestival === 6
// ? 8
// : "",
StatisticsDate: this.StatisticsDate || 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.StatisticsDate = value;
this.selectDateText = value;
this.pageData = null;
this.areaDataList = [];
this.handleReset();
uni.showLoading({
title: "正在加载...",
});
await this.handleGetPageData(value);
this.handleGetAreaData(value);
uni.hideLoading();
},
// 切換对客是否显示详情
handleChangeToCustomers() {
this.isShowToCustomers = !this.isShowToCustomers;
},
// 切换显示营业收入
handleChangeRevenue() {
this.isShowRevenue = !this.isShowRevenue;
},
// 切换模块
handleChangeType(value) {
this.pageType = value;
},
// 切换入区车流的显示
handleChangeCarEntry() {
// this.isShowCarEntry = !this.isShowCarEntry
this.isShowAllDetail = !this.isShowAllDetail;
},
// 清空已有数据
handleReset() {
this.revenueAdd = 0;
this.selfRevenueNumber = 0;
this.selfRevenueAdd = 0;
this.selfStoresRevenueNumber = 0;
this.selfStoresRevenueAdd = 0;
this.GRORevenueNumber = 0;
this.GRORevenueAdd = 0;
this.outsourceRevenueNumber = 0;
this.outsourceRevenueAdd = 0;
this.leaseRevenueNumber = 0;
this.leaseRevenueAdd = 0;
this.tradeAccountAdd = 0;
this.tradeSelfAccountNumber = 0;
this.tradeSelfAccountAdd = 0;
this.tradeStoresAccountNumber = 0;
this.tradeStoresAccountAdd = 0;
this.tradeSCAAccountNumber = 0;
this.tradeSCAAccountAdd = 0;
this.outsourceAccountNumber = 0;
this.outsourceAccountAdd = 0;
this.leaseAccountNumber = 0;
this.leaseAccountAdd = 0;
this.carEntryAdd = 0;
this.revenueToCustomerAdd = 0;
this.revenueToCustomerNumber = 0;
this.revenueUserAdd = 0;
this.revenueUserNumber = 0;
this.revenueStoreAdd = 0;
this.revenueStoreNumber = 0;
this.revenueSCAAdd = 0;
this.revenueSCANumber = 0;
this.outsourceDailyAdd = 0;
this.outsourceDailyNumber = 0;
this.leaseDailyAdd = 0;
this.leaseDailyNumber = 0;
this.incomeDailyAdd = 0;
this.incomeDailyNumber = 0;
this.inComeDailyRevenueAdd = 0;
this.inComeDailyRevenueNumber = 0;
this.inComeDailyStoreAdd = 0;
this.inComeDailyStoreNumber = 0;
this.inComeDailyFoodAdd = 0;
this.inComeDailyFoodNumber = 0;
this.outsourceInComeDailyAdd = 0;
this.outsourceInComeDailyNumber = 0;
this.leaseInComeDailyAdd = 0;
this.leaseInComeDailyNumber = 0;
this.entryCarDailyAdd = 0;
this.entryCarDailyNumber = 0;
},
handleGoMap() {
this.$util.toNextRoute(
"navigateTo",
"/pages/map/index?type=springTravel"
);
},
// 查询全部
async handleSearchAll() {
this.showSpring = false;
uni.removeStorageSync("springService");
this.springService = undefined;
uni.showLoading({
title: "正在加载...",
});
await this.handleGetPageData();
this.handleGetAreaData();
uni.hideLoading();
},
// 跳转到门店详情页面
handleGoShopDetail() {
// ServerpartIds=416&time=2024-01-31&ProvinceCode=340000
let time = this.currentScroll.split("item")[1];
this.$util.toNextRoute(
"navigateTo",
`/pages/nationalPage/nationalServerpart?ProvinceCode=${
this.useInfo.userData.ProvinceCode || "340000"
}&ServerpartIds=${this.springService.Serverpart_ID}&time=${time}`
);
},
// 跳转更多记录的页面
handleGoMorePage(type) {
let time = this.currentScroll.split("item")[1];
this.$util.toNextRoute(
"navigateTo",
`/pages/nationalPage/rankPage?type=${type}&time=${time}&festivalType=${this.selectFestival}`
);
},
handleGoTest(type) {
let obj = JSON.stringify(this.giveTrendObj);
this.$util.toNextRoute(
"navigateTo",
`/pages/nationalPage/testPage?detailObj=${obj}&festivalType=${this.selectFestival}`
);
},
// 获取最新的同步日期
async handleGetNewUpdateTime() {
const data = await request.$webGet(
"CommercialApi/Revenue/GetLastSyncDateTime"
);
if (this.lastDay === data.Result_Data) {
this.isShowWarningTime = false;
}
},
// 重置
handleResest() {
this.pageData = null;
this.giveTrendObj = {};
this.revenueAdd = null;
this.revenueNumber = null;
this.selfRevenueNumber = null;
this.selfRevenueAdd = null;
this.selfStoresRevenueNumber = null;
this.selfStoresRevenueAdd = null;
this.GRORevenueNumber = null;
this.GRORevenueAdd = null;
this.outsourceRevenueNumber = null;
this.outsourceRevenueAdd = null;
this.leaseRevenueNumber = null;
this.leaseRevenueAdd = null;
this.tradeAccountAdd = null;
this.tradeAccountNumber = null;
this.tradeSelfAccountNumber = null;
this.tradeSelfAccountAdd = null;
this.tradeStoresAccountNumber = null;
this.tradeStoresAccountAdd = null;
this.tradeSCAAccountNumber = null;
this.tradeSCAAccountAdd = null;
this.outsourceAccountNumber = null;
this.outsourceAccountAdd = null;
this.leaseAccountNumber = null;
this.leaseAccountAdd = null;
this.carEntryAdd = null;
this.carEntryNumber = null;
this.revenueToCustomerAdd = null;
this.revenueToCustomerNumber = null;
this.revenueUserAdd = null;
this.revenueUserNumber = null;
this.revenueStoreAdd = null;
this.revenueStoreNumber = null;
this.revenueSCAAdd = null;
this.revenueSCANumber = null;
this.outsourceDailyAdd = null;
this.outsourceDailyNumber = null;
this.leaseDailyAdd = null;
this.leaseDailyNumber = null;
this.incomeDailyAdd = null;
this.incomeDailyNumber = null;
this.inComeDailyRevenueAdd = null;
this.inComeDailyRevenueNumber = null;
this.inComeDailyStoreAdd = null;
this.inComeDailyStoreNumber = null;
this.inComeDailyFoodAdd = null;
this.inComeDailyFoodNumber = null;
this.outsourceInComeDailyAdd = null;
this.outsourceInComeDailyNumber = null;
this.leaseInComeDailyAdd = null;
this.leaseInComeDailyNumber = null;
this.entryCarDailyAdd = null;
this.entryCarDailyNumber = null;
},
},
};
</script>
<style scoped lang="scss">
.main {
width: 100%;
height: 100vh;
.topSpring {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
}
.qmFestival {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
}
.labourFestival {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
}
.dragonBoat {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.summerHoliday {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important;
}
.midAutumn {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important;
}
.nationalDay {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important;
}
.top {
width: 100%;
height: 432rpx;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
//z-index:3;
.topBg {
width: 100%;
height: 100%;
z-index: 4;
}
.headerSpring {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
}
.headerQm {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
}
.headerLabour {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
}
.headerDragonBoat {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.headerSummerHoliday {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important;
}
.headerMidAutumn {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important;
}
.headerNationalDay {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important;
}
.header {
position: fixed;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 432rpx;
display: flex;
align-items: center;
z-index: 2;
.backArrow {
width: 24px;
height: 24px;
margin-right: 16px;
position: absolute;
}
.pageTitle {
position: absolute;
width: 280rpx;
height: 80rpx;
margin-left: 16rpx;
bottom: -3px;
left: 40px;
}
.seachBox {
position: absolute;
bottom: 0;
left: 60px;
width: 400rpx;
background: #fff;
border-radius: 32rpx;
margin-left: 16rpx;
box-sizing: border-box;
padding: 10rpx 20rpx;
display: flex;
align-items: center;
.searchIcon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.searchText {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #b6bacb;
line-height: 40rpx;
white-space: nowrap;
}
}
.picker {
position: absolute;
bottom: 0;
left: 40px;
.selectService {
display: flex;
align-items: center;
.img {
width: 40px;
height: 40px;
z-index: 2;
}
.select {
height: 32px;
background: #f8f8fa;
border-radius: 0 16px 16px 0;
transform: translateX(-20px);
box-sizing: border-box;
padding-left: 25px;
display: flex;
align-items: center;
.content {
display: flex;
align-items: center;
.uni-input {
padding: 0;
background: transparent;
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #160002;
}
.area {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786b6c;
line-height: 40px;
margin-left: 4px;
}
.rightArrow {
width: 24px;
height: 12px;
}
}
}
}
}
}
.festivalChangeBox {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 32rpx;
.festivalImg {
width: 168rpx;
height: 68rpx;
}
.changeIcon {
width: 32rpx;
height: 32rpx;
margin-left: 12rpx;
}
}
}
.pageContent {
width: 100%;
box-sizing: border-box;
padding: 0 32rpx 28rpx;
transform: translateY(-110rpx);
.springTravelBox {
.overAllData {
width: 100%;
box-sizing: border-box;
padding: 2rpx;
background: #fff;
border-radius: 16rpx;
.springTop {
background: linear-gradient(
360deg,
rgba(255, 233, 229, 0) 0%,
#fededd 100%
);
}
.qmTop {
background: linear-gradient(
360deg,
rgba(204, 231, 224, 0) 0%,
#cce7e0 100%
);
}
.labourTop {
background: linear-gradient(
360deg,
rgba(255, 236, 208, 0) 0%,
#ffecd0 100%
);
}
.dragonBoatTop {
background: linear-gradient(
360deg,
rgba(191, 230, 220, 0) 0%,
#bfe6dc 100%
);
}
.summerHolidayTop {
background: linear-gradient(
360deg,
rgba(214, 238, 243, 0) 0%,
#d1e9ee 100%
);
}
.midAutumnTop {
background: linear-gradient(
360deg,
rgba(255, 215, 180, 0) 0%,
#ffeedf 100%
);
}
.nationalDayTop {
background: linear-gradient(
360deg,
rgba(255, 218, 210, 0) 0%,
#ffdad2 100%
);
}
.overAllDataTop {
width: 100%;
border-radius: 14rpx 14rpx 16rpx 16rpx;
box-sizing: border-box;
padding: 22rpx 22rpx 0;
.titleBox {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5px;
.titleBoxLeft {
display: flex;
.titleImg {
width: 144rpx;
height: 74rpx;
}
.titleNotice {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 37rpx;
white-space: nowrap;
}
}
.typeChangeBox {
display: flex;
align-items: center;
background: #ffffff;
border-radius: 6rpx;
box-sizing: border-box;
padding: 4rpx;
.normal {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #786b6c;
line-height: 36rpx;
padding: 6rpx 16rpx;
}
.select {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
background: #f5efef;
border-radius: 6rpx;
}
}
.searchAllBox {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
background: #fff;
border-radius: 6rpx;
padding: 6rpx 16rpx;
}
}
.contentTitleBox {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.contentTitle {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 36rpx;
}
.YOYNumber {
display: flex;
align-items: center;
margin-right: 32rpx;
.YOYNumberText {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #a69e9f;
line-height: 36rpx;
}
.YOYNumberValue {
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
//font-weight: bold;
color: #a69e9f;
line-height: 40rpx;
}
}
.YOYBox {
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;
}
}
}
.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 {
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: "Microsoft YaHei";
font-weight: bold;
color: #e83944;
line-height: 40rpx;
}
}
}
.pkBox {
width: 100%;
height: 140rpx;
position: relative;
box-sizing: border-box;
.pkLogo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 88rpx;
height: 88rpx;
}
.leftBox,
.rightBox {
width: 50%;
height: 100%;
box-sizing: border-box;
padding: 24rpx 32rpx;
display: flex;
flex-direction: column;
position: absolute;
}
.springLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
}
.qmLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png");
}
.labourLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png");
}
.dragonBoatLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png");
}
.summerHolidayLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo1.png");
}
.midAutumnLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo1.png");
}
.nationalDayLeftBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo1.png");
}
.leftBox {
left: 0;
top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
background-repeat: no-repeat;
background-size: 100% 100%;
.value {
font-size: 44rpx;
//font-family: DINAlternate, DINAlternate;
color: #ffffff;
font-weight: bold;
line-height: 52rpx;
}
.label {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
color: #ffffff;
font-weight: 400;
line-height: 40rpx;
}
}
.springRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
}
.qmRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg2st.png");
.value {
color: #2d7e72 !important;
}
.label {
color: #2d7e72 !important;
}
}
.labourRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
.value {
color: #e17900 !important;
}
.label {
color: #e17900 !important;
}
}
.dragonBoatRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png");
.value {
color: #2f7f4b !important;
}
.label {
color: #2f7f4b !important;
}
}
.summerHolidayRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo2.png");
.value {
color: #047795 !important;
}
.label {
color: #047795 !important;
}
}
.midAutumnRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo2.png");
.value {
color: #e54b00 !important;
}
.label {
color: #e54b00 !important;
}
}
.nationalDayRightBox {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo2.png");
.value {
color: #dc3c25 !important;
}
.label {
color: #dc3c25 !important;
}
}
.rightBox {
right: 0;
top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
background-repeat: no-repeat;
background-size: 100% 100%;
align-items: flex-end;
.value {
font-size: 44rpx;
//font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #ff5a3c;
line-height: 52rpx;
}
.label {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #ff5a3c;
line-height: 40rpx;
}
}
.revenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
}
.qmRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
}
.labourRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
}
.dragonBoatRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png");
}
.summerHolidayRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo3.png");
}
.midAutumnRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo3.png");
}
.nationalDayRevenueLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo3.png");
}
.revenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value {
color: #d48f00;
}
.label {
color: #d48f00;
}
}
.qmRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
.value {
color: #3873dd;
}
.label {
color: #3873dd;
}
}
.labourRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
.value {
color: #f0490e;
}
.label {
color: #f0490e;
}
}
.dragonBoatRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png");
.value {
color: #6f8a14;
}
.label {
color: #6f8a14;
}
}
.summerHolidayRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo4.png");
.value {
color: #2f7f4b;
}
.label {
color: #2f7f4b;
}
}
.midAutumnRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo4.png");
.value {
color: #b77500;
}
.label {
color: #b77500;
}
}
.nationalDayRevenueRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo4.png");
.value {
color: #e54b00;
}
.label {
color: #e54b00;
}
}
.carLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
}
.qmCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png");
}
.labourCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
}
.dragonBoatCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png");
}
.summerHolidayCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo5.png");
}
.midAutumnCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo5.png");
}
.nationalDayCarLeft {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo5.png");
}
.carRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value {
color: #3873dd;
}
.label {
color: #3873dd;
}
}
.qmCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
.value {
color: #0793bb;
}
.label {
color: #0793bb;
}
}
.labourCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
.value {
color: #a59301;
}
.label {
color: #a59301;
}
}
.dragonBoatCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png");
.value {
color: #218794;
}
.label {
color: #218794;
}
}
.summerHolidayCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo6.png");
.value {
color: #6f8a14;
}
.label {
color: #6f8a14;
}
}
.midAutumnCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnNo6.png");
.value {
color: #a08f00;
}
.label {
color: #a08f00;
}
}
.nationalDayCarRight {
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayNo6.png");
.value {
color: #b77500;
}
.label {
color: #b77500;
}
}
}
.otherListBox {
width: 100%;
background: #f8f8f8;
border-radius: 16rpx;
padding: 24rpx;
box-sizing: border-box;
margin-top: 16rpx;
margin-bottom: 16rpx;
.listType {
.downBox {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
.getMoreIcon {
width: 30rpx;
height: 30rpx;
transform: rotate(-90deg);
}
}
.moduleBox {
.listTitleBox {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox {
width: 100%;
.bigBox {
width: 100%;
.row {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 32rpx;
.valueItem {
text-align: center;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
box-sizing: border-box;
text-indent: 8rpx;
}
.father {
position: relative;
}
.father:before {
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content: "";
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188ff;
}
.son {
position: relative;
}
.son:before {
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content: "";
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.valueItemBox {
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
.addItem {
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
line-height: 40rpx;
}
}
}
}
}
.areaBox {
.listTitleBox {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.titleItem {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 32rpx;
text-align: center;
}
}
.listValueBox {
width: 100%;
.row {
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem {
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
.showIconBox {
display: flex;
align-items: center;
justify-content: center;
.getMoreIcon {
width: 30rpx;
height: 30rpx;
transform: rotate(90deg);
}
}
}
}
}
.revenueDetail {
width: 100%;
background: #fff;
border-radius: 16rpx;
box-sizing: border-box;
padding: 2rpx;
margin-top: 24rpx;
.springTitleBox {
background: linear-gradient(
360deg,
rgba(255, 233, 229, 0) 0%,
#fededd 100%
);
}
.qmTitleBox {
background: linear-gradient(
360deg,
rgba(204, 231, 224, 0) 0%,
#cce7e0 100%
);
}
.labourTitleBox {
background: linear-gradient(
360deg,
rgba(255, 236, 208, 0) 0%,
#ffecd0 100%
);
}
.summerHolidayTitleBox {
background: linear-gradient(
360deg,
rgba(214, 238, 243, 0) 0%,
#dcecef 100%
);
}
.midAutumnTitleBox {
background: linear-gradient(
360deg,
rgba(255, 215, 180, 0) 0%,
#fff3e9 100%
);
}
.nationalDayTitleBox {
background: linear-gradient(
360deg,
rgba(255, 218, 210, 0) 0%,
#fff2f0 100%
);
}
.revenueDetailTitleBox {
width: 100%;
height: 90rpx;
//background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
border-radius: 14rpx 14rpx 0rpx 0rpx;
box-sizing: border-box;
padding: 22rpx;
position: relative;
.detailLogo {
width: 144rpx;
height: 74rpx;
}
.detailIcon {
width: 104rpx;
height: 104rpx;
position: absolute;
right: 22rpx;
top: 22rpx;
}
.goTest {
position: absolute;
right: 22rpx;
top: 15rpx;
width: 212rpx;
height: 56rpx;
}
.modalUnit {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 36rpx;
position: absolute;
left: 170rpx;
top: 26rpx;
}
}
.revenueContent {
width: 100%;
box-sizing: border-box;
padding: 0 22rpx 24rpx;
.navList {
width: 100%;
height: 40rpx;
display: flex;
align-items: center;
white-space: nowrap;
padding-bottom: 12rpx;
border-bottom: 1px solid #f5f4f4;
.scrollItem {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #a69e9f;
line-height: 40rpx;
margin-right: 32rpx;
display: inline-block;
}
.selectItem {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
line-height: 40rpx;
}
}
.springNav {
.selectItem {
color: #ed3e48;
}
}
.qmNav {
.selectItem {
color: #226c61;
}
}
.labourNav {
.selectItem {
color: #d14702;
}
}
.dragonBoatNav {
.selectItem {
color: #226c61;
}
}
.summerHolidayNav {
.selectItem {
color: #007797;
}
}
.midAutumnNav {
.selectItem {
color: #da5015;
}
}
.nationalDayNav {
.selectItem {
color: #d52020;
}
}
.dateText {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #a69e9f;
margin: 16rpx 0;
display: inline-block;
}
.modalBox {
margin-top: 32rpx;
.modalTitleBox {
width: 100%;
box-sizing: border-box;
padding: 0 24rpx;
margin-bottom: 16rpx;
display: flex;
align-items: center;
justify-content: space-between;
.modalTitleItem {
display: flex;
align-items: center;
.modalIndex {
width: 12rpx;
height: 12rpx;
//background: #DB6465;
background: #3b9285;
border-radius: 50%;
margin-right: 12rpx;
}
.modalText {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
margin-right: 4rpx;
}
.modalUnit {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 36rpx;
}
}
.moreBox {
display: flex;
align-items: center;
.moreText {
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
//color: #ED3E48;
color: #226c61;
line-height: 40rpx;
}
.moreIcon {
width: 24rpx;
height: 24rpx;
margin-left: 4rpx;
}
}
.modalTitleItem1 {
font-size: 24rpx;
text-align: center;
}
}
.modalDetail {
width: 100%;
box-sizing: border-box;
padding: 24rpx;
background: #f8f8f8;
.modalDetailTitle {
display: flex;
align-items: center;
.titleItem {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9a9a9a;
line-height: 32rpx;
text-align: center;
}
}
.typeFirst {
.row {
margin-top: 32rpx;
display: flex;
align-items: center;
margin-top: 32rpx;
.valueItem {
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
text-align: center;
text-indent: 8rpx;
}
.bigFather {
position: relative;
font-weight: 600;
}
.bigFather:before {
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content: "";
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #db6465;
}
.father {
position: relative;
font-weight: 600;
}
.father:before {
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content: "";
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #3188ff;
}
.son {
position: relative;
}
.son:before {
position: absolute;
top: 50%;
left: -8rpx;
transform: translateY(-50%);
content: "";
display: inline-block;
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: orangered;
}
.compareItem {
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
text-align: center;
}
.addItem {
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #e83944;
line-height: 40rpx;
text-align: center;
}
}
}
.typeSecond {
.listValueBox {
width: 100%;
.row {
width: 100%;
display: flex;
margin-top: 32rpx;
.rowItem {
text-align: center;
font-size: 24rpx;
//font-family: DINAlternate, DINAlternate;
color: #160002;
line-height: 40rpx;
}
}
}
}
}
}
}
}
}
}
}
</style>
Reference in New Issue View Git Blame Copy Permalink