This commit is contained in:
cclu 2024-04-07 09:14:24 +08:00
parent 3e3f701b79
commit 562657a57e
6 changed files with 59 additions and 15 deletions

Binary file not shown.

Binary file not shown.

View File

@ -13,7 +13,7 @@
</view> </view>
</picker> </picker>
</div> </div>
</div> </div>on
<div class="topBox"> <div class="topBox">
<div class="boxLeft"> <div class="boxLeft">
<div class="headerTitle">实时车流预警</div> <div class="headerTitle">实时车流预警</div>

View File

@ -222,7 +222,7 @@ export default {
this.howDayNumber = dayNumber<=40?dayNumber:40 this.howDayNumber = dayNumber<=40?dayNumber:40
}else if(this.selectFestival===1){ }else if(this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days") dayNumber = moment().diff("2024-04-03", "days")
this.howDayNumber = dayNumber<=3?dayNumber:3 this.howDayNumber = dayNumber<=5?dayNumber:5
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){ for (let i = 1;i<=this.howDayNumber;i++){

View File

@ -273,7 +273,7 @@ export default {
this.howDayNumber = dayNumber<=40?dayNumber:40 this.howDayNumber = dayNumber<=40?dayNumber:40
}else if(this.selectFestival===1){ }else if(this.selectFestival===1){
dayNumber = moment().diff("2024-04-03", "days") dayNumber = moment().diff("2024-04-03", "days")
this.howDayNumber = dayNumber<=3?dayNumber:3 this.howDayNumber = dayNumber<=5?dayNumber:5
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){ for (let i = 1;i<=this.howDayNumber;i++){

View File

@ -77,15 +77,15 @@
</div> </div>
</div> </div>
<div class="pkBox"> <div class="pkBox">
<div class="leftBox"> <div :class="selectFestival===0?'leftBox springLeftBox':selectFestival===1?'leftBox qmLeftBox':''">
<text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearRevenue.data?$util.getMoney(pageData.curYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2024/万元</text> <text class="label">2024/万元</text>
</div> </div>
<div class="rightBox"> <div :class="selectFestival===0?'rightBox springRightBox':selectFestival===1?'rightBox qmRightBox':''">
<text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearRevenue.data?$util.getMoney(pageData.lYearRevenue.data / 10000):'0.00'}}</text>
<text class="label">2023/万元</text> <text class="label">2023/万元</text>
</div> </div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png"/> <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/vs.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk1st.png':''"/>
</div> </div>
<div class="otherListBox" v-if="isShowAllDetail"> <div class="otherListBox" v-if="isShowAllDetail">
@ -281,15 +281,15 @@
</div> </div>
<div class="overAllDataBottom"> <div class="overAllDataBottom">
<div class="pkBox"> <div class="pkBox">
<div class="leftBox revenueLeft"> <div :class="selectFestival===0?'leftBox revenueLeft':selectFestival===1?'leftBox qmRevenueLeft':''">
<text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearAccount.data?$util.getMoney(pageData.curYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2024/万元</text> <text class="label">2024/万元</text>
</div> </div>
<div class="rightBox revenueRight"> <div :class="selectFestival===0?'rightBox revenueRight':selectFestival===1?'rightBox qmRevenueRight':''">
<text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearAccount.data?$util.getMoney(pageData.lYearAccount.data / 10000):'0.00'}}</text>
<text class="label">2023/万元</text> <text class="label">2023/万元</text>
</div> </div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png"/> <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueVS.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk2st.png':''"/>
</div> </div>
<div class="otherListBox" v-if="isShowAllDetail"> <div class="otherListBox" v-if="isShowAllDetail">
@ -439,15 +439,15 @@
</div> </div>
<div class="overAllDataBottom"> <div class="overAllDataBottom">
<div class="pkBox" style="margin-bottom: 20px"> <div class="pkBox" style="margin-bottom: 20px">
<div class="leftBox carLeft"> <div :class="selectFestival===0?'leftBox carLeft':selectFestival===1?'leftBox qmCarLeft':''">
<text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text> <text class="value">{{pageData.curYearBayonet.data?$util.getMoney(pageData.curYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2024/万辆</text> <text class="label">2024/万辆</text>
</div> </div>
<div class="rightBox carRight"> <div :class="selectFestival===0?'rightBox carRight':selectFestival===1?'rightBox qmCarRight':'' ">
<text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text> <text class="value">{{pageData.lYearBayonet.data?$util.getMoney(pageData.lYearBayonet.data / 10000):'0.00'}}</text>
<text class="label">2023/万辆</text> <text class="label">2023/万辆</text>
</div> </div>
<img class="pkLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png"/> <img class="pkLogo" :src="selectFestival===0?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carVS.png':selectFestival===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmPk3st.png':''"/>
</div> </div>
<div class="otherListBox"> <div class="otherListBox">
@ -1008,6 +1008,7 @@ export default {
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay this.currentScroll = 'item'+ this.lastDay
} }
console.log('currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay) const lastDate = new Date(this.lastDay)
let lastM = lastDate.getMonth() + 1 let lastM = lastDate.getMonth() + 1
let lastD = lastDate.getDate() let lastD = lastDate.getDate()
@ -1031,7 +1032,7 @@ export default {
if (this.selectFestival===0){ if (this.selectFestival===0){
this.howDayNumber = dayNumber<=40?dayNumber:40 this.howDayNumber = dayNumber<=40?dayNumber:40
}else if (this.selectFestival===1){ }else if (this.selectFestival===1){
this.howDayNumber = dayNumber<=3?dayNumber:3 this.howDayNumber = dayNumber<=5?dayNumber:5
} }
let dateList = [] let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){ for (let i = 1;i<=this.howDayNumber;i++){
@ -1979,9 +1980,15 @@ export default {
flex-direction: column; flex-direction: column;
position: absolute; 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");
}
.leftBox{ .leftBox{
left: 0;top: 0; left: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png"); //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.value{ .value{
@ -1999,9 +2006,22 @@ export default {
line-height: 40rpx; 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;
}
}
.rightBox{ .rightBox{
right: 0;top: 0; right: 0;top: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png"); //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
align-items: flex-end; align-items: flex-end;
@ -2023,6 +2043,9 @@ export default {
.revenueLeft{ .revenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
} }
.qmRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
}
.revenueRight{ .revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{ .value{
@ -2032,9 +2055,21 @@ export default {
color: #D48F00; color: #D48F00;
} }
} }
.qmRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
.value{
color: #3873DD;
}
.label{
color: #3873DD;
}
}
.carLeft{ .carLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
} }
.qmCarLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png");
}
.carRight{ .carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png"); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{ .value{
@ -2044,6 +2079,15 @@ export default {
color: #3873DD; color: #3873DD;
} }
} }
.qmCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
.value{
color: #0793BB;
}
.label{
color: #0793BB;
}
}
} }
.otherListBox{ .otherListBox{