|
@@ -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>
|