Files
PropertyDeployment/resources/Web/MicroCommunityIotWeb/html/pages/accessControl/accessControlFace/accessControlFace.html
Anfioo be079067e6 version9
4
2026-01-14 11:39:11 +08:00

189 lines
11 KiB
HTML

<div>
<div class="row">
<div class="col-md-1 padding-r-0">
<div class=" border-radius ">
<div class="margin-xs-r treeview ">
<ul class="list-group text-center border-radius">
<li class="list-group-item node-orgTree "
v-for="(item,index) in accessControlFaceInfo.accessControls" :key="index"
@click="swatchAccessControl(item)"
:class="{'vc-node-selected':accessControlFaceInfo.conditions.machineId == item.machineId}">
{{item.machineName}}
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-11">
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-2">
<select class="custom-select" v-model="accessControlFaceInfo.conditions.state">
<option selected value="">请选择状态</option>
<option value="W">待下发</option>
<option value="C">下发成功</option>
<option value="F">下发设备</option>
</select>
</div>
<div class="col-sm-2">
<select class="custom-select" v-model="accessControlFaceInfo.conditions.personType">
<option selected value="">请选择人员类型</option>
<option value="OWNER">人员</option>
<option value="STAFF">员工</option>
</select>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择用户名称','accessControlFace')"
v-model="accessControlFaceInfo.conditions.name" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入开始时间','accessControlFace')"
v-model="accessControlFaceInfo.conditions.queryStartTime"
class=" form-control queryStartTime">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入结束时间','accessControlFace')"
v-model="accessControlFaceInfo.conditions.queryEndTime"
class=" form-control queryEndTime">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryAccessControlFaceMethod()">
<i class="glyphicon glyphicon-search"></i> <span>
<vc:i18n name="查询"></vc:i18n>
</span>
</button>
</div>
<div class="col-sm-2">
<select class="custom-select" v-model="accessControlFaceInfo.conditions.comeType">
<option selected value="">请选择来自类型</option>
<option value="FLOOR">楼栋授权</option>
<option value="OWNER">人员授权</option>
<option value="STAFF">员工授权</option>
</select>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="门禁人员" namespace="accessControlFace"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<button class="btn-primary btn btn-xs" @click="_openAccessControlPerson()">
<vc:i18n name='人员授权'></vc:i18n>
</button>
</div>
</div>
<div class="ibox-content ibox-content-auto-height">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name='人脸' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='门禁' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='人员类型' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='用户名称' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='开始时间' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='结束时间' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='身份证' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='状态' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='消息' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='门禁卡号' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='来自类型' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='创建时间' namespace='accessControlFace'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='操作'></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="accessControlFace in accessControlFaceInfo.accessControlFaces">
<td class="text-center" style="white-space: nowrap;">
<img style="width: 60px; height: 60px;" class="border-radius"
v-if="accessControlFace.facePath" v-bind:src="accessControlFace.facePath"
v-on:click="_viewOwnerFace(accessControlFace.facePath)" />
<img style="width: 60px; height: 60px;" class="border-radius" v-else
src="/img/noPhoto.jpg" />
</td>
<td class="text-center">{{accessControlFace.machineName}}</td>
<td class="text-center">{{accessControlFace.personType == 'OWNER'?'人员':'员工'}}
</td>
<td class="text-center">{{accessControlFace.name}}</td>
<td class="text-center">{{accessControlFace.startTime}}</td>
<td class="text-center">{{accessControlFace.endTime}}</td>
<td class="text-center">{{accessControlFace.idNumber || '-'}}</td>
<td class="text-center">{{accessControlFace.stateName}}</td>
<td class="text-center">{{accessControlFace.message}}</td>
<td class="text-center">{{accessControlFace.cardNumber || '-'}}</td>
<td class="text-center">{{accessControlFace.comeTypeName}}</td>
<td class="text-center">{{accessControlFace.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_reSendPersonData(accessControlFace)">
<vc:i18n name='重新下发'></vc:i18n>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteAccessControlFaceModel(accessControlFace)">
<vc:i18n name='删除'></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="accessControl/deleteAccessControlFace"></vc:create>
<vc:create path="accessControl/reSendAccessControlFace"></vc:create>
</div>