From 5003a255add7682d5a28f94b578c8b2198e6a8bb Mon Sep 17 00:00:00 2001 From: ylj20011123 Date: Wed, 4 Feb 2026 15:34:26 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E8=BD=A6=E6=B5=81=E3=80=81?= =?UTF-8?q?=E5=AE=A2=E6=88=BF=E9=A4=90=E9=A5=AE=E6=8B=86=E5=88=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/commercialBI/specialCase.vue | 436 ++++++++++---------- pages/index/index.vue | 184 ++++++--- pages/nationalPage/merchantRevenue.vue | 33 +- pages/nationalPage/rankPage.vue | 11 + pages/nationalPage/springTravel.vue | 534 ++++++++++++++++++++++--- 5 files changed, 858 insertions(+), 340 deletions(-) diff --git a/pages/commercialBI/specialCase.vue b/pages/commercialBI/specialCase.vue index 5cf8d36..7a8ac2a 100644 --- a/pages/commercialBI/specialCase.vue +++ b/pages/commercialBI/specialCase.vue @@ -18,18 +18,18 @@
-
实时预警
-
节日同期
昨日对比
+
节日同期
+
实时预警
{{ selectDimension === 1 ? `注: 1个小时入区流量比上月同一时间流量增幅150%以上且每小时入区车辆超过100辆` : selectDimension === 2 ? `注: 1个小时入区流量比去年节日同期增幅情况` : `注: 1个小时入区流量比昨日同时段增幅情况` - }} + }} {{ selectDimension === 1 ? `注: 前20个从今日零时起至今流量与月均同时段增幅情况` : selectDimension === 2 ? `注: 前20个从节日零时起至今流量与去年节日同期增幅情况` : `注: 前20个从今日零时起至今流量与昨日同时段增幅情况` }}
@@ -82,7 +82,7 @@
+ :style="{ height: selectTab === 1 ? 'calc(100vh - 340px)' : 'calc(100vh - 340px)' }" :scroll-y="true">
@@ -120,21 +120,14 @@
- {{ item.SERVERPART_DISTANCE ? item.SERVERPART_DISTANCE + 'km' : '' }} - {{ item.OWNERUNIT_NAME ? item.OWNERUNIT_NAME + 'km' : '' }} - - - - - - - - - - - 导航 - - +
+ {{ item.SERVERPART_DISTANCE ? item.SERVERPART_DISTANCE + 'km' : '-' }} + + + 导航 + +
+ {{ item.OWNERUNIT_NAME || '-' }}
@@ -167,8 +160,8 @@ export default { seat: {},// 当前用户的经纬度位置 serviceList: [],// 服务区列表 sortType: 1,// 1正序 2倒序 - sortNumber: 1,// 1当月 2月均 3增幅 - selectDimension: 1, // 1: 实时车流, 2: 节日对比, 3: 昨日对比 + sortNumber: 3,// 1当月 2月均 3增幅 + selectDimension: 3, // 1: 实时车流, 2: 节日对比, 3: 昨日对比 festivalList: [ { label: "25年元旦", start: "2024-12-31", end: "2025-01-02", value: "1", currentYear: 2025, compareYear: 2024 }, { label: "25年春运", start: "2025-01-14", end: "2025-02-22", value: "2", currentYear: 2025, compareYear: 2024 }, @@ -574,6 +567,7 @@ export default { left: 16px; top: 100px; width: calc(100% - 32px); + height: 170rpx; display: flex; justify-content: space-between; align-items: center; @@ -624,6 +618,7 @@ export default { color: #FFFFFF; line-height: 16px; display: inline-block; + height: 70rpx; } } @@ -719,6 +714,7 @@ export default { .contentList { width: 100%; + height: calc(100% - 108rpx); box-sizing: border-box; padding: 0 32rpx; @@ -1055,215 +1051,225 @@ export default { .rightBottom { display: flex; - justify-content: space-between; - align-items: center; + flex-direction: column; + margin-top: 16rpx; - .distance { - display: inline-block; - width: 120rpx; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 24rpx; - font-family: PingFangSC, PingFang SC; - font-weight: 400; - color: #786B6C; - line-height: 36rpx; + .actionRow { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + margin-bottom: 8rpx; + + .distance { + font-size: 24rpx; + font-family: DINAlternate-Bold, DINAlternate; + font-weight: bold; + color: #786B6C; + line-height: normal; + } + + .goMap { + display: flex; + align-items: center; + padding: 6rpx 20rpx; + background: linear-gradient(135deg, #4983FD 0%, #2A6DFF 100%); + box-sizing: border-box; + border-radius: 24rpx; + box-shadow: 0 4rpx 8rpx rgba(73, 131, 253, 0.2); + + .mapIcon { + width: 24rpx; + height: 24rpx; + margin-right: 8rpx; + } + + .mapText { + color: #fff; + font-size: 22rpx; + font-weight: 500; + line-height: normal; + } + + &:active { + opacity: 0.8; + transform: scale(0.95); + } + } } .address { font-size: 24rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; - color: #786B6C; - line-height: 36rpx; - display: inline-block; - width: 200rpx; - overflow: hidden; + color: #9A9A9A; + line-height: normal; white-space: nowrap; + overflow: hidden; text-overflow: ellipsis; + width: 100%; + } + } + + .rightBottomItem { + display: flex; + flex-direction: column; + align-items: center; + + .itemLabel { + font-size: 24rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #9A9A9A; + line-height: 36rpx; } - .goMap { - display: flex; - align-items: center; - padding: 4rpx 8rpx; - background: #4e92f6; - box-sizing: border-box; - border-radius: 8rpx; - - .mapIcon { - width: 20rpx; - height: 20rpx; - margin-right: 6rpx; - } - - .mapText { - color: #fff; - font-size: 22rpx; - } + .itemValue { + font-size: 28rpx; + font-family: DINAlternate, DINAlternate; + font-weight: bold; + color: #160002; + line-height: 32rpx; + margin-top: 8rpx; } - .rightBottomItem { - display: flex; - flex-direction: column; - align-items: center; - - .itemLabel { - font-size: 24rpx; - font-family: PingFangSC, PingFang SC; - font-weight: 400; - color: #9A9A9A; - line-height: 36rpx; - } - - .itemValue { - font-size: 28rpx; - font-family: DINAlternate, DINAlternate; - font-weight: bold; - color: #160002; - line-height: 32rpx; - margin-top: 8rpx; - } - - } } } } - - //.listItem{ - // margin-bottom: 12px; - // border: 1px solid #D9DBE0; - // border-radius: 8px; - // position: relative; - // .bg{ - // position: absolute; - // right: 0;top: 0; - // width: 97px; - // height: 97px; - // } - // .listBox{ - // width: 100%; - // box-sizing: border-box; - // padding: 12px 16px; - // background: linear-gradient(314deg, #EAEFFF 0%, #F3F5FF 32%, #F5FCFF 50%, #F0F7FF 67%, #DBE5FF 100%); - // border-bottom: 1px solid #D9DBE0; - // border-radius: 8px; - // .itemTop{ - // width: 100%; - // display: flex; - // justify-content: space-between; - // align-items: center; - // .itemLeft{ - // display: inline-block; - // padding: 4px 12px; - // background: rgba(26, 95, 255, 0.1); - // border-radius: 14px; - // .itemFixed{ - // width: 12px; - // height: 14px; - // margin-right: 4px; - // } - // .serverName{ - // font-size: 16px; - // font-family: DINAlternate-Bold, DINAlternate; - // font-weight: bold; - // white-space: nowrap; - // color: #1A5FFF; - // line-height: 22px - // } - // } - // .itemRight{ - // display: flex; - // align-items: center; - // .entryRate{ - // display: flex; - // flex-direction: column; - // .entryValue{ - // font-size: 16px; - // font-family: DINAlternate-Bold, DINAlternate; - // font-weight: bold; - // color: red; - // line-height: 24px; - // white-space: nowrap; - // } - // .entryLabel{ - // font-size: 14px; - // font-family: PingFangSC-Regular, PingFang SC; - // font-weight: 400; - // color: #786B6C; - // line-height: 20px; - // } - // } - // .img{ - // width: 26px; - // height: 14px; - // } - // - // } - // } - // .itemDetail{ - // margin-top: 16px; - // width: 100%; - // display: flex; - // justify-content: space-between; - // align-items: center; - // .message{ - // display: flex; - // flex-direction: column; - // .cirRate{ - // width: 40px; - // height: 40px; - // } - // .label{ - // font-size: 14px; - // font-family: PingFangSC-Regular, PingFang SC; - // font-weight: 400; - // color: #786B6C; - // line-height: 20px - // } - // .value{ - // font-size: 20px; - // font-family: DINAlternate-Bold, DINAlternate; - // font-weight: bold; - // color: #160002; - // line-height: 24px; - // white-space: nowrap; - // } - // } - // } - // } - // .childList{ - // border-radius: 8px 8px 0 0; - // box-sizing: border-box; - // margin-left: 16px; - // width: calc(100% - 32px); - // display: flex; - // align-items: center; - // justify-content: space-between; - // padding: 8px; - // .childItem{ - // width: calc(100% / 3); - // display: flex; - // flex-direction: column; - // .childLabel{ - // font-size: 14px; - // font-family: PingFangSC-Regular, PingFang SC; - // font-weight: 400; - // color: #786B6C; - // line-height: 20px - // } - // .childValue{ - // font-size: 18px; - // font-family: DINAlternate-Bold, DINAlternate; - // font-weight: bold; - // color: #160002; - // line-height: 24px; - // } - // } - // } - //} } + + //.listItem{ + // margin-bottom: 12px; + // border: 1px solid #D9DBE0; + // border-radius: 8px; + // position: relative; + // .bg{ + // position: absolute; + // right: 0;top: 0; + // width: 97px; + // height: 97px; + // } + // .listBox{ + // width: 100%; + // box-sizing: border-box; + // padding: 12px 16px; + // background: linear-gradient(314deg, #EAEFFF 0%, #F3F5FF 32%, #F5FCFF 50%, #F0F7FF 67%, #DBE5FF 100%); + // border-bottom: 1px solid #D9DBE0; + // border-radius: 8px; + // .itemTop{ + // width: 100%; + // display: flex; + // justify-content: space-between; + // align-items: center; + // .itemLeft{ + // display: inline-block; + // padding: 4px 12px; + // background: rgba(26, 95, 255, 0.1); + // border-radius: 14px; + // .itemFixed{ + // width: 12px; + // height: 14px; + // margin-right: 4px; + // } + // .serverName{ + // font-size: 16px; + // font-family: DINAlternate-Bold, DINAlternate; + // font-weight: bold; + // white-space: nowrap; + // color: #1A5FFF; + // line-height: 22px + // } + // } + // .itemRight{ + // display: flex; + // align-items: center; + // .entryRate{ + // display: flex; + // flex-direction: column; + // .entryValue{ + // font-size: 16px; + // font-family: DINAlternate-Bold, DINAlternate; + // font-weight: bold; + // color: red; + // line-height: 24px; + // white-space: nowrap; + // } + // .entryLabel{ + // font-size: 14px; + // font-family: PingFangSC-Regular, PingFang SC; + // font-weight: 400; + // color: #786B6C; + // line-height: 20px; + // } + // } + // .img{ + // width: 26px; + // height: 14px; + // } + // + // } + // } + // .itemDetail{ + // margin-top: 16px; + // width: 100%; + // display: flex; + // justify-content: space-between; + // align-items: center; + // .message{ + // display: flex; + // flex-direction: column; + // .cirRate{ + // width: 40px; + // height: 40px; + // } + // .label{ + // font-size: 14px; + // font-family: PingFangSC-Regular, PingFang SC; + // font-weight: 400; + // color: #786B6C; + // line-height: 20px + // } + // .value{ + // font-size: 20px; + // font-family: DINAlternate-Bold, DINAlternate; + // font-weight: bold; + // color: #160002; + // line-height: 24px; + // white-space: nowrap; + // } + // } + // } + // } + // .childList{ + // border-radius: 8px 8px 0 0; + // box-sizing: border-box; + // margin-left: 16px; + // width: calc(100% - 32px); + // display: flex; + // align-items: center; + // justify-content: space-between; + // padding: 8px; + // .childItem{ + // width: calc(100% / 3); + // display: flex; + // flex-direction: column; + // .childLabel{ + // font-size: 14px; + // font-family: PingFangSC-Regular, PingFang SC; + // font-weight: 400; + // color: #786B6C; + // line-height: 20px + // } + // .childValue{ + // font-size: 18px; + // font-family: DINAlternate-Bold, DINAlternate; + // font-weight: bold; + // color: #160002; + // line-height: 24px; + // } + // } + // } + //} } } diff --git a/pages/index/index.vue b/pages/index/index.vue index dfba613..789802e 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -8,13 +8,13 @@