This commit is contained in:
Your Name 2023-02-28 01:53:05 +08:00
commit 97c4f14e66
2 changed files with 79 additions and 70 deletions

View File

@ -7,8 +7,7 @@
<span><vc:i18n name="查询条件" namespace="machineRecordManage"></vc:i18n></span>
</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()">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;" v-on:click="_moreCondition()">
{{machineRecordManageInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
@ -17,8 +16,7 @@
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入用户名称','machineRecordManage')"
v-model="machineRecordManageInfo.conditions.name" class=" form-control">
<input type="text" :placeholder="vc.i18n('请输入用户名称','machineRecordManage')" v-model="machineRecordManageInfo.conditions.name" class=" form-control">
</div>
</div>
<div class="col-sm-4">
@ -30,18 +28,15 @@
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入用户手机','machineRecordManage')"
v-model="machineRecordManageInfo.conditions.tel" class=" form-control">
<input type="text" :placeholder="vc.i18n('请输入用户手机','machineRecordManage')" v-model="machineRecordManageInfo.conditions.tel" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryMachineRecordMethod()">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryMachineRecordMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="machineRecordManage"></vc:i18n></span>
</button>
<button type="button" class="btn btn-info btn-sm"
v-on:click="_resetMachineRecordMethod()">
<button type="button" class="btn btn-info btn-sm" v-on:click="_resetMachineRecordMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="machineRecordManage"></vc:i18n></span>
</button>
@ -57,14 +52,12 @@
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入设备名称','machineRecordManage')"
v-model="machineRecordManageInfo.conditions.machineName" class=" form-control">
<input type="text" :placeholder="vc.i18n('请输入设备名称','machineRecordManage')" v-model="machineRecordManageInfo.conditions.machineName" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入设备编码','machineRecordManage')"
v-model="machineRecordManageInfo.conditions.machineCode" class=" form-control">
<input type="text" :placeholder="vc.i18n('请输入设备编码','machineRecordManage')" v-model="machineRecordManageInfo.conditions.machineCode" class=" form-control">
</div>
</div>
<div class="col-sm-1"></div>
@ -87,57 +80,67 @@
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny"
data-page-size="15">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<span><vc:i18n name="设备编码" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="用户名称" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="开门方式" namespace="machineRecordManage"></vc:i18n></span>
</th>
<!-- <th class="text-center">
<tr>
<th class="text-center">
<vc:i18n name="人脸" namespace="listOwner"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="设备" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="设备位置" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="用户名称" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="开门方式" namespace="machineRecordManage"></vc:i18n></span>
</th>
<!-- <th class="text-center">
<span><vc:i18n name="用户手机号" namespace="machineRecordManage"></vc:i18n></span>
</th> -->
<th class="text-center">
<span><vc:i18n name="身份证" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="开门时间" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="操作" namespace="machineRecordManage"></vc:i18n></span>
</th>
</tr>
<th class="text-center">
<span><vc:i18n name="身份证" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="开门时间" namespace="machineRecordManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="操作" namespace="machineRecordManage"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="machineRecord in machineRecordManageInfo.machineRecords">
<td class="text-center">{{machineRecord.machineCode}}</td>
<td class="text-center">{{machineRecord.name}}</td>
<td class="text-center">{{machineRecord.openTypeName}}</td>
<!-- <td class="text-center">{{machineRecord.tel}}</td> -->
<td class="text-center">{{machineRecord.idCard}}</td>
<td class="text-center">{{machineRecord.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openMachineRecordDetailModel(machineRecord)">
<tr v-for="machineRecord in machineRecordManageInfo.machineRecords">
<td class="text-center" style="white-space: nowrap;">
<img style="width: 60px; height: 60px;" class="border-radius" v-if="machineRecord.faceUrl" v-bind:src="machineRecord.faceUrl" v-on:click="_viewOwnerFace(machineRecord.faceUrl)" />
<img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg" />
</td>
<td class="text-center">{{machineRecord.machineName}}({{machineRecord.machineCode}})</td>
<td class="text-center">{{machineRecord.locationObjName}}</td>
<td class="text-center">{{machineRecord.name}}({{machineRecord.tel == '-1'?'无':machineRecord.tel}})</td>
<td class="text-center">{{machineRecord.openTypeName}}</td>
<!-- <td class="text-center">{{machineRecord.tel}}</td> -->
<td class="text-center">{{machineRecord.idCard == '-1'?'无':machineRecord.idCard }}</td>
<td class="text-center">{{machineRecord.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openMachineRecordDetailModel(machineRecord)">
<span><vc:i18n name="详情" namespace="machineRecordManage"></vc:i18n></span>
</button>
</div>
</td>
</tr>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
@ -147,4 +150,5 @@
</div>
</div>
<vc:create path="property/machineRecordDetail"></vc:create>
</div>
<vc:create path="common/viewImage"></vc:create>
</div>

View File

@ -1,7 +1,7 @@
/**
入驻小区
**/
(function (vc) {
(function(vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
@ -22,19 +22,19 @@
}
}
},
_initMethod: function () {
_initMethod: function() {
vc.component._listMachineRecords(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent: function () {
vc.on('machineRecordManage', 'listMachineRecord', function (_param) {
_initEvent: function() {
vc.on('machineRecordManage', 'listMachineRecord', function(_param) {
vc.component._listMachineRecords(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('pagination', 'page_event', function (_currentPage) {
vc.on('pagination', 'page_event', function(_currentPage) {
vc.component._listMachineRecords(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_listMachineRecords: function (_page, _rows) {
_listMachineRecords: function(_page, _rows) {
vc.component.machineRecordManageInfo.conditions.page = _page;
vc.component.machineRecordManageInfo.conditions.row = _rows;
vc.component.machineRecordManageInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
@ -48,7 +48,7 @@
//发送get请求
vc.http.apiGet('/machineRecord.listMachineRecords',
param,
function (json, res) {
function(json, res) {
var _machineRecordManageInfo = JSON.parse(json);
vc.component.machineRecordManageInfo.total = _machineRecordManageInfo.total;
vc.component.machineRecordManageInfo.records = _machineRecordManageInfo.records;
@ -59,17 +59,17 @@
currentPage: _page
});
},
function (errInfo, error) {
function(errInfo, error) {
console.log('请求失败处理');
}
);
},
//查询
_queryMachineRecordMethod: function () {
_queryMachineRecordMethod: function() {
vc.component._listMachineRecords(DEFAULT_PAGE, DEFAULT_ROWS);
},
//重置
_resetMachineRecordMethod: function () {
_resetMachineRecordMethod: function() {
vc.component.machineRecordManageInfo.conditions.name = "";
vc.component.machineRecordManageInfo.conditions.openTypeCd = "";
vc.component.machineRecordManageInfo.conditions.tel = "";
@ -78,16 +78,21 @@
vc.component.machineRecordManageInfo.conditions.machineCode = "";
vc.component._listMachineRecords(DEFAULT_PAGE, DEFAULT_ROWS);
},
_openMachineRecordDetailModel: function (_machineRecord) {
_openMachineRecordDetailModel: function(_machineRecord) {
vc.emit('machineRecordDetail', 'openMachineRecordDetailModal', _machineRecord);
},
_moreCondition: function () {
_moreCondition: function() {
if (vc.component.machineRecordManageInfo.moreCondition) {
vc.component.machineRecordManageInfo.moreCondition = false;
} else {
vc.component.machineRecordManageInfo.moreCondition = true;
}
}
},
_viewOwnerFace: function(_url) {
vc.emit('viewImage', 'showImage', {
url: _url
});
},
}
});
})(window.vc);