From 3c37c0a9649b014143c55b412ed8b9bc68105960 Mon Sep 17 00:00:00 2001
From: limingtao <@ming_tao_li>
Date: Thu, 25 Jul 2024 09:43:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue                         | 114 +++++++++---------
 .../components/investigation-item2.vue        |   5 +-
 2 files changed, 63 insertions(+), 56 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index f597a10..67e43e9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -4,55 +4,55 @@
 		position: sticky;
 		top: 0;
 		z-index: 999;">
-		<view class="header Box">
-			<view class="title">道路交通安全隐患</view>
-			<view class="title">排查助手</view>
-			<view class="desc">洞察隐患 智能守护 科技之眼照亮安全之路</view>
-			<view class="total Flex Flex_C_S-B PositionR">
-				<view class="left Flex">
-					<view class="info" @click="jump(1)">
-						<view class="name">待办</view>
-						<view class="number">{{ totalData.UnderInvestigation }}</view>
-					</view>
-					<image style="width: 160rpx" mode="widthFix" :src="$.imgSrc + '/need.png'" class="need"></image>
-					<view class="bottom PositionA Flex Flex_C_S-A TextCenter blur">
-						<view class="item Flex_C_S-Center">
-							<text>超期</text>
-							<text style="margin-left: 10rpx;color: #CC2936;">{{ totalData.Delay }}</text>
+			<view class="header Box">
+				<view class="title">道路交通安全隐患</view>
+				<view class="title">排查助手</view>
+				<view class="desc">洞察隐患 智能守护 科技之眼照亮安全之路</view>
+				<view class="total Flex Flex_C_S-B PositionR">
+					<view class="left Flex">
+						<view class="info" @click="jump(1)">
+							<view class="name">待办</view>
+							<view class="number">{{ totalData.UnderInvestigation }}</view>
 						</view>
-						<view class="item Flex_C_S-Center">
-							<text>临期</text>
-							<text style="margin-left: 10rpx;color: #E68A0B;">{{ totalData.Dying }}</text>
+						<image style="width: 160rpx" mode="widthFix" :src="$.imgSrc + '/need.png'" class="need"></image>
+						<view class="bottom PositionA Flex Flex_C_S-A TextCenter blur">
+							<view class="item Flex_C_S-Center">
+								<text>超期</text>
+								<text style="margin-left: 10rpx;color: #CC2936;">{{ totalData.Delay }}</text>
+							</view>
+							<view class="item Flex_C_S-Center">
+								<text>临期</text>
+								<text style="margin-left: 10rpx;color: #E68A0B;">{{ totalData.Dying }}</text>
+							</view>
 						</view>
 					</view>
-				</view>
-				<view class="right">
-					<view class="current_mouth Flex Flex_C_S-B blur">
-						<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/mouth.png'" class="video">
-						</image>
-						<text class="name">本月上报</text>
-						<text class="number">{{ totalData.MonthReport }}</text>
-					</view>
-					<view class="finish Flex Flex_C_S-B blur" @click="jump(2)">
-						<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/finish.png'" class="video">
-						</image>
-						<text class="name">已完成</text>
-						<text class="number">{{ totalData.InGovernance }}</text>
+					<view class="right">
+						<view class="current_mouth Flex Flex_C_S-B blur">
+							<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/mouth.png'" class="video">
+							</image>
+							<text class="name">本月上报</text>
+							<text class="number">{{ totalData.MonthReport }}</text>
+						</view>
+						<view class="finish Flex Flex_C_S-B blur" @click="jump(2)">
+							<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/finish.png'" class="video">
+							</image>
+							<text class="name">已完成</text>
+							<text class="number">{{ totalData.InGovernance }}</text>
+						</view>
 					</view>
 				</view>
 			</view>
-		</view>
-		<view class="con" @click="konw">
-			<image class="bg" src="/static/know.png" />
-			<view class="con-box">
-				<text
-					style="font-family: Source Han Sans CN, Source Han Sans CN;color: #363F4D;font-weight: 500;">交通隐患排查知识库</text>
-				<view class="icon">
-					<uni-icons type="right" size="18" color="#fff" />
+			<view class="con" @click="konw">
+				<image class="bg" src="/static/know.png" />
+				<view class="con-box">
+					<text
+						style="font-family: Source Han Sans CN, Source Han Sans CN;color: #363F4D;font-weight: 500;">交通隐患排查知识库</text>
+					<view class="icon">
+						<uni-icons type="right" size="18" color="#fff" />
+					</view>
 				</view>
 			</view>
 		</view>
-	</view>
 		<view class="Width100 Box BorderBox">
 			<view class="list_title">待办任务</view>
 			<view class="Content MarginAuto BorderBox">
@@ -146,7 +146,7 @@
 				}
 				this.loadmorestatus = 'loading'
 				this.$request.globalRequest(
-						`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}`, datas, 'POST')
+					`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}`, datas, 'POST')
 					.then(res => {
 						this.loadmorestatus = 'loadmore'
 						if (res.code === 200) {
@@ -168,7 +168,7 @@
 			},
 			handleClick(row) {
 				console.log(row)
-				this.$.open('/pages/map/index?businessId=' + row.businessId + '&sectionId='+row.sectionCode + '&deptId=' +row.deptId + '&taskName=' + row.name)
+				this.$.open('/pages/map/index?businessId=' + row.businessId + '&sectionId=' + row.sectionCode + '&deptId=' + row.deptId + '&taskName=' + row.name)
 			},
 			konw() {
 				this.$.open('/pages/knowledge/index')
@@ -177,18 +177,18 @@
 			skipPage(even) {
 				// this.$.open(even)
 			},
-		jump(v) {
-			if(v == 1) {
-				this.$.setData('pageStatus',1)
-			}
-			if(v == 2) {
-				this.$.setData('pageStatus',3)
+			jump(v) {
+				if (v == 1) {
+					this.$.setData('pageStatus', 1)
+				}
+				if (v == 2) {
+					this.$.setData('pageStatus', 3)
+				}
+
+				this.$.openTab('/pages/investigation/index')
 			}
-			
-			this.$.openTab('/pages/investigation/index')
-		}
 		},
-		onReady() {},
+		onReady() { },
 		// 页面卸载
 		onUnload() {
 
@@ -223,6 +223,7 @@
 		height: 500rpx;
 		color: #FFFFFF;
 		padding: calc(var(--status-bar-height) + 40rpx) 20rpx 20rpx;
+
 		.title {
 			font-family: Tensentype MeiHeiJ, Tensentype MeiHeiJ;
 			font-weight: bold;
@@ -366,10 +367,12 @@
 		background: #f8fafb;
 		// border-radius: 24px 24px 0px 0px;
 		padding: 20rpx 30rpx 0;
-		font-family: Source Han Sans CN, Source Han Sans CN;    
+		font-family: Source Han Sans CN, Source Han Sans CN;
 		position: sticky;
-		top: 418px;
+		/* top: 418px; */
+		top: calc(var(--status-bar-height) + 798rpx);
 		z-index: 99;
+		padding-bottom:30rpx;
 	}
 
 	.Box {
@@ -385,6 +388,8 @@
 			align-items: center;
 			position: relative;
 			box-shadow: 1px 1px 3px #ccc;
+			margin-top: 0;
+			margin-bottom: 30rpx;
 
 			.trapezoidal {
 				position: absolute;
@@ -432,6 +437,7 @@
 		display: flex;
 		align-items: center;
 		background: #f8fafb;
+
 		.bg {
 			position: absolute;
 			top: 0;
diff --git a/pages/investigation/components/investigation-item2.vue b/pages/investigation/components/investigation-item2.vue
index 972b824..9fea7f8 100644
--- a/pages/investigation/components/investigation-item2.vue
+++ b/pages/investigation/components/investigation-item2.vue
@@ -500,8 +500,9 @@ page {
   }
 
   /deep/ .uni-forms-item__label {
-    font-size: 32rpx;
-    // height:82rpx
+  	font-size: 32rpx;
+	height: auto;
+	margin-bottom: 20rpx;
   }
 }