mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-26 08:16:47 +08:00
196 lines
12 KiB
HTML
196 lines
12 KiB
HTML
<div>
|
|
<div class="row">
|
|
<div class="col-md-2 padding-r-0">
|
|
<div class=" border-radius ">
|
|
<div class="margin-xs-r treeview attendance-staff">
|
|
<ul class="list-group text-center border-radius">
|
|
<li class="list-group-item node-orgTree "
|
|
v-for="(item,index) in accessControlWhiteManageInfo.personTypes" :key="index"
|
|
@click="swatchPersonType(item)"
|
|
:class="{'vc-node-selected':accessControlWhiteManageInfo.conditions.personType == item.statusCd}">
|
|
{{item.name}}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-10">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="ibox ">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<span><vc:i18n name="查询条件"></vc:i18n></span>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;"></div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<select class="custom-select"
|
|
v-model="accessControlWhiteManageInfo.conditions.machineId">
|
|
<option selected value="">请选择授权设备</option>
|
|
<option :value="item.machineId"
|
|
v-for="(item,index) in accessControlWhiteManageInfo.machines">
|
|
{{item.machineName}}({{item.machineCode}})
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请选择用户名称','accessControlWhiteManage')"
|
|
v-model="accessControlWhiteManageInfo.conditions.personNameLike"
|
|
class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请选择手机号','accessControlWhiteManage')"
|
|
v-model="accessControlWhiteManageInfo.conditions.tel"
|
|
class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_queryAccessControlWhiteMethod()">
|
|
<i class="fa fa-search"></i>
|
|
<span><vc:i18n name="查询"></vc:i18n></span>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_resetAccessControlWhiteMethod()">
|
|
<i class="fa fa-repeat"></i>
|
|
<span><vc:i18n name="重置"></vc:i18n></span>
|
|
</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="accessControlWhiteManage"></vc:i18n>
|
|
</span>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;">
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_openAddAccessControlWhiteModal()">
|
|
<i class="fa fa-plus"></i>
|
|
<span>
|
|
<vc:i18n name="添加" namespace="accessControlWhiteManage"></vc:i18n>
|
|
</span>
|
|
</button>
|
|
</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='accessControlWhiteManage'></vc:i18n></span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='用户名称' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='手机号' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='身份证号' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='有效期' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='授权设备' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='门禁卡号' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span>
|
|
<vc:i18n name='创建时间' namespace='accessControlWhiteManage'></vc:i18n>
|
|
</span>
|
|
</th>
|
|
<th class="text-center">
|
|
<span><vc:i18n name='操作'></vc:i18n></span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="accessControlWhite in accessControlWhiteManageInfo.accessControlWhites">
|
|
<td class="text-center">
|
|
<div style="position: relative; display: inline-block;"
|
|
v-on:click="showImg(accessControlWhite.personFace?accessControlWhite.personFace:'/img/noPhoto.jpg')">
|
|
<img width="50" height="50"
|
|
v-bind:src="accessControlWhite.personFace?accessControlWhite.personFace:'/img/noPhoto.jpg'"
|
|
onerror="this.src='/img/noPhoto.jpg';">
|
|
<img src="/img/icon-bigimg.png"
|
|
style="position: absolute;right: 0;bottom: 0;" width="50"
|
|
height="50" alt="">
|
|
</div>
|
|
</td>
|
|
<td class="text-center">{{accessControlWhite.personName}}</td>
|
|
<td class="text-center">{{accessControlWhite.tel}}</td>
|
|
<td class="text-center">{{accessControlWhite.idCard || '无'}}</td>
|
|
<td class="text-center">{{accessControlWhite.startTime}}<br/>~{{accessControlWhite.endTime}}</td>
|
|
<td class="text-center">
|
|
{{accessControlWhite.machineCount || 0}}(<a href="javascript:void(0)" @click="_viewAuth(accessControlWhite)">查看</a>)</td>
|
|
<td class="text-center">{{accessControlWhite.accessControlKey || '无'}}</td>
|
|
<td class="text-center">{{accessControlWhite.createTime}}</td>
|
|
|
|
<td class="text-center">
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_openEditAccessControlWhiteModel(accessControlWhite)"><span>
|
|
<vc:i18n name='修改'></vc:i18n>
|
|
</span></button>
|
|
</div>
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_openDeleteAccessControlWhiteModel(accessControlWhite)"><span>
|
|
<vc:i18n name='删除'></vc:i18n>
|
|
</span></button>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="9">
|
|
<ul class="pagination float-right"></ul>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<vc:create path="machine/editAccessControlWhite"></vc:create>
|
|
<vc:create path="machine/deleteAccessControlWhite"></vc:create>
|
|
<vc:create path="common/viewImage"></vc:create>
|
|
</div> |