From d571dadf8c3645994547093c3019d2672829442d Mon Sep 17 00:00:00 2001 From: duanliang <540489889@qq.com> Date: Sun, 4 Jan 2026 11:13:50 +0800 Subject: [PATCH] =?UTF-8?q?fix=20=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Title1/index.vue | 2 +- src/layout/components/Header/index.vue | 5 +- src/views/home/components/box-2.vue | 419 ++++++++++++------------ src/views/home/components/box-3.vue | 6 +- src/views/home/components/occupancy.vue | 9 +- 5 files changed, 226 insertions(+), 215 deletions(-) diff --git a/src/components/Title1/index.vue b/src/components/Title1/index.vue index a0cdf55..ba68039 100644 --- a/src/components/Title1/index.vue +++ b/src/components/Title1/index.vue @@ -21,7 +21,7 @@ position: relative; .title { margin: vh(20) auto; - width: vw(500); + width: vw(450); height: vh(66); display: flex; align-items: center; diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue index 0837526..2760ccf 100644 --- a/src/layout/components/Header/index.vue +++ b/src/layout/components/Header/index.vue @@ -169,7 +169,6 @@ router.push('/home') } const handleCommand = (item, type) => { - current.value = '' if (type === 'hotel') { otherRightLabel.value = '其他场馆' @@ -546,7 +545,7 @@ height: vh(56); line-height: vh(46); font-weight: 600; - font-size: vw(28); + font-size: font-vw(24); text-align: center; padding: 0 vw(50); color: rgba(208, 236, 255, 0.9); @@ -573,7 +572,7 @@ height: vh(56); line-height: vh(46); font-weight: 600; - font-size: vw(28); + font-size: font-vw(24); text-align: center; color: rgba(208, 236, 255, 0.9); background-image: url('@/assets/images/title-3.png'); diff --git a/src/views/home/components/box-2.vue b/src/views/home/components/box-2.vue index 0d53632..a59901b 100644 --- a/src/views/home/components/box-2.vue +++ b/src/views/home/components/box-2.vue @@ -50,200 +50,209 @@
-
- -
- +
+ +
+
+ +
+
+ +
-
-
-
-
-
车总数
-
- - 辆 -
-
-
-
-
景区
-
运行
-
空余
-
-
- + +
+
+
+
+
车总数
+
+ + 辆 +
+
+
+
+
景区
+
运行
+
空余
+
+
+ +
+
{{ item.name }}
+
{{ item.started_count }}辆
+
{{ item.not_started_count }}辆
+
+ +
+
+
+
+
+
船总数
+
+ + 艘 +
+
+
+
+
景区
+
运行
+
空余
+
+
+ +
+
{{ item.name }}
+
{{ item.started_count }}艘
+
{{ item.not_started_count }}艘
+
+ +
+
+
+
+
+ +
+ +
+
+
接入总数
+ +
+
+
房间总数
+ +
+
+
当前入住总数
+ +
+
+
当前入住率
+
+ + % +
+
+
+
+
+ +
+ + +
+
+ +
+
+
+
+
+

今日工单总条数

+ +
+
+

工单完成数

+ +
+
+
+ 工单完成数 +
+ +
+ {{ homeStore.wordkOrderData.toDayData.rate }}% +
+
+
+
+
+

紧急工单数

+ +
+
+

紧急工单完成数

+ +
+
+
+ 工单完成数 +
+ +
+ {{ homeStore.wordkOrderData.warnData.rate }}% +
+
+
+
+ -
-
{{ item.name }}
-
{{ item.started_count }}辆
-
{{ item.not_started_count }}辆
-
- -
-
-
-
-
-
船总数
-
- - 艘 -
-
-
-
-
景区
-
运行
-
空余
-
-
- -
-
{{ item.name }}
-
{{ item.started_count }}艘
-
{{ item.not_started_count }}艘
-
- -
-
-
-
+ :wheel="true" + :isWatch="true" + > +
+ {{ item.level_text }} +

+ {{ item.title }} +

+
+
+ 今日暂无工单 +
+ +
+
-
- -
-
-
接入总数
- -
-
-
房间总数
- -
-
-
当前入住总数
- -
-
-
当前入住率
-
- - % -
-
-
-
-
- -
- -
-
- - -
-
-
-
-

今日工单总条数

- -
-
-

工单完成数

- -
-
-
- 工单完成数 -
- -
- {{ homeStore.wordkOrderData.toDayData.rate }}% -
-
-
-
-
-

紧急工单数

- -
-
-

紧急工单完成数

- -
-
-
- 工单完成数 -
- -
- {{ homeStore.wordkOrderData.warnData.rate }}% -
-
-
-
- -
- {{ item.level_text }} -

- {{ item.title }} -

-
-
- 今日暂无工单 -
- -
@@ -491,7 +500,7 @@ // flex: 1; & > div { position: relative; - height: vh(299); + height: vh(265); display: flex; align-items: center; background-image: url('@/assets/images/bg-4.png'); @@ -541,10 +550,10 @@ .table { position: absolute; left: vw(200); - // width: vw(350); - width:85%; + width: vw(450); + // width:5%; // height: vh(196); - height:100%; + // height:100%; z-index: 2; background: rgba(0, 150, 255, 0.17); .header { @@ -626,7 +635,7 @@ flex:1; margin: 0 vw(6); .occupancy{ - height:100%; + // height:vh(200); } & > div:nth-child(1) { display: flex; @@ -693,7 +702,7 @@ } .map { width: 100%; - height: vh(1170); + height: vh(1240); background-color: transparent; } .box-3 { @@ -811,18 +820,20 @@ } } .footer { + position: absolute; + width:vw(2630); margin-top: vh(8); // display: flex; - // height: vh(500); - height:100%; + height: vh(650); + // height:100%; background-image: url('@/assets/images/bg-2.png'); background-size: 100% 100%; flex-wrap: wrap; .left { - // flex: 1; + flex: 1; display: flex; - margin-top: vh(14); - width:100%; + // margin-top: vh(14); + // width:100%; & > div { flex: 1; height: vh(180); @@ -841,7 +852,7 @@ .label { margin-bottom: vh(10); font-weight: 400; - font-size: font-vw(20); + font-size: font-vw(18); color: #ffffff; } .countup-wrap { @@ -863,7 +874,7 @@ .text { margin-right: vw(10); font-weight: 400; - font-size: font-vw(20); + font-size: font-vw(18); color: #ffffff; } .progress { diff --git a/src/views/home/components/box-3.vue b/src/views/home/components/box-3.vue index a474aa2..ca77cf7 100644 --- a/src/views/home/components/box-3.vue +++ b/src/views/home/components/box-3.vue @@ -121,7 +121,7 @@ -
+
@@ -130,7 +130,7 @@
-
+
@@ -304,7 +304,7 @@ // height: vh(2056); padding-left: vw(8); box-sizing: border-box; - background-image: url('@/assets/images/bg-5.png'); + // background-image: url('@/assets/images/bg-5.png'); background-size: 100% 100%; .traffic-info { // height: vh(80); diff --git a/src/views/home/components/occupancy.vue b/src/views/home/components/occupancy.vue index a48066a..23f8536 100644 --- a/src/views/home/components/occupancy.vue +++ b/src/views/home/components/occupancy.vue @@ -1,6 +1,6 @@