考勤统计增加统计数据

src/assets/css/xpwyfyy.css

@@ -26,7 +26,7 @@ body {
 }
 
 .colorda94f8 {
-	color: #da94f8/*紫*/
+	color: #8855FF/*紫*/
 }
 
 .color4359DB {
@@ -3932,3 +3932,31 @@ h3 {
 .vongi-kqtj-center .mui-content-padded .iconfont{
 	margin-right:5px
 }
+.vongi-kqtj-bot{
+	position:fixed;
+	bottom:0;
+	margin:0;
+	width:100%
+}
+.margin77{
+	margin-bottom:77px
+}
+.vongi-kqtj-bot .vongi-clasadmin-ma{
+	position:relative
+}
+.vongi-kqtj-bot .vongi-clasadmin-ma:after{
+	content: "";
+	height:40px;
+	width:1px;
+	background:#eee;
+	position:absolute;
+	right:0;
+	top:50%;
+	margin-top:-20px
+}
+.vongi-kqtj-bot .vongi-clasadmin-ma:last-child:after{
+	width:0
+}
+.vongi-kqtj-bot .vongi-clasadmin-list{
+	padding:10px 0
+}

src/projects/business/views/Master/Attendance/StatisticList.vue

@@ -58,8 +58,29 @@
 						</li> -->
 					</ul>
 				</div>
+				<h6>本时段考勤统计: 已打卡<span class="color55f868" v-text="workCount"></span>人/缺卡<span class="colorfe616c" v-text="absentCount"></span>人</h6>
+				<div class="vongi-clasadmin vongi-kqtj-bot">
+					<div class="vongi-clasadmin-list">
+						<div class="vongi-clasadmin-ma mui-col-xs-3">
+							<span class="color55f868">29</span>
+							<div class="mui-media-body">正常</div>
+						</div>
+						<div class="vongi-clasadmin-ma mui-col-xs-3">
+							<span class="colorf8b155">12</span>
+							<div class="mui-media-body">迟到</div>
+						</div>
+						<div class="vongi-clasadmin-ma mui-col-xs-3">
+							<span class="colorda94f8">0</span>
+							<div class="mui-media-body">早退</div>
+						</div>
+						<div class="vongi-clasadmin-ma mui-col-xs-3">
+							<span class="colorfe616c">23</span>
+							<div class="mui-media-body">缺卡</div>
+						</div>
+					</div>
+				</div>
 			</div>
-			<h6>本时段考勤统计: 已打卡<span class="color55f868" v-text="workCount"></span>人/缺卡<span class="colorfe616c" v-text="absentCount"></span>人</h6>
+			
 		</div>
 
 		<loading :visible="isLoading"></loading>