|
|
@@ -14,27 +14,29 @@
|
|
|
</div>
|
|
|
<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>
|
|
|
+ <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>
|
|
|
+ <a @click="filter('3',leaveEarlyCount)" :class="['3'].indexOf(subForm.resultN)>-1?'mui-active':''">早退({{leaveEarlyCount}})</a>
|
|
|
+ <a @click="filter('0',absentCount)" :class="['0'].indexOf(subForm.resultN)>-1?'mui-active':''">缺卡({{absentCount}})</a>
|
|
|
+ <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>
|
|
|
+ <button @click="menuShow=true" type="button" class="mui-btn mui-icon mui-icon-arrowdown"></button>
|
|
|
</div>
|
|
|
- <!-- <div class="vongi-top-bread-list">
|
|
|
+ <div v-if="menuShow" 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>
|
|
|
+ <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>
|
|
|
+ <a @click="filter('3',leaveEarlyCount)" :class="['3'].indexOf(subForm.resultN)>-1?'mui-active':''">早退({{leaveEarlyCount}})</a>
|
|
|
+ <a @click="filter('0',absentCount)" :class="['0'].indexOf(subForm.resultN)>-1?'mui-active':''">缺卡({{absentCount}})</a>
|
|
|
+ <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>
|
|
|
+ <button @click="menuShow=false" type="button" class="mui-btn mui-icon mui-icon-arrowup"></button>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div class="vongi-bread vongi-kqtj-tab vongi-flxtop">
|
|
|
<a @click="filter('',1)" :class="[''].indexOf(subForm.resultN)>-1?'mui-active':''">全部</a>
|
|
|
@@ -177,6 +179,8 @@
|
|
|
hasNext: true,
|
|
|
}],
|
|
|
|
|
|
+ menuShow: false,
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -393,6 +397,7 @@
|
|
|
}
|
|
|
this.subForm.pageIndex = 1;
|
|
|
this.getPersonList();
|
|
|
+ this.menuShow = false;
|
|
|
}
|
|
|
},
|
|
|
//设置颜色
|
