考勤统计改版及增加下拉弹窗

src/assets/css/xpwyfyy.css

@@ -1630,14 +1630,12 @@ h3 {
 	color: #999
 }
 
-.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active,
-.vongi-kqtj-tab .mui-active {
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active{
 	position: relative;
 	color: #3385FF
 }
 
-.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active:after,
-.vongi-kqtj-tab .mui-active:after {
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active:after{
 	content: "";
 	position: absolute;
 	bottom: 0;
@@ -4173,16 +4171,12 @@ h3 {
 	padding:0 10px 0 0;
 	width:80%
 }
-.vongi-kqtj-tab{
-	padding:0;
-	background:#ffffff;
-	border-top:1px #eee solid
-}
-.vongi-kqtj-tab a{
-	padding:10px
+
+.vongi-top-bread a{
+	padding:5px 10px
 }
-.vongi-kqtj-tab .mui-active{
-	color:initial
+.vongi-top-bread .mui-active{
+	color:#3385FF
 }
 .vongi-flxtop{
 	position:fixed;
@@ -4190,8 +4184,42 @@ h3 {
 	z-index: 9;
 }
 .vongi-kqtj-tab{
-	margin-top:41px
+	margin-top:41px;
+	background:#ffffff;
 }
 .vongi-tab-top{
 	margin-top:82px
 }
+.vongi-top-bread.vongi-bread{
+	overflow-x: initial;
+	padding:5px 0;
+	border-top:1px #eee solid;
+	background:#ffffff;
+	position:relative
+}
+.vongi-top-bread button{
+	position:absolute;
+	right:0;
+	top:1px;
+	height:40px;
+	border:0;
+	border-radius: initial;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+}
+.vongi-top-bread-list{
+	background:rgba(0,0,0,0.6);
+	height:100%;
+	position:fixed;
+	top:82px;
+}
+.vongi-top-bread.flew{
+	flex-wrap: wrap;
+	background:#ffffff;
+	border-top:1px #eee solid;
+	padding:5px 0;
+	width:100%
+}
+.vongi-top-bread-list .vongi-top-bread button{
+	box-shadow: initial;
+}

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

@@ -12,7 +12,31 @@
 			<div class="fyy-temper-date vongi-flxtop">
 				<a class="mui-col-xs-12" @click="selectData">{{subForm.queryDate}}<span class="mui-icon iconfont icon-xiajiantou"></span></a>
 			</div>
-			<div class="vongi-bread vongi-kqtj-tab vongi-flxtop">
+			<div class="vongi-flxtop vongi-kqtj-tab ">
+				<div class="vongi-top-bread vongi-bread">
+					<a href="" class="mui-active">全部</a>
+					<a href="" class="">正常(46)</a>
+					<a href="" class="">迟到(46)</a>
+					<a href="" class="">早退(46)</a>
+					<a href="" class="">缺卡(46)</a>
+					<a href="" class="">出差(46)</a>
+					<a href="" class="">请假(46)</a>
+					<button type="button" class="mui-btn mui-icon mui-icon-arrowdown"></button>
+				</div>
+				<!-- <div class="vongi-top-bread-list">
+					<div class="vongi-top-bread flew">
+						<a href="" class="mui-active">全部</a>
+						<a href="" class="">正常(46)</a>
+						<a href="" class="">迟到(46)</a>
+						<a href="" class="">早退(46)</a>
+						<a href="" class="">缺卡(46)</a>
+						<a href="" class="">出差(46)</a>
+						<a href="" class="">请假(46)</a>
+						<button type="button" class="mui-btn mui-icon mui-icon-arrowup"></button>
+					</div>
+				</div> -->
+			</div>
+			<!-- <div class="vongi-bread vongi-kqtj-tab vongi-flxtop">
 				<a @click="filter('',1)" :class="[''].indexOf(subForm.resultN)>-1?'mui-active':''">全部</a>
 				<a @click="filter('1',workCount)" :class="['1'].indexOf(subForm.resultN)>-1?'mui-active':''">正常({{workCount}})</a>
 				<a @click="filter('2',lateCount)" :class="['2'].indexOf(subForm.resultN)>-1?'mui-active':''">迟到({{lateCount}})</a>
@@ -21,7 +45,7 @@
 				<a @click="filter('4',businessCount)" :class="['4'].indexOf(subForm.resultN)>-1?'mui-active':''">出差({{businessCount}})</a>
 				<a @click="filter('5',vacationCount)" :class="['5'].indexOf(subForm.resultN)>-1?'mui-active':''">请假({{vacationCount}})</a>
 				<a @click="filter('6',outCount)" :class="['6'].indexOf(subForm.resultN)>-1?'mui-active':''">外出({{outCount}})</a>
-			</div>
+			</div> -->
 			<div class="vongi-kqtj-center vongi-tab-top">
 				<div class="vongi-bread">
 					<template v-for="(item,index) in navList">