优化代码

This commit is contained in:
Your Name 2023-02-21 00:51:53 +08:00
parent 06a87054f8
commit 4f3732604a
10 changed files with 513 additions and 127 deletions

View File

@ -1,126 +0,0 @@
<div id="addAccessControlWhiteModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b "><span>
<vc:i18n name="添加" namespace="addAccessControlWhite"></vc:i18n>
</span></h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='人员类别' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<select class="custom-select" v-model="addAccessControlWhiteInfo.personType">
<option selected value="">请选择人员类型</option>
<option :value="item.statusCd" v-for="(item,index) in addAccessControlWhiteInfo.personTypes">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='用户名称' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.personName" type="text"
:placeholder="vc.i18n('必填,请填写用户名称','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='手机号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.tel" type="text"
:placeholder="vc.i18n('必填,请填写手机号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='身份证号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.idCard" type="text"
:placeholder="vc.i18n('选填,请填写身份证号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='授权设备' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<select class="custom-select" v-model="addAccessControlWhiteInfo.machineId">
<option selected value="">请选择授权设备</option>
<option :value="item.machineId" v-for="(item,index) in addAccessControlWhiteInfo.machines">
{{item.machineName}}({{item.machineCode}})
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='门禁卡号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.accessControlKey" type="text"
:placeholder="vc.i18n('选填,请填写门禁卡号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='门禁人脸' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<vc:create path="frame/uploadImageUrl" callBackListener="addAccessControlWhite"
callBackFunction="notifyUploadImage" imageCount="1" namespace="addAccessControlWhite">
</vc:create>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='开始时间' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.startTime" type="text"
:placeholder="vc.i18n('必填,请填写开始时间','addAccessControlWhite')"
class="form-control addAccessControlWhiteStartTime">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='结束时间' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.endTime" type="text"
:placeholder="vc.i18n('必填,请填写结束时间','addAccessControlWhite')"
class="form-control addAccessControlWhiteEndTime">
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button" v-on:click="saveAccessControlWhiteInfo()"><i
class="fa fa-check"></i>&nbsp;
<span>
<vc:i18n name="保存"></vc:i18n>
</span>
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">
<span>
<vc:i18n name="取消"></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,30 @@
<div id = "addAccessControlWhiteAuthModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b "><span><vc:i18n name="添加门禁授权" namespace="addAccessControlWhiteAuth"></vc:i18n></span></h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span><vc:i18n name='设备ID' namespace='addAccessControlWhiteAuth'></vc:i18n></span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteAuthInfo.machineId" type="text" :placeholder="vc.i18n('必填请填写设备ID','addAccessControlWhiteAuth')" class="form-control">
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button" v-on:click="saveAccessControlWhiteAuthInfo()" ><i class="fa fa-check"></i>&nbsp;
<span><vc:i18n name="保存"></vc:i18n></span>
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">
<span><vc:i18n name="取消"></vc:i18n></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,97 @@
(function(vc){
vc.extends({
propTypes: {
callBackListener:vc.propTypes.string, //父组件名称
callBackFunction:vc.propTypes.string //父组件监听方法
},
data:{
addAccessControlWhiteAuthInfo:{
acwaId:'',
machineId:'',
}
},
_initMethod:function(){
},
_initEvent:function(){
vc.on('addAccessControlWhiteAuth','openAddAccessControlWhiteAuthModal',function(){
$('#addAccessControlWhiteAuthModel').modal('show');
});
},
methods:{
addAccessControlWhiteAuthValidate(){
return vc.validate.validate({
addAccessControlWhiteAuthInfo:vc.component.addAccessControlWhiteAuthInfo
},{
'addAccessControlWhiteAuthInfo.machineId':[
{
limit:"required",
param:"",
errInfo:"设备ID不能为空"
},
{
limit:"maxLength",
param:"30",
errInfo:"设备ID不能超过30"
},
],
});
},
saveAccessControlWhiteAuthInfo:function(){
if(!vc.component.addAccessControlWhiteAuthValidate()){
vc.toast(vc.validate.errInfo);
return ;
}
vc.component.addAccessControlWhiteAuthInfo.communityId = vc.getCurrentCommunity().communityId;
//不提交数据将数据 回调给侦听处理
if(vc.notNull($props.callBackListener)){
vc.emit($props.callBackListener,$props.callBackFunction,vc.component.addAccessControlWhiteAuthInfo);
$('#addAccessControlWhiteAuthModel').modal('hide');
return ;
}
vc.http.apiPost(
'accessControlWhiteAuth.saveAccessControlWhiteAuth',
JSON.stringify(vc.component.addAccessControlWhiteAuthInfo),
{
emulateJSON:true
},
function(json,res){
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
let _json = JSON.parse(json);
if (_json.code == 0) {
//关闭model
$('#addAccessControlWhiteAuthModel').modal('hide');
vc.component.clearAddAccessControlWhiteAuthInfo();
vc.emit('accessControlWhiteAuthManage','listAccessControlWhiteAuth',{});
return ;
}
vc.message(_json.msg);
},
function(errInfo,error){
console.log('请求失败处理');
vc.message(errInfo);
});
},
clearAddAccessControlWhiteAuthInfo:function(){
vc.component.addAccessControlWhiteAuthInfo = {
machineId:'',
};
}
}
});
})(window.vc);

View File

@ -0,0 +1,19 @@
<div class="modal fade" id="deleteAccessControlWhiteAuthModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"> <span><vc:i18n name="请确认您的操作!"></vc:i18n></span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<tr align="center"><th><span><vc:i18n name="确定删除门禁授权" namespace="deleteAccessControlWhiteAuth"></vc:i18n></span></th></tr>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeDeleteAccessControlWhiteAuthModel()"><span><vc:i18n name="点错了"></vc:i18n></span></button>
<button type="button" class="btn btn-primary" v-on:click="deleteAccessControlWhiteAuth()"><span><vc:i18n name="确认删除!"></vc:i18n></span></button>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,52 @@
(function(vc,vm){
vc.extends({
data:{
deleteAccessControlWhiteAuthInfo:{
}
},
_initMethod:function(){
},
_initEvent:function(){
vc.on('deleteAccessControlWhiteAuth','openDeleteAccessControlWhiteAuthModal',function(_params){
vc.component.deleteAccessControlWhiteAuthInfo = _params;
$('#deleteAccessControlWhiteAuthModel').modal('show');
});
},
methods:{
deleteAccessControlWhiteAuth:function(){
vc.component.deleteAccessControlWhiteAuthInfo.communityId=vc.getCurrentCommunity().communityId;
vc.http.apiPost(
'accessControlWhiteAuth.deleteAccessControlWhiteAuth',
JSON.stringify(vc.component.deleteAccessControlWhiteAuthInfo),
{
emulateJSON:true
},
function(json,res){
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
let _json = JSON.parse(json);
if (_json.code == 0) {
//关闭model
$('#deleteAccessControlWhiteAuthModel').modal('hide');
vc.emit('accessControlWhiteAuthManage','listAccessControlWhiteAuth',{});
return ;
}
vc.message(_json.msg);
},
function(errInfo,error){
console.log('请求失败处理');
vc.message(json);
});
},
closeDeleteAccessControlWhiteAuthModel:function(){
$('#deleteAccessControlWhiteAuthModel').modal('hide');
}
}
});
})(window.vc,window.vc.component);

View File

@ -0,0 +1,101 @@
<div >
<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;">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;" v-on:click="_moreCondition()">{{accessControlWhiteAuthManageInfo.moreCondition == true?'隐藏':'更多'}}</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4" >
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择授权ID','accessControlWhiteAuthManage')" v-model="accessControlWhiteAuthManageInfo.conditions.acwaId" class=" form-control">
</div> </div><div class="col-sm-4" >
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择白名单ID','accessControlWhiteAuthManage')" v-model="accessControlWhiteAuthManageInfo.conditions.acwId" class=" form-control">
</div> </div><div class="col-sm-3" >
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择设备ID','accessControlWhiteAuthManage')" v-model="accessControlWhiteAuthManageInfo.conditions.machineId" class=" form-control">
</div> </div><div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryAccessControlWhiteAuthMethod()">
<i class="glyphicon glyphicon-search"></i> <span><vc:i18n name="查询"></vc:i18n></span>
</button>
</div></div>
<div class="row">
<div class="col-sm-4" v-if="accessControlWhiteAuthManageInfo.moreCondition == true">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择小区ID','accessControlWhiteAuthManage')" v-model="accessControlWhiteAuthManageInfo.conditions.communityId" class=" form-control">
</div> </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="accessControlWhiteAuthManage"></vc:i18n></span></h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddAccessControlWhiteAuthModal()">
<i class="glyphicon glyphicon-plus"></i>
<span><vc:i18n name="添加门禁授权" namespace="accessControlWhiteAuthManage"></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='accessControlWhiteAuthManage'></vc:i18n></span></th>
<th class="text-center"><span><vc:i18n name='设备ID' namespace='accessControlWhiteAuthManage'></vc:i18n></span></th>
<th class="text-center"><span><vc:i18n name='操作'></vc:i18n></span></th>
</tr>
</thead>
<tbody>
<tr v-for="accessControlWhiteAuth in accessControlWhiteAuthManageInfo.accessControlWhiteAuths">
<td class="text-center">{{accessControlWhiteAuth.acwaId}}</td>
<td class="text-center">{{accessControlWhiteAuth.machineId}}</td>
<td class="text-center"><div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditAccessControlWhiteAuthModel(accessControlWhiteAuth)"><span><vc:i18n name='修改'></vc:i18n></span></button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDeleteAccessControlWhiteAuthModel(accessControlWhiteAuth)"><span><vc:i18n name='删除'></vc:i18n></span></button>
</div></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="machine/addAccessControlWhiteAuth"
callBackListener=""
callBackFunction=""
></vc:create>
<vc:create path="machine/editAccessControlWhiteAuth"></vc:create>
<vc:create path="machine/deleteAccessControlWhiteAuth"></vc:create>
</div>

View File

@ -0,0 +1,86 @@
/**
入驻小区
**/
(function(vc){
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data:{
accessControlWhiteAuthManageInfo:{
accessControlWhiteAuths:[],
total:0,
records:1,
moreCondition:false,
acwaId:'',
conditions:{
acwaId:'',
acwId:'',
machineId:'',
communityId:'',
}
}
},
_initMethod:function(){
vc.component._listAccessControlWhiteAuths(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent:function(){
vc.on('accessControlWhiteAuthManage','listAccessControlWhiteAuth',function(_param){
vc.component._listAccessControlWhiteAuths(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('pagination','page_event',function(_currentPage){
vc.component._listAccessControlWhiteAuths(_currentPage,DEFAULT_ROWS);
});
},
methods:{
_listAccessControlWhiteAuths:function(_page, _rows){
vc.component.accessControlWhiteAuthManageInfo.conditions.page = _page;
vc.component.accessControlWhiteAuthManageInfo.conditions.row = _rows;
var param = {
params:vc.component.accessControlWhiteAuthManageInfo.conditions
};
//发送get请求
vc.http.apiGet('accessControlWhiteAuth.listAccessControlWhiteAuths',
param,
function(json,res){
var _accessControlWhiteAuthManageInfo=JSON.parse(json);
vc.component.accessControlWhiteAuthManageInfo.total = _accessControlWhiteAuthManageInfo.total;
vc.component.accessControlWhiteAuthManageInfo.records = _accessControlWhiteAuthManageInfo.records;
vc.component.accessControlWhiteAuthManageInfo.accessControlWhiteAuths = _accessControlWhiteAuthManageInfo.data;
vc.emit('pagination','init',{
total:vc.component.accessControlWhiteAuthManageInfo.records,
currentPage:_page
});
},function(errInfo,error){
console.log('请求失败处理');
}
);
},
_openAddAccessControlWhiteAuthModal:function(){
vc.emit('addAccessControlWhiteAuth','openAddAccessControlWhiteAuthModal',{});
},
_openEditAccessControlWhiteAuthModel:function(_accessControlWhiteAuth){
vc.emit('editAccessControlWhiteAuth','openEditAccessControlWhiteAuthModal',_accessControlWhiteAuth);
},
_openDeleteAccessControlWhiteAuthModel:function(_accessControlWhiteAuth){
vc.emit('deleteAccessControlWhiteAuth','openDeleteAccessControlWhiteAuthModal',_accessControlWhiteAuth);
},
_queryAccessControlWhiteAuthMethod:function(){
vc.component._listAccessControlWhiteAuths(DEFAULT_PAGE, DEFAULT_ROWS);
},
_moreCondition:function(){
if(vc.component.accessControlWhiteAuthManageInfo.moreCondition){
vc.component.accessControlWhiteAuthManageInfo.moreCondition = false;
}else{
vc.component.accessControlWhiteAuthManageInfo.moreCondition = true;
}
}
}
});
})(window.vc);

View File

@ -74,7 +74,8 @@
);
},
_openAddAccessControlWhiteModal: function () {
vc.emit('addAccessControlWhite', 'openAddAccessControlWhiteModal', {});
//vc.emit('addAccessControlWhite', 'openAddAccessControlWhiteModal', {});
vc.jumpToPage('/#/pages/machine/addAccessControlWhite')
},
_openEditAccessControlWhiteModel: function (_accessControlWhite) {
vc.emit('editAccessControlWhite', 'openEditAccessControlWhiteModal', _accessControlWhite);

View File

@ -0,0 +1,126 @@
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span>
<vc:i18n name="添加房屋" namespace="addRoomView"></vc:i18n>
</span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-white btn-sm" v-on:click="_goBack()">
<i class="fa fa-close"></i>返回
</button>
</div>
</div>
<div class="ibox-content">
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='人员类别' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<select class="custom-select" v-model="addAccessControlWhiteInfo.personType">
<option selected value="">请选择人员类型</option>
<option :value="item.statusCd" v-for="(item,index) in addAccessControlWhiteInfo.personTypes">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='用户名称' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.personName" type="text"
:placeholder="vc.i18n('必填,请填写用户名称','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='手机号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.tel" type="text"
:placeholder="vc.i18n('必填,请填写手机号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='身份证号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.idCard" type="text"
:placeholder="vc.i18n('选填,请填写身份证号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='授权设备' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<select class="custom-select" v-model="addAccessControlWhiteInfo.machineId">
<option selected value="">请选择授权设备</option>
<option :value="item.machineId" v-for="(item,index) in addAccessControlWhiteInfo.machines">
{{item.machineName}}({{item.machineCode}})
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='门禁卡号' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.accessControlKey" type="text"
:placeholder="vc.i18n('选填,请填写门禁卡号','addAccessControlWhite')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='门禁人脸' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<vc:create path="frame/uploadImageUrl" callBackListener="addAccessControlWhite"
callBackFunction="notifyUploadImage" imageCount="1" namespace="addAccessControlWhite">
</vc:create>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='开始时间' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.startTime" type="text"
:placeholder="vc.i18n('必填,请填写开始时间','addAccessControlWhite')"
class="form-control addAccessControlWhiteStartTime">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label"><span>
<vc:i18n name='结束时间' namespace='addAccessControlWhite'></vc:i18n>
</span></label>
<div class="col-sm-10">
<input v-model="addAccessControlWhiteInfo.endTime" type="text"
:placeholder="vc.i18n('必填,请填写结束时间','addAccessControlWhite')"
class="form-control addAccessControlWhiteEndTime">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-warning " style="margin-right:20px;" @click="_goBack()">
<span>
<vc:i18n name="返回"></vc:i18n>
</span>
</button>
<button class="btn btn-primary" type="button" v-on:click="saveAccessControlWhiteInfo()"><i
class="fa fa-check"></i>&nbsp;提交
</button>
</div>
</div>
</div>
</div>
</div>