优化代码

This commit is contained in:
java110 2020-11-21 15:12:29 +08:00
parent 7f2de5274f
commit 67b06dc9af
6 changed files with 288 additions and 14 deletions

View File

@ -0,0 +1,38 @@
<div>
<div>
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
<thead>
<tr>
<th class="text-center">同步ID</th>
<th class="text-center">设备编码</th>
<th class="text-center">对象类型</th>
<th class="text-center">对象名称</th>
<th class="text-center">状态</th>
<th class="text-center">同步时间</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="machineTranslate in simplifyOwnerAccessContolInfo.machineTranslates">
<td class="text-center">{{machineTranslate.machineTranslateId}}</td>
<td class="text-center">{{machineTranslate.machineCode}}</td>
<td class="text-center">{{machineTranslate.typeCdName}}</td>
<td class="text-center">{{machineTranslate.objName}}</td>
<td class="text-center">{{machineTranslate.stateName}}</td>
<td class="text-center">{{machineTranslate.updateTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditMachineTranslateModel(machineTranslate)">重新同步
</button>
</div>
</td>
</tr>
</tbody>
</table>
<div class="col-sm-7 float-right">
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
<!-- <vc:create path="property/editMachineTranslate"></vc:create> -->
</div>

View File

@ -0,0 +1,60 @@
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
simplifyOwnerAccessContolInfo: {
machineTranslates: [],
ownerId: '',
roomId:''
}
},
_initMethod: function () {
},
_initEvent: function () {
//切换 至费用页面
vc.on('simplifyOwnerAccessContol', 'switch', function (_param) {
vc.copyObject(_param, $that.simplifyOwnerAccessContolInfo)
$that._listSimplifyOwnerAccessContol(DEFAULT_PAGE, DEFAULT_ROWS);
});
},
methods: {
_listSimplifyOwnerAccessContol: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
objId: $that.simplifyOwnerAccessContolInfo.ownerId,
typeCd:'8899'
}
}
//发送get请求
vc.http.get('machineTranslateManage',
'list',
param,
function (json, res) {
var _machineTranslateManageInfo = JSON.parse(json);
vc.component.simplifyOwnerAccessContolInfo.total = _machineTranslateManageInfo.total;
vc.component.simplifyOwnerAccessContolInfo.records = _machineTranslateManageInfo.records;
vc.component.simplifyOwnerAccessContolInfo.machineTranslates = _machineTranslateManageInfo.machineTranslates;
vc.emit('pagination', 'init', {
total: vc.component.simplifyOwnerAccessContolInfo.records,
currentPage: _page
});
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_openEditMachineTranslateModel: function (_machineTranslate) {
vc.emit('editMachineTranslate', 'openEditMachineTranslateModal', _machineTranslate);
},
}
});
})(window.vc);

View File

@ -0,0 +1,49 @@
<div>
<div class="row margin-top">
<div class="col-lg-2 text-left">
<select class="custom-select" v-model="simplifyOwnerTransactionCarInfo.carId" @change="changeTransactionCar()">
<option v-for="(item,index) in simplifyOwnerTransactionCarInfo.ownerCars" :value="item.carId">{{item.carNum}}</option>
</select>
</div>
<div class="col-lg-10 text-right">
</div>
</div>
<div>
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
<thead>
<tr>
<th class="text-center">同步ID</th>
<th class="text-center">设备编码</th>
<th class="text-center">对象类型</th>
<th class="text-center">对象名称</th>
<th class="text-center">状态</th>
<th class="text-center">同步时间</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="machineTranslate in simplifyOwnerTransactionCarInfo.machineTranslates">
<td class="text-center">{{machineTranslate.machineTranslateId}}</td>
<td class="text-center">{{machineTranslate.machineCode}}</td>
<td class="text-center">{{machineTranslate.typeCdName}}</td>
<td class="text-center">{{machineTranslate.objName}}</td>
<td class="text-center">{{machineTranslate.stateName}}</td>
<td class="text-center">{{machineTranslate.updateTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditCarTranslateModel(machineTranslate)">重新同步
</button>
</div>
</td>
</tr>
</tbody>
</table>
<div class="col-sm-7 float-right">
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>

View File

@ -0,0 +1,114 @@
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
simplifyOwnerTransactionCarInfo: {
machineTranslates: [],
ownerId: '',
carId: '',
ownerCars: []
}
},
_initMethod: function () {
},
_initEvent: function () {
//切换 至费用页面
vc.on('simplifyOwnerTransactionCar', 'switch', function (_param) {
vc.copyObject(_param, $that.simplifyOwnerTransactionCarInfo)
$that._listTransactionOwnerCar()
.then((data) => {
$that._listSimplifyOwnerTransactionCar(DEFAULT_PAGE, DEFAULT_ROWS);
}, (err) => {
})
});
},
methods: {
_listSimplifyOwnerTransactionCar: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
objId: $that.simplifyOwnerTransactionCarInfo.carId,
typeCd: '4455'
}
}
//发送get请求
vc.http.get('machineTranslateManage',
'list',
param,
function (json, res) {
var _machineTranslateManageInfo = JSON.parse(json);
vc.component.simplifyOwnerTransactionCarInfo.total = _machineTranslateManageInfo.total;
vc.component.simplifyOwnerTransactionCarInfo.records = _machineTranslateManageInfo.records;
vc.component.simplifyOwnerTransactionCarInfo.machineTranslates = _machineTranslateManageInfo.machineTranslates;
vc.emit('pagination', 'init', {
total: vc.component.simplifyOwnerTransactionCarInfo.records,
currentPage: _page
});
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_openEditCarTranslateModel: function (_machineTranslate) {
vc.emit('editMachineTranslate', 'openEditMachineTranslateModal', _machineTranslate);
},
_listTransactionOwnerCar: function () {
return new Promise((resolve, reject) => {
let param = {
params: {
page: 1,
row: 50,
ownerId: $that.simplifyOwnerTransactionCarInfo.ownerId,
communityId: vc.getCurrentCommunity().communityId
}
}
//发送get请求
vc.http.apiGet('owner.queryOwnerCars',
param,
function (json, res) {
let _json = JSON.parse(json);
$that.simplifyOwnerTransactionCarInfo.ownerCars = _json.data;
if (_json.data.length > 0) {
$that.simplifyOwnerTransactionCarInfo.carId = _json.data[0].carId
resolve(_json.data);
return;
}
reject("没有车位");
}, function (errInfo, error) {
reject(errInfo);
}
);
})
},
changeTransactionCar: function () {
let _car = null;
$that.simplifyOwnerTransactionCarInfo.ownerCars.forEach(item => {
if (item.carId == $that.simplifyOwnerTransactionCarInfo.carId) {
_car = item;
}
});
if (_car == null) {
return;
}
$that._listSimplifyOwnerTransactionCar();
}
}
});
})(window.vc);

View File

@ -59,11 +59,11 @@
<div class="ibox-title">
<h5>设备同步信息</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm"
<!-- <button type="button" class="btn btn-primary btn-sm"
v-on:click="_openAddMachineTranslateModal()">
<i class="fa fa-plus"></i>
添加
</button>
</button> -->
</div>
</div>
<div class="ibox-content">
@ -81,8 +81,6 @@
<th class="text-center">状态</th>
<th class="text-center">同步时间</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
@ -97,7 +95,7 @@
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditMachineTranslateModel(machineTranslate)">修改
v-on:click="_openEditMachineTranslateModel(machineTranslate)">重新同步
</button>
</div>
<!-- <div class="btn-group">

View File

@ -15,7 +15,8 @@
</select>
</div>
<div class="col-lg-4 padding-lr-0 margin-left-xs">
<input class="form-control" v-bind:placeholder="simplifyAcceptanceInfo.searchPlaceholder" v-model="simplifyAcceptanceInfo.searchValue" @keyup.enter="_doSearch()"/>
<input class="form-control" v-bind:placeholder="simplifyAcceptanceInfo.searchPlaceholder"
v-model="simplifyAcceptanceInfo.searchValue" @keyup.enter="_doSearch()" />
</div>
<div class="col-lg-1 padding-lr-0 margin-left-sm">
<button type="button" class="form-control btn btn-primary" @click="_doSearch()">查询</button>
@ -80,7 +81,8 @@
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">房屋编号:</label>
<label class="">{{simplifyAcceptanceInfo.floorNum}}-{{simplifyAcceptanceInfo.unitNum}}-{{simplifyAcceptanceInfo.roomNum}}</label>
<label
class="">{{simplifyAcceptanceInfo.floorNum}}-{{simplifyAcceptanceInfo.unitNum}}-{{simplifyAcceptanceInfo.roomNum}}</label>
</div>
</div>
<div class="col-sm-3">
@ -131,7 +133,8 @@
v-on:click="changeTab('simplifyCarFee')">停车费用</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerMember'}"
<a class="nav-link"
v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerMember'}"
v-on:click="changeTab('simplifyOwnerMember')">家庭成员</a>
</li>
<li class="nav-item">
@ -139,20 +142,23 @@
v-on:click="changeTab('simplifyOwnerCar')">车辆信息</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerRepair'}"
<a class="nav-link"
v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerRepair'}"
v-on:click="changeTab('simplifyOwnerRepair')">报修单</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerComplaint'}"
<a class="nav-link"
v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerComplaint'}"
v-on:click="changeTab('simplifyOwnerComplaint')">投诉单</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 7}"
v-on:click="changeTab(7)">门禁同步</a>
<a class="nav-link"
v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerAccessContol'}"
v-on:click="changeTab('simplifyOwnerAccessContol')">门禁同步</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 8}"
v-on:click="changeTab(8)">道闸同步</a>
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerTransactionCar'}"
v-on:click="changeTab('simplifyOwnerTransactionCar')">道闸同步</a>
</li>
</ul>
</div>
@ -175,6 +181,13 @@
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyOwnerComplaint'">
<vc:create path="property/simplifyOwnerComplaint"></vc:create>
</div>
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyOwnerAccessContol'">
<vc:create path="property/simplifyOwnerAccessContol"></vc:create>
</div>
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyOwnerTransactionCar'">
<vc:create path="property/simplifyOwnerTransactionCar"></vc:create>
</div>
</div>
<vc:create path="property/deleteFee"></vc:create>
@ -188,4 +201,6 @@
<vc:create path="property/searchRoom" emitChooseRoom="simplifyAcceptance" emitLoadData="list" roomFlag="1"
showSearchCondition="false"></vc:create>
<vc:create path="property/editMachineTranslate"></vc:create>
</div>