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-07-03 18:31:20 +08:00
parent d91b539b0f
commit d4d551290b
7 changed files with 1886 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
pages/index/index.vue
View File

@ -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':''"/>
</view>
<text class="funText">{{isShowFestival==='spring'?'平安春运':isShowFestival==='qm'?'清明节':isShowFestival==='labour'?'劳动节':
isShowFestival==='dragonBoat'?'端午节':isShowFestival==='summerHoliday'?'火热暑运':isShowFestival==='midAutumn'?'中秋节':isShowFestival==='nationalDay'?'国庆节':isShowFestival==='other'?'节日特刊':''}}</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>-->
</view>
@ -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()))

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

@ -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

80
pages/nationalPage/merchantRevenue.vue
View File

@ -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':
''">
<div :class="selectFestival===0?'header headerSpring':
selectFestival===1?'header headerQm':
selectFestival===2?'header headerlabour':
selectFestival===3?'header headerDragonBoat':
selectFestival===4?'header headerSummerHoliday':
selectFestival===5?'header headerMidAutumn':
selectFestival===6?'header headerNationalDay':
''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}">
<image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<!-- <img :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="detailIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/serverPartDetail.png">-->
@ -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':
''">
<div class="content">
<div class="left">
@ -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':
''"/>
<!-- <text class="modalUnit">{{selectDateText || ''}}</text>-->
<!-- <text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>-->
@ -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">
<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>
@ -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{

84
pages/nationalPage/rankPage.vue
View File

@ -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':
''">
<div :class="selectFestival===0?'header headerSpring':
selectFestival===1?'header headerQm':
selectFestival===2?'header headerLabour':
selectFestival===3?'header headerDragonBoat':
selectFestival===4?'header summerHolidayBoat':
selectFestival===5?'header midAutumnBoat':
selectFestival===6?'header nationalDayBoat':
'' " :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"/>
</div>
@ -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':
''">
<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':
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':
''"/>
<!-- <text class="modalUnit">{{selectDateText || ''}}</text>-->
<text class="modalUnit">{{`/统计到${allDateDay || ''}`}}</text>
@ -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">
<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>
@ -59,6 +74,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}"></div>
<text class="modalText">{{ type===1?'对客销售':type===2?'营业收入':type===3?'入区车流':'' }}</text>
<text class="modalUnit">{{type===3?'/万辆':'/万元'}}</text>
@ -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;

1130
pages/nationalPage/springTravel.less
View File

File diff suppressed because it is too large Load Diff

357
pages/nationalPage/springTravel.vue
View File

@ -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':
''">
<div :class="selectFestival===0?'header headerSpring':
selectFestival===1?'header headerQm':
selectFestival===2?'header headerLabour':
selectFestival===3?'header headerDragonBoat':
selectFestival===4?'header headerSummerHoliday':
selectFestival===5?'header headerMidAutumn':
selectFestival===6?'header headerNationalDay':
''" :style="{height:menu.height + menu.top + 'px',top:0+'px'}">
<image :style="{bottom: ((statusBarHeight-24)/4)+'px' }" class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
<!-- <img class="pageTitle" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/pageTitle.png"/>-->
@ -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':
''"/>
<image class="changeIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changeFestivalSpring.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/changFestivalQm.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRightArrow.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRightArrow.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRightArrow.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRightArrow.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRightArrow.png':
''"/>
</div>
</picker>
@ -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':
''">
<div class="titleBox">
<div class="titleBoxLeft">
@ -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':
''" />
<text class="titleNotice" v-if="!isShowWarningTime && selectFestival===0">{{`/统计到${allDateDay}`}}</text>
<text class="titleNotice" v-if="selectFestival===1 || selectFestival===3">/共统计节日数据5天</text>
<text class="titleNotice" v-if="selectFestival===2">/共统计节日数据7天</text>
<text class="titleNotice" v-if="!isShowWarningTime && selectFestival===4">{{`/统计到${allDateDay}`}}</text>
</div>
<div class="typeChangeBox" v-if="!showSpring">
<div :class="pageType===1?'normal select':'normal'" @click="handleChangeType(1)">经营板块</div>
@ -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':
''">
<text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
@ -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':
''">
<text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
@ -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':
''"/>
</div>
@ -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':
''">
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
@ -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':
''">
<text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
@ -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':
''"/>
</div>
@ -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':
''">
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2024年/万辆</text>
@ -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':
'' ">
<text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2023年/万辆</text>
@ -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':
''"/>
</div>
@ -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':
''">
<!-- <img class="detailLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png"/>-->
<img class="detailLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailLogo.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDaily.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDailyData.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDailyData.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayDailyData.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnDailyData.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayDailyData.png':
''"/>
<img class="detailIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueDetailIcon.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmDetailIcon.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourDetailIcon.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatDetailIcon.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayDetailIcon.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnDetailIcon.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayDetailIcon.png':
''
"/>
<!-- <text class="modalUnit">单位：万元</text>-->
@ -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':
''"/>
</div>
<div class="revenueContent">
@ -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">
<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>
@ -601,6 +668,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}"></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
@ -610,12 +680,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
selectFestival===4?'#007797':
selectFestival===5?'#226C61':
selectFestival===6?'#226C61':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
</div>
@ -625,6 +701,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
selectFestival===4?'#007797':
selectFestival===5?'#D14702':
selectFestival===6?'#D14702':
''}"></div>
<text class="modalText">对客销售</text>
<text class="modalUnit">/万元</text>
@ -634,12 +713,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
selectFestival===4?'#007797':
selectFestival===5?'#D14702':
selectFestival===6?'#D14702':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
</div>
@ -764,6 +849,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}"></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
@ -773,12 +861,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
selectFestival===4?'#007797':
selectFestival===5?'#226C61':
selectFestival===6?'#226C61':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearRevenue.value?$util.getMoney(pageData.curYearAccount.value / 10000):'0.00'}}</div>-->
@ -798,6 +892,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
selectFestival===4?'#007797':
selectFestival===5?'#D14702':
selectFestival===6?'#D14702':
''}"></div>
<text class="modalText">营业收入</text>
<text class="modalUnit">/万元</text>
@ -807,12 +904,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#D14702':
selectFestival===4?'#007797':
selectFestival===5?'#D14702':
selectFestival===6?'#D14702':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
</div>
@ -938,6 +1041,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
@ -947,12 +1053,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
<!-- <div class="modalTitleItem1" style="width: 110rpx">{{pageData.curYearBayonet.value?$util.getMoney(pageData.curYearBayonet.value / 10000):'0.00'}}</div>-->
@ -972,6 +1084,9 @@
selectFestival===1?'#3B9285':
selectFestival===2?'#D14702':
selectFestival===3?'#3E8958':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}"></div>
<text class="modalText">入区车流</text>
<text class="modalUnit">/万辆</text>
@ -981,12 +1096,18 @@
selectFestival===1?'#226C61':
selectFestival===2?'#D14702':
selectFestival===3?'#226C61':
selectFestival===4?'#007797':
selectFestival===5?'#3E8958':
selectFestival===6?'#3E8958':
''}">服务区排名</span>
<!-- <img class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png"/>-->
<img class="moreIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/redRightArrow.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/greenRightArrow.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatRight.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayRight.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnRight.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayRight.png':
''"/>
</div>
</div>
@ -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;

152
pages/nationalPage/testPage.vue
View File

@ -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':
''"></div>
<div class="contentBox">
<img class="contentIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/imgDesc.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/trendChart.png':selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/larburTrendChart.png':''"/>
<img class="contentIcon" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/imgDesc.png':
selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/trendChart.png':
selectFestival===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/larburTrendChart.png':
selectFestival===3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatChart.png':
selectFestival===4?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayChart.png':
selectFestival===5?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnChart.png':
selectFestival===6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayChart.png':
''"/>
<div class="contentText" >
根据历史大数据显示：<br/>
<div style="text-indent: 2rem;font-size: 24rpx">
@ -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':
''"></div>
<div class="pkContent">
<div class="contentTop">
@ -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':
''" />
</div>
<div class="pkBox">
@ -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':
''">
<text class="value">{{giveTrendObj.curYearRevenue?$util.getMoney(giveTrendObj.curYearRevenue / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
@ -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':
''">
<text class="value">{{giveTrendObj.lYearRevenue?$util.getMoney(giveTrendObj.lYearRevenue / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
@ -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':
''"/>
</div>
<div class="pkBox">
@ -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':
''">
<text class="value">{{giveTrendObj.curYearAccount?$util.getMoney(giveTrendObj.curYearAccount / 10000):'0.00'}}</text>
<text class="label">2024年/万元</text>
@ -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':
''">
<text class="value">{{giveTrendObj.lYearAccount?$util.getMoney(giveTrendObj.lYearAccount / 10000):'0.00'}}</text>
<text class="label">2023年/万元</text>
@ -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':
''"/>
</div>
<div class="pkBox" style="margin-bottom: 20px">
@ -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':
''">
<text class="value">{{giveTrendObj.curYearBayonet?$util.getMoney(giveTrendObj.curYearBayonet / 10000):'0.00'}}</text>
<text class="label">2024年/万辆</text>
@ -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':
'' ">
<text class="value">{{giveTrendObj.lYearBayonet?$util.getMoney(giveTrendObj.lYearBayonet / 10000):'0.00'}}</text>
<text class="label">2023年/万辆</text>
@ -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':
''"/>
</div>
</div>
@ -173,6 +216,7 @@
<script>
import qiunDataCharts from "./components/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue";
import request from '@/util/index.js'
import moment from "moment";
var uChartsInstance = {};
export default {
components: {qiunDataCharts},
@ -220,6 +264,12 @@ export default {
this.howDayNumber = 7
}else if (this.selectFestival===3){
this.howDayNumber = 5
}else if (this.selectFestival===4){
this.howDayNumber = 62
}else if (this.selectFestival===5){
this.howDayNumber = 5
}else if (this.selectFestival===6){
this.howDayNumber = 9
}
this.handleGetData()
},
@ -231,7 +281,7 @@ export default {
const req = {
pushProvinceCode:'340000',
StatisticsDate: this.lastDay,
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:'',
curYear:2024,
compareYear:2023,
}
@ -244,16 +294,21 @@ export default {
let compareDateList = []
// 今年的具体日期
let curDateList = []
// 去年的最大值
let compareDateMax = 0
let dataObj = data.Result_Data
if (dataObj && dataObj.compareList && dataObj.compareList.length>0){
dataObj.compareList.forEach(item=>{
if(compareDateMax < Number(item.value)){
compareDateMax = Number(item.value)
}
const date = new Date(item.name)
let m = date.getMonth() + 1
let d = date.getDate()
let dateText = `${m}.${d}`
item.easyDate = dateText
compareDateList.push(item.name)
compareDateList.push(moment(item.name).format('YYYY-MM-DD'))
})
}
if (dataObj && dataObj.curList && dataObj.curList.length>0){
@ -263,9 +318,12 @@ export default {
let d = date.getDate()
let dateText = `${m}.${d}`
item.easyDate = dateText
curDateList.push(item.name)
curDateList.push(moment(item.name).format('YYYY-MM-DD'))
})
}
if (this.selectFestival===0){
for(let i = 1;i<=40;i++){
if (i===7){
@ -317,6 +375,27 @@ export default {
for(let i = 1;i<=5;i++){
dateList2.push(`第${i}天`)
}
}else if (this.selectFestival===4){
for(let i = 1;i<=62;i++){
dateList.push(`第${i}天`)
}
for(let i = 1;i<=62;i++){
dateList2.push(`第${i}天`)
}
}else if (this.selectFestival===5){
for(let i = 1;i<=5;i++){
dateList.push(`第${i}天`)
}
for(let i = 1;i<=5;i++){
dateList2.push(`第${i}天`)
}
}else if (this.selectFestival===6){
for(let i = 1;i<=9;i++){
dateList.push(`第${i}天`)
}
for(let i = 1;i<=9;i++){
dateList2.push(`第${i}天`)
}
}
let max = 0
@ -328,6 +407,7 @@ export default {
// 农历日期
let tradDateList = []
if (dataObj){
dateList.forEach((item,index)=>{
// let beforeValue = dataObj.compareList.filter(filter=> filter.easyDate === item)[0]
@ -373,6 +453,10 @@ export default {
'正月十二','正月十三','正月十四','元宵','正月十六','正月十七','正月十八','正月十九','正月二十','正月廿一','正月廿二','正月廿三','正月廿四','正月廿五']
// compareDateList
// curDateList
let res = {
categories: dateList,
series:[
@ -383,8 +467,8 @@ export default {
tradDate:list,
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']//劳动节
realDateList: ['2024-06-07','2024-06-08','2024-06-09','2024-06-10','2024-06-11']
// realDateList: ['2024-06-07','2024-06-08','2024-06-09','2024-06-10','2024-06-11']
realDateList: curDateList
},
{
name:`23年`,
@ -394,7 +478,8 @@ export default {
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']//劳动节
realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
// realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
realDateList: compareDateList
},
],
max:Number(max.toFixed(2)),
@ -411,7 +496,8 @@ export default {
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']//劳动节
realDateList: ['2024-06-07','2024-06-08','2024-06-09','2024-06-10','2024-06-11']
// realDateList: ['2024-06-07','2024-06-08','2024-06-09','2024-06-10','2024-06-11']
realDateList: curDateList
},
{
name:`23年`,
@ -421,13 +507,15 @@ export default {
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']//劳动节
realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
// realDateList: ['2023-06-21','2023-06-22','2023-06-23','2023-06-24','2023-06-25']
realDateList: compareDateList
},
],
max:Number(max.toFixed(2)),
}
console.log('res',res)
console.log('res2',res2)
console.log('compareDateMax',this.getSplitNumber( compareDateMax / 10000))
this.res = res
this.res2 = res2
this.opts = {
@ -462,7 +550,7 @@ export default {
data: [
{
min: 0,
max: this.selectFestival===0?3000:1500
max: this.selectFestival===0?3000:this.selectFestival===4?900:1500
}
]
},
@ -504,7 +592,7 @@ export default {
},
xAxis: {
disableGrid: true,
itemCount: 40
itemCount: 15
},
yAxis: {
gridType: "dash",
@ -631,6 +719,9 @@ export default {
.dragonBoatBox{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.summerHolidayBox{
background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #DCECEF 100%);
}
.boxBg{
z-index: 1;
position: absolute;
@ -687,6 +778,9 @@ export default {
.dragonBoatBox{
background: linear-gradient( 360deg, rgba(225,241,237,0) 0%, #E1F1ED 100%);
}
.summerHolidayBox{
background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #DCECEF 100%);
}
.boxBg{
z-index: 1;
position: absolute;
@ -766,6 +860,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");
}
.rightBox{
right: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
@ -817,6 +914,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;
}
}
.revenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
}
@ -829,6 +935,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{
@ -865,6 +974,15 @@ 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");
}
@ -877,6 +995,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{
@ -913,6 +1034,15 @@ export default {
color: #218794;
}
}
.summerHolidayCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo6.png");
.value{
color: #6F8A14;
}
.label{
color: #6F8A14;
}
}
}
}
}