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>
</picker>
</div>
</div>
</div>on
<div class="topBox">
<div class="boxLeft">
<div class="headerTitle">实时车流预警</div>

View File

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

View File

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

View File

@ -77,15 +77,15 @@
</div>
</div>
<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="label">2024/万元</text>
</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="label">2023/万元</text>
</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 class="otherListBox" v-if="isShowAllDetail">
@ -281,15 +281,15 @@
</div>
<div class="overAllDataBottom">
<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="label">2024/万元</text>
</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="label">2023/万元</text>
</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 class="otherListBox" v-if="isShowAllDetail">
@ -439,15 +439,15 @@
</div>
<div class="overAllDataBottom">
<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="label">2024/万辆</text>
</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="label">2023/万辆</text>
</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 class="otherListBox">
@ -1008,6 +1008,7 @@ export default {
}else if (this.selectFestival===1){
this.currentScroll = 'item'+ this.lastDay
}
console.log('currentScroll',this.currentScroll)
const lastDate = new Date(this.lastDay)
let lastM = lastDate.getMonth() + 1
let lastD = lastDate.getDate()
@ -1031,7 +1032,7 @@ export default {
if (this.selectFestival===0){
this.howDayNumber = dayNumber<=40?dayNumber:40
}else if (this.selectFestival===1){
this.howDayNumber = dayNumber<=3?dayNumber:3
this.howDayNumber = dayNumber<=5?dayNumber:5
}
let dateList = []
for (let i = 1;i<=this.howDayNumber;i++){
@ -1979,9 +1980,15 @@ export default {
flex-direction: column;
position: absolute;
}
.springLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
}
.qmLeftBox{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png");
}
.leftBox{
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-size: 100% 100%;
.value{
@ -1999,9 +2006,22 @@ export default {
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{
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-size: 100% 100%;
align-items: flex-end;
@ -2023,6 +2043,9 @@ export default {
.revenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
}
.qmRevenueLeft{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
}
.revenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
.value{
@ -2032,9 +2055,21 @@ export default {
color: #D48F00;
}
}
.qmRevenueRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
.value{
color: #3873DD;
}
.label{
color: #3873DD;
}
}
.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");
}
.carRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
.value{
@ -2044,6 +2079,15 @@ export default {
color: #3873DD;
}
}
.qmCarRight{
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
.value{
color: #0793BB;
}
.label{
color: #0793BB;
}
}
}
.otherListBox{