-
服务区排名
+
服务区排名
-
![]()
+
@@ -815,14 +816,14 @@
-
服务区排名
+
服务区排名
-
![]()
+
@@ -974,8 +975,8 @@ export default {
entryCarDailyAdd:0,// 每日车流增幅
entryCarDailyNumber:0,// 每日车流增长
- selectFestival: 1,// 选择的节日
- festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2}],// 节日列表
+ selectFestival: 2,// 选择的节日
+ festivalList:[{label:'平安春运',value:1},{label:'清明节',value:2},{label:'劳动节',value:2}],// 节日列表
}
},
async onLoad(query){
@@ -1007,6 +1008,8 @@ export default {
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
}
console.log('currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay)
@@ -1025,10 +1028,13 @@ export default {
// dayNumber = 6 + lastDays
// }
if (this.selectFestival===0){
- dayNumber = moment().diff("2024-01-26", "days")
+ dayNumber = moment().diff("2024-01-26", "days")// 春节
}else if (this.selectFestival===1){
- dayNumber = moment().diff("2024-04-03", "days")
+ dayNumber = moment().diff("2024-04-03", "days")// 清明
+ }else if (this.selectFestival===2){
+ dayNumber = moment().diff("2024-04-29", "days")// 劳动
}
+ console.log('dayNumber',dayNumber)
if (this.selectFestival===0){
this.howDayNumber = dayNumber<=40?dayNumber:40
this.lastDay = '2024-03-05'
@@ -1040,14 +1046,24 @@ export default {
this.currentScroll = 'item'+ '2024-04-07'
this.lastDay = '2024-04-07'
}
-
+ }else if (this.selectFestival===2){
+ if (dayNumber<=7){
+ this.howDayNumber = dayNumber
+ }else{
+ this.howDayNumber = 7
+ this.currentScroll = 'item'+ '2024-05-05'
+ this.lastDay = '2024-05-05'
+ }
}
+
let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){
if (this.selectFestival===0){
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){
dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
+ }else if (this.selectFestival===2){
+ dateList.push({label:`第${i}天`,value:moment("2024-04-28").add(i, 'days').format("YYYY-MM-DD")})
}
// if (i<7){
// dateList.push({label:`第${i}天`,value:`2024-01-${26+i-1}`})
@@ -1100,6 +1116,7 @@ export default {
this.handleResest()
console.log('e',e)
this.selectFestival = Number(e.detail.value)
+ this.scrollList = []
if (this.selectFestival===0){
this.currentScroll = 'item'+ '2024-03-05'
@@ -1112,6 +1129,8 @@ export default {
dayNumber = moment().diff("2024-01-26", "days")
}else if (this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days")
+ }else if (this.selectFestival===2){
+ dayNumber = moment().diff("2024-04-29", "days")// 劳动
}
if (this.selectFestival===0){
if (dayNumber<=40){
@@ -1126,8 +1145,18 @@ export default {
this.howDayNumber = dayNumber
}else{
this.howDayNumber = 3
+ this.currentScroll = 'item'+ '2024-04-05'
this.lastDay = '2024-04-07'
}
+ }else if (this.selectFestival===2){
+ // this.howDayNumber = dayNumber<=3?dayNumber:3
+ if (dayNumber<=7){
+ this.howDayNumber = dayNumber
+ }else{
+ this.howDayNumber = 7
+ this.currentScroll = 'item'+ '2024-05-05'
+ this.lastDay = '2024-05-05'
+ }
}
let dateList = []
for (let i = 1;i<=this.howDayNumber;i++) {
@@ -1135,6 +1164,8 @@ export default {
dateList.push({label:`第${i}天`,value:moment("2024-01-25").add(i, 'days').format("YYYY-MM-DD")})
}else if (this.selectFestival===1){
dateList.push({label:`第${i}天`,value:moment("2024-04-02").add(i, 'days').format("YYYY-MM-DD")})
+ }else if (this.selectFestival===1){
+ dateList.push({label:`第${i}天`,value:moment("2024-04-28").add(i, 'days').format("YYYY-MM-DD")})
}
}
if (dateList && dateList.length>0){
@@ -1151,12 +1182,13 @@ export default {
},
async handleGetPageData(date){
let req
+ // 判断有没有服务区
if (this.springService){
req = {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
- HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'',
+ HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay,
ServerpartId:this.springService.Serverpart_ID
}
@@ -1165,7 +1197,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
- HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'',
+ HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay,
}
}
@@ -1292,7 +1324,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
- HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'',
+ HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay,
businessRegion:1,
}
@@ -1350,7 +1382,7 @@ export default {
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear:this.curYear,
compareYear:this.compareYear,
- HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:'',
+ HolidayType:this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
StatisticsDate:date || this.lastDay,
businessTrade:1
}
@@ -1595,6 +1627,9 @@ export default {
.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;
+ }
.top{
width: 100%;
height: 432rpx;
@@ -1613,6 +1648,9 @@ export default {
.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;
+ }
.header{
position: fixed;
width: 100%;
@@ -1750,6 +1788,9 @@ export default {
.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%);
+ }
.overAllDataTop{
width: 100%;
border-radius: 14rpx 14rpx 16rpx 16rpx;
@@ -2005,6 +2046,9 @@ export default {
.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");
+ }
.leftBox{
left: 0;top: 0;
//background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
@@ -2037,6 +2081,15 @@ export default {
color: #2D7E72!important;
}
}
+ .labourRightBox{
+ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
+ .value{
+ color: #E17900!important;
+ }
+ .label{
+ color: #E17900!important;
+ }
+ }
.rightBox{
right: 0;top: 0;
@@ -2065,6 +2118,9 @@ export default {
.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");
+ }
.revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{
@@ -2083,12 +2139,24 @@ export default {
color: #3873DD;
}
}
+ .labourRevenueRight{
+ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
+ .value{
+ color: #F0490E;
+ }
+ .label{
+ color: #F0490E;
+ }
+ }
.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");
+ }
.carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{
@@ -2107,6 +2175,15 @@ export default {
color: #0793BB;
}
}
+ .labourCarRight{
+ background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
+ .value{
+ color: #A59301;
+ }
+ .label{
+ color: #A59301;
+ }
+ }
}
.otherListBox{
@@ -2271,6 +2348,9 @@ export default {
.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%);
+ }
.revenueDetailTitleBox{
width: 100%;
height: 90rpx;
@@ -2347,6 +2427,11 @@ export default {
color: #226C61;
}
}
+ .labourNav{
+ .selectItem{
+ color: #D14702;
+ }
+ }
.dateText{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
diff --git a/pages/nationalPage/testPage.vue b/pages/nationalPage/testPage.vue
index 771a3bd..bf3e463 100644
--- a/pages/nationalPage/testPage.vue
+++ b/pages/nationalPage/testPage.vue
@@ -26,7 +26,7 @@
-
![]()
+
根据历史大数据显示:
@@ -37,11 +37,11 @@
-
+
-
![]()
+
@@ -152,6 +152,8 @@ export default {
this.howDayNumber = dayNumber
}else if (this.selectFestival===1){
this.howDayNumber = 5
+ }else if (this.selectFestival===2){
+ this.howDayNumber = 7
}
this.handleGetData()
},
@@ -163,7 +165,7 @@ export default {
const req = {
pushProvinceCode:'340000',
StatisticsDate: this.lastDay,
- holidayType: this.selectFestival===0?2:this.selectFestival===1?3:'',
+ holidayType: this.selectFestival===0?2:this.selectFestival===1?3:this.selectFestival===2?4:'',
curYear:2024,
compareYear:2023,
}
@@ -171,6 +173,12 @@ export default {
console.log('data',data)
let dateList = []
let dateList2 = []
+
+ // 去年的具体日期
+ let compareDateList = []
+ // 今年的具体日期
+ let curDateList = []
+
let dataObj = data.Result_Data
if (dataObj && dataObj.compareList && dataObj.compareList.length>0){
dataObj.compareList.forEach(item=>{
@@ -179,6 +187,7 @@ export default {
let d = date.getDate()
let dateText = `${m}.${d}`
item.easyDate = dateText
+ compareDateList.push(item.name)
})
}
if (dataObj && dataObj.curList && dataObj.curList.length>0){
@@ -188,6 +197,7 @@ export default {
let d = date.getDate()
let dateText = `${m}.${d}`
item.easyDate = dateText
+ curDateList.push(item.name)
})
}
if (this.selectFestival===0){
@@ -227,6 +237,13 @@ export default {
for(let i = 1;i<=5;i++){
dateList2.push(i)
}
+ }else if (this.selectFestival===2){
+ for(let i = 1;i<=7;i++){
+ dateList.push(`第${i}天`)
+ }
+ for(let i = 1;i<=7;i++){
+ dateList2.push(i)
+ }
}
let max = 0
@@ -286,7 +303,8 @@ export default {
real:realCurList,
tradDate:list,
howDayNumber:this.howDayNumber,
- selectFestival: this.selectFestival
+ selectFestival: this.selectFestival,
+ realDateList: ['2024-04-30','2024-05-01','2024-05-02','2024-05-03','2024-05-04','2024-05-05','2024-05-06']
},
{
name:`23年`,
@@ -294,10 +312,12 @@ export default {
real:realCompareList,
tradDate:list,
howDayNumber:this.howDayNumber,
- selectFestival: this.selectFestival
+ selectFestival: this.selectFestival,
+ realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']
},
],
max:Number(max.toFixed(2)),
+ selectFestival:this.selectFestival
}
let res2 = {
categories: dateList2,
@@ -307,14 +327,18 @@ export default {
data:curListList,
real:realCurList,
tradDate:list,
- howDayNumber:this.howDayNumber
+ howDayNumber:this.howDayNumber,
+ selectFestival: this.selectFestival,
+ realDateList: ['2024-04-30','2024-05-01','2024-05-02','2024-05-03','2024-05-04','2024-05-05','2024-05-06']
},
{
name:`23年`,
data:compareList,
real:realCompareList,
tradDate:list,
- howDayNumber:this.howDayNumber
+ howDayNumber:this.howDayNumber,
+ selectFestival: this.selectFestival,
+ realDateList: ['2023-04-28','2023-04-29','2023-04-30','2023-05-01','2023-05-02','2023-05-03','2023-05-04']
},
],
max:Number(max.toFixed(2)),
@@ -373,7 +397,7 @@ export default {
let phoneInfo = uni.getStorageSync('phoneInfo')
console.log('phoneInfo',phoneInfo)
-
+ let _this = this
this.opts2 = {
// width:phoneInfo.screenHeight+'px',
// height:(2*phoneInfo.screenWidth)+'px',
@@ -401,11 +425,12 @@ export default {
yAxis: {
gridType: "dash",
dashLength: 2,
- splitNumber:6,
+ splitNumber:5,
data: [
{
min: 0,
- max:3000
+ // max:_this.selectFestival===2?2000:3000
+ max: 2000
}
]
},
@@ -516,6 +541,9 @@ export default {
.qmBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
}
+ .labourBox{
+ background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
+ }
.boxBg{
z-index: 1;
position: absolute;
@@ -566,6 +594,9 @@ export default {
.qmBox{
background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
}
+ .labourBox{
+ background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
+ }
.boxBg{
z-index: 1;
position: absolute;