子家政公司样式开发

common/styles/global/pages.scss

@@ -1133,4 +1133,30 @@
 	.uni-calendar-item--multiple .uni-calendar-item--before-checked{
 		    background-color: #74d1b2!important;
 	}
+}
+
+/*** 子家政公司 ***/
+.phone-zjzgs-page{
+	background-color: #f8f9fd;display: flex;flex-direction: column;
+	/*  #ifdef  H5  */
+	height: calc(100vh - 80rpx);
+	/*  #endif  */
+	/*  #ifdef  APP-PLUS  */
+	height: 100vh;
+	/*  #endif  */
+	.zjzgs-body-box{flex: 1;overflow-y: auto;}
+	.zjzgs-num-box{
+		border:1rpx solid #3fd2a1;
+		background-color: #fff;margin: 0 20rpx 24rpx;padding: 16rpx 0;border-radius: 8rpx;
+		.zjzgs-title{font-size:32rpx ;margin: 0 24rpx;color:#3fd2a1;text-align:center;font-weight: bold;margin-bottom:10rpx;}
+		.num-item-box{
+			border-bottom:1rpx dashed #3fd2a1;display: flex;align-items: center;justify-content: space-evenly;
+			font-size: 32rpx;text-align: center;color: #333;padding: 24rpx 0;margin: 0 24rpx;
+			.num-btn{font-size: 26rpx;padding: 8rpx 20rpx;border-radius: 8rpx;line-height: 1.1;flex-shrink: 0;
+			// background-color: #fff;color: #3fd2a1;border: 1rpx solid #3fd2a1;
+			font-size: 28rpx;background-color: #3fd2a1;color: #fff;
+			margin-left: auto;}
+		}
+		.num-item-box:nth-child(4){border-bottom: 0;}
+	}
 }

pages/admin/zijiazheng/index.vue

@@ -1,24 +1,29 @@
 <template>
 	<view class="phone-zjzgs-page">
-		<view class="phone-navBar-box">
+		<view class="icon-title-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">子家政公司</text>
-			<uni-icons class="nav-bar-right-icon bar-ml10" type="search" size="20" @click="toggle('top')"></uni-icons>
 		</view>
 		<view class="jiazheng-search-box">
 			<uni-datetime-picker v-model="data.range" type="daterange" @change="onDateSelect" style="flex: 1" class="yishou-date-box"/>
 		</view>
-		<view>
-			
-		<!-- <view>
-			<view>办证机构:工商联</view>
-			<view>职业等级：育婴师高级  申请数量：10</view>
-		</view>
-		
-		<view>
-			<view>办证机构:工商联</view>
-			<view>职业等级：育婴师高级  办证数量：10</view>-->
-		</view>
+		<view class="zjzgs-body-box">
+			<view class="zjzgs-num-box">
+				<view class="zjzgs-title">爱家家政公司</view>
+				<view class="num-item-box">
+					<view>家政人员数量：10</view>
+					<view class="num-btn">详情</view>
+				</view>
+				<view class="num-item-box">
+					<view>申请办证数量:100</view>
+					<view class="num-btn">详情</view>
+				</view>
+				<view class="num-item-box">
+					<view>已办证数量:200</view>
+					<view class="num-btn">详情</view>
+				</view>
+			</view>
+		</view> 
 	</view>
 </template>
 
@@ -29,15 +34,6 @@
 	} from "vue";
 	const data = reactive({
 		list: [], // 办证列表
-		loading: false,
-		page: 0,
-		size: 10,
-		state: 'more',
-		contentText: {
-			contentdown: '查看更多',
-			contentrefresh: '加载中',
-			contentnomore: '没有更多'
-		},
 		startDate: '', 
 		endDate: '', 
 		range: []