MicroCommunityWeb/public/pages/property/attendanceLogManage/attendanceLogManage.html
2024-01-03 00:05:09 +08:00

114 lines
6.1 KiB
HTML

<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件" namespace="attendanceLogManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<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-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-2">
<input type="text" :placeholder="vc.i18n('请选择打卡时间','attendanceLogManage')"
v-model="attendanceLogManageInfo.conditions.date" class=" form-control queryDate">
</div>
<div class="col-sm-2">
<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>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="考勤记录" namespace="attendanceLogManage"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<span><vc:i18n name="人脸" namespace="attendanceLogManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="班组名称" namespace="attendanceLogManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="员工名称" namespace="attendanceLogManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="员工" namespace="attendanceLogManage"></vc:i18n></span>ID
</th>
<th class="text-center">
<span><vc:i18n name="考勤时间" namespace="attendanceLogManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="说明" namespace="attendanceLogManage"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="attendance in attendanceLogManageInfo.attendances">
<td class="text-center" style="white-space: nowrap;">
<img style="width: 60px; height: 60px;" class="border-radius" v-if="attendance.facePath" v-bind:src="attendance.facePath" v-on:click="_viewOwnerFace(attendance.facePath)" />
<img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg" />
</td>
<td class="text-center">{{attendance.departmentName}}</td>
<td class="text-center">{{attendance.staffName}}</td>
<td class="text-center">{{attendance.staffId}}</td>
<td class="text-center">{{attendance.clockTime}}</td>
<td class="text-center">{{attendance.remark}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="common/viewImage"></vc:create>
</div>