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-04-29 18:57:26 +08:00
parent 61b871a5c0
commit 9f2e1de9a1
5 changed files with 293 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/index/index.vue
View File

@ -1029,9 +1029,10 @@
<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':''"/> <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':''"/>
</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">{{ isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':'' }}</text>--> <!-- <text class="funText">{{ isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':'' }}</text>-->
</view> </view>
@ -1599,7 +1600,7 @@ export default {
currentMoney:'', currentMoney:'',
showMoreFixed:false,// 显示悬浮框 showMoreFixed:false,// 显示悬浮框
profitSharingList:[],// 分润占比旁边的list profitSharingList:[],// 分润占比旁边的list
isShowFestival:'spring',// 显示的节日 isShowFestival:'labour',// 显示的节日
oldSwiperIndex: 0,// 移动swiper 等待1秒钟 如果保持一致就请求 不一致就return oldSwiperIndex: 0,// 移动swiper 等待1秒钟 如果保持一致就请求 不一致就return
} }
}, },

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

@ -172,44 +172,95 @@ const cfu = {
console.log('index',index) console.log('index',index)
console.log('opts',opts) console.log('opts',opts)
// return item.name let type = opts.series[0].selectFestival
let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index] if (type===0){
let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber // return item.name
console.log('data',data) let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
console.log('day',day) let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber
console.log('data',data)
console.log('day',day)
if (item.name==='23年'){ if (item.name==='23年'){
if (index<day){ if (index<day){
return item.name + "：" + getMoney(data / 10000,2) + '万元' return item.name + "：" + getMoney(data / 10000,2) + '万元'
}else{
let indexList = "6,8,14,15,20,22,24,25,29,30"
let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate
let realDate
if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){
realDate = dateList[index]
}
return item.name + "：" + getMoney(data / 10000,2) + '万元' + `，${realDate?realDate:''}`
}
}else{ }else{
let indexList = "6,8,14,15,20,22,24,25,29,30" let indexList = "6,8,14,15,20,22,24,25,29,30"
// let indexList = "8,9,15,16,21,23,25,26,30,31"
let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate
console.log('dateList',dateList)
let realDate let realDate
if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){ if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){
realDate = dateList[index] realDate = dateList[index]
} }
return item.name + "：" + getMoney(data / 10000,2) + '万元' + `，${realDate?realDate:''}` 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 add = Number(((curData/compareData)-1)*100).toFixed(2)
if (index<day){
}else{ return `${item.name}：${getMoney(data / 10000,2)}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}，${realDate?realDate:''}`
let indexList = "6,8,14,15,20,22,24,25,29,30" }else{
// let indexList = "8,9,15,16,21,23,25,26,30,31" return ' '
let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate }
console.log('dateList',dateList)
let realDate
if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){
realDate = dateList[index]
} }
}else if(type===1){
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 curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
let compareData = opts.series.filter(subItem=> subItem.name === '23年')[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) let add = Number(((curData/compareData)-1)*100).toFixed(2)
if (index<day){ if (item.name==='24年'){
return `${item.name}：${getMoney(data / 10000,2)}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}，${realDate?realDate:''}` if (data){
return `${festivalType===2?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
}else{
return `${curDate}：`
}
}else{ }else{
return ' ' return `${festivalType===2?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
}
} else if(type===2){
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+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
}else{
return `${curDate}：`
}
}else{
return `${realDate}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
} }
} }
}, },
"entryCarNumber":function (item, category, index, opts){ "entryCarNumber":function (item, category, index, opts){
console.log('item',item) console.log('item',item)
@ -226,15 +277,20 @@ const cfu = {
console.log('day',day) console.log('day',day)
let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index] 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 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) let add = Number(((curData/compareData)-1)*100).toFixed(2)
if (item.name==='24年'){ if (item.name==='24年'){
if (data){ if (data){
return `${item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}` return `${festivalType===2?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
}else{ }else{
return ' ' return `${curDate}：`
} }
}else{ }else{
return `${item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}` return `${festivalType===2?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
} }
}, },

41
pages/nationalPage/rankPage.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<div class="main"> <div class="main">
<div :class="selectFestival===0?'top springTop':selectFestival===1?'top qmTop':''"> <div :class="selectFestival===0?'top springTop':selectFestival===1?'top qmTop':selectFestival===2?'top labourTop':''">
<div :class="selectFestival===0?'header headerSpring':selectFestival===1?'header headerQm':'' " :style="{height:menu.height + menu.top + 'px',top:0+'px'}"> <div :class="selectFestival===0?'header headerSpring':selectFestival===1?'header headerQm':selectFestival===2?'header headerLabour':'' " :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"/>
</div> </div>
</div> </div>
<div class="contentPage"> <div class="contentPage">
<div class="revenueDetail"> <div class="revenueDetail">
<div :class="selectFestival===0?'revenueDetailTitleBox springTitleBox':selectFestival===1?'revenueDetailTitleBox qmTitleBox':''"> <div :class="selectFestival===0?'revenueDetailTitleBox springTitleBox':selectFestival===1?'revenueDetailTitleBox qmTitleBox':selectFestival===2?'revenueDetailTitleBox labourTitleBox':''">
<div class="left"> <div class="left">
<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':''"/> <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===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png':''"/>
<!-- <text class="modalUnit">{{selectDateText || ''}}</text>--> <!-- <text class="modalUnit">{{selectDateText || ''}}</text>-->
<text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text> <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
</div> </div>
@ -27,7 +27,7 @@
<!-- <div class="allBox">--> <!-- <div class="allBox">-->
<!-- <div :class="currentScroll==='all'?'scrollItem selectItem':'scrollItem'" @click="handleChangeTime('all')">累计</div>--> <!-- <div :class="currentScroll==='all'?'scrollItem selectItem':'scrollItem'" @click="handleChangeTime('all')">累计</div>-->
<!-- </div>--> <!-- </div>-->
<scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':selectFestival===1?'navList qmNav':''" :scrollIntoView="currentScroll" :scroll-with-animation="true"> <scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':selectFestival===1?'navList qmNav':selectFestival===2?'navList labourNav':''" :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> <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> </scroll-view>
</div> </div>
@ -35,7 +35,7 @@
<div class="modalBox"> <div class="modalBox">
<div class="modalTitleBox"> <div class="modalTitleBox">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></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>
</div> </div>
@ -244,6 +244,8 @@ export default {
} }
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay this.currentScroll = 'item'+ this.lastDay
}else if (this.selectFestival===2){
this.currentScroll = 'item'+ this.lastDay
} }
@ -279,6 +281,15 @@ export default {
this.howDayNumber = 5 this.howDayNumber = 5
this.currentScroll = 'item'+ '2024-04-07' this.currentScroll = 'item'+ '2024-04-07'
} }
}else if(this.selectFestival===2){
dayNumber = moment().diff("2024-04-29", "days")
if (dayNumber<=7){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 7
this.currentScroll = 'item'+ '2024-05-05'
this.lastDay = '2024-05-05'
}
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){ for (let i = 1;i<=this.howDayNumber;i++){
@ -286,6 +297,8 @@ export default {
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")}) dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if(this.selectFestival===1){ }else if(this.selectFestival===1){
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){
dateList.push({label:`第${i}天`,value:moment("2024-04-28").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}`})
@ -333,7 +346,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear: this.curYear, curYear: this.curYear,
compareYear: this.compareYear, compareYear: this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'', HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:time, StatisticsDate:time,
businessRegion:1, businessRegion:1,
SortStr:`${this.type===1?'revenue':this.type===2?'account':this.type===3?'bayonet':''} ${this.sortType===0?'asc':'desc'}` SortStr:`${this.type===1?'revenue':this.type===2?'account':this.type===3?'bayonet':''} ${this.sortType===0?'asc':'desc'}`
@ -622,6 +635,9 @@ export default {
.qmTop{ .qmTop{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/smallQmBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/smallQmBg.png");
} }
.labourTop{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
}
.top{ .top{
width: 100%; width: 100%;
height: 324rpx; height: 324rpx;
@ -636,6 +652,9 @@ export default {
.headerQm{ .headerQm{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/smallQmBg.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/smallQmBg.png");
} }
.headerLabour{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png");
}
.header{ .header{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -674,6 +693,9 @@ export default {
.qmTitleBox{ .qmTitleBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
} }
.labourTitleBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.revenueDetailTitleBox{ .revenueDetailTitleBox{
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
@ -796,6 +818,11 @@ export default {
color: #226C61!important; color: #226C61!important;
} }
} }
.labourNav{
.selectItem {
color: #D14702!important;
}
}
} }
.dateText{ .dateText{
font-size: 24rpx; font-size: 24rpx;

177
pages/nationalPage/springTravel.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="main"> <div class="main">
<div :class="selectFestival===0?'top topSpring':selectFestival===1?'top qmFestival':''"> <div :class="selectFestival===0?'top topSpring':selectFestival===1?'top qmFestival':selectFestival===2?'top labourFestival':''">
<div :class="selectFestival===0?'header headerSpring':selectFestival===1?'header headerQm':''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}"> <div :class="selectFestival===0?'header headerSpring':selectFestival===1?'header headerQm':selectFestival===2?'header headerLabour':''" :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 class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>--> <!-- <img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>-->
<div v-if="showSpring" class="picker" @click="handleGoMap"> <div v-if="showSpring" class="picker" @click="handleGoMap">
@ -24,8 +24,8 @@
</div> </div>
<picker class="pick" @change="handleChangeFestival($event)" :value="selectFestival" :range="festivalList" range-key="label"> <picker class="pick" @change="handleChangeFestival($event)" :value="selectFestival" :range="festivalList" range-key="label">
<div class="festivalChangeBox" :style="{paddingTop:menu.bottom + 32 + 'px'}"> <div class="festivalChangeBox" :style="{paddingTop:menu.bottom + 32 + 'px'}">
<image :style="{width:selectFestival===0?'260rpx':selectFestival===1?'168rpx':'',height:selectFestival===0?'68rpx':selectFestival===1?'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':''"/> <image :style="{width:selectFestival===0?'260rpx':selectFestival===1?'168rpx':selectFestival===2?'168rpx':'',height:selectFestival===0?'68rpx':selectFestival===1?'68rpx':selectFestival===2?'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':''"/>
<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':''"/> <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':''"/>
</div> </div>
</picker> </picker>
</div> </div>
@ -34,13 +34,14 @@
<div class="springTravelBox"> <div class="springTravelBox">
<div class="overAllData"> <div class="overAllData">
<!-- 对客营收 --> <!-- 对客营收 -->
<div :class="selectFestival===0?'overAllDataTop springTop':selectFestival===1?'overAllDataTop qmTop':''"> <div :class="selectFestival===0?'overAllDataTop springTop':selectFestival===1?'overAllDataTop qmTop':selectFestival===2?'overAllDataTop labourTop':''">
<div class="titleBox"> <div class="titleBox">
<div class="titleBoxLeft"> <div class="titleBoxLeft">
<!-- <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />--> <!-- <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':''" /> <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':''" />
<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">/共统计节日数据5天</text> <text class="titleNotice" v-if="selectFestival===1">/共统计节日数据5天</text>
<text class="titleNotice" v-if="selectFestival===2">/共统计节日数据7天</text>
</div> </div>
<div class="typeChangeBox" v-if="!showSpring"> <div class="typeChangeBox" v-if="!showSpring">
<div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">经营板块</div> <div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">经营板块</div>
@ -77,15 +78,15 @@
</div> </div>
</div> </div>
<div class="pkBox"> <div class="pkBox">
<div :class="selectFestival===0?'leftBox springLeftBox':selectFestival===1?'leftBox qmLeftBox':''"> <div :class="selectFestival===0?'leftBox springLeftBox':selectFestival===1?'leftBox qmLeftBox':selectFestival===2?'leftBox labourLeftBox':''">
<text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text> <text class="label">2024年/万元</text>
</div> </div>
<div :class="selectFestival===0?'rightBox springRightBox':selectFestival===1?'rightBox qmRightBox':''"> <div :class="selectFestival===0?'rightBox springRightBox':selectFestival===1?'rightBox qmRightBox':selectFestival===2?'rightBox labourRightBox':''">
<text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text> <text class="label">2023年/万元</text>
</div> </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':''"/> <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':''"/>
</div> </div>
<div class="otherListBox" v-if="isShowAllDetail"> <div class="otherListBox" v-if="isShowAllDetail">
@ -281,15 +282,15 @@
</div> </div>
<div class="overAllDataBottom"> <div class="overAllDataBottom">
<div class="pkBox"> <div class="pkBox">
<div :class="selectFestival===0?'leftBox revenueLeft':selectFestival===1?'leftBox qmRevenueLeft':''"> <div :class="selectFestival===0?'leftBox revenueLeft':selectFestival===1?'leftBox qmRevenueLeft':selectFestival===2?'leftBox labourRevenueLeft':''">
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text> <text class="label">2024年/万元</text>
</div> </div>
<div :class="selectFestival===0?'rightBox revenueRight':selectFestival===1?'rightBox qmRevenueRight':''"> <div :class="selectFestival===0?'rightBox revenueRight':selectFestival===1?'rightBox qmRevenueRight':selectFestival===2?'rightBox labourRevenueRight':''">
<text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text> <text class="label">2023年/万元</text>
</div> </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':''"/> <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':''"/>
</div> </div>
<div class="otherListBox" v-if="isShowAllDetail"> <div class="otherListBox" v-if="isShowAllDetail">
@ -439,15 +440,15 @@
</div> </div>
<div class="overAllDataBottom"> <div class="overAllDataBottom">
<div class="pkBox" style="margin-bottom: 20px"> <div class="pkBox" style="margin-bottom: 20px">
<div :class="selectFestival===0?'leftBox carLeft':selectFestival===1?'leftBox qmCarLeft':''"> <div :class="selectFestival===0?'leftBox carLeft':selectFestival===1?'leftBox qmCarLeft':selectFestival===2?'leftBox labourCarLeft':''">
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2024年/万辆</text> <text class="label">2024年/万辆</text>
</div> </div>
<div :class="selectFestival===0?'rightBox carRight':selectFestival===1?'rightBox qmCarRight':'' "> <div :class="selectFestival===0?'rightBox carRight':selectFestival===1?'rightBox qmCarRight':selectFestival===2?'rightBox labourCarRight':'' ">
<text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2023年/万辆</text> <text class="label">2023年/万辆</text>
</div> </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':''"/> <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':''"/>
</div> </div>
<div class="otherListBox"> <div class="otherListBox">
@ -486,44 +487,44 @@
</div> </div>
<div class="revenueDetail"> <div class="revenueDetail">
<div :class="selectFestival===0?'springTitleBox revenueDetailTitleBox':selectFestival===1?'qmTitleBox revenueDetailTitleBox':''"> <div :class="selectFestival===0?'springTitleBox revenueDetailTitleBox':selectFestival===1?'qmTitleBox revenueDetailTitleBox':selectFestival===2?'labourTitleBox revenueDetailTitleBox':''">
<!-- <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>--> <!-- <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':''"/> <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':''"/>
<img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png"/> <img class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.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>-->
<!-- <img class="goTest" @click="handleGoTest" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBtn.png"/>--> <!-- <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':''"/> <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':''"/>
</div> </div>
<div class="revenueContent"> <div class="revenueContent">
<scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':selectFestival===1?'navList qmNav':''" :scrollIntoView="currentScroll" :scroll-with-animation="true"> <scroll-view scroll-x="true" :class="selectFestival===0?'navList springNav':selectFestival===1?'navList qmNav':selectFestival===2?'navList qmNav':selectFestival===2?'navList labourNav':''" :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> <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> </scroll-view>
<!-- <span class="dateText">{{selectDateText || ''}}</span>--> <!-- <span class="dateText">{{selectDateText || ''}}</span>-->
<div class="modalBox"> <div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1"> <div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">对客销售</text> <text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(1)"> <div class="moreBox" @click="handleGoMorePage(1)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</div> </div>
</div> </div>
<div class="modalTitleBox" v-else> <div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">对客销售</text> <text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(1)"> <div class="moreBox" @click="handleGoMorePage(1)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</div> </div>
</div> </div>
@ -643,14 +644,14 @@
<div class="modalBox"> <div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1"> <div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">营业收入</text> <text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(2)"> <div class="moreBox" @click="handleGoMorePage(2)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</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>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>--> <!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearAccount.value?$util.getMoney(pageData.lYearAccount.value / 10000):'0.00'}}</div>-->
@ -665,14 +666,14 @@
</div> </div>
<div class="modalTitleBox" v-else> <div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 380rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">营业收入</text> <text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text> <text class="modalUnit">/万元</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(2)"> <div class="moreBox" @click="handleGoMorePage(2)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</div> </div>
</div> </div>
@ -793,14 +794,14 @@
<div class="modalBox"> <div class="modalBox">
<div class="modalTitleBox" v-if="pageType===1"> <div class="modalTitleBox" v-if="pageType===1">
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">入区车流</text> <text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text> <text class="modalUnit">/万辆</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(3)"> <div class="moreBox" @click="handleGoMorePage(3)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</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>-->
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>--> <!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.lYearBayonet.value?$util.getMoney(pageData.lYearBayonet.value / 10000):'0.00'}}</div>-->
@ -815,14 +816,14 @@
</div> </div>
<div class="modalTitleBox" v-else> <div class="modalTitleBox" v-else>
<div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}"> <div class="modalTitleItem" :style="{width: 'calc(100% - 390rpx)',textAlign:'left'}">
<div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':''}"></div> <div class="modalIndex" :style="{background: selectFestival===0?'#DB6465':selectFestival===1?'#3B9285':selectFestival===2?'#D14702':''}"></div>
<text class="modalText">入区车流</text> <text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text> <text class="modalUnit">/万辆</text>
</div> </div>
<div class="moreBox" @click="handleGoMorePage(3)"> <div class="moreBox" @click="handleGoMorePage(3)">
<span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':''}">服务区排名</span> <span class="moreText" :style="{color: selectFestival===0?'#ED3E48':selectFestival===1?'#226C61':selectFestival===2?'#D14702':''}">服务区排名</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':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.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':''"/>
</div> </div>
</div> </div>
@ -974,8 +975,8 @@ export default {
entryCarDailyAdd:0,// 每日车流增幅 entryCarDailyAdd:0,// 每日车流增幅
entryCarDailyNumber:0,// 每日车流增长 entryCarDailyNumber:0,// 每日车流增长
selectFestival: 1,// 选择的节日 selectFestival: 2,// 选择的节日
festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2}],// 节日列表 festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:2}],// 节日列表
} }
}, },
async onLoad(query){ async onLoad(query){
@ -1007,6 +1008,8 @@ export default {
this.currentScroll = 'item'+ '2024-03-05' this.currentScroll = 'item'+ '2024-03-05'
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay this.currentScroll = 'item'+ this.lastDay
}else if (this.selectFestival===2){
this.currentScroll = 'item'+ this.lastDay
} }
console.log('currentScroll',this.currentScroll) console.log('currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay) const lastDate = new Date(this.lastDay)
@ -1025,10 +1028,13 @@ export default {
// dayNumber = 6 + lastDays // dayNumber = 6 + lastDays
// } // }
if (this.selectFestival===0){ if (this.selectFestival===0){
dayNumber = moment().diff("2024-01-26", "days") dayNumber = moment().diff("2024-01-26", "days")// 春节
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days") dayNumber = moment().diff("2024-04-03", "days")// 清明
}else if (this.selectFestival===2){
dayNumber = moment().diff("2024-04-29", "days")// 劳动
} }
console.log('dayNumber',dayNumber)
if (this.selectFestival===0){ if (this.selectFestival===0){
this.howDayNumber = dayNumber<=40?dayNumber:40 this.howDayNumber = dayNumber<=40?dayNumber:40
this.lastDay = '2024-03-05' this.lastDay = '2024-03-05'
@ -1040,14 +1046,24 @@ export default {
this.currentScroll = 'item'+ '2024-04-07' this.currentScroll = 'item'+ '2024-04-07'
this.lastDay = '2024-04-07' this.lastDay = '2024-04-07'
} }
}else if (this.selectFestival===2){
if (dayNumber<=7){
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 7
this.currentScroll = 'item'+ '2024-05-05'
this.lastDay = '2024-05-05'
}
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){ for (let i = 1;i<=this.howDayNumber;i++){
if (this.selectFestival===0){ if (this.selectFestival===0){
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")}) dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
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){
dateList.push({label:`第${i}天`,value:moment("2024-04-28").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}`})
@ -1100,6 +1116,7 @@ export default {
this.handleResest() this.handleResest()
console.log('e',e) console.log('e',e)
this.selectFestival = Number(e.detail.value) this.selectFestival = Number(e.detail.value)
this.scrollList = []
if (this.selectFestival===0){ if (this.selectFestival===0){
this.currentScroll = 'item'+ '2024-03-05' this.currentScroll = 'item'+ '2024-03-05'
@ -1112,6 +1129,8 @@ export default {
dayNumber = moment().diff("2024-01-26", "days") dayNumber = moment().diff("2024-01-26", "days")
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days") dayNumber = moment().diff("2024-04-03", "days")
}else if (this.selectFestival===2){
dayNumber = moment().diff("2024-04-29", "days")// 劳动
} }
if (this.selectFestival===0){ if (this.selectFestival===0){
if (dayNumber<=40){ if (dayNumber<=40){
@ -1126,8 +1145,18 @@ export default {
this.howDayNumber = dayNumber this.howDayNumber = dayNumber
}else{ }else{
this.howDayNumber = 3 this.howDayNumber = 3
this.currentScroll = 'item'+ '2024-04-05'
this.lastDay = '2024-04-07' this.lastDay = '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-05'
this.lastDay = '2024-05-05'
}
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++) { for (let i = 1;i<=this.howDayNumber;i++) {
@ -1135,6 +1164,8 @@ export default {
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")}) dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
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===1){
dateList.push({label:`第${i}天`,value:moment("2024-04-28").add(i, 'days').format("YYYY-MM-DD")})
} }
} }
if (dateList && dateList.length>0){ if (dateList && dateList.length>0){
@ -1151,12 +1182,13 @@ export default {
}, },
async handleGetPageData(date){ async handleGetPageData(date){
let req let req
// 判断有没有服务区
if (this.springService){ if (this.springService){
req = { req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear, curYear:this.curYear,
compareYear:this.compareYear, compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'', HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay, StatisticsDate:date || this.lastDay,
ServerpartId:this.springService.Serverpart_ID ServerpartId:this.springService.Serverpart_ID
} }
@ -1165,7 +1197,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear, curYear:this.curYear,
compareYear:this.compareYear, compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'', HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay, StatisticsDate:date || this.lastDay,
} }
} }
@ -1292,7 +1324,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear, curYear:this.curYear,
compareYear:this.compareYear, compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'', HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay, StatisticsDate:date || this.lastDay,
businessRegion:1, businessRegion:1,
} }
@ -1350,7 +1382,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear, curYear:this.curYear,
compareYear:this.compareYear, compareYear:this.compareYear,
HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'', HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay, StatisticsDate:date || this.lastDay,
businessTrade:1 businessTrade:1
} }
@ -1595,6 +1627,9 @@ export default {
.qmFestival{ .qmFestival{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important; 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;
}
.top{ .top{
width: 100%; width: 100%;
height: 432rpx; height: 432rpx;
@ -1613,6 +1648,9 @@ export default {
.headerQm{ .headerQm{
background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important; 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;
}
.header{ .header{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -1750,6 +1788,9 @@ export default {
.qmTop{ .qmTop{
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{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.overAllDataTop{ .overAllDataTop{
width: 100%; width: 100%;
border-radius: 14rpx 14rpx 16rpx 16rpx; border-radius: 14rpx 14rpx 16rpx 16rpx;
@ -2005,6 +2046,9 @@ export default {
.qmLeftBox{ .qmLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png"); 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");
}
.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");
@ -2037,6 +2081,15 @@ export default {
color: #2D7E72!important; color: #2D7E72!important;
} }
} }
.labourRightBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
.value{
color: #E17900!important;
}
.label{
color: #E17900!important;
}
}
.rightBox{ .rightBox{
right: 0;top: 0; right: 0;top: 0;
@ -2065,6 +2118,9 @@ export default {
.qmRevenueLeft{ .qmRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png"); 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");
}
.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{
@ -2083,12 +2139,24 @@ export default {
color: #3873DD; color: #3873DD;
} }
} }
.labourRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
.value{
color: #F0490E;
}
.label{
color: #F0490E;
}
}
.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");
} }
.qmCarLeft{ .qmCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png"); 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");
}
.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{
@ -2107,6 +2175,15 @@ export default {
color: #0793BB; color: #0793BB;
} }
} }
.labourCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
.value{
color: #A59301;
}
.label{
color: #A59301;
}
}
} }
.otherListBox{ .otherListBox{
@ -2271,6 +2348,9 @@ export default {
.qmTitleBox{ .qmTitleBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
} }
.labourTitleBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.revenueDetailTitleBox{ .revenueDetailTitleBox{
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
@ -2347,6 +2427,11 @@ export default {
color: #226C61; color: #226C61;
} }
} }
.labourNav{
.selectItem{
color: #D14702;
}
}
.dateText{ .dateText{
font-size: 24rpx; font-size: 24rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;

53
pages/nationalPage/testPage.vue
View File

@ -26,7 +26,7 @@
<div :class="selectFestival===0?'boxBg springBox':selectFestival===1?'boxBg qmBox':''"></div> <div :class="selectFestival===0?'boxBg springBox':selectFestival===1?'boxBg qmBox':''"></div>
<div class="contentBox"> <div class="contentBox">
<!-- <img class="contentIcon" src=""/>--> <!-- <img class="contentIcon" src=""/>-->
<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':''"/> <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" v-if="selectFestival===0"> <div class="contentText" v-if="selectFestival===0">
根据历史大数据显示：<br/> 根据历史大数据显示：<br/>
<div style="text-indent: 2rem;font-size: 24rpx"> <div style="text-indent: 2rem;font-size: 24rpx">
@ -37,11 +37,11 @@
</div> </div>
<div class="allPkBox"> <div class="allPkBox">
<div :class="selectFestival===0?'boxBg springBox':selectFestival===1?'boxBg qmBox':''"></div> <div :class="selectFestival===0?'boxBg springBox':selectFestival===1?'boxBg qmBox':selectFestival===2?'boxBg labourBox':''"></div>
<div class="pkContent"> <div class="pkContent">
<div class="contentTop"> <div class="contentTop">
<!-- <img class="titleImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/allDataTitle.png" />--> <!-- <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':''" /> <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':''" />
</div> </div>
<div class="pkBox"> <div class="pkBox">
<div class="leftBox"> <div class="leftBox">
@ -152,6 +152,8 @@ export default {
this.howDayNumber = dayNumber this.howDayNumber = dayNumber
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
this.howDayNumber = 5 this.howDayNumber = 5
}else if (this.selectFestival===2){
this.howDayNumber = 7
} }
this.handleGetData() this.handleGetData()
}, },
@ -163,7 +165,7 @@ export default {
const req = { const req = {
pushProvinceCode:'340000', pushProvinceCode:'340000',
StatisticsDate: this.lastDay, StatisticsDate: this.lastDay,
holidayType: this.selectFestival===0?2:this.selectFestival===1?3:'', holidayType: this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
curYear:2024, curYear:2024,
compareYear:2023, compareYear:2023,
} }
@ -171,6 +173,12 @@ export default {
console.log('data',data) console.log('data',data)
let dateList = [] let dateList = []
let dateList2 = [] let dateList2 = []
// 去年的具体日期
let compareDateList = []
// 今年的具体日期
let curDateList = []
let dataObj = data.Result_Data let dataObj = data.Result_Data
if (dataObj && dataObj.compareList && dataObj.compareList.length>0){ if (dataObj && dataObj.compareList && dataObj.compareList.length>0){
dataObj.compareList.forEach(item=>{ dataObj.compareList.forEach(item=>{
@ -179,6 +187,7 @@ export default {
let d = date.getDate() let d = date.getDate()
let dateText = `${m}.${d}` let dateText = `${m}.${d}`
item.easyDate = dateText item.easyDate = dateText
compareDateList.push(item.name)
}) })
} }
if (dataObj && dataObj.curList && dataObj.curList.length>0){ if (dataObj && dataObj.curList && dataObj.curList.length>0){
@ -188,6 +197,7 @@ export default {
let d = date.getDate() let d = date.getDate()
let dateText = `${m}.${d}` let dateText = `${m}.${d}`
item.easyDate = dateText item.easyDate = dateText
curDateList.push(item.name)
}) })
} }
if (this.selectFestival===0){ if (this.selectFestival===0){
@ -227,6 +237,13 @@ export default {
for(let i = 1;i<=5;i++){ for(let i = 1;i<=5;i++){
dateList2.push(i) dateList2.push(i)
} }
}else if (this.selectFestival===2){
for(let i = 1;i<=7;i++){
dateList.push(`第${i}天`)
}
for(let i = 1;i<=7;i++){
dateList2.push(i)
}
} }
let max = 0 let max = 0
@ -286,7 +303,8 @@ export default {
real:realCurList, real:realCurList,
tradDate:list, tradDate:list,
howDayNumber:this.howDayNumber, howDayNumber:this.howDayNumber,
selectFestival: this.selectFestival selectFestival: this.selectFestival,
realDateList: ['2024-04-30','2024-05-01','2024-05-02','2024-05-03','2024-05-04','2024-05-05','2024-05-06']
}, },
{ {
name:`23年`, name:`23年`,
@ -294,10 +312,12 @@ export default {
real:realCompareList, real:realCompareList,
tradDate:list, tradDate:list,
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']
}, },
], ],
max:Number(max.toFixed(2)), max:Number(max.toFixed(2)),
selectFestival:this.selectFestival
} }
let res2 = { let res2 = {
categories: dateList2, categories: dateList2,
@ -307,14 +327,18 @@ export default {
data:curListList, data:curListList,
real:realCurList, real:realCurList,
tradDate:list, tradDate:list,
howDayNumber:this.howDayNumber howDayNumber:this.howDayNumber,
selectFestival: this.selectFestival,
realDateList: ['2024-04-30','2024-05-01','2024-05-02','2024-05-03','2024-05-04','2024-05-05','2024-05-06']
}, },
{ {
name:`23年`, name:`23年`,
data:compareList, data:compareList,
real:realCompareList, real:realCompareList,
tradDate:list, tradDate:list,
howDayNumber:this.howDayNumber howDayNumber:this.howDayNumber,
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']
}, },
], ],
max:Number(max.toFixed(2)), max:Number(max.toFixed(2)),
@ -373,7 +397,7 @@ export default {
let phoneInfo = uni.getStorageSync('phoneInfo') let phoneInfo = uni.getStorageSync('phoneInfo')
console.log('phoneInfo',phoneInfo) console.log('phoneInfo',phoneInfo)
let _this = this
this.opts2 = { this.opts2 = {
// width:phoneInfo.screenHeight+'px', // width:phoneInfo.screenHeight+'px',
// height:(2*phoneInfo.screenWidth)+'px', // height:(2*phoneInfo.screenWidth)+'px',
@ -401,11 +425,12 @@ export default {
yAxis: { yAxis: {
gridType: "dash", gridType: "dash",
dashLength: 2, dashLength: 2,
splitNumber:6, splitNumber:5,
data: [ data: [
{ {
min: 0, min: 0,
max:3000 // max:_this.selectFestival===2?2000:3000
max: 2000
} }
] ]
}, },
@ -516,6 +541,9 @@ export default {
.qmBox{ .qmBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
} }
.labourBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.boxBg{ .boxBg{
z-index: 1; z-index: 1;
position: absolute; position: absolute;
@ -566,6 +594,9 @@ export default {
.qmBox{ .qmBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
} }
.labourBox{
background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
}
.boxBg{ .boxBg{
z-index: 1; z-index: 1;
position: absolute; position: absolute;