From 499a72203f602f22519722b46ad227faf5985676 Mon Sep 17 00:00:00 2001 From: ylj20011123 Date: Fri, 6 Jun 2025 19:21:18 +0800 Subject: [PATCH] update --- src/App.vue | 1 + src/assets/css/fonts.less | 18 + src/assets/font/YouSheBiaoTiHei-2.ttf | Bin 0 -> 1414784 bytes src/assets/image/RevenueYOYIcon.png | Bin 0 -> 13260 bytes src/assets/image/allPageTopBg.png | Bin 0 -> 143636 bytes src/assets/image/busyIcon.png | Bin 0 -> 11058 bytes src/assets/image/newBigTitleBg.png | Bin 0 -> 21051 bytes src/assets/image/newPageTitle.png | Bin 0 -> 134461 bytes src/assets/image/newSelectPageTop.png | Bin 0 -> 74560 bytes src/assets/image/normalIcon.png | Bin 0 -> 10444 bytes src/assets/image/serviceAreaBg.png | Bin 0 -> 1622 bytes .../AssessmentScoring/AssessmentScoring.less | 103 +++++ .../AssessmentScoring/AssessmentScoring.vue | 34 ++ .../BasicMessageBox/BasicMessageBox.less | 8 +- .../components/BrandDetail/BrandDetail.less | 156 +++++++ .../components/BrandDetail/BrandDetail.vue | 240 ++++++++++ .../components/BusinessCase/BusinessCase.less | 159 +++++++ .../components/BusinessCase/BusinessCase.vue | 432 ++++++++++++++++++ .../CoreBusinessData/CoreBusinessData.less | 63 ++- .../CoreBusinessData/CoreBusinessData.vue | 75 ++- .../CustomerConsumptionPreferences.less | 14 + .../CustomerConsumptionPreferences.vue | 200 ++++++++ .../CustomerGroup/CustomerGroup.less | 9 + .../CustomerGroup/CustomerGroup.vue | 200 ++++++++ .../FestivalRevenue/FestivalRevenue.less | 4 +- .../HotProductList/HotProductList.vue | 5 +- .../MerchantRatingRanking.less | 86 +++- .../MerchantRatingRanking.vue | 196 ++++---- .../OverviewOfServiceArea.less | 160 +++++++ .../OverviewOfServiceArea.vue | 236 ++++++++++ .../index/components/PageMap/PageMap.less | 11 + .../PassengerFlowChanges.vue | 1 + .../components/TodayTrend/TodayTrend.vue | 320 ++++++------- .../TrendOfTrafficFlow.less | 4 +- .../TrendOfTrafficFlow/TrendOfTrafficFlow.vue | 10 +- .../VehicleStayAnalysis.less | 14 + .../VehicleStayAnalysis.vue | 197 ++++++++ .../VehiclesEntering/VehiclesEntering.less | 3 +- .../VehiclesEntering/VehiclesEntering.vue | 225 ++++++--- .../newBigTitleBox/newBigTitleBox.less | 16 + .../newBigTitleBox/newBigTitleBox.vue | 19 + .../noticeListBox/noticeListBox.less | 123 ++++- .../noticeListBox/noticeListBox.vue | 98 +++- .../index/components/pageTop/pageTop.less | 34 +- src/page/index/components/pageTop/pageTop.vue | 5 +- .../components/smallTitle/smallTitle.less | 16 +- .../components/smallTitle/smallTitle.vue | 2 +- src/page/index/index.vue | 59 ++- src/page/index/service.ts | 90 ++++ src/page/index/style.less | 57 ++- 50 files changed, 3263 insertions(+), 440 deletions(-) create mode 100644 src/assets/css/fonts.less create mode 100644 src/assets/font/YouSheBiaoTiHei-2.ttf create mode 100644 src/assets/image/RevenueYOYIcon.png create mode 100644 src/assets/image/allPageTopBg.png create mode 100644 src/assets/image/busyIcon.png create mode 100644 src/assets/image/newBigTitleBg.png create mode 100644 src/assets/image/newPageTitle.png create mode 100644 src/assets/image/newSelectPageTop.png create mode 100644 src/assets/image/normalIcon.png create mode 100644 src/assets/image/serviceAreaBg.png create mode 100644 src/page/index/components/AssessmentScoring/AssessmentScoring.less create mode 100644 src/page/index/components/AssessmentScoring/AssessmentScoring.vue create mode 100644 src/page/index/components/BrandDetail/BrandDetail.less create mode 100644 src/page/index/components/BrandDetail/BrandDetail.vue create mode 100644 src/page/index/components/BusinessCase/BusinessCase.less create mode 100644 src/page/index/components/BusinessCase/BusinessCase.vue create mode 100644 src/page/index/components/CustomerConsumptionPreferences/CustomerConsumptionPreferences.less create mode 100644 src/page/index/components/CustomerConsumptionPreferences/CustomerConsumptionPreferences.vue create mode 100644 src/page/index/components/CustomerGroup/CustomerGroup.less create mode 100644 src/page/index/components/CustomerGroup/CustomerGroup.vue create mode 100644 src/page/index/components/OverviewOfServiceArea/OverviewOfServiceArea.less create mode 100644 src/page/index/components/OverviewOfServiceArea/OverviewOfServiceArea.vue create mode 100644 src/page/index/components/VehicleStayAnalysis/VehicleStayAnalysis.less create mode 100644 src/page/index/components/VehicleStayAnalysis/VehicleStayAnalysis.vue create mode 100644 src/page/index/components/newBigTitleBox/newBigTitleBox.less create mode 100644 src/page/index/components/newBigTitleBox/newBigTitleBox.vue diff --git a/src/App.vue b/src/App.vue index 9356003..eab280a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,6 +7,7 @@ + + \ No newline at end of file diff --git a/src/page/index/components/BasicMessageBox/BasicMessageBox.less b/src/page/index/components/BasicMessageBox/BasicMessageBox.less index 09016f5..191a172 100644 --- a/src/page/index/components/BasicMessageBox/BasicMessageBox.less +++ b/src/page/index/components/BasicMessageBox/BasicMessageBox.less @@ -1,5 +1,6 @@ .BasicMessageBox { width: 100%; + height: 25px; .rightBox { // position: absolute; @@ -26,14 +27,15 @@ white-space: nowrap; .weatherIcon { - width: 20px; - height: 20px; + width: 18px; + height: 18px; margin-right: 10px; } .weatherText { font-weight: 400; - font-size: 20px; + font-size: 19px; + line-height: 19px; color: #FFFFFF; text-align: center; font-style: normal; diff --git a/src/page/index/components/BrandDetail/BrandDetail.less b/src/page/index/components/BrandDetail/BrandDetail.less new file mode 100644 index 0000000..8c625ef --- /dev/null +++ b/src/page/index/components/BrandDetail/BrandDetail.less @@ -0,0 +1,156 @@ +.BrandDetailBox { + width: 100%; + box-sizing: border-box; + padding: 20px; + + .brandTypeBox { + width: 100%; + + .brandChartBox { + width: 100%; + height: 132px; + margin-top: 35px; + position: relative; + + } + } + + .brandList { + width: 100%; + margin-top: 42px; + + .tabBox { + width: 100%; + + .tabItem { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 15px; + color: #89929E; + text-align: left; + font-style: normal; + margin: 0 20px; + display: inline-block; + cursor: pointer; + } + + .selectTab { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 15px; + color: #FFFFFF; + text-align: left; + font-style: normal; + position: relative; + display: inline-block; + } + + .selectTab::after { + content: ''; + width: 100%; + height: 1px; + background: linear-gradient(180deg, #00F6FF 0%, #008CFF 100%); + position: absolute; + left: 0; + bottom: -5px; + } + } + + .brandListBox { + width: 100%; + box-sizing: border-box; + padding: 20px 11px; + + .brandItem { + width: 100%; + margin-bottom: 10px; + background-color: #0F1625; + box-sizing: border-box; + padding: 10px; + display: flex; + align-items: center; + + .brandLeft { + width: 66px; + height: 66px; + border-radius: 10px; + overflow: hidden; + margin-right: 10px; + + .brandIcon { + width: 100%; + height: 100%; + } + } + + .brandRight { + flex: 1; + height: 100%; + box-sizing: border-box; + padding: 10px 0; + + .brandRightTop { + width: 100%; + + .brandRightTopLeft { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 12px; + color: #FFFFFF; + text-align: left; + font-style: normal; + } + + .brandRightTopRight { + display: flex; + align-items: center; + + .brandRightTopRightIcon { + width: 15px; + height: 15px; + margin-right: 10px; + } + + .brandRightTopRightValue { + font-family: Impact, Impact; + font-weight: 400; + font-size: 15px; + color: #FFFFFF; + letter-spacing: 1px; + text-align: right; + font-style: normal; + } + + .brandRightTopRightUnit { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 12px; + color: #626670; + text-align: left; + font-style: normal; + margin-left: 4px; + } + } + } + + .brandRightBottom { + margin-top: 13px; + + .brandRightBottomItem { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 10px; + color: #0094FF; + text-align: center; + font-style: normal; + display: inline-block; + padding: 2px 10px; + background-color: rgba(0, 148, 255, 0.3); + border-radius: 3px; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/page/index/components/BrandDetail/BrandDetail.vue b/src/page/index/components/BrandDetail/BrandDetail.vue new file mode 100644 index 0000000..073ce47 --- /dev/null +++ b/src/page/index/components/BrandDetail/BrandDetail.vue @@ -0,0 +1,240 @@ + + + + + \ No newline at end of file diff --git a/src/page/index/components/BusinessCase/BusinessCase.less b/src/page/index/components/BusinessCase/BusinessCase.less new file mode 100644 index 0000000..c930c34 --- /dev/null +++ b/src/page/index/components/BusinessCase/BusinessCase.less @@ -0,0 +1,159 @@ +.BusinessCaseBox { + width: 100%; + + .BusinessCaseTabBox { + width: 100%; + display: flex; + align-items: center; + + .BusinessCaseItem { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 15px; + color: #87919C; + text-align: left; + font-style: normal; + margin: 0 10px; + cursor: pointer; + } + + .selectBusinessCaseItem { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 15px; + color: #FFFFFF; + text-align: left; + font-style: normal; + position: relative; + } + + + .selectBusinessCaseItem::after { + content: ""; + width: 100%; + height: 1px; + background: linear-gradient(180deg, #00F6FF 0%, #008CFF 100%); + position: absolute; + left: 0; + bottom: -4px; + } + } + + + .BusinessCaseRevenueYOY { + width: 100%; + margin-top: 26px; + background: linear-gradient(30deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%); + box-sizing: border-box; + padding: 20px 15px; + display: flex; + align-items: center; + + + .BusinessCaseLeftItem { + width: 53px; + height: 53px; + margin-right: 10px; + + .BusinessIcon { + width: 53px; + height: 53px; + } + } + + .BusinessCaseRightItem { + flex: 1; + display: flex; + align-items: flex-end; + justify-content: space-between; + + .rightItemLeft { + .rightItemTitle { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 14px; + color: #FFFFFF; + text-align: left; + font-style: normal; + margin-top: 5px; + } + + .rightItemBottom { + margin-top: 8px; + display: flex; + align-items: center; + + .compareTitle { + font-family: Inter, Inter; + font-weight: 400; + font-size: 12px; + color: #78828E; + text-align: left; + font-style: normal; + } + + .changeBox { + margin-left: 5px; + + .changeIcon { + width: 6px; + height: 8px; + margin-right: 2px; + } + + .changeText { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 10px; + color: #00FF00; + text-align: left; + font-style: normal; + } + } + } + } + + + .rightItemRight { + display: flex; + align-items: center; + + .BusinessCaseRevenueValue { + font-family: Impact, Impact; + font-weight: 400; + font-size: 25px; + color: #FFFFFF; + letter-spacing: 2px; + text-align: right; + font-style: normal; + } + + .BusinessCaseRevenueUnit { + font-family: Inter, Inter; + font-weight: 400; + font-size: 12px; + color: #788390; + text-align: right; + font-style: normal; + margin-left: 10px; + } + } + } + } + + .featureAnalysis { + width: 100%; + height: 283px; + + .featureAnalysisBox { + width: 100%; + height: 283px; + } + + .featureAnalysisBottom { + width: 100%; + height: 283px; + margin-top: 23px; + } + } +} \ No newline at end of file diff --git a/src/page/index/components/BusinessCase/BusinessCase.vue b/src/page/index/components/BusinessCase/BusinessCase.vue new file mode 100644 index 0000000..0405624 --- /dev/null +++ b/src/page/index/components/BusinessCase/BusinessCase.vue @@ -0,0 +1,432 @@ + + + + + \ No newline at end of file diff --git a/src/page/index/components/CoreBusinessData/CoreBusinessData.less b/src/page/index/components/CoreBusinessData/CoreBusinessData.less index 3eb21ed..46139e3 100644 --- a/src/page/index/components/CoreBusinessData/CoreBusinessData.less +++ b/src/page/index/components/CoreBusinessData/CoreBusinessData.less @@ -4,7 +4,7 @@ .busninessBox { width: 100%; height: 106px; - background-image: url('../../../../assets/image/businessCenterBg.png'); + // background-image: url('../../../../assets/image/businessCenterBg.png'); background-repeat: no-repeat; background-size: 100% 100%; box-sizing: border-box; @@ -93,7 +93,7 @@ .busninessItemValue { font-family: Impact, Impact; font-weight: 400; - font-size: 24px; + font-size: 20px; color: #FFFFFF; letter-spacing: 2px; text-align: left; @@ -115,4 +115,63 @@ } } + .newCoreBusinessBox { + display: flex; + align-items: center; + + .newCoreBusinessItem { + box-sizing: border-box; + padding: 3px 55px; + + .newCoreBusinessItemLabel { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: bold; + font-size: 12px; + color: #C1ECF7; + text-align: center; + font-style: normal; + } + + .newCoreBusinessItemValue { + font-family: Bahnschrift, Bahnschrift; + font-weight: 400; + font-size: 25px; + color: #48A9F6; + text-align: center; + font-style: normal; + } + + .newCoreBusinessItemCompare { + display: flex; + align-items: center; + + .newCoreBusinessItemText { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 9px; + color: #C1ECF7; + text-align: left; + font-style: normal; + text-transform: none; + } + + .newCoreBusinessItemAddIcon { + width: 6px; + height: 8px; + margin: 0 2px; + } + + .newCoreBusinessItemAddValue { + font-family: Microsoft YaHei, Microsoft YaHei; + font-weight: 400; + font-size: 10px; + color: #00FF00; + text-align: left; + font-style: normal; + } + } + + } + } + } \ No newline at end of file diff --git a/src/page/index/components/CoreBusinessData/CoreBusinessData.vue b/src/page/index/components/CoreBusinessData/CoreBusinessData.vue index 1a9fe02..ccb6124 100644 --- a/src/page/index/components/CoreBusinessData/CoreBusinessData.vue +++ b/src/page/index/components/CoreBusinessData/CoreBusinessData.vue @@ -141,8 +141,72 @@ const handleGetPonitFixed = (str: string) => {