样式修改

common/styles/global/components.scss

@@ -545,11 +545,17 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 	width: 100%;display: flex;align-items: center;justify-content: space-evenly;
 	border: 1rpx solid #e5e4e4;border-left: 0;border-right: 0;
 	padding: 16rpx 0;background-color: #fff;
-	.tab-item-box{font-size: 28rpx;color: #333;padding: 0 10rpx;}
+	.tab-item-box{font-size: 28rpx;color: #333;padding: 0 10rpx;@include single-line-ellipsis();}
 	.active{font-weight: bolder;position: relative;}
 	.active::after{
 		content: '';width: 100%;height: 6rpx;display: block;
 		position: absolute;bottom: -16rpx;left:0;
 		background-color: #3fd2a1;
 		}
-}
+}
+
+// 没有数据的提示
+.no-data-tip-box{
+		font-size: 1rem;color: #999;flex: 1;display: flex;
+		justify-content: center;align-items: center;background-color: #f8f9fd;
+	}

common/styles/global/pages.scss

@@ -1700,4 +1700,27 @@
 		flex: 1;overflow-y: auto;
 		img{margin: 0;padding: 0;max-width: 100%;}
 		}
+}
+
+// 考试查询
+.phone-kscx-page{
+	width: 100%;height: 100vh;
+	background-color:#f8f9fd;display: flex;flex-direction: column;
+	.kscx-tab-box{font-size: 24rpx;}
+	.kscx-body-box{
+			display: flex;flex-direction: column;flex: 1;
+			box-sizing: border-box;padding:0 24rpx 24rpx;overflow: hidden;
+		.kscx-card-list{display: flex;flex-direction: column;flex: 1;overflow-y: auto;}
+		.card-num{padding: 24rpx 4rpx;color: #000;font-size: 32rpx;}
+		.kscx-card-box{
+			display: flex;flex-direction: column;justify-content: space-evenly;border: 1rpx solid #42c99c;
+			background-color: #fff;border-radius: 16rpx;margin-top: 24rpx;padding: 12rpx 0;
+			.kscx-card-row{display: flex;align-items: center;padding: 12rpx 24rpx;box-sizing: border-box;}
+			.user-icon,.tel-icon,.idcard-icon,.zy-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();margin-right: 20rpx;}
+			.user-icon{background-image: url("@/static/images/common/user-green-icon.png");}
+			.tel-icon{background-image: url("@/static/images/common/tel-green-icon.png");}
+			.idcard-icon{background-image: url("@/static/images/common/zymc-icon.png");}
+			.zy-icon{background-image: url("@/static/images/common/zy-icon.png");}
+		}
+	}
 }

pages/admin/Kaoshi/checkList.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="phone-zjzgs-page">
+	<view class="phone-kscx-page">
 		<view class="icon-title-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">考试查询</text>
@@ -8,48 +8,52 @@
 			<uni-datetime-picker v-model="data.range" type="daterange" @change="onDateSelect" style="flex: 1"
 				class="yishou-date-box" />
 		</view>
-		<view v-show="data.showA||data.showB||data.showC||data.showD">
-			<view :class="{active: data.showA}" @click="handleShow(1)">需要考试</view>
-			<view :class="{active: data.showB}" @click="handleShow(2)">考试通过</view>
-			<view :class="{active: data.showC}" @click="handleShow(3)">考试未通过</view>
-			<view :class="{active: data.showD}" @click="handleShow(4)">未考试</view>
+		<view class="no-data-tip-box" v-if="!(data.showA || data.showB || data.showC || data.showD)">请选择时间段进行查询</view>
+		<view v-show="data.showA||data.showB||data.showC||data.showD" class="phone-head-tab-box kscx-tab-box">
+			<view class="tab-item-box" :class="{active: data.showA}" @click="handleShow(1)">需要考试:{{data.listA.length}}</view>
+			<view class="tab-item-box" :class="{active: data.showB}" @click="handleShow(2)">考试通过:{{data.listB.length}}</view>
+			<view class="tab-item-box" :class="{active: data.showC}" @click="handleShow(3)">考试未通过:{{data.listC.length}}</view>
+			<view class="tab-item-box" :class="{active: data.showD}" @click="handleShow(4)">未考试:{{data.listD.length}}</view>
 		</view>
 
-<hr>
-		<view v-show="data.showA">
-			<view>总数：{{data.listA.length}}</view>
-			<view v-for="item in data.listA" :key="item.userName">
-				<view>用户名：{{item.realName}}</view>
-				<view>手机号：{{item.userName}}</view>
-				<view>职业名称：{{item.zyName}}</view>
-				<view>职业等级：{{item.zyLevel}}</view>
+		<view v-show="data.showA" class="kscx-body-box">
+			<view class="kscx-card-list">
+				<view v-for="item in data.listA" :key="item.userName" class="kscx-card-box">
+					<view class="kscx-card-row"><icon class="user-icon"></icon>{{item.realName}}</view>
+					<view class="kscx-card-row"><icon class="tel-icon"></icon>{{item.userName}}</view>
+					<view class="kscx-card-row"><icon class="idcard-icon"></icon>职业名称：{{item.zyName}}</view>
+					<view class="kscx-card-row"><icon class="zy-icon"></icon>职业等级：{{item.zyLevel}}</view>
+				</view>
 			</view>
 		</view>
-		<view v-show="data.showB">
-			<view>总数：{{data.listB.length}}</view>
-			<view v-for="item in data.listB" :key="item.userName">
-				<view>用户名：{{item.realName}}</view>
-				<view>手机号：{{item.userName}}</view>
-				<view>职业名称：{{item.zyName}}</view>
-				<view>职业等级：{{item.zyLevel}}</view>
+		<view v-show="data.showB" class="kscx-body-box">
+			<view class="kscx-card-list">
+				<view v-for="item in data.listB" :key="item.userName" class="kscx-card-box">
+					<view class="kscx-card-row"><icon class="user-icon"></icon>{{item.realName}}</view>
+					<view class="kscx-card-row"><icon class="tel-icon"></icon>{{item.userName}}</view>
+					<view class="kscx-card-row"><icon class="idcard-icon"></icon>职业名称：{{item.zyName}}</view>
+					<view class="kscx-card-row"><icon class="zy-icon"></icon>职业等级：{{item.zyLevel}}</view>
+				</view>
 			</view>
 		</view>
-		<view v-show="data.showC">
-			<view>总数：{{data.listC.length}}</view>
-			<view v-for="item in data.listC" :key="item.userName">
-				<view>用户名：{{item.realName}}</view>
-				<view>手机号：{{item.userName}}</view>
-				<view>职业名称：{{item.zyName}}</view>
-				<view>职业等级：{{item.zyLevel}}</view>
+		<view v-show="data.showC" class="kscx-body-box">
+			<view class="kscx-card-list">
+				<view v-for="item in data.listC" :key="item.userName" class="kscx-card-box">
+					<view class="kscx-card-row"><icon class="user-icon"></icon>{{item.realName}}</view>
+					<view class="kscx-card-row"><icon class="tel-icon"></icon>{{item.userName}}</view>
+					<view class="kscx-card-row"><icon class="idcard-icon"></icon>职业名称：{{item.zyName}}</view>
+					<view class="kscx-card-row"><icon class="zy-icon"></icon>职业等级：{{item.zyLevel}}</view>
+				</view>
 			</view>
 		</view>
-		<view v-show="data.showD">
-			<view>总数：{{data.listD.length}}</view>
-			<view v-for="item in data.listD" :key="item.userName">
-				<view>用户名：{{item.realName}}</view>
-				<view>手机号：{{item.userName}}</view>
-				<view>职业名称：{{item.zyName}}</view>
-				<view>职业等级：{{item.zyLevel}}</view>
+		<view v-show="data.showD" class="kscx-body-box">
+			<view class="kscx-card-list">
+				<view v-for="item in data.listD" :key="item.userName" class="kscx-card-box">
+					<view class="kscx-card-row"><icon class="user-icon"></icon>{{item.realName}}</view>
+					<view class="kscx-card-row"><icon class="tel-icon"></icon>{{item.userName}}</view>
+					<view class="kscx-card-row"><icon class="idcard-icon"></icon>职业名称：{{item.zyName}}</view>
+					<view class="kscx-card-row"><icon class="zy-icon"></icon>职业等级：{{item.zyLevel}}</view>
+				</view>
 			</view>
 		</view>
 	</view>

pages/admin/zijiazheng/index.vue

@@ -8,7 +8,8 @@
 			<uni-datetime-picker v-model="data.range" type="daterange" @change="onDateSelect" style="flex: 1"
 				class="yishou-date-box" />
 		</view>
-		<view class="zjzgs-body-box">
+		<view class="no-data-tip-box" v-if="data.list <= 0">请选择时间段进行查询</view>
+		<view class="zjzgs-body-box" v-else>
 			<view class="zjzgs-num-box" v-for="item in data.list" :key="item.jzId">
 				<view class="zjzgs-title">{{ item.jzName }}</view>
 				<view class="num-item-box">