历史巡检静态还原

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>

src/pages.json

@@ -12,32 +12,32 @@
 		{
 			"path": "pages/knowledgeBase/knowledgeBase",
 			"style": {
-				"navigationBarTitleText": "知识库",
+				"navigationBarTitleText": "知识库"
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#1469BC"
 			}
 		},
 		{
 			"path": "pages/message/message",
 			"style": {
-				"navigationBarTitleText": "消息通知",
+				"navigationBarTitleText": "消息通知"
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#1469BC"
 			}
 		},
 		{
 			"path": "pages/my/my",
 			"style": {
-				"navigationBarTitleText": "我的",
+				"navigationBarTitleText": "我的"
-				"navigationBarTextStyle": "white",
+			}
-				"navigationBarBackgroundColor": "#1469BC"
+		},
+		{
+			"path": "pages/history/history",
+			"style": {
+				"navigationBarTitleText": "历史巡检"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
+		"navigationBarTextStyle": "white",
-		"navigationBarBackgroundColor": "#F8F8F8",
+		"navigationBarBackgroundColor": "#1469BC",
-		"backgroundColor": "#F8F8F8"
+		"backgroundColor": "#1469BC"
 	},
 	"tabBar": {
 		"color": "#808185",

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>

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;

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
+ * @LastEditTime: 2025-05-23 15:56:29
- * @Description: 
+ * @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;

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
+ * @LastEditTime: 2025-05-23 15:30:08
- * @Description: 
+ * @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;

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;