From f5234cf420f5c491c6871872c1764707ec08a679 Mon Sep 17 00:00:00 2001
From: xhc <15171145581@163.com>
Date: Fri, 23 May 2025 16:31:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E5=B7=A1=E6=A3=80=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E8=BF=98=E5=8E=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               | 16 +++++-
 src/pages.json                            | 28 +++++-----
 src/pages/history/history.vue             | 68 +++++++++++++++++++++++
 src/pages/index/index.vue                 | 12 ++--
 src/pages/knowledgeBase/knowledgeBase.vue | 12 +---
 src/pages/message/message.vue             |  6 +-
 src/pages/my/my.vue                       |  9 ++-
 7 files changed, 116 insertions(+), 35 deletions(-)
 create mode 100644 src/pages/history/history.vue

diff --git a/src/App.vue b/src/App.vue
index a9446d8..8c3d7fa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
  * @Author: XHC
  * @Date: 2025-05-19 10:21:48
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-23 14:26:43
+ * @LastEditTime: 2025-05-23 16:02:16
  * @Description: 
 -->
 <script>
@@ -25,10 +25,16 @@ export default {
 uni-page-body {
 	// padding-bottom:var(--window-bottom)
 }
+
+uni-page {
+	background: url('@/static/image/index/bg.png') no-repeat;
+	background-size: 100% auto;
+}
 .grey {
 	color: #808185;
 }
 
+// 卡片列表
 .list-card {
 	.head {
 		font-weight: 700;
@@ -59,4 +65,12 @@ uni-page-body {
 		}
 	}
 }
+
+// 搜索
+.search-box {
+	background: #ffffff47;
+	border-radius: 10rpx;
+	margin: 0 30rpx;
+	padding-bottom: 5rpx;
+}
 </style>
diff --git a/src/pages.json b/src/pages.json
index 32b8366..2dd4113 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -3,7 +3,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationStyle":"custom",
+				"navigationStyle": "custom",
 				"navigationBarTitleText": "知识库",
 				"enablePullDownRefresh": true,
 				"onReachBottomDistance": 100
@@ -12,32 +12,32 @@
 		{
 			"path": "pages/knowledgeBase/knowledgeBase",
 			"style": {
-				"navigationBarTitleText": "知识库",
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#1469BC"
+				"navigationBarTitleText": "知识库"
 			}
 		},
 		{
 			"path": "pages/message/message",
 			"style": {
-				"navigationBarTitleText": "消息通知",
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#1469BC"
+				"navigationBarTitleText": "消息通知"
 			}
 		},
 		{
 			"path": "pages/my/my",
 			"style": {
-				"navigationBarTitleText": "我的",
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#1469BC"
+				"navigationBarTitleText": "我的"
+			}
+		},
+		{
+			"path": "pages/history/history",
+			"style": {
+				"navigationBarTitleText": "历史巡检"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"navigationBarTextStyle": "white",
+		"navigationBarBackgroundColor": "#1469BC",
+		"backgroundColor": "#1469BC"
 	},
 	"tabBar": {
 		"color": "#808185",
@@ -77,7 +77,7 @@
 			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
 		}
 	},
-	"condition" : { //模式配置，仅开发期间生效
+	"condition": { //模式配置，仅开发期间生效
 		"current": 0, //当前激活的模式(list 的索引项)
 		"list": [
 			{
diff --git a/src/pages/history/history.vue b/src/pages/history/history.vue
new file mode 100644
index 0000000..054d312
--- /dev/null
+++ b/src/pages/history/history.vue
@@ -0,0 +1,68 @@
+<!--
+ * @Author: XHC
+ * @Date: 2025-05-23 15:29:20
+ * @LastEditors: XHC
+ * @LastEditTime: 2025-05-23 16:28:13
+ * @Description: 历史巡检
+-->
+<template>
+	<view class="history">
+		<view class="search-box">
+			<uni-row :gutter="10">
+				<uni-col :span="20">
+					<uni-search-bar class="search" radius="15" bgColor="#EDF4FD" placeholder="搜索线路名称" clearButton="auto" cancelButton="none" @confirm="search" />
+				</uni-col>
+				<uni-col :span="4">
+					<view class="screening"><uni-icons fontFamily="iconfont" color="#fff" :size="20">{{'&#xe621;'}}</uni-icons></view>
+				</uni-col>
+			</uni-row>
+		</view>
+		<uni-card class="list-card" v-for="(item, index) in listData" :key="index">
+			<view class="head">
+				<text class="title">{{ item.title }}</text>
+				<uni-tag :inverted="true" :text="item.state" :type="item.state == '异常' ? 'warning' : 'success'" />
+			</view>
+			<view class="num grey">线路编号：{{ item.num }}</view>
+			<view class="info-box grey">
+				<view class="info"><uni-icons fontFamily="iconfont" color="#1469BC">{{'&#xe753;'}}</uni-icons> {{ item.info }}</view>
+				<view class="info"><uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> <text>{{ item.time }}</text></view>
+			</view>
+		</uni-card>
+	</view>
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+
+// 列表数据
+let listData = reactive([
+	{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
+	
+])
+
+// 搜索
+const search = () => {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.history {
+	.search-box {
+		.screening {
+			margin: 25rpx 15rpx 0 0;
+			padding: 7rpx 0;
+			background: #ffffff47;
+			border-radius: 20rpx;
+			text-align: center;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index f05e6db..5016133 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -2,7 +2,7 @@
  * @Author: XHC
  * @Date: 2025-05-19 11:07:37
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-23 14:55:21
+ * @LastEditTime: 2025-05-23 16:03:02
  * @Description: 首页
 -->
 <template>
@@ -51,7 +51,7 @@
 						</view>
 					</view>
 					<view class="inlet-box">
-						<view class="history">
+						<view class="history" @click="goToHistory">
 							<view class="title">
 								<view>历史巡检</view>
 								<view class="english">HISTORICAL INSPECTION</view>
@@ -175,14 +175,18 @@ const changeTitle = (index) => {
 };
 const changeCategory = (index) => {
 	categoryCurIndex.value = index
+}
 
+// 历史巡检跳转
+const goToHistory = () => {
+	uni.navigateTo({
+		url: '/pages/history/history'
+	});
 }
 </script>
 
 <style lang="scss" scoped>
 .index {
-	background: url('@/static/image/index/bg.png') no-repeat;
-	background-size: 100% auto;
 	padding-top: 100rpx;
 	.header {
 		display: flex;
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index 37e7d6c..7f7079c 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -2,8 +2,8 @@
  * @Author: XHC
  * @Date: 2025-05-19 15:18:26
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-23 09:52:40
- * @Description: 
+ * @LastEditTime: 2025-05-23 15:56:29
+ * @Description: 知识库
 -->
 <template>
     <view class="knowledgeBase">
@@ -80,14 +80,6 @@ const changeTitle = (index) => {
 
 <style lang="scss" scoped>
 .knowledgeBase {
-	background: url('@/static/image/index/bg.png') no-repeat;
-	background-size: 100% auto;
-	.search-box {
-		background: #ffffff47;
-		border-radius: 10rpx;
-		margin: 0 30rpx;
-		padding-bottom: 5rpx;
-	}
 	.search-title {
 		width: 100%;
 		display: flex;
diff --git a/src/pages/message/message.vue b/src/pages/message/message.vue
index c0d97f8..1154e95 100644
--- a/src/pages/message/message.vue
+++ b/src/pages/message/message.vue
@@ -2,8 +2,8 @@
  * @Author: XHC
  * @Date: 2025-05-19 15:19:14
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-22 17:23:29
- * @Description: 
+ * @LastEditTime: 2025-05-23 15:30:08
+ * @Description: 消息
 -->
 <template>
     <view class="message">
@@ -39,8 +39,6 @@ const noticeList = reactive([
 
 <style lang="scss" scoped>
 .message {
-	background: url('@/static/image/index/bg.png') no-repeat;
-	background-size: 100% auto;
 	.notice {
 		background: #fff;
 		border-radius: 10rpx 10rpx 0 0;
diff --git a/src/pages/my/my.vue b/src/pages/my/my.vue
index 4e828cc..fbe3fb2 100644
--- a/src/pages/my/my.vue
+++ b/src/pages/my/my.vue
@@ -1,3 +1,10 @@
+<!--
+ * @Author: XHC
+ * @Date: 2025-05-19 15:19:14
+ * @LastEditors: XHC
+ * @LastEditTime: 2025-05-23 16:02:51
+ * @Description: 我的
+-->
 <template>
     <view class="my">
 		<view class="avatar-box">
@@ -67,8 +74,6 @@ let listData = reactive([
 
 <style lang="scss" scoped>
 .my {
-    background: url("@/static/image/my/bg.png") no-repeat;
-    background-size: 100% auto;
 	.avatar-box {
 		display: flex;
 		flex-direction: column;