|
@@ -15,12 +15,12 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="vongi-kqtj-center">
|
|
|
- <ul v-if="!isLast" class="mui-table-view margin10">
|
|
|
+ <ul class="mui-table-view margin10">
|
|
|
<li v-for="(item,index) in companyList" class="mui-table-view-cell">
|
|
|
<a class="mui-navigate-right" @click="reloadNext(item)">{{item.name}}({{item.number}})</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div v-else class="vongi-work">
|
|
|
+ <!-- <div class="vongi-work">
|
|
|
<ul class="mui-table-view">
|
|
|
<template v-for="(iten,index) in recordList">
|
|
|
<li v-for="(item,index) in iten.personList" class="mui-table-view-cell">
|
|
@@ -32,15 +32,15 @@
|
|
|
</div>
|
|
|
</li>
|
|
|
</template>
|
|
|
- <!-- <li class="mui-table-view-cell">
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
<a class="vongi-lodtext">加载更多统计数据<span class="iconfont icon-xiajiantou_huaban"></span></a>
|
|
|
- </li> -->
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!--部门-->
|
|
|
- <div v-if="!isLast" class="vongi-work">
|
|
|
+ <div v-if="!isLast" class="vongi-work" style="margin-bottom:80px;">
|
|
|
<div v-if="recordList.length" class="mui-content-padded">
|
|
|
- <h5 class="flew-items"><span class="iconfont icon-guanliyuan color4fc5f7"></span>管理人员</h5>
|
|
|
+ <h5 class="flew-items"><span class="iconfont icon-guanliyuan color4fc5f7"></span>组织人员</h5>
|
|
|
</div>
|
|
|
<ul class="mui-table-view">
|
|
|
<template v-for="(iten,index) in recordList">
|
|
@@ -58,29 +58,29 @@
|
|
|
</li> -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <h6>本时段考勤统计: 已打卡<span class="color55f868" v-text="workCount"></span>人/缺卡<span class="colorfe616c" v-text="absentCount"></span>人</h6>
|
|
|
+ <!-- <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>
|
|
|
+ <span class="color55f868" v-text="workCount"></span>
|
|
|
<div class="mui-media-body">正常</div>
|
|
|
</div>
|
|
|
<div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
- <span class="colorf8b155">12</span>
|
|
|
+ <span class="colorf8b155" v-text="lateCount"></span>
|
|
|
<div class="mui-media-body">迟到</div>
|
|
|
</div>
|
|
|
<div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
- <span class="colorda94f8">0</span>
|
|
|
+ <span class="colorda94f8" v-text="leaveEarlyCount"></span>
|
|
|
<div class="mui-media-body">早退</div>
|
|
|
</div>
|
|
|
<div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
- <span class="colorfe616c">23</span>
|
|
|
+ <span class="colorfe616c" v-text="absentCount"></span>
|
|
|
<div class="mui-media-body">缺卡</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<loading :visible="isLoading"></loading>
|
|
@@ -121,6 +121,8 @@
|
|
|
},
|
|
|
absentCount: 0,
|
|
|
workCount: 0,
|
|
|
+ leaveEarlyCount: 0,
|
|
|
+ lateCount: 0,
|
|
|
recordList: [],
|
|
|
timeList: [],
|
|
|
timeName: '',
|
|
@@ -156,6 +158,10 @@
|
|
|
this.isLoading = false;
|
|
|
|
|
|
this.companyList = response.list;
|
|
|
+ //如果只有一条数据,自动点到里面一层
|
|
|
+ if (this.companyList.length == 1 && this.nowLevel == 0) {
|
|
|
+ this.reloadNext(this.companyList[0]);
|
|
|
+ }
|
|
|
|
|
|
}).catch(error => {
|
|
|
this.isLoading = false;
|
|
@@ -164,12 +170,14 @@
|
|
|
},
|
|
|
//获取下级公司列表
|
|
|
reloadNext(item) {
|
|
|
- this.subForm.companyId = item.id;
|
|
|
- this.nowLevel++;
|
|
|
- this.getCompanyList();
|
|
|
- this.navList.push(item);
|
|
|
+ if (!this.isLast) {
|
|
|
+ this.subForm.companyId = item.id;
|
|
|
+ this.nowLevel++;
|
|
|
+ this.getCompanyList();
|
|
|
+ this.navList.push(item);
|
|
|
|
|
|
- this.isLast = !item.hasNext;
|
|
|
+ this.isLast = !item.hasNext;
|
|
|
+ }
|
|
|
},
|
|
|
//获取人员列表
|
|
|
getPersonList() {
|
|
@@ -178,8 +186,10 @@
|
|
|
this.isLoading = false;
|
|
|
|
|
|
this.recordList = response.groupList;
|
|
|
- this.absentCount = response.absentCount
|
|
|
- this.workCount = response.workCount
|
|
|
+ this.absentCount = response.absentCount;
|
|
|
+ this.workCount = response.workCount;
|
|
|
+ this.leaveEarlyCount = response.leaveEarlyCount;
|
|
|
+ this.lateCount = response.lateCount;
|
|
|
|
|
|
}).catch(error => {
|
|
|
this.isLoading = false;
|