From d4d551290b363af7ea42032c5c341fa7d4e56715 Mon Sep 17 00:00:00 2001 From: cclu <1106109051@qq.com> Date: Wed, 3 Jul 2024 18:31:20 +0800 Subject: [PATCH] update --- pages/index/index.vue | 88 +- .../js_sdk/u-charts/config-ucharts.js | 64 +- pages/nationalPage/merchantRevenue.vue | 80 +- pages/nationalPage/rankPage.vue | 84 +- pages/nationalPage/springTravel.less | 1130 +++++++++++++++++ pages/nationalPage/springTravel.vue | 357 +++++- pages/nationalPage/testPage.vue | 152 ++- 7 files changed, 1886 insertions(+), 69 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 1ffe8ea..00d3f23 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1048,10 +1048,16 @@ 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': - ''"/> + isShowFestival==='summerHoliday'?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayIcon.png': + isShowFestival==='midAutumn'?'': + isShowFestival==='nationalDay'?'': + isShowFestival==='other'? + 'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelLogo.svg':''"/> + {{isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':isShowFestival==='labour'?'劳动节': + isShowFestival==='dragonBoat'?'端午节':isShowFestival==='summerHoliday'?'火热暑运':isShowFestival==='midAutumn'?'中秋节':isShowFestival==='nationalDay'?'国庆节':isShowFestival==='other'?'节日特刊':''}} - 节日特刊 + @@ -1511,7 +1517,7 @@ export default { components: {SliderPage, RateCharts, MonthCharts, Tabbar,uniPopup,UniDataSelect,NumberScroll}, data() { const lastDay = this.$util.cutDate(new Date(), 'YYYY-MM-DD', -1) - // const lastDay = '2024-01-01' + // const lastDay = '2024-09-14' const nowDay = this.$util.cutDate(new Date(), 'YYYY-MM-DD') return { localdata:[{text:'全局版',value:1},{text:'业务版',value:2}], @@ -1636,12 +1642,56 @@ export default { showMoreFixed:false,// 显示悬浮框 profitSharingList:[],// 分润占比旁边的list // isShowFestival:'labour',// 显示的节日 - isShowFestival:'dragonBoat',// 显示的节日 + isShowFestival:'',// 显示的节日 oldSwiperIndex: 0,// 移动swiper 等待1秒钟 如果保持一致就请求 不一致就return showAdvertisement: false,// 是否显示一开始的广告 isShowCloseAnimal: false,// 是否显示关闭动画 businessWarning: false,// 经营预警 projectWarning: false,// 项目预警 + festivalObj:{ + 'spring':{ + name:'spring', + title:'平安春运', + startTime: '2024-01-26', + endTime:'2024-03-05' + },// 春运 + 'qm':{ + name:'qm', + title:'清明节', + startTime: '2024-04-03', + endTime:'2024-04-07' + },// 清明节 + 'labour':{ + name:'labour', + title:'劳动节', + startTime: '2024-04-30', + endTime:'2024-05-06' + },// 劳动节 + 'dragonBoat':{ + name:'dragonBoat', + title:'端午节', + startTime: '2024-06-07', + endTime:'2024-06-11' + }, + 'summerHoliday': { + name: 'summerHoliday', + title: '火热暑运', + startTime: '2024-06-30', + endTime: '2024-09-01' + },// 暑假 + 'midAutumn':{ + name: 'midAutumn', + title: '中秋节', + startTime: '2024-09-13', + endTime: '2024-09-18' + },// 中秋节 + 'nationalDay':{ + name: 'nationalDay', + title: '国庆节', + startTime: '2024-09-29', + endTime: '2024-10-08' + },// 国庆节 + },// 2024年的全部节日 } }, watch:{ @@ -1745,22 +1795,22 @@ export default { ...mapGetters({'user':'getUser'}) }, onLoad(option){ - if (new Date().getTime() < new Date('2024-05-03 00:00:00').getTime()){ - this.showAdvertisement = true + console.log('festivalObj',this.festivalObj) + console.log('lastDay',this.lastDay) + // 默认进来先清空 确保每次进来都能在缓存里面赋值上最新的 + uni.setStorageSync('festival',this.isShowFestival) + + for(let key in this.festivalObj){ + let obj = this.festivalObj[key] + if(new Date(obj.startTime).getTime() < new Date(this.lastDay).getTime() && new Date(this.lastDay).getTime() < new Date(obj.endTime).getTime()){ + this.isShowFestival = obj.name + } } - let _this = this - - - // setTimeout(()=>{ - // _this.showAdvertisement = false - // },6000) - - - - - // setTimeout(()=>{ - // _this.moneyRateList = [0,0] - // },3000) + if(!this.isShowFestival){ + this.isShowFestival = 'other' + } + console.log('this.isShowFestival',this.isShowFestival) + uni.setStorageSync('festival',this.isShowFestival) // 顶部显示的时间 this.single = timestampToTimeMonth((new Date(this.lastDay).getTime())) diff --git a/pages/nationalPage/components/qiun-data-charts/js_sdk/u-charts/config-ucharts.js b/pages/nationalPage/components/qiun-data-charts/js_sdk/u-charts/config-ucharts.js index 50e68df..2a15b14 100644 --- a/pages/nationalPage/components/qiun-data-charts/js_sdk/u-charts/config-ucharts.js +++ b/pages/nationalPage/components/qiun-data-charts/js_sdk/u-charts/config-ucharts.js @@ -173,6 +173,7 @@ const cfu = { console.log('opts',opts) let type = opts.series[0].selectFestival + console.log('type',type) if (type===0){ // return item.name let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index] @@ -284,6 +285,38 @@ const cfu = { }else{ return `${realDate}：${data?getMoney(data / 10000,2):''}万元${index===1?'(端午节)':''}` } + }else{ + let festivalType = opts.series[0].selectFestival + 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) + console.log('curDate',curDate) + let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index] + if(item.name==='24年'){ + if(data){ + return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${ + festivalType===1 && index===1?'(清明节)': + festivalType===2 && index===2?'(劳动节)': + festivalType===3 && index===3?'(端午节)': + festivalType===5 && index===3?'(中秋节)': + festivalType===6 && index===1?'(国庆节)': + ''}` + }else{ + return `${curDate}：` + } + }else{ + return `${realDate}：${data?getMoney(data / 10000,2):''}万元${ + festivalType===1 && index===1?'(清明节)': + festivalType===2 && index===3?'(劳动节)': + festivalType===3 && index===1?'(端午节)': + festivalType===5 && index===1?'(中秋节)': + festivalType===6 && index===3?'(国庆节)': + ''}` + } } }, @@ -308,16 +341,39 @@ const cfu = { 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 `${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?'(端午节)':''}` + if(item.name==='24年'){ + if(data){ + return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${ + festivalType===1 && index===1?'(清明节)': + festivalType===2 && index===2?'(劳动节)': + festivalType===3 && index===3?'(端午节)': + festivalType===5 && index===3?'(中秋节)': + festivalType===6 && index===1?'(国庆节)': + ''}` }else{ return `${curDate}：` } }else{ - return `${festivalType===2 || festivalType===3?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':festivalType===3 && index===1?'(端午节)':''}` + return `${realDate}：${data?getMoney(data / 10000,2):''}万元${ + festivalType===1 && index===1?'(清明节)': + festivalType===2 && index===3?'(劳动节)': + festivalType===3 && index===1?'(端午节)': + festivalType===5 && index===1?'(中秋节)': + festivalType===6 && index===3?'(国庆节)': + ''}` } + + // if (item.name==='24年'){ + // if (data){ + // 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{ + // return `${curDate}：` + // } + // }else{ + // return `${festivalType===2 || festivalType===3?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':festivalType===3 && index===1?'(端午节)':''}` + // } + }, entryCarNumberXFormat:function (value,index,opts){ return value diff --git a/pages/nationalPage/merchantRevenue.vue b/pages/nationalPage/merchantRevenue.vue index b66a1e5..d21cbfc 100644 --- a/pages/nationalPage/merchantRevenue.vue +++ b/pages/nationalPage/merchantRevenue.vue @@ -4,11 +4,17 @@ selectFestival===1?'top qmTop': selectFestival===2?'top labourTop': selectFestival===3?'top dragonBoatTop': + selectFestival===4?'top summerHolidayTop': + selectFestival===5?'top midAutumnTop': + selectFestival===6?'top nationalDayTop': ''">
@@ -40,6 +46,9 @@ selectFestival===1?'contentTop qmContentTop': selectFestival===2?'contentTop labourContentTop': selectFestival===3?'contentTop dragonBoatContentTop': + selectFestival===4?'contentTop summerHolidayContentTop': + selectFestival===5?'contentTop midAutumnContentTop': + selectFestival===6?'contentTop nationalDayContentTop': ''">
@@ -48,6 +57,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmServicepartDetail.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourServerPartDetail.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetail.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayDetail.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnDetail.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayDetail.png': ''"/> @@ -69,6 +81,9 @@ selectFestival===1?'navList qmNav': selectFestival===2?'navList labourNav': selectFestival===3?'navList dragonBoatNav': + selectFestival===4?'navList summerHolidayNav': + selectFestival===5?'navList midAutumnNav': + selectFestival===6?'navList nationalDayNav': ''" :scrollIntoView="currentScroll" :scroll-with-animation="true">
{{item.label}}
@@ -217,13 +232,16 @@ export default { }else{ this.currentScroll = 'item'+ '2024-03-05' } - }else if(this.selectFestival===1){ + }else{ this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===2){ - this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===3){ - this.currentScroll = 'item'+ this.lastDay } + // else if(this.selectFestival===1){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===2){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===3){ + // this.currentScroll = 'item'+ this.lastDay + // } // 拿到是春运开始的第几天 @@ -272,6 +290,36 @@ export default { this.currentScroll = 'item'+ '2024-06-11' this.allDateDay = '2024-06-11' } + }else if (this.selectFestival===4){ + dayNumber = moment().diff("2024-07-01", "days")// 暑期 + if (dayNumber<=62){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 62 + this.currentScroll = 'item'+ '2024-09-01' + this.lastDay = '2024-09-01' + this.allDateDay = '2024-09-01' + } + }else if (this.selectFestival===5){ + dayNumber = moment().diff("2024-09-14", "days")// 中秋 + if (dayNumber<=5){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 5 + this.currentScroll = 'item'+ '2024-09-18' + this.lastDay = '2024-09-18' + this.allDateDay = '2024-09-18' + } + }else if (this.selectFestival===6){ + dayNumber = moment().diff("2024-09-30", "days")// 国庆 + if (dayNumber<=9){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 9 + this.currentScroll = 'item'+ '2024-10-08' + this.lastDay = '2024-10-08' + this.allDateDay = '2024-10-08' + } } let dateList = [] @@ -284,6 +332,12 @@ export default { dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")}) }else if (this.selectFestival===3){ dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")}) + }else if (this.selectFestival===4){ + dateList.push({label:`第${i}天`,value:moment("2024-06-30").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===5){ + dateList.push({label:`第${i}天`,value:moment("2024-09-13").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===6){ + dateList.push({label:`第${i}天`,value:moment("2024-09-29").add(i, 'days').format("YYYY-MM-DD")})// 端午 } // if (i<7){ // dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`}) @@ -332,7 +386,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear: this.curYear, compareYear: this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate: time, ServerpartId: this.springService.Serverpart_ID || this.ServerpartId, SortStr:`${this.type===1?'revenue':this.type===2?'account':this.type===3?'bayonet':''} ${this.sortType===0?'asc':'desc'}`, @@ -559,6 +613,9 @@ export default { .dragonBoatTop{ background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png"); } + .summerHolidayTop{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png"); + } .top{ width: 100%; height: 324rpx; @@ -580,6 +637,9 @@ export default { .headerDragonBoat{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png"); } + .headerSummerHoliday{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png"); + } .header{ position: fixed; width: 100%; @@ -738,6 +798,9 @@ export default { .dragonBoatContentTop{ background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%); } + .summerHolidayContentTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } .contentTop{ width: 100%; @@ -868,6 +931,11 @@ export default { color: #3E8958!important; } } + .summerHolidayNav{ + .selectItem { + color: #007797!important; + } + } } .sortBox{ diff --git a/pages/nationalPage/rankPage.vue b/pages/nationalPage/rankPage.vue index 6b6d977..2e5ed76 100644 --- a/pages/nationalPage/rankPage.vue +++ b/pages/nationalPage/rankPage.vue @@ -4,11 +4,17 @@ selectFestival===1?'top qmTop': selectFestival===2?'top labourTop': selectFestival===3?'top dragonBoatTop': + selectFestival===4?'top summerHolidayTop': + selectFestival===5?'top midAutumnTop': + selectFestival===6?'top nationalDayTop': ''">
@@ -20,12 +26,18 @@ selectFestival===1?'revenueDetailTitleBox qmTitleBox': selectFestival===2?'revenueDetailTitleBox labourTitleBox': selectFestival===3?'revenueDetailTitleBox dragonBoatTitleBox': + selectFestival===4?'revenueDetailTitleBox summerHolidayTitleBox': + selectFestival===5?'revenueDetailTitleBox midAutumnTitleBox': + selectFestival===6?'revenueDetailTitleBox nationalDayTitleBox': ''">
{{`/统计到${allDateDay || ''}`}} @@ -47,6 +59,9 @@ selectFestival===1?'navList qmNav': selectFestival===2?'navList labourNav': selectFestival===3?'navList dragonBoatNav': + selectFestival===4?'navList summerHolidayNav': + selectFestival===5?'navList midAutumnNav': + selectFestival===6?'navList nationalDayNav': ''" :scrollIntoView="currentScroll" :scroll-with-animation="true">
{{item.label}}
@@ -59,6 +74,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}">
{{ type===1?'对客销售':type===2?'营业收入':type===3?'入区车流':'' }} {{type===3?'/万辆':'/万元'}} @@ -266,13 +284,16 @@ export default { }else{ this.currentScroll = 'item'+ '2024-03-05' } - }else if (this.selectFestival===1){ - this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===2){ - this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===3){ + }else{ this.currentScroll = 'item'+ this.lastDay } + // else if (this.selectFestival===1){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===2){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===3){ + // this.currentScroll = 'item'+ this.lastDay + // } this.ServerpartIds = query.ServerpartIds @@ -327,7 +348,38 @@ export default { this.currentScroll = 'item'+ '2024-06-11' this.allDateDay = '2024-06-11' } + }else if (this.selectFestival===4){ + dayNumber = moment().diff("2024-07-01", "days")// 暑期 + if (dayNumber<=62){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 62 + this.currentScroll = 'item'+ '2024-09-01' + this.lastDay = '2024-09-01' + this.allDateDay = '2024-09-01' + } + }else if (this.selectFestival===5){ + dayNumber = moment().diff("2024-09-14", "days")// 中秋 + if (dayNumber<=5){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 5 + this.currentScroll = 'item'+ '2024-09-18' + this.lastDay = '2024-09-18' + this.allDateDay = '2024-09-18' + } + }else if (this.selectFestival===6){ + dayNumber = moment().diff("2024-09-30", "days")// 国庆 + if (dayNumber<=9){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 9 + this.currentScroll = 'item'+ '2024-10-08' + this.lastDay = '2024-10-08' + this.allDateDay = '2024-10-08' + } } + let dateList = [] for (let i = 1;i<=this.howDayNumber;i++){ if (this.selectFestival===0){ @@ -338,6 +390,12 @@ export default { dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")}) }else if (this.selectFestival===3){ dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")}) + }else if (this.selectFestival===4){ + dateList.push({label:`第${i}天`,value:moment("2024-06-30").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===5){ + dateList.push({label:`第${i}天`,value:moment("2024-09-13").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===6){ + dateList.push({label:`第${i}天`,value:moment("2024-09-29").add(i, 'days').format("YYYY-MM-DD")})// 端午 } // if (i<7){ // dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`}) @@ -385,7 +443,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear: this.curYear, compareYear: this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate:time, businessRegion:1, SortStr:`${this.type===1?'revenue':this.type===2?'account':this.type===3?'bayonet':''} ${this.sortType===0?'asc':'desc'}` @@ -680,6 +738,9 @@ export default { .dragonBoatTop{ background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png"); } + .summerHolidayTop{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png"); + } .top{ width: 100%; height: 324rpx; @@ -700,6 +761,9 @@ export default { .headerDragonBoat{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png"); } + .summerHolidayBoat{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png"); + } .header{ position: fixed; width: 100%; @@ -744,6 +808,9 @@ export default { .dragonBoatTitleBox{ background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%); } + .summerHolidayTitleBox{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } .revenueDetailTitleBox{ width: 100%; height: 90rpx; @@ -876,6 +943,11 @@ export default { color: #3E8958!important; } } + .summerHolidayNav{ + .selectItem { + color: #007797!important; + } + } } .dateText{ font-size: 24rpx; diff --git a/pages/nationalPage/springTravel.less b/pages/nationalPage/springTravel.less index e69de29..d578143 100644 --- a/pages/nationalPage/springTravel.less +++ b/pages/nationalPage/springTravel.less @@ -0,0 +1,1130 @@ +.main{ + width: 100%; + height: 100vh; + .topSpring{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important; + } + .qmFestival{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important; + } + .labourFestival{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important; + } + .dragonBoat{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important; + } + .summerHoliday{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important; + } + .midAutumn{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important; + } + .nationalDay{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important; + } + .top{ + width: 100%; + height: 432rpx; + background-repeat: no-repeat; + background-position: 0 0; + background-size: 100% 100%; + //z-index:3; + .topBg{ + width: 100%; + height: 100%; + z-index: 4; + } + .headerSpring{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important; + } + .headerQm{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important; + } + .headerLabour{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important; + } + .headerDragonBoat{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important; + } + .headerSummerHoliday{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important; + } + .headerMidAutumn{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important; + } + .headerNationalDay{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important; + } + .header{ + position: fixed; + width: 100%; + padding: 0 16px; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: 0 0; + background-size: 100% 432rpx; + display: flex; + align-items: center; + z-index: 2; + .backArrow{ + width: 24px; + height: 24px; + margin-right: 16px; + position: absolute; + } + .pageTitle{ + position: absolute; + width: 280rpx; + height: 80rpx; + margin-left: 16rpx; + bottom: -3px; + left: 40px; + } + .seachBox{ + position: absolute; + bottom: 0; + left: 60px; + width: 400rpx; + background: #fff; + border-radius: 32rpx; + margin-left: 16rpx; + box-sizing: border-box; + padding: 10rpx 20rpx; + display: flex; + align-items: center; + .searchIcon{ + width: 32rpx; + height: 32rpx; + margin-right: 8rpx; + } + .searchText{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #B6BACB; + line-height: 40rpx; + white-space: nowrap; + } + } + .picker{ + position: absolute; + bottom: 0; + left: 40px; + .selectService{ + display: flex; + align-items: center; + .img{ + width: 40px; + height: 40px; + z-index: 2; + } + .select{ + height: 32px; + background: #F8F8FA; + border-radius: 0 16px 16px 0; + transform: translateX(-20px); + box-sizing: border-box; + padding-left: 25px; + display: flex; + align-items: center; + .content{ + display: flex; + align-items: center; + .uni-input{ + padding: 0; + background: transparent; + font-size: 14px; + font-family: PingFangSC-Semibold, PingFang SC; + font-weight: 600; + color: #160002; + } + .area{ + font-size: 12px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #786B6C; + line-height: 40px; + margin-left: 4px; + } + .rightArrow{ + width: 24px; + height: 12px; + } + } + + } + } + } + } + .festivalChangeBox{ + display: flex; + align-items: center; + width: 100%; + box-sizing: border-box; + padding: 32rpx; + .festivalImg{ + width: 168rpx; + height: 68rpx; + } + .changeIcon{ + width: 32rpx; + height: 32rpx; + margin-left: 12rpx; + } + } + } + + .pageContent{ + width: 100%; + box-sizing: border-box; + padding: 0 32rpx 28rpx; + transform: translateY(-110rpx); + .springTravelBox{ + .overAllData{ + width: 100%; + box-sizing: border-box; + padding: 2rpx; + background: #fff; + border-radius: 16rpx; + .springTop{ + background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%); + } + .qmTop{ + background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); + } + .labourTop{ + background: linear-gradient(360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); + } + .dragonBoatTop{ + background: linear-gradient(360deg, rgba(191,230,220,0) 0%, #BFE6DC 100%); + } + .summerHolidayTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } + .midAutumnTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } + .nationalDayTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } + .overAllDataTop{ + width: 100%; + border-radius: 14rpx 14rpx 16rpx 16rpx; + box-sizing: border-box; + padding: 22rpx 22rpx 0; + .titleBox{ + width: 100%; + display: flex; + justify-content: space-between; + align-items: flex-start; + margin-bottom: 5px; + .titleBoxLeft{ + display: flex; + .titleImg{ + width: 144rpx; + height: 74rpx; + } + .titleNotice{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 37rpx; + white-space: nowrap; + } + } + .typeChangeBox{ + display: flex; + align-items: center; + background: #FFFFFF; + border-radius: 6rpx; + box-sizing: border-box; + padding: 4rpx; + .normal{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #786B6C; + line-height: 36rpx; + padding: 6rpx 16rpx; + } + .select{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 36rpx; + background: #F5EFEF; + border-radius: 6rpx; + } + } + .searchAllBox{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 36rpx; + background: #fff; + border-radius: 6rpx; + padding: 6rpx 16rpx; + } + } + .contentTitleBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + .contentTitle{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 36rpx; + } + .YOYNumber{ + display: flex; + align-items: center; + margin-right: 32rpx; + .YOYNumberText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYNumberValue{ + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + //font-weight: bold; + color: #A69E9F; + line-height: 40rpx; + } + } + .YOYBox{ + display: flex; + align-items: center; + .YOYBoxText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYBoxValue{ + font-size: 36rpx; + //font-family: DINAlternate-Bold; + font-weight: bold; + color: #E83944; + line-height: 40rpx; + } + } + } + .waringText{ + display: inline-block; + position: relative; + top: -10px; + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 37rpx; + white-space: nowrap; + } + } + .contentTitleBoxOuter{ + width: 100%; + padding: 0 24rpx; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 16rpx; + .contentTitle{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 36rpx; + } + .YOYNumber{ + display: flex; + align-items: center; + margin-right: 32rpx; + .YOYNumberText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYNumberValue{ + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + //font-weight: bold; + color: #A69E9F; + line-height: 40rpx; + } + } + .YOYBox{ + display: flex; + align-items: center; + .YOYBoxText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYBoxValue{ + font-size: 36rpx; + font-family: DINAlternate-Bold; + font-weight: bold; + color: #E83944; + line-height: 40rpx; + } + } + } + .overAllDataBottom{ + width: 100%; + box-sizing: border-box; + padding: 0 24rpx 40rpx; + .contentTitleBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + .contentTitle{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 36rpx; + } + .YOYNumber{ + display: flex; + align-items: center; + margin-right: 32rpx; + .YOYNumberText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYNumberValue{ + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + //font-weight: bold; + color: #A69E9F; + line-height: 40rpx; + } + } + .YOYBox{ + display: flex; + align-items: center; + .YOYBoxText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 36rpx; + } + .YOYBoxValue{ + font-size: 36rpx; + font-family: "Microsoft YaHei"; + font-weight: bold; + color: #E83944; + line-height: 40rpx; + } + } + } + .pkBox{ + width: 100%; + height: 140rpx; + position: relative; + box-sizing: border-box; + .pkLogo{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + width: 88rpx; + height: 88rpx; + } + .leftBox,.rightBox{ + width: 50%; + height: 100%; + box-sizing: border-box; + padding: 24rpx 32rpx; + display: flex; + flex-direction: column; + position: absolute; + } + .springLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png"); + } + .qmLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png"); + } + .labourLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png"); + } + .dragonBoatLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png"); + } + .summerHolidayLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo1.png"); + } + .leftBox{ + left: 0;top: 0; + //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + .value{ + font-size: 44rpx; + //font-family: DINAlternate, DINAlternate; + color: #FFFFFF; + font-weight: bold; + line-height: 52rpx; + } + .label{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + color: #FFFFFF; + font-weight: 400; + line-height: 40rpx; + } + } + .springRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png"); + } + .qmRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg2st.png"); + .value{ + color: #2D7E72!important; + } + .label{ + color: #2D7E72!important; + } + } + .labourRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png"); + .value{ + color: #E17900!important; + } + .label{ + color: #E17900!important; + } + } + .dragonBoatRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png"); + .value{ + color: #2F7F4B!important; + } + .label{ + color: #2F7F4B!important; + } + } + .summerHolidayRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo2.png"); + .value{ + color: #047795!important; + } + .label{ + color: #047795!important; + } + } + + .rightBox{ + right: 0;top: 0; + //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + align-items: flex-end; + .value{ + font-size: 44rpx; + //font-family: DINAlternate, DINAlternate; + font-weight: bold; + color: #FF5A3C; + line-height: 52rpx; + } + .label{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #FF5A3C; + line-height: 40rpx; + } + } + .revenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png"); + } + .qmRevenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png"); + } + .labourRevenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png"); + } + .dragonBoatRevenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png"); + } + .summerHolidayRevenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo3.png"); + } + .revenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png"); + .value{ + color: #D48F00; + } + .label{ + color: #D48F00; + } + } + .qmRevenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png"); + .value{ + color: #3873DD; + } + .label{ + color: #3873DD; + } + } + .labourRevenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png"); + .value{ + color: #F0490E; + } + .label{ + color: #F0490E; + } + } + .dragonBoatRevenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png"); + .value{ + color: #6F8A14; + } + .label{ + color: #6F8A14; + } + } + .summerHolidayRevenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo4.png"); + .value{ + color: #2F7F4B; + } + .label{ + color: #2F7F4B; + } + } + + .carLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png"); + } + .qmCarLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png"); + } + .labourCarLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png"); + } + .dragonBoatCarLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png"); + } + .summerHolidayCarLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo5.png"); + } + .carRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png"); + .value{ + color: #3873DD; + } + .label{ + color: #3873DD; + } + } + .qmCarRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png"); + .value{ + color: #0793BB; + } + .label{ + color: #0793BB; + } + } + .labourCarRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png"); + .value{ + color: #A59301; + } + .label{ + color: #A59301; + } + } + .dragonBoatCarRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png"); + .value{ + color: #218794; + } + .label{ + color: #218794; + } + } + .summerHolidayCarRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo6.png"); + .value{ + color: #6F8A14; + } + .label{ + color: #6F8A14; + } + } + } + + .otherListBox{ + width: 100%; + background: #F8F8F8; + border-radius: 16rpx; + padding: 24rpx; + box-sizing: border-box; + margin-top: 16rpx; + margin-bottom: 16rpx; + .listType{ + .downBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 16rpx; + .getMoreIcon{ + width: 30rpx; + height: 30rpx; + transform: rotate(-90deg); + } + } + .moduleBox{ + .listTitleBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + .titleItem{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 32rpx; + text-align: center; + } + } + .listValueBox{ + width: 100%; + .bigBox{ + width: 100%; + .row{ + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 32rpx; + .valueItem{ + text-align: center; + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 40rpx; + box-sizing: border-box; + text-indent: 8rpx; + } + .father{ + position: relative; + } + .father:before{ + position: absolute; + top: 50%; + left: -8rpx; + transform: translateY(-50%); + content:''; + display: inline-block; + width: 8rpx; + height: 8rpx; + border-radius: 50%; + background: #3188FF; + } + + .son{ + position: relative; + } + .son:before{ + position: absolute; + top: 50%; + left: -8rpx; + transform: translateY(-50%); + content:''; + display: inline-block; + width: 8rpx; + height: 8rpx; + border-radius: 50%; + background: orangered; + } + .valueItemBox{ + text-align: center; + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + color: #160002; + line-height: 40rpx; + } + .addItem{ + text-align: center; + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + line-height: 40rpx; + } + } + } + } + } + .areaBox{ + .listTitleBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + .titleItem{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 32rpx; + text-align: center; + } + } + .listValueBox{ + width: 100%; + .row{ + width: 100%; + display: flex; + margin-top: 32rpx; + .rowItem{ + text-align: center; + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + color: #160002; + line-height: 40rpx; + } + } + } + } + } + .showIconBox{ + display: flex; + align-items: center; + justify-content: center; + .getMoreIcon{ + width: 30rpx; + height: 30rpx; + transform: rotate(90deg); + } + } + } + } + } + + .revenueDetail{ + width: 100%; + background: #fff; + border-radius: 16rpx; + box-sizing: border-box; + padding: 2rpx; + margin-top: 24rpx; + .springTitleBox{ + background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%); + } + .qmTitleBox{ + background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%); + } + .labourTitleBox{ + background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); + } + .summerHolidayTitleBox{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #DCECEF 100%); + } + .revenueDetailTitleBox{ + width: 100%; + height: 90rpx; + //background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%); + + border-radius: 14rpx 14rpx 0rpx 0rpx; + box-sizing: border-box; + padding: 22rpx; + position: relative; + .detailLogo{ + width: 144rpx; + height: 74rpx; + } + .detailIcon{ + width: 104rpx; + height: 104rpx; + position: absolute; + right: 22rpx; + top: 22rpx; + } + .goTest{ + position: absolute; + right: 22rpx; + top: 15rpx; + width: 212rpx; + height: 56rpx; + } + .modalUnit{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 36rpx; + position: absolute; + left: 170rpx; + top: 26rpx; + } + } + .revenueContent{ + width: 100%; + box-sizing: border-box; + padding: 0 22rpx 24rpx; + .navList{ + width: 100%; + height: 40rpx; + display: flex; + align-items: center; + white-space: nowrap; + padding-bottom: 12rpx; + border-bottom: 1px solid #F5F4F4; + .scrollItem{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 40rpx; + margin-right: 32rpx; + display: inline-block; + } + .selectItem{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 600; + line-height: 40rpx; + } + } + .springNav{ + .selectItem{ + color: #ED3E48; + } + } + .qmNav{ + .selectItem{ + color: #226C61; + } + } + .labourNav{ + .selectItem{ + color: #D14702; + } + } + .dragonBoatNav{ + .selectItem{ + color: #226C61; + } + } + .summerHolidayNav{ + .selectItem{ + color: #007797; + } + } + .dateText{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + margin: 16rpx 0; + display: inline-block; + } + + .modalBox{ + margin-top: 32rpx; + .modalTitleBox{ + width: 100%; + box-sizing: border-box; + padding: 0 24rpx; + margin-bottom: 16rpx; + display: flex; + align-items: center; + justify-content: space-between; + .modalTitleItem{ + display: flex; + align-items: center; + .modalIndex{ + width: 12rpx; + height: 12rpx; + //background: #DB6465; + background: #3B9285; + border-radius: 50%; + margin-right: 12rpx; + } + .modalText{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 600; + color: #160002; + line-height: 40rpx; + margin-right: 4rpx; + } + .modalUnit{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 36rpx; + } + } + .moreBox{ + display: flex; + align-items: center; + .moreText{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + //color: #ED3E48; + color: #226C61; + line-height: 40rpx; + } + .moreIcon{ + width: 24rpx; + height: 24rpx; + margin-left: 4rpx; + } + } + .modalTitleItem1{ + font-size: 24rpx; + text-align: center; + } + } + + .modalDetail{ + width: 100%; + box-sizing: border-box; + padding: 24rpx; + background: #F8F8F8; + .modalDetailTitle{ + display: flex; + align-items: center; + .titleItem{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 32rpx; + text-align: center; + } + } + .typeFirst{ + .row{ + margin-top: 32rpx; + display: flex; + align-items: center; + margin-top: 32rpx; + .valueItem{ + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 40rpx; + text-align: center; + text-indent: 8rpx; + } + .bigFather{ + position: relative; + font-weight: 600; + } + .bigFather:before{ + position: absolute; + top: 50%; + left: -8rpx; + transform: translateY(-50%); + content:''; + display: inline-block; + width: 8rpx; + height: 8rpx; + border-radius: 50%; + background: #DB6465; + } + .father{ + position: relative; + font-weight: 600; + } + .father:before{ + position: absolute; + top: 50%; + left: -8rpx; + transform: translateY(-50%); + content:''; + display: inline-block; + width: 8rpx; + height: 8rpx; + border-radius: 50%; + background: #3188FF; + } + + .son{ + position: relative; + } + .son:before{ + position: absolute; + top: 50%; + left: -8rpx; + transform: translateY(-50%); + content:''; + display: inline-block; + width: 8rpx; + height: 8rpx; + border-radius: 50%; + background: orangered; + } + .compareItem{ + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + color: #160002; + line-height: 40rpx; + text-align: center; + } + .addItem{ + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + color: #E83944; + line-height: 40rpx; + text-align: center; + } + } + } + .typeSecond{ + .listValueBox{ + width: 100%; + .row{ + width: 100%; + display: flex; + margin-top: 32rpx; + .rowItem{ + text-align: center; + font-size: 24rpx; + //font-family: DINAlternate, DINAlternate; + color: #160002; + line-height: 40rpx; + } + } + } + } + } + } + } + + } + } + } +} diff --git a/pages/nationalPage/springTravel.vue b/pages/nationalPage/springTravel.vue index 3fc3734..9defd35 100644 --- a/pages/nationalPage/springTravel.vue +++ b/pages/nationalPage/springTravel.vue @@ -4,11 +4,17 @@ selectFestival===1?'top qmFestival': selectFestival===2?'top labourFestival': selectFestival===3?'top dragonBoat': + selectFestival===4?'top summerHoliday': + selectFestival===5?'top midAutumn': + selectFestival===6?'top nationalDay': ''">
@@ -36,19 +42,31 @@ selectFestival===1?'168rpx': selectFestival===2?'168rpx': selectFestival===3?'168rpx': + selectFestival===4?'128rpx': + selectFestival===5?'168rpx': + selectFestival===6?'168rpx': '',height:selectFestival===0?'68rpx': selectFestival===1?'68rpx': selectFestival===2?'68rpx': selectFestival===3?'68rpx': + selectFestival===4?'68rpx': + selectFestival===5?'68rpx': + selectFestival===6?'68rpx': ''}" class="festivalImg" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png': selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmFestival.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourIcon.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTitleIcon.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayTitleIcon.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnTitleIcon.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayTitleIcon.png': ''"/>
@@ -62,6 +80,9 @@ selectFestival===1?'overAllDataTop qmTop': selectFestival===2?'overAllDataTop labourTop': selectFestival===3?'overAllDataTop dragonBoatTop': + selectFestival===4?'overAllDataTop summerHolidayTop': + selectFestival===5?'overAllDataTop midAutumnTop': + selectFestival===6?'overAllDataTop nationalDayTop': ''">
@@ -70,10 +91,14 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayAllData.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnAllData.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayAllData.png': ''" /> {{`/统计到${allDateDay}`}} /共统计节日数据5天 /共统计节日数据7天 + {{`/统计到${allDateDay}`}}
经营板块
@@ -117,6 +142,9 @@ selectFestival===1?'leftBox qmLeftBox': selectFestival===2?'leftBox labourLeftBox': selectFestival===3?'leftBox dragonBoatLeftBox': + selectFestival===4?'leftBox summerHolidayLeftBox': + selectFestival===5?'leftBox midAutumnLeftBox': + selectFestival===6?'leftBox nationalDayLeftBox': ''"> {{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}} 2024年/万元 @@ -125,6 +153,9 @@ selectFestival===1?'rightBox qmRightBox': selectFestival===2?'rightBox labourRightBox': selectFestival===3?'rightBox dragonBoatRightBox': + selectFestival===4?'rightBox summerHolidayRightBox': + selectFestival===5?'rightBox midAutumnRightBox': + selectFestival===6?'rightBox nationalDayRightBox': ''"> {{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}} 2023年/万元 @@ -133,6 +164,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS1st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS1st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS1st.png': ''"/>
@@ -333,6 +367,9 @@ selectFestival===1?'leftBox qmRevenueLeft': selectFestival===2?'leftBox labourRevenueLeft': selectFestival===3?'leftBox dragonBoatRevenueLeft': + selectFestival===4?'leftBox summerHolidayRevenueLeft': + selectFestival===5?'leftBox midAutumnRevenueLeft': + selectFestival===6?'leftBox nationalDayRevenueLeft': ''"> {{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}} 2024年/万元 @@ -341,6 +378,9 @@ selectFestival===1?'rightBox qmRevenueRight': selectFestival===2?'rightBox labourRevenueRight': selectFestival===3?'rightBox dragonBoatRevenueRight': + selectFestival===4?'rightBox summerHolidayRevenueRight': + selectFestival===5?'rightBox midAutumnRevenueRight': + selectFestival===6?'rightBox nationalDayRevenueRight': ''"> {{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}} 2023年/万元 @@ -349,6 +389,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS2st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS2st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS2st.png': ''"/>
@@ -503,6 +546,9 @@ selectFestival===1?'leftBox qmCarLeft': selectFestival===2?'leftBox labourCarLeft': selectFestival===3?'leftBox dragonBoatCarLeft': + selectFestival===4?'leftBox summerHolidayCarLeft': + selectFestival===5?'leftBox midAutumnCarLeft': + selectFestival===6?'leftBox nationalDayCarLeft': ''"> {{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}} 2024年/万辆 @@ -511,6 +557,9 @@ selectFestival===1?'rightBox qmCarRight': selectFestival===2?'rightBox labourCarRight': selectFestival===3?'rightBox dragonBoatCarRight': + selectFestival===4?'rightBox summerHolidayCarRight': + selectFestival===5?'rightBox midAutumnCarRight': + selectFestival===6?'rightBox nationalDayCarRight': '' "> {{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}} 2023年/万辆 @@ -519,6 +568,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS3st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS3st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS3st.png': ''"/>
@@ -562,17 +614,26 @@ selectFestival===1?'qmTitleBox revenueDetailTitleBox': selectFestival===2?'labourTitleBox revenueDetailTitleBox': selectFestival===3?'dragonBoatTitleBox revenueDetailTitleBox': + selectFestival===4?'summerHolidayTitleBox revenueDetailTitleBox': + selectFestival===5?'midAutumnTitleBox revenueDetailTitleBox': + selectFestival===6?'nationalDayTitleBox revenueDetailTitleBox': ''"> @@ -583,6 +644,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPic.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourCarTraffic.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatTraffic.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayTraffic.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnTraffic.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayTraffic.png': ''"/>
@@ -590,6 +654,9 @@ selectFestival===1?'navList qmNav': selectFestival===2?'navList labourNav': selectFestival===3?'navList dragonBoatNav': + selectFestival===4?'navList summerHolidayNav': + selectFestival===5?'navList midAutumnNav': + selectFestival===6?'navList nationalDayNav': ''" :scrollIntoView="currentScroll" :scroll-with-animation="true">
{{item.label}}
@@ -601,6 +668,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}">
对客销售 /万元 @@ -610,12 +680,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#226C61': + selectFestival===4?'#007797': + selectFestival===5?'#226C61': + selectFestival===6?'#226C61': ''}">服务区排名
@@ -625,6 +701,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#D14702': + selectFestival===4?'#007797': + selectFestival===5?'#D14702': + selectFestival===6?'#D14702': ''}"> 对客销售 /万元 @@ -634,12 +713,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#D14702': + selectFestival===4?'#007797': + selectFestival===5?'#D14702': + selectFestival===6?'#D14702': ''}">服务区排名 @@ -764,6 +849,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}"> 营业收入 /万元 @@ -773,12 +861,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#226C61': + selectFestival===4?'#007797': + selectFestival===5?'#226C61': + selectFestival===6?'#226C61': ''}">服务区排名 @@ -798,6 +892,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#D14702': + selectFestival===4?'#007797': + selectFestival===5?'#D14702': + selectFestival===6?'#D14702': ''}"> 营业收入 /万元 @@ -807,12 +904,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#D14702': + selectFestival===4?'#007797': + selectFestival===5?'#D14702': + selectFestival===6?'#D14702': ''}">服务区排名 @@ -938,6 +1041,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}"> 入区车流 /万辆 @@ -947,12 +1053,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}">服务区排名 @@ -972,6 +1084,9 @@ selectFestival===1?'#3B9285': selectFestival===2?'#D14702': selectFestival===3?'#3E8958': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}"> 入区车流 /万辆 @@ -981,12 +1096,18 @@ selectFestival===1?'#226C61': selectFestival===2?'#D14702': selectFestival===3?'#226C61': + selectFestival===4?'#007797': + selectFestival===5?'#3E8958': + selectFestival===6?'#3E8958': ''}">服务区排名 @@ -1138,15 +1259,49 @@ export default { leaseInComeDailyNumber:0,// 每日租赁增长 entryCarDailyAdd:0,// 每日车流增幅 entryCarDailyNumber:0,// 每日车流增长 - - selectFestival: 3,// 选择的节日 - festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:3},{label:'端午节',value:4}],// 节日列表 + isShowFestival:'',// 显示的节日类型 + selectFestival: 4,// 选择的节日 + festivalList:[],// 节日列表 也就是把还没到的节日改筛掉 + defaultFestivalList:[ + {label:'平安春运',value:1,type:'spring',startTime: '2024-01-26',endTime:'2024-03-05'}, + {label:'清明节',value:2,type:'qm',startTime: '2024-04-03',endTime:'2024-04-07'}, + {label:'劳动节',value:3,type:'labour', startTime: '2024-04-30', endTime:'2024-05-06'}, + {label:'端午节',value:4,type:'dragonBoat', startTime: '2024-06-07', endTime:'2024-06-11'}, + {label:'火热暑运',value:5,type:'summerHoliday', startTime: '2024-06-30', endTime: '2024-09-01'}, + {label:'中秋节',value:6,type:'midAutumn', startTime: '2024-09-14', endTime: '2024-09-18'}, + {label:'国庆节',value:7,type:'nationalDay', startTime: '2024-09-30', endTime: '2024-10-08'}, + ] } }, async onLoad(query){ + this.lastDay = uni.getStorageSync('lastDay') + // this.lastDay = '2024-09-14' // if (new Date().getTime() > new Date('2024-04-05 00:00:00').getTime()){ // this.selectFestival = 1 // } + this.isShowFestival = uni.getStorageSync('festival') + console.log('this.isShowFestival',this.isShowFestival) + let showList = [] + let isOver = false + let lastIndex = 0 + this.defaultFestivalList.forEach((item,index)=>{ + if(item.type === this.isShowFestival){ + this.selectFestival = index + } + if(new Date(this.lastDay).getTime()< new Date(item.startTime).getTime()){ + isOver = true + } + if(!isOver){ + showList.push(item) + lastIndex = index + } + }) + console.log('lastIndex',lastIndex) + this.festivalList = showList + if(!this.selectFestival){ + this.selectFestival = lastIndex + } + console.log('this.selectFestival',this.selectFestival) // 获取手机参数对页面进行适配 let systemInfo = uni.getSystemInfoSync() @@ -1165,18 +1320,21 @@ export default { this.curYear = y this.compareYear = y - 1 - this.lastDay = uni.getStorageSync('lastDay') + // this.lastDay = '2024-04-03' // this.currentScroll = 'item'+ uni.getStorageSync('lastDay') if (this.selectFestival===0){ this.currentScroll = 'item'+ '2024-03-05' - }else if (this.selectFestival===1){ - this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===2){ - this.currentScroll = 'item'+ this.lastDay - }else if (this.selectFestival===3){ + }else{ this.currentScroll = 'item'+ this.lastDay } + // else if (this.selectFestival===1){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===2){ + // this.currentScroll = 'item'+ this.lastDay + // }else if (this.selectFestival===3){ + // this.currentScroll = 'item'+ this.lastDay + // } console.log('currentScroll',this.currentScroll) const lastDate = new Date(this.lastDay) let lastM = lastDate.getMonth() + 1 @@ -1201,6 +1359,12 @@ export default { dayNumber = moment().diff("2024-04-30", "days")// 劳动 }else if (this.selectFestival===3){ dayNumber = moment().diff("2024-06-07", "days")// 端午 + }else if (this.selectFestival===4){ + dayNumber = moment().diff("2024-07-01", "days")// 暑期 + }else if (this.selectFestival===5){ + dayNumber = moment().diff("2024-09-14", "days")// 中秋 + }else if (this.selectFestival===6){ + dayNumber = moment().diff("2024-09-30", "days")// 国庆 } console.log('dayNumber',dayNumber) if (this.selectFestival===0){ @@ -1233,6 +1397,33 @@ export default { this.lastDay = '2024-06-11' this.allDateDay = '2024-06-11' } + }else if (this.selectFestival===4){ + if (dayNumber<=62){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 62 + this.currentScroll = 'item'+ '2024-09-01' + this.lastDay = '2024-09-01' + this.allDateDay = '2024-09-01' + } + }else if (this.selectFestival===5){ + if (dayNumber<=5){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 5 + this.currentScroll = 'item'+ '2024-09-18' + this.lastDay = '2024-09-18' + this.allDateDay = '2024-09-18' + } + }else if (this.selectFestival===6){ + if (dayNumber<=9){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 9 + this.currentScroll = 'item'+ '2024-10-08' + this.lastDay = '2024-10-08' + this.allDateDay = '2024-10-08' + } } let dateList = [] @@ -1245,6 +1436,12 @@ export default { dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")}) }else if (this.selectFestival===3){ dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===4){ + dateList.push({label:`第${i}天`,value:moment("2024-06-30").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===5){ + dateList.push({label:`第${i}天`,value:moment("2024-09-13").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===6){ + dateList.push({label:`第${i}天`,value:moment("2024-09-29").add(i, 'days').format("YYYY-MM-DD")})// 端午 } // if (i<7){ // dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`}) @@ -1303,13 +1500,16 @@ export default { if (this.selectFestival===0){ this.currentScroll = 'item'+ '2024-03-05' - }else if(this.selectFestival===1){ - this.currentScroll = 'item'+ this.lastDay - }else if(this.selectFestival===2){ - this.currentScroll = 'item'+ this.lastDay - }else if(this.selectFestival===3){ + }else{ this.currentScroll = 'item'+ this.lastDay } + // else if(this.selectFestival===1){ + // this.currentScroll = 'item'+ this.lastDay + // }else if(this.selectFestival===2){ + // this.currentScroll = 'item'+ this.lastDay + // }else if(this.selectFestival===3){ + // this.currentScroll = 'item'+ this.lastDay + // } let dayNumber = 0 if (this.selectFestival===0){ @@ -1320,6 +1520,12 @@ export default { dayNumber = moment().diff("2024-04-30", "days")// 劳动 }else if (this.selectFestival===3){ dayNumber = moment().diff("2024-06-07", "days")// 端午 + }else if (this.selectFestival===4){ + dayNumber = moment().diff("2024-07-01", "days")// 暑期 + }else if (this.selectFestival===5){ + dayNumber = moment().diff("2024-09-14", "days")// 中秋 + }else if (this.selectFestival===6){ + dayNumber = moment().diff("2024-09-30", "days")// 国庆 } console.log('dayNumber',dayNumber) if (this.selectFestival===0){ @@ -1359,6 +1565,33 @@ export default { this.lastDay = '2024-06-11' this.allDateDay = '2024-06-11' } + }else if (this.selectFestival===4){ + if (dayNumber<=62){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 62 + this.currentScroll = 'item'+ '2024-09-01' + this.lastDay = '2024-09-01' + this.allDateDay = '2024-09-01' + } + }else if (this.selectFestival===5){ + if (dayNumber<=5){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 5 + this.currentScroll = 'item'+ '2024-09-18' + this.lastDay = '2024-09-18' + this.allDateDay = '2024-09-18' + } + }else if (this.selectFestival===6){ + if (dayNumber<=9){ + this.howDayNumber = dayNumber + }else{ + this.howDayNumber = 9 + this.currentScroll = 'item'+ '2024-10-08' + this.lastDay = '2024-10-08' + this.allDateDay = '2024-10-08' + } } let dateList = [] for (let i = 1;i<=this.howDayNumber;i++) { @@ -1370,6 +1603,12 @@ export default { dateList.push({label:`第${i}天`,value:moment("2024-04-29").add(i, 'days').format("YYYY-MM-DD")}) }else if (this.selectFestival===3){ dateList.push({label:`第${i}天`,value:moment("2024-06-06").add(i, 'days').format("YYYY-MM-DD")})// 端午 + }else if (this.selectFestival===4){ + dateList.push({label:`第${i}天`,value:moment("2024-06-30").add(i, 'days').format("YYYY-MM-DD")})// 暑假 + }else if (this.selectFestival===5){ + dateList.push({label:`第${i}天`,value:moment("2024-09-13").add(i, 'days').format("YYYY-MM-DD")})// 中秋 + }else if (this.selectFestival===6){ + dateList.push({label:`第${i}天`,value:moment("2024-09-29").add(i, 'days').format("YYYY-MM-DD")})// 国庆 } } console.log('dateList',dateList) @@ -1393,7 +1632,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear:this.curYear, compareYear:this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate:date || this.lastDay, ServerpartId:this.springService.Serverpart_ID } @@ -1402,7 +1641,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear:this.curYear, compareYear:this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate:date || this.lastDay, } } @@ -1529,7 +1768,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear:this.curYear, compareYear:this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate:date || this.lastDay, businessRegion:1, } @@ -1587,7 +1826,7 @@ export default { pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000', curYear:this.curYear, compareYear:this.compareYear, - HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:'', + HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:this.selectFestival===3?5:this.selectFestival===4?6:this.selectFestival===5?7:this.selectFestival===6?8:'', StatisticsDate:date || this.lastDay, businessTrade:1 } @@ -1838,6 +2077,15 @@ export default { .dragonBoat{ background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important; } + .summerHoliday{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important; + } + .midAutumn{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important; + } + .nationalDay{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important; + } .top{ width: 100%; height: 432rpx; @@ -1862,6 +2110,15 @@ export default { .headerDragonBoat{ background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important; } + .headerSummerHoliday{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important; + } + .headerMidAutumn{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important; + } + .headerNationalDay{ + background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important; + } .header{ position: fixed; width: 100%; @@ -2005,6 +2262,15 @@ export default { .dragonBoatTop{ background: linear-gradient(360deg, rgba(191,230,220,0) 0%, #BFE6DC 100%); } + .summerHolidayTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } + .midAutumnTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } + .nationalDayTop{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%); + } .overAllDataTop{ width: 100%; border-radius: 14rpx 14rpx 16rpx 16rpx; @@ -2270,6 +2536,9 @@ export default { .dragonBoatLeftBox{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png"); } + .summerHolidayLeftBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo1.png"); + } .leftBox{ left: 0;top: 0; //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png"); @@ -2320,6 +2589,15 @@ export default { color: #2F7F4B!important; } } + .summerHolidayRightBox{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo2.png"); + .value{ + color: #047795!important; + } + .label{ + color: #047795!important; + } + } .rightBox{ right: 0;top: 0; @@ -2354,6 +2632,9 @@ export default { .dragonBoatRevenueLeft{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png"); } + .summerHolidayRevenueLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo3.png"); + } .revenueRight{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png"); .value{ @@ -2390,6 +2671,16 @@ export default { color: #6F8A14; } } + .summerHolidayRevenueRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo4.png"); + .value{ + color: #2F7F4B; + } + .label{ + color: #2F7F4B; + } + } + .carLeft{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png"); } @@ -2402,6 +2693,9 @@ export default { .dragonBoatCarLeft{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png"); } + .summerHolidayCarLeft{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo5.png"); + } .carRight{ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png"); .value{ @@ -2438,6 +2732,15 @@ export default { color: #218794; } } + .summerHolidayCarRight{ + background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo6.png"); + .value{ + color: #6F8A14; + } + .label{ + color: #6F8A14; + } + } } .otherListBox{ @@ -2605,6 +2908,9 @@ export default { .labourTitleBox{ background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%); } + .summerHolidayTitleBox{ + background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #DCECEF 100%); + } .revenueDetailTitleBox{ width: 100%; height: 90rpx; @@ -2686,11 +2992,16 @@ export default { color: #D14702; } } - .dragonBoatNav{ - .selectItem{ - color: #226C61; - } - } + .dragonBoatNav{ + .selectItem{ + color: #226C61; + } + } + .summerHolidayNav{ + .selectItem{ + color: #007797; + } + } .dateText{ font-size: 24rpx; font-family: PingFangSC, PingFang SC; diff --git a/pages/nationalPage/testPage.vue b/pages/nationalPage/testPage.vue index 7fed062..b8cad79 100644 --- a/pages/nationalPage/testPage.vue +++ b/pages/nationalPage/testPage.vue @@ -40,9 +40,19 @@ selectFestival===1?'boxBg qmBox': selectFestival===2?'boxBg labourBox': selectFestival===3?'boxBg dragonBoatBox': + selectFestival===4?'boxBg summerHolidayBox': + selectFestival===5?'boxBg midAutumnBox': + selectFestival===6?'boxBg nationalDayBox': ''">
- +
根据历史大数据显示：
@@ -60,6 +70,9 @@ selectFestival===1?'boxBg qmBox': selectFestival===2?'boxBg labourBox': selectFestival===3?'boxBg dragonBoatBox': + selectFestival===4?'boxBg summerHolidayBox': + selectFestival===5?'boxBg midAutumnBox': + selectFestival===6?'boxBg nationalDayBox': ''">
@@ -68,6 +81,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmSumData.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourAllData.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatAllData.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayAllData.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnAllData.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayAllData.png': ''" />
@@ -75,6 +91,9 @@ selectFestival===1?'leftBox qmLeftBox': selectFestival===2?'leftBox labourLeftBox': selectFestival===3?'leftBox dragonBoatLeftBox': + selectFestival===4?'leftBox summerHolidayLeftBox': + selectFestival===5?'leftBox midAutumnLeftBox': + selectFestival===6?'leftBox nationalDayLeftBox': ''"> {{giveTrendObj.curYearRevenue?$util.getMoney(giveTrendObj.curYearRevenue / 10000):'0.00'}} 2024年/万元 @@ -83,6 +102,9 @@ selectFestival===1?'rightBox qmRightBox': selectFestival===2?'rightBox labourRightBox': selectFestival===3?'rightBox dragonBoatRightBox': + selectFestival===4?'rightBox summerHolidayRightBox': + selectFestival===5?'rightBox midAutumnRightBox': + selectFestival===6?'rightBox nationalDayRightBox': ''"> {{giveTrendObj.lYearRevenue?$util.getMoney(giveTrendObj.lYearRevenue / 10000):'0.00'}} 2023年/万元 @@ -91,6 +113,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS1st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS1st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS1st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS1st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS1st.png': ''"/>
@@ -98,6 +123,9 @@ selectFestival===1?'leftBox qmRevenueLeft': selectFestival===2?'leftBox labourRevenueLeft': selectFestival===3?'leftBox dragonBoatRevenueLeft': + selectFestival===4?'leftBox summerHolidayRevenueLeft': + selectFestival===5?'leftBox midAutumnRevenueLeft': + selectFestival===6?'leftBox nationalDayRevenueLeft': ''"> {{giveTrendObj.curYearAccount?$util.getMoney(giveTrendObj.curYearAccount / 10000):'0.00'}} 2024年/万元 @@ -106,6 +134,9 @@ selectFestival===1?'rightBox qmRevenueRight': selectFestival===2?'rightBox labourRevenueRight': selectFestival===3?'rightBox dragonBoatRevenueRight': + selectFestival===4?'rightBox summerHolidayRevenueRight': + selectFestival===5?'rightBox midAutumnRevenueRight': + selectFestival===6?'rightBox nationalDayRevenueRight': ''"> {{giveTrendObj.lYearAccount?$util.getMoney(giveTrendObj.lYearAccount / 10000):'0.00'}} 2023年/万元 @@ -114,6 +145,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS2st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS2st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS2st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS2st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS2st.png': ''"/>
@@ -121,6 +155,9 @@ selectFestival===1?'leftBox qmCarLeft': selectFestival===2?'leftBox labourCarLeft': selectFestival===3?'leftBox dragonBoatCarLeft': + selectFestival===4?'leftBox summerHolidayCarLeft': + selectFestival===5?'leftBox midAutumnCarLeft': + selectFestival===6?'leftBox nationalDayCarLeft': ''"> {{giveTrendObj.curYearBayonet?$util.getMoney(giveTrendObj.curYearBayonet / 10000):'0.00'}} 2024年/万辆 @@ -129,6 +166,9 @@ selectFestival===1?'rightBox qmCarRight': selectFestival===2?'rightBox labourCarRight': selectFestival===3?'rightBox dragonBoatCarRight': + selectFestival===4?'rightBox summerHolidayCarRight': + selectFestival===5?'rightBox midAutumnCarRight': + selectFestival===6?'rightBox nationalDayCarRight': '' "> {{giveTrendObj.lYearBayonet?$util.getMoney(giveTrendObj.lYearBayonet / 10000):'0.00'}} 2023年/万辆 @@ -137,6 +177,9 @@ selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png': selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourVS3st.png': selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatVS3st.png': + selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayVS3st.png': + selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnVS3st.png': + selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayVS3st.png': ''"/>
@@ -173,6 +216,7 @@