首页

common/styles/global/pages.scss

@@ -123,7 +123,30 @@
 		.index-card-btn[type='default']{background-color: #febb6a;color: #fff;}
 	}
 }
-
+.admin-shouye-page{
+	width: 100%;height: 100vh;box-sizing: border-box;padding:0 16rpx;background-color: #f8f9fd;
+	.index-tj-box{background-color: #fff;border-radius: 8rpx;margin-bottom: 16rpx;}
+	.index-tongzhi-box{
+		display: flex;justify-content: space-between;align-items: center;
+		background-color: #fff;border-radius: 8rpx;margin-bottom: 16rpx;
+		.tongzhi-num{width: 100rpx;height: 100rpx;color: #3fd2a1;border: 1rpx solid #3fd2a1;}
+		icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
+			transform: rotate(270deg);margin-left: 4rpx;}
+	}
+	.card-list-title{width: 100%;font-size: 28rpx;color: #000;font-weight: 600;margin-bottom: 24rpx;}
+	.card-list-box{
+		display: flex;flex-wrap: wrap;box-sizing: border-box;padding:16rpx;
+		background-color: #fff;border-radius: 8rpx;margin-bottom: 16rpx;}
+	.card-item-box{
+		width: 25%;display: flex;flex-direction: column;align-items: center;
+		font-size: 24rpx;color: #333;
+		icon{width: 100rpx;height: 100rpx;background-color: #3fd2a1;}
+	}
+	.index-tongzhi-box{
+		
+	}
+}
 /*** 考试页面***/
 .phone-list-page{
 	box-sizing: border-box;

pages/admin/ShouYe/shouye.vue

@@ -1,31 +1,50 @@
 <template>
-  <view>
-	    <view>管理家政人员</view>
-		<view @click="goToPage('jz')">
-			<icon></icon>
-			<text>家政人员</text>
-		</view>
-		<view>管理考证人员</view>
-		<view @click="goToPage('kz')">
+  <view class="admin-shouye-page">
+	  <view>家政公司名称</view>
+	  <view class="index-tj-box">
+		  <view>
+			  <text>本周</text>
+			  <text>本月</text>
+			  <text>本年</text>
+		  </view>
+		  <view>0/0</view>
+		  <view>考证人员/家政人员</view>
+	  </view>
+	  <view class="index-tongzhi-box">
+		  <text class="tongzhi-num">6</text>
+		  <text></text>
+		  <icon></icon>
+	  </view>
+	  <view class="card-list-box">
+		 <view class="card-list-title">管理家政人员</view>
+		 <view @click="goToPage('jz')" class="card-item-box">
+		 	<icon></icon>
+		 	<text>家政人员</text>
+		 </view> 
+	  </view>
+	  <view class="card-list-box">  
+		<view class="card-list-title">管理考证人员</view>
+		<view @click="goToPage('kz')" class="card-item-box">
 			<icon></icon>
 			<text>考证管理</text>
 		</view>
-		<view @click="goToPage('ks')">
+		<view @click="goToPage('ks')" class="card-item-box">
 			<icon></icon>
 			<text>考试管理</text>
 		</view>
-		<view @click="goToPage('cj')">
+		<view @click="goToPage('cj')" class="card-item-box">
 			<icon></icon>
 			<text>成绩管理</text>
 		</view>
-		<view @click="goToPage('lc')">
+		<view @click="goToPage('lc')" class="card-item-box">
 			<icon></icon>
 			<text>练习管理</text>
 		</view>
-		<view @click="goToPage('kc')">
+		<view @click="goToPage('kc')" class="card-item-box">
 			<icon></icon>
 			<text>课程管理</text>
 		</view>
+	</view>	
 	<!-- 页面底端 -->
 	<customTabbarAdminVue :current-tab="0"></customTabbarAdminVue>
   </view>

pages/client/Kecheng/list.vue

@@ -159,35 +159,3 @@
 		getMore()
 	})
 </script>
-
-<style lang="scss" scoped>
-	.phone-kecheng-page {
-		background-color: #ccc;
-		box-sizing: border-box;
-	}
-
-	.phone-search-content {
-		position: relative;
-		background-color: #fff;
-		height: 42px;
-
-		.search-input {
-			height: 42px;
-			line-height: 40px;
-			border-radius: 20px;
-			border: 1px solid #ccc;
-			padding: 0 70px 0 20px;
-		}
-
-		.search-icon {
-			position: absolute;
-			right: 5px;
-			top: 4px;
-			padding: 6px;
-			background-color: #ccc;
-			border-radius: 20px;
-			width: 50px;
-			text-align: center;
-		}
-	}
-</style>