ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
cclu 2024-06-07 13:33:29 +08:00
parent 13c5e01fa0
commit 07ae06bdd2
6 changed files with 213 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index/index.vue
View File

@ -1044,10 +1044,14 @@
<view class="funItemContent"> <view class="funItemContent">
<view class="funIconBox"> <view class="funIconBox">
<!-- <image class="funIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelLogo.svg"/>--> <!-- <image class="funIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelLogo.svg"/>-->
<image class="funIcon" :src="isShowFestival==='spring'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelLogo.svg':isShowFestival==='qm'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmIcon.png':isShowFestival==='labour'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourLogo.png':''"/> <image class="funIcon" :src="isShowFestival==='spring'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelLogo.svg':
isShowFestival==='qm'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmIcon.png':
isShowFestival==='labour'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourLogo.png':
isShowFestival==='dragonBoat'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatIcon.png':
''"/>
</view> </view>
<!-- <text class="funText">劳动节</text>--> <text class="funText">端午节</text>
<text class="funText">节日特刊</text> <!-- <text class="funText">节日特刊</text>-->
<!-- <text class="funText">平安春运</text>--> <!-- <text class="funText">平安春运</text>-->
<!-- <text class="funText">{{ isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':'' }}</text>--> <!-- <text class="funText">{{ isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':'' }}</text>-->
</view> </view>
@ -1632,7 +1636,7 @@ export default {
showMoreFixed:false,// 显示悬浮框 showMoreFixed:false,// 显示悬浮框
profitSharingList:[],// 分润占比旁边的list profitSharingList:[],// 分润占比旁边的list
// isShowFestival:'labour',// 显示的节日 // isShowFestival:'labour',// 显示的节日
isShowFestival:'spring',// 显示的节日 isShowFestival:'dragonBoat',// 显示的节日
oldSwiperIndex: 0,// 移动swiper 等待1秒钟 如果保持一致就请求 不一致就return oldSwiperIndex: 0,// 移动swiper 等待1秒钟 如果保持一致就请求 不一致就return
showAdvertisement: false,// 是否显示一开始的广告 showAdvertisement: false,// 是否显示一开始的广告
isShowCloseAnimal: false,// 是否显示关闭动画 isShowCloseAnimal: false,// 是否显示关闭动画

33
pages/nationalPage/components/qiun-data-charts/js_sdk/u-charts/config-ucharts.js
View File

@ -252,12 +252,37 @@ const cfu = {
let add = Number(((curData/compareData)-1)*100).toFixed(2) let add = Number(((curData/compareData)-1)*100).toFixed(2)
if (item.name==='24年'){ if (item.name==='24年'){
if (data){ if (data){
return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}` return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(劳动节)':''}`
}else{ }else{
return `${curDate}：` return `${curDate}：`
} }
}else{ }else{
return `${realDate}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}` return `${realDate}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(劳动节)':''}`
}
}else if(type===3){
let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber
let festivalType = opts.series[0].selectFestival
console.log('festivalType',festivalType)
console.log('data',data)
console.log('day',day)
let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
let compareData = opts.series.filter(subItem=> subItem.name === '23年')[0].real[index]
// 显示具体的日期
let realDate = opts.series.filter(subItem=> subItem.name === '23年')[0].realDateList[index]
// 显示具体的日期
let curDate = opts.series.filter(subItem=> subItem.name === '24年')[0].realDateList[index]
let add = Number(((curData/compareData)-1)*100).toFixed(2)
if (item.name==='24年'){
if (data){
return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${index===3?'(端午节)':''}`
}else{
return `${curDate}：`
}
}else{
return `${realDate}：${data?getMoney(data / 10000,2):''}万元${index===1?'(端午节)':''}`
} }
} }
@ -285,12 +310,12 @@ const cfu = {
let add = Number(((curData/compareData)-1)*100).toFixed(2) let add = Number(((curData/compareData)-1)*100).toFixed(2)
if (item.name==='24年'){ if (item.name==='24年'){
if (data){ if (data){
return `${festivalType===2?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}` return `${festivalType===2 || festivalType===3?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':festivalType===3 && index===3?'(端午节)':''}`
}else{ }else{
return `${curDate}：` return `${curDate}：`
} }
}else{ }else{
return `${festivalType===2?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}` return `${festivalType===2 || festivalType===3?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':festivalType===3 && index===1?'(端午节)':''}`
} }
}, },

20
pages/nationalPage/merchantRevenue.vue
View File

@ -3,12 +3,12 @@
<div :class="selectFestival===0?'top springTop': <div :class="selectFestival===0?'top springTop':
selectFestival===1?'top qmTop': selectFestival===1?'top qmTop':
selectFestival===2?'top labourTop': selectFestival===2?'top labourTop':
selectFestival===2?'top dragonBoatTop': selectFestival===3?'top dragonBoatTop':
''"> ''">
<div :class="selectFestival===0?'header headerSpring': <div :class="selectFestival===0?'header headerSpring':
selectFestival===1?'header headerQm': selectFestival===1?'header headerQm':
selectFestival===2?'header headerlabour': selectFestival===2?'header headerlabour':
selectFestival===2?'header headerDragonBoat': selectFestival===3?'header headerDragonBoat':
''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}"> ''" :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"/> <image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<!-- <img :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverPartDetail.png">--> <!-- <img :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverPartDetail.png">-->
@ -47,7 +47,7 @@
<img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverDetail.png': <img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverDetail.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmServicepartDetail.png': selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmServicepartDetail.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetail.png':
''"/> ''"/>
<!-- <text class="modalUnit">{{selectDateText || ''}}</text>--> <!-- <text class="modalUnit">{{selectDateText || ''}}</text>-->
<!-- <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>--> <!-- <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>-->
@ -556,6 +556,9 @@ export default {
.labourTop{ .labourTop{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
} }
.dragonBoatTop{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png");
}
.top{ .top{
width: 100%; width: 100%;
height: 324rpx; height: 324rpx;
@ -574,6 +577,9 @@ export default {
.headerlabour{ .headerlabour{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
} }
.headerDragonBoat{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png");
}
.header{ .header{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -729,6 +735,9 @@ export default {
.labourContentTop{ .labourContentTop{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
} }
.dragonBoatContentTop{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.contentTop{ .contentTop{
width: 100%; width: 100%;
@ -854,6 +863,11 @@ export default {
color: #D14702; color: #D14702;
} }
} }
.dragonBoatNav{
.selectItem {
color: #3E8958!important;
}
}
} }
.sortBox{ .sortBox{

18
pages/nationalPage/rankPage.vue
View File

@ -25,7 +25,7 @@
<img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverDetail.png': <img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverDetail.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmServicepartDetail.png': selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmServicepartDetail.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetail.png':
''"/> ''"/>
<!-- <text class="modalUnit">{{selectDateText || ''}}</text>--> <!-- <text class="modalUnit">{{selectDateText || ''}}</text>-->
<text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text> <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
@ -58,7 +58,7 @@
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465': <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285': selectFestival===1?'#3B9285':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}"></div> ''}"></div>
<text class="modalText">{{ type===1?'对客销售':type===2?'营业收入':type===3?'入区车流':'' }}</text> <text class="modalText">{{ type===1?'对客销售':type===2?'营业收入':type===3?'入区车流':'' }}</text>
<text class="modalUnit">{{type===3?'/万辆':'/万元'}}</text> <text class="modalUnit">{{type===3?'/万辆':'/万元'}}</text>
@ -677,6 +677,9 @@ export default {
.labourTop{ .labourTop{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
} }
.dragonBoatTop{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png");
}
.top{ .top{
width: 100%; width: 100%;
height: 324rpx; height: 324rpx;
@ -694,6 +697,9 @@ export default {
.headerLabour{ .headerLabour{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
} }
.headerDragonBoat{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png");
}
.header{ .header{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -735,6 +741,9 @@ export default {
.labourTitleBox{ .labourTitleBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
} }
.dragonBoatTitleBox{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.revenueDetailTitleBox{ .revenueDetailTitleBox{
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
@ -862,6 +871,11 @@ export default {
color: #D14702!important; color: #D14702!important;
} }
} }
.dragonBoatNav{
.selectItem {
color: #3E8958!important;
}
}
} }
.dateText{ .dateText{
font-size: 24rpx; font-size: 24rpx;

113
pages/nationalPage/springTravel.vue
View File

@ -43,12 +43,12 @@
''}" class="festivalImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png': ''}" 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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmFestival.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTitleIcon.png':
''"/> ''"/>
<image class="changeIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changeFestivalSpring.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changFestivalQm.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRightArrow.png':
''"/> ''"/>
</div> </div>
</picker> </picker>
@ -69,7 +69,7 @@
<img class="titleImg" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png':
''" /> ''" />
<text class="titleNotice" v-if="!isShowWarningTime && selectFestival===0">{{`/统计到${allDateDay}`}}</text> <text class="titleNotice" v-if="!isShowWarningTime && selectFestival===0">{{`/统计到${allDateDay}`}}</text>
<text class="titleNotice" v-if="selectFestival===1 || selectFestival===3">/共统计节日数据5天</text> <text class="titleNotice" v-if="selectFestival===1 || selectFestival===3">/共统计节日数据5天</text>
@ -129,7 +129,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png':
''"/> ''"/>
</div> </div>
@ -345,7 +345,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png':
''"/> ''"/>
</div> </div>
@ -515,7 +515,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png':
''"/> ''"/>
</div> </div>
@ -564,9 +564,14 @@
<img class="detailLogo" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDaily.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDailyData.png':
''"/> ''"/>
<img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png"/> <img class="detailIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDetailIcon.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDetailIcon.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetailIcon.png':
''
"/>
<!-- <text class="modalUnit">单位：万元</text>--> <!-- <text class="modalUnit">单位：万元</text>-->
<text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text> <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
<!-- <text class="goTest" @click="handleGoTest">看测试页面</text>--> <!-- <text class="goTest" @click="handleGoTest">看测试页面</text>-->
@ -574,7 +579,7 @@
<img class="goTest" @click="handleGoTest" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPic.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTraffic.png':
''"/> ''"/>
</div> </div>
<div class="revenueContent"> <div class="revenueContent">
@ -592,7 +597,7 @@
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465': <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285': selectFestival===1?'#3B9285':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}"></div> ''}"></div>
<text class="modalText">对客销售</text> <text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
@ -601,13 +606,13 @@
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48': <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61': selectFestival===1?'#226C61':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#226C61':
''}">服务区排名</span> ''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>--> <!-- <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': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </div>
</div> </div>
@ -631,7 +636,7 @@
<img class="moreIcon" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </div>
</div> </div>
@ -755,7 +760,7 @@
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465': <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285': selectFestival===1?'#3B9285':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}"></div> ''}"></div>
<text class="modalText">营业收入</text> <text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
@ -764,13 +769,13 @@
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48': <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61': selectFestival===1?'#226C61':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#226C61':
''}">服务区排名</span> ''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>--> <!-- <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': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </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.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>-->
@ -804,7 +809,7 @@
<img class="moreIcon" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </div>
</div> </div>
@ -929,7 +934,7 @@
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465': <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285': selectFestival===1?'#3B9285':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}"></div> ''}"></div>
<text class="modalText">入区车流</text> <text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text> <text class="modalUnit">/万辆</text>
@ -938,13 +943,13 @@
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48': <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61': selectFestival===1?'#226C61':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}">服务区排名</span> ''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>--> <!-- <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': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </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.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>-->
@ -963,7 +968,7 @@
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465': <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':
selectFestival===1?'#3B9285': selectFestival===1?'#3B9285':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#3E8958':
''}"></div> ''}"></div>
<text class="modalText">入区车流</text> <text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text> <text class="modalUnit">/万辆</text>
@ -972,13 +977,13 @@
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48': <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':
selectFestival===1?'#226C61': selectFestival===1?'#226C61':
selectFestival===2?'#D14702': selectFestival===2?'#D14702':
selectFestival===3?'#D14702': selectFestival===3?'#226C61':
''}">服务区排名</span> ''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>--> <!-- <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': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
''"/> ''"/>
</div> </div>
</div> </div>
@ -1131,7 +1136,7 @@ export default {
entryCarDailyAdd:0,// 每日车流增幅 entryCarDailyAdd:0,// 每日车流增幅
entryCarDailyNumber:0,// 每日车流增长 entryCarDailyNumber:0,// 每日车流增长
selectFestival: 2,// 选择的节日 selectFestival: 3,// 选择的节日
festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:3},{label:'端午节',value:4}],// 节日列表 festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:3},{label:'端午节',value:4}],// 节日列表
} }
}, },
@ -1189,6 +1194,8 @@ export default {
dayNumber = moment().diff("2024-04-03", "days")// 清明 dayNumber = moment().diff("2024-04-03", "days")// 清明
}else if (this.selectFestival===2){ }else if (this.selectFestival===2){
dayNumber = moment().diff("2024-04-30", "days")// 劳动 dayNumber = moment().diff("2024-04-30", "days")// 劳动
}else if (this.selectFestival===3){
dayNumber = moment().diff("2024-06-07", "days")// 端午
} }
console.log('dayNumber',dayNumber) console.log('dayNumber',dayNumber)
if (this.selectFestival===0){ if (this.selectFestival===0){
@ -1212,6 +1219,15 @@ export default {
this.lastDay = '2024-05-06' this.lastDay = '2024-05-06'
this.allDateDay = '2024-05-06' this.allDateDay = '2024-05-06'
} }
}else if (this.selectFestival===3){
if (dayNumber<=5){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 5
this.currentScroll = 'item'+ '2024-06-11'
this.lastDay = '2024-06-11'
this.allDateDay = '2024-06-11'
}
} }
let dateList = [] let dateList = []
@ -1222,6 +1238,8 @@ export default {
dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")}) dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===2){ }else if (this.selectFestival===2){
dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")}) dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===3){
dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")})// 端午
} }
// if (i<7){ // if (i<7){
// dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`}) // dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
@ -1812,6 +1830,9 @@ export default {
.labourFestival{ .labourFestival{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important; background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
} }
.dragonBoat{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.top{ .top{
width: 100%; width: 100%;
height: 432rpx; height: 432rpx;
@ -1833,6 +1854,9 @@ export default {
.headerLabour{ .headerLabour{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important; background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
} }
.headerDragonBoat{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
}
.header{ .header{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -1971,7 +1995,10 @@ export default {
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
} }
.labourTop{ .labourTop{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); background: linear-gradient(360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.dragonBoatTop{
background: linear-gradient(360deg, rgba(191,230,220,0) 0%, #BFE6DC 100%);
} }
.overAllDataTop{ .overAllDataTop{
width: 100%; width: 100%;
@ -2231,6 +2258,9 @@ export default {
.labourLeftBox{ .labourLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png");
} }
.dragonBoatLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png");
}
.leftBox{ .leftBox{
left: 0;top: 0; left: 0;top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png"); //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
@ -2272,6 +2302,15 @@ export default {
color: #E17900!important; color: #E17900!important;
} }
} }
.dragonBoatRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png");
.value{
color: #2F7F4B!important;
}
.label{
color: #2F7F4B!important;
}
}
.rightBox{ .rightBox{
right: 0;top: 0; right: 0;top: 0;
@ -2303,6 +2342,9 @@ export default {
.labourRevenueLeft{ .labourRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
} }
.dragonBoatRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png");
}
.revenueRight{ .revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{ .value{
@ -2330,6 +2372,15 @@ export default {
color: #F0490E; color: #F0490E;
} }
} }
.dragonBoatRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png");
.value{
color: #6F8A14;
}
.label{
color: #6F8A14;
}
}
.carLeft{ .carLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
} }
@ -2339,6 +2390,9 @@ export default {
.labourCarLeft{ .labourCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
} }
.dragonBoatCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png");
}
.carRight{ .carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{ .value{
@ -2366,6 +2420,15 @@ export default {
color: #A59301; color: #A59301;
} }
} }
.dragonBoatCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png");
.value{
color: #218794;
}
.label{
color: #218794;
}
}
} }
.otherListBox{ .otherListBox{

64
pages/nationalPage/testPage.vue
View File

@ -36,7 +36,11 @@
</div> </div>
</div> </div>
<div class="noticeBox" style="height: 500rpx" v-if="selectFestival===2"> <div class="noticeBox" style="height: 500rpx" v-if="selectFestival===2">
<div :class="selectFestival===0?'boxBg springBox':selectFestival===1?'boxBg qmBox':selectFestival===2?'boxBg labourBox':''"></div> <div :class="selectFestival===0?'boxBg springBox':
selectFestival===1?'boxBg qmBox':
selectFestival===2?'boxBg labourBox':
selectFestival===3?'boxBg dragonBoatBox':
''"></div>
<div class="contentBox"> <div class="contentBox">
<img class="contentIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/imgDesc.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/trendChart.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/larburTrendChart.png':''"/> <img class="contentIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/imgDesc.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/trendChart.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/larburTrendChart.png':''"/>
<div class="contentText" > <div class="contentText" >
@ -55,7 +59,7 @@
<div :class="selectFestival===0?'boxBg springBox': <div :class="selectFestival===0?'boxBg springBox':
selectFestival===1?'boxBg qmBox': selectFestival===1?'boxBg qmBox':
selectFestival===2?'boxBg labourBox': selectFestival===2?'boxBg labourBox':
selectFestival===3?'boxBg labourBox': selectFestival===3?'boxBg dragonBoatBox':
''"></div> ''"></div>
<div class="pkContent"> <div class="pkContent">
<div class="contentTop"> <div class="contentTop">
@ -63,7 +67,7 @@
<img class="titleImg" :src="selectFestival===0?'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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png':
''" /> ''" />
</div> </div>
<div class="pkBox"> <div class="pkBox">
@ -86,7 +90,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png':
''"/> ''"/>
</div> </div>
<div class="pkBox"> <div class="pkBox">
@ -109,7 +113,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png':
''"/> ''"/>
</div> </div>
<div class="pkBox" style="margin-bottom: 20px"> <div class="pkBox" style="margin-bottom: 20px">
@ -132,7 +136,7 @@
<img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png': <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===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png':
''"/> ''"/>
</div> </div>
</div> </div>
@ -310,7 +314,7 @@ export default {
dateList.push(`第${i}天`) dateList.push(`第${i}天`)
} }
for(let i = 1;i<=5;i++){ for(let i = 1;i<=5;i++){
dateList2.push(i) dateList2.push(`第${i}天`)
} }
} }
@ -389,7 +393,7 @@ export default {
howDayNumber:this.howDayNumber, howDayNumber:this.howDayNumber,
selectFestival: this.selectFestival, selectFestival: this.selectFestival,
// realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']//劳动节 // realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']//劳动节
realDateList: ['2024-06-21','2024-06-22','2024-06-23','2024-06-24','2024-06-25'] realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
}, },
], ],
max:Number(max.toFixed(2)), max:Number(max.toFixed(2)),
@ -416,7 +420,7 @@ export default {
howDayNumber:this.howDayNumber, howDayNumber:this.howDayNumber,
selectFestival: this.selectFestival, selectFestival: this.selectFestival,
// realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']//劳动节 // realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']//劳动节
realDateList: ['2024-06-21','2024-06-22','2024-06-23','2024-06-24','2024-06-25'] realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
}, },
], ],
max:Number(max.toFixed(2)), max:Number(max.toFixed(2)),
@ -623,6 +627,9 @@ export default {
.labourBox{ .labourBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
} }
.dragonBoatBox{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.boxBg{ .boxBg{
z-index: 1; z-index: 1;
position: absolute; position: absolute;
@ -676,6 +683,9 @@ export default {
.labourBox{ .labourBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
} }
.dragonBoatBox{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.boxBg{ .boxBg{
z-index: 1; z-index: 1;
position: absolute; position: absolute;
@ -752,6 +762,9 @@ export default {
.labourLeftBox{ .labourLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png"); 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");
}
.rightBox{ .rightBox{
right: 0;top: 0; right: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
@ -794,6 +807,15 @@ export default {
color: #E17900!important; color: #E17900!important;
} }
} }
.dragonBoatRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png");
.value{
color: #2F7F4B!important;
}
.label{
color: #2F7F4B!important;
}
}
.revenueLeft{ .revenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
} }
@ -803,6 +825,9 @@ export default {
.labourRevenueLeft{ .labourRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
} }
.dragonBoatRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png");
}
.revenueRight{ .revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{ .value{
@ -830,6 +855,15 @@ export default {
color: #F0490E; color: #F0490E;
} }
} }
.dragonBoatRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png");
.value{
color: #6F8A14;
}
.label{
color: #6F8A14;
}
}
.carLeft{ .carLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
} }
@ -839,6 +873,9 @@ export default {
.labourCarLeft{ .labourCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
} }
.dragonBoatCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png");
}
.carRight{ .carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{ .value{
@ -866,6 +903,15 @@ export default {
color: #A59301; color: #A59301;
} }
} }
.dragonBoatCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png");
.value{
color: #218794;
}
.label{
color: #218794;
}
}
} }
} }
} }