From 0b3c32348b6fd2a0308e9fb1862312f744ada22e Mon Sep 17 00:00:00 2001
From: WX0lxh <2062408239@qq.com>
Date: Tue, 4 Nov 2025 10:33:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageB/train/mockExam/examList.vue   | 141 ++++++++++++++++++++++++-
 packageB/train/mockExam/viewGrades.vue |  65 ++++++++++++
 pages.json                             |   9 ++
 3 files changed, 213 insertions(+), 2 deletions(-)
 create mode 100644 packageB/train/mockExam/viewGrades.vue

diff --git a/packageB/train/mockExam/examList.vue b/packageB/train/mockExam/examList.vue
index f9364ae..fa2ad83 100644
--- a/packageB/train/mockExam/examList.vue
+++ b/packageB/train/mockExam/examList.vue
@@ -1,6 +1,30 @@
 <template>
 	<div class="app-box">
 		<div class="con-box">
+			<template #headContent>
+			    <view class="collection-search">
+			        <view class="search-content">
+			            <view class="header-input button-click">
+			                <uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
+			                <input
+			                    class="input"
+			                    v-model="searchKeyword"
+			                    @confirm="searchVideo"
+			                    placeholder="输入考试名称"
+			                    placeholder-class="inputplace"
+			                />
+			                <uni-icons 
+			                    v-if="searchKeyword" 
+			                    class="clear-icon" 
+			                    type="clear" 
+			                    size="24" 
+			                    color="#999" 
+			                    @click="clearSearch"
+			                />
+			            </view>
+			        </view>
+			    </view>
+			</template>
 			<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
 				<div class="cards">
 					<div class="cardHead">
@@ -17,18 +41,53 @@
 						<div class="conten">及格分数：60分</div>
 						<div class="conten">截止日期：2025-12-31</div>
 					</div>
+					<div class="flooter">
+						<div @click="jumps('/packageB/train/mockExam/viewGrades')">查看成绩</div>
+						<div>详情</div>
+						<div>收藏</div>
+					</div>
 				</div>
 				<div class="cards"></div>
 				<div class="cards"></div>
 			</scroll-view>
 		</div>
+		<div class="cards2" v-if="dialogVisible">
+			<div class="cardCon">
+				<div class="cardHead">
+					<div></div>
+					<div style="font-size: 40rpx;" @click="clones()">×</div>
+				</div>
+				
+			</div>
+		</div>
 	</div>
 </template>
 
-<script>
+<script setup>
+import { inject, ref, reactive } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+const { $api, navTo, navBack } = inject('globalFunction');
+import config from "@/config.js"
+const searchKeyword = ref('');
+const pageState = reactive({
+    page: 0,
+    list: [],
+    total: 0,
+    maxPage: 1,
+    pageSize: 12,
+    search: {},
+});
+const baseUrl = config.imgBaseUrl
+const dialogVisible = ref(false);
 const handleScrollToLower = () => {
     
 };
+function jumps(url){
+	navTo(url);
+}
+function clones(){
+	dialogVisible.value=false
+}
 </script>
 
 <style lang="stylus" scoped>
@@ -46,6 +105,48 @@ const handleScrollToLower = () => {
 		padding: 20rpx 28rpx;
 		box-sizing: border-box;
 		overflow: hidden;
+		.collection-search{
+		    padding: 10rpx 20rpx;
+		    .search-content{
+		        position: relative
+		        display: flex
+		        align-items: center
+		        padding: 14rpx 0
+		        .header-input{
+		            padding: 0
+		            width: calc(100%);
+		            position: relative
+		            .iconsearch{
+		                position: absolute
+		                left: 30rpx;
+		                top: 50%
+		                transform: translate(0, -50%)
+		                z-index: 1
+		            }
+		            .input{
+		                padding: 0 80rpx 0 80rpx
+		                height: 80rpx;
+		                background: #FFFFFF;
+		                border-radius: 75rpx 75rpx 75rpx 75rpx;
+		                border: 2rpx solid #ECECEC
+		                font-size: 28rpx;
+		            }
+		            .clear-icon{
+		                position: absolute
+		                right: 30rpx;
+		                top: 50%
+		                transform: translate(0, -50%)
+		                z-index: 1
+		                cursor: pointer
+		            }
+		            .inputplace{
+		                font-weight: 400;
+		                font-size: 28rpx;
+		                color: #B5B5B5;
+		            }
+		        }
+		    }
+		}
 		.main-scroll {
 		    width: 100%;
 		    height: 100%;
@@ -57,7 +158,7 @@ const handleScrollToLower = () => {
 				border-radius: 12rpx;
 				border: 2px solid #EDF5FF;
 				margin-bottom: 30rpx;
-				padding: 30rpx 40rpx;
+				padding: 30rpx 40rpx 0;
 				box-sizing: border-box
 				.cardHead{
 					display: flex;
@@ -128,8 +229,44 @@ const handleScrollToLower = () => {
 						margin-bottom: 20rpx;
 					}
 				}
+				.flooter{
+					border-top: 1px solid #ccc;
+					display: flex;
+					justify-content: flex-end;
+					align-items: center;
+					view{
+						font-size: 28rpx;
+						margin-left: 30rpx;
+						color: #2175F3;
+					}
+				}
 			}
 		}
 	}
+	.cards2{
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100vh;
+		background-color: rgba(0,0,0,0.5);
+		z-index: 10000;
+		padding: 100rpx 50rpx;
+		box-sizing: border-box;
+		.cardCon{
+			height: 100%;
+			background-color: #fff;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.cardHead{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 30rpx;
+				font-weight: 600;
+			}
+			
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/packageB/train/mockExam/viewGrades.vue b/packageB/train/mockExam/viewGrades.vue
new file mode 100644
index 0000000..5bd0ad2
--- /dev/null
+++ b/packageB/train/mockExam/viewGrades.vue
@@ -0,0 +1,65 @@
+<template>
+	<div class="app-box">
+		<div class="con-box">
+			<div class="tabCon">
+				<div class="tabLeft">
+					<div><span>考试名称：</span>456546456</div>
+					<div><span>考试时间：</span>456546456</div>
+					<div><span>考试成绩：</span>456546456</div>
+				</div>
+				<div class="tabRight">查看</div>
+				<div class="tabLeft"></div>
+				<div class="tabRight">查看</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus" scoped>
+.app-box{
+	width: 100%;
+	height: 100vh;
+	position: relative;
+	.con-box{
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top:0;
+		z-index: 10;
+		padding: 20rpx 28rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+		.tabCon{
+			border-top: 1px solid #ccc;
+			border-left: 1px solid #ccc;
+			display: flex;
+			flex-wrap: wrap;
+			.tabLeft{
+				width: 80%;
+				height: 140rpx;
+				border-bottom: 1px solid #ccc;
+				border-right: 1px solid #ccc;
+				box-sizing: border-box;
+				view{
+					line-height: 45rpx
+				}
+			}
+			.tabRight{
+				width: 20%;
+				height: 140rpx;
+				border-bottom: 1px solid #ccc;
+				border-right: 1px solid #ccc;
+				box-sizing: border-box;
+				font-size: 30rpx;
+				text-align: center;
+				line-height: 140rpx;
+				color: #2175F3;
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 7db83be..245dfe7 100644
--- a/pages.json
+++ b/pages.json
@@ -411,6 +411,15 @@
 			        "navigationBarTitleTextSize": "30rpx"
 			        // "navigationStyle": "custom"
 			    }
+			},
+			{
+			    "path" : "train/mockExam/viewGrades",
+			    "style" :
+			    {
+			        "navigationBarTitleText" : "查看成绩",
+			        "navigationBarTitleTextSize": "30rpx"
+			        // "navigationStyle": "custom"
+			    }
 			}
 	    ]
 	},