优化考情相关代码

This commit is contained in:
wuxw 2024-01-03 00:05:09 +08:00
parent 7c88a24cb5
commit 53534a251c
2 changed files with 58 additions and 98 deletions

View File

@ -4,54 +4,46 @@
<div class="ibox ">
<div class="ibox-title">
<h5>
<span><vc:i18n name="查询条件" namespace="attendanceLogManage"></vc:i18n></span>
<vc:i18n name="查询条件" namespace="attendanceLogManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">
{{attendanceLogManageInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入班组名称','attendanceLogManage')"
v-model="attendanceLogManageInfo.conditions.classesName" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入部门名称','attendanceLogManage')"
v-model="attendanceLogManageInfo.conditions.departmentName"
class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="col-sm-2">
<input type="text" :placeholder="vc.i18n('请选择打卡时间','attendanceLogManage')"
v-model="attendanceLogManageInfo.conditions.date" class=" form-control queryDate">
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryAttendanceLogMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="attendanceLogManage"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_resetAttendanceLogMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="attendanceLogManage"></vc:i18n></span>
</button>
</div>
</div>
<div class="row" v-show="attendanceLogManageInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入员工名称','attendanceLogManage')"
v-model="attendanceLogManageInfo.conditions.staffName" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryAttendanceLogMethod()">
<vc:i18n name="查询" namespace="attendanceLogManage"></vc:i18n>
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_resetAttendanceLogMethod()">
<vc:i18n name="重置" namespace="attendanceLogManage"></vc:i18n>
</button>
</div>
</div>
</div>
</div>

View File

@ -4,48 +4,40 @@
<div class="ibox ">
<div class="ibox-title">
<h5>
<span>
<vc:i18n name="查询条件" namespace="monthAttendanceManage"></vc:i18n>
</span>
<vc:i18n name="查询条件" namespace="monthAttendanceManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="monthAttendanceManageInfo.conditions.classesId">
<option selected value="">{{vc.i18n('请选择班次','monthAttendanceManage')}}</option>
<option v-for="(item,index) in monthAttendanceManageInfo.attendanceClassess"
:key="index" v-bind:value="item.classesId">{{item.classesName}}
:key="index" v-bind:value="item.classesId">{{item.classesName}}
</option>
</select>
</div>
</div>
<div class="col-sm-4">
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入员工名称','monthAttendanceManage')"
v-model="monthAttendanceManageInfo.conditions.staffName" class=" form-control">
v-model="monthAttendanceManageInfo.conditions.staffName" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="col-sm-2">
<input type="text" :placeholder="vc.i18n('请选择打卡时间','monthAttendanceManage')"
v-model="monthAttendanceManageInfo.conditions.date" class=" form-control queryDate">
v-model="monthAttendanceManageInfo.conditions.date" class=" form-control queryDate">
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryMonthAttendanceMethod()">
<i class="fa fa-search"></i>
<span>
<vc:i18n name="查询" namespace="monthAttendanceManage"></vc:i18n>
</span>
v-on:click="_queryMonthAttendanceMethod()">
<vc:i18n name="查询" namespace="monthAttendanceManage"></vc:i18n>
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_resetMonthAttendanceMethod()">
<i class="fa fa-repeat"></i>
<span>
<vc:i18n name="重置" namespace="monthAttendanceManage"></vc:i18n>
</span>
v-on:click="_resetMonthAttendanceMethod()">
<vc:i18n name="重置" namespace="monthAttendanceManage"></vc:i18n>
</button>
</div>
</div>
@ -58,14 +50,11 @@
<div class="ibox">
<div class="ibox-title">
<h5>
<span>
<vc:i18n name="月考勤" namespace="monthAttendanceManage"></vc:i18n>
</span>
<vc:i18n name="月考勤" namespace="monthAttendanceManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportExcel()">
<i class="fa fa-download"></i>
<span><vc:i18n name="导出" namespace="monthAttendanceManage"></vc:i18n></span>
<vc:i18n name="导出" namespace="monthAttendanceManage"></vc:i18n>
</button>
</div>
</div>
@ -73,68 +62,47 @@
<div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<span>
<tr>
<th class="text-center">
<vc:i18n name="考勤组" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center">
<span>
</th>
<th class="text-center">
<vc:i18n name="员工名称" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center" v-for="day in monthAttendanceManageInfo.curDays">
{{day}}日
</th>
<th class="text-center">
<span>
</th>
<th class="text-center" v-for="day in monthAttendanceManageInfo.curDays">
{{day}}日
</th>
<th class="text-center">
<vc:i18n name="正常考勤" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center">
<span>
</th>
<th class="text-center">
<vc:i18n name="迟到" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center">
<span>
</th>
<th class="text-center">
<vc:i18n name="早退" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center">
<span>
</th>
<th class="text-center">
<vc:i18n name="旷工" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
<th class="text-center">
<span>
</th>
<th class="text-center">
<vc:i18n name="免考勤" namespace="monthAttendanceManage"></vc:i18n>
</span>
</th>
</tr>
</th>
</tr>
</thead>
<tbody>
<tr v-for="attendance in monthAttendanceManageInfo.attendances">
<td class="text-center">{{attendance.classesName}}</td>
<td class="text-center">{{attendance.staffName}}</td>
<th class="text-left" v-for="day in monthAttendanceManageInfo.curDays">
<span v-html="_getDayDetail(attendance.days,day)"></span>
</th>
<td class="text-center">{{attendance.clockIn}}</td>
<td class="text-center">{{attendance.late}}</td>
<td class="text-center">{{attendance.early}}</td>
<td class="text-center">{{attendance.noClockIn}}</td>
<td class="text-center">{{attendance.free}}</td>
</tr>
<tr v-for="attendance in monthAttendanceManageInfo.attendances">
<td class="text-center">{{attendance.classesName}}</td>
<td class="text-center">{{attendance.staffName}}</td>
<th class="text-left" v-for="day in monthAttendanceManageInfo.curDays">
<span v-html="_getDayDetail(attendance.days,day)"></span>
</th>
<td class="text-center">{{attendance.clockIn}}</td>
<td class="text-center">{{attendance.late}}</td>
<td class="text-center">{{attendance.early}}</td>
<td class="text-center">{{attendance.noClockIn}}</td>
<td class="text-center">{{attendance.free}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
</div>
<!-- 分页 -->