样式修改

common/styles/global/components.scss

@@ -114,7 +114,7 @@ view{box-sizing: border-box;}
 	// 图标
 	.nav-bar-icon-box{
 		.nav-bar-right-icon{font-size: 42rpx;color: #666;}
-		.nav-bar-right-icon + .nav-bar-right-icon{margin-left: 16rpx;}
+		.nav-bar-right-icon + .nav-bar-right-icon{margin-left: 24rpx;}
 	}
 	// 带筛选按钮的
 	.filter-btn{position: absolute;right:80rpx;font-size: 28rpx;bottom:20rpx;color: #666;}

common/styles/global/pages.scss

@@ -177,8 +177,8 @@
 /*** 考试页面***/
 .phone-list-page{
 	box-sizing: border-box;
-	.phone-scroll-view {height: calc(100vh - 182rpx);}
-	.phone-scroll-nobottom-view {height: calc(100vh - 70rpx);}
+	.phone-scroll-view {height: calc(100vh - 182rpx - var(--status-bar-height));}
+	.phone-scroll-nobottom-view {height: calc(100vh - 70rpx - var(--status-bar-height));}
 	.admin-phone-scroll-view{height: calc(100vh - 292rpx - var(--status-bar-height));}
 	.admin-list-box{
 		.admin-list-item-box{border-bottom: 20rpx solid #f4f6fa;}
@@ -525,17 +525,47 @@
 /*** 家政人员列表 ***/
 .admin-jiazheng-list{
 	width: 100%;height: 100vh;position: relative;
+	.jz-scroll-view {height: calc(100vh - 256rpx - var(--status-bar-height));}
 	.all-type-box{
 		position: absolute;top: 80rpx;left: 0;right: 0;bottom: 0;
 		z-index: 2;background-color: rgba(0,0,0,0.3);
 		.data-check-radio-group{height: 500rpx;border:1rpx solid #f5f5f5;}
 	}
+	
+	.uni-list .jz-list-item-box:nth-child(2){padding-top: 20rpx;}
+	.jz-list-item-box{
+		background-color: #f4f6fa!important;
+		.uni-list--border{display: none!important;}
+		.uni-list-item__container{padding: 0 24rpx 24rpx;flex-direction: column;}
+	}
+	.jz-list-item-box{
+		width: 100%;
+		.card-head-row{
+			background-color:#e5f8f4;display: flex;justify-content: space-between;align-items: center;
+			box-sizing: border-box;padding: 24rpx;border-radius: 10rpx 10rpx 0 0;
+			.head-name{font-size: 28rpx;color: #000;font-weight: 600;}
+			.head-status{font-size: 26rpx;color: #39c194;}
+			.status-line{margin: 0 8rpx;}
+			.bz-tel-btn{font-size: 24rpx;width: 100rpx;padding: 0 10rpx;flex-shrink: 0;
+			line-height: 50rpx;border-radius: 8rpx;margin: 0;margin-left: auto;}
+		}
+		.card-body-row{
+			display: flex;box-sizing: border-box;padding:16rpx 24rpx;background-color:#fff;border-radius: 0 0 10rpx 10rpx;
+			.body-content-row{width: 100%;display: flex;flex-direction: column;justify-content: space-evenly;}
+			.card-img-box{width: 180rpx;max-height: 240rpx;display: flex;align-items: center;margin-right: 24rpx;flex-shrink: 0;}
+			img{max-width: 180rpx;max-height: 240rpx;border-radius: 8rpx;}
+			.content-text-row{
+				display: flex;justify-content: space-between;font-size: 30rpx;color: #333;line-height: 46rpx;
+				.text-status{font-size: 26rpx;color: #3fd2a1;border: 1rpx solid #3fd2a1;padding: 0 12rpx;border-radius: 8rpx;}
+			}
+		}
+	}
 }
 
 /*** 家政页面筛选***/
 .jiazheng-search-box{
 	width: 100%;box-sizing: border-box;padding: 20rpx 20rpx;position: relative;
-	display: flex;justify-content: space-between;align-items: center;
+	display: flex;justify-content: space-between;align-items: center;border-top: 1rpx solid #f4f6fa;
 	.jiazheng-search-right{display: flex;margin-left: auto;}
 	.select-item-box{
 		font-size: 30rpx;
@@ -694,7 +724,7 @@
 			border-radius: 10rpx;overflow: hidden;position: relative;
 			.head-img{width: 100%;height: auto;}
 			.head-status{
-				height: 30rpx;line-height: 30rpx;padding: 0 16rpx;
+				height: 32rpx;line-height: 32rpx;padding: 0 16rpx;
 				position: absolute;right:0;bottom:0;border-radius: 10rpx 0 10rpx 0;text-align: center;
 				font-size: 24rpx;color: #fff;background-image: linear-gradient(to right, #fbba31, #fea32b);}
 		}

pages/admin/Jiazheng/index.vue

@@ -4,7 +4,7 @@
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">家政人员</text>
 			<view class="nav-bar-icon-box">
-				<text class="nav-bar-right-icon" @click="addJiazhengRenyuan">+</text>
+				<uni-icons class="nav-bar-right-icon" type="plusempty" size="18" color="#666" @click="addJiazhengRenyuan"></uni-icons>
 				<uni-icons class="nav-bar-right-icon" type="search" size="18" color="#666"
 					@click="toggle('top')"></uni-icons>
 			</view>
@@ -35,22 +35,25 @@
 		<view>
 			<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
 				:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh"
-				class="phone-scroll-view">
+				class="jz-scroll-view">
 				<uni-list class="admin-list-box">
-					<uni-list-item v-for="item in data.list" class="admin-list-item-box">
+					<uni-list-item v-for="item in data.list" class="jz-list-item-box">
 						<template v-slot:body>
-							<view>
-								<view>{{item.realName}}</view>
-								<view @click="telephone(item)">打电话</view>
+							<view class="card-head-row">
+								<view class="head-name">{{item.realName}}</view>
+								<button type="default" class="phone-green-btn bz-tel-btn" @click.stop="telephone(item)">打电话</button>
 							</view>
-							<view @click="lookUserInfo(item)">
-								<image :src="item.icon ||defauleImg" mode=""></image>
-								<view>
-									<p> {{item.age}}岁｜{{item.jingyan}}年经验</p>
-									<p>{{item.jiguan}}</p>
+							<view @click="lookUserInfo(item)" class="card-body-row">
+								<view class="card-img-box">
+									<img :src="item.icon" v-if="item.icon">
+									<icon class="phone-default-userImg" v-else></icon>
 								</view>
-								<view>
-									{{item.zhuangtai}}
+								<view class="body-content-row">
+									<view class="content-text-row">
+										<view> {{item.age}}岁<text v-if="item.jingyan"> ｜ {{item.jingyan}}年经验</text></view>
+										<view class="text-status">{{item.zhuangtai}}</view>
+									</view>
+									<view class="content-text-row">{{item.jiguan}}</view>
 								</view>
 							</view>
 						</template>