考勤统计

src/assets/css/sczpfyy.css

@@ -381,12 +381,15 @@
 .mui-slider-indicator .mui-indicator {
 	margin: 1px 3px
 }
+.vongi-admin-kqtj h6{
+	text-align: center;
+	padding:10px 15px
+}
 
 .fyy-temper-date {
 	background: #ffffff;
 	padding: 10px;
 	display: flex;
-	margin-bottom: 15px;
 }
 
 .fyy-temper-date a {
@@ -398,7 +401,17 @@
 .fyy-temper-date span {
 	text-align: center;
 }
-
+.fyy-temper-date .mui-icon{
+	font-size:12px;
+	margin-left:5px;
+	color:#999
+}
+.vongi-admin-kqtj .mui-table-view-chevron .mui-table-view-cell .mui-table-view-cell{
+	padding-right:15px
+}
+.vongi-admin-kqtj .mui-table-view-cell.vongi-work ul li{
+	margin-bottom:0
+}
 .fyy-headimg.mui-table-view .mui-media-body h4 {
 	line-height: 42px;
 	margin: 0;

src/projects/business/views/HouseKeeper/Admin/Attendance/List.vue

@@ -1,8 +1,92 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">考勤统计</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-admin-kqtj">
+			<div class="fyy-temper-date">
+				<a href="" class="mui-col-xs-6">2020-03-19<span class="mui-icon iconfont icon-xiajiantou"></span></a>
+				<a href="" class="mui-col-xs-6">08:00-09:00<span class="mui-icon iconfont icon-xiajiantou"></span></a>
+			</div>
+			<h6>本时段考勤统计: 已打卡<span class="color55f868">30</span>人/缺卡<span class="colorfe616c">2</span>人</h6>
+			<ul class="mui-table-view mui-table-view-chevron">
+				<li class="mui-table-view-cell mui-collapse vongi-work">
+					<a class="mui-navigate-right" href="#">信息工程中心</a>
+					<ul class="mui-table-view mui-table-view-chevron">
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-primary mui-btn-outlined">设备打卡</button>
+								<span class="color55f868">正常</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-danger mui-btn-outlined">异地打卡</button>
+								<span class="colorf8b155">早退</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-royal mui-btn-outlined">补  卡</button>
+								<span class="colorf8b155">迟到</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-primary mui-btn-outlined">设备打卡</button>
+								<span class="colorfe616c">缺卡</span>
+							</div>
+						</li>
+					</ul>
+				</li>
+				<li class="mui-table-view-cell mui-collapse vongi-work">
+					<a class="mui-navigate-right" href="#">保卫科</a>
+					<ul class="mui-table-view mui-table-view-chevron">
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-primary mui-btn-outlined">设备打卡</button>
+								<span class="color55f868">正常</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-danger mui-btn-outlined">异地打卡</button>
+								<span class="colorf8b155">早退</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+							姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-royal mui-btn-outlined">补  卡</button>
+								<span class="colorf8b155">迟到</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell">
+						    姓名
+							<div class="mui-media-body">
+								<button type="button" class="mui-btn  mui-btn-primary mui-btn-outlined">设备打卡</button>
+								<span class="colorfe616c">缺卡</span>
+							</div>
+						</li>
+					</ul>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>