admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化界面显示

Browse Source
This commit is contained in:
java110 2020-06-24 19:23:32 +08:00
parent 32851b7afe
commit fa5721979e
3 changed files with 203 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/pages/property/billManage/billManage.js
View File

@ -61,8 +61,8 @@
}
);
},
_openBillDetail: function () {
_openBillDetail: function (_bill) {
vc.jumpToPage('/admin.html#/pages/property/billOweManage?'+vc.objToGetParam(_bill));
},
_querybillMethod: function () {

111
public/pages/property/billOweManage/billOweManage.html Normal file
View File

@ -0,0 +1,111 @@
<div class=" animated fadeInRight ecommerce">
<div class="row" >
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>查询条件</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()">{{billOweManageInfo.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="请输入账单编号" v-model="billOweManageInfo.conditions.title"
class=" form-control">
</div>
</div>
<div class="col-sm-4">
<select class="custom-select" v-model="billOweManageInfo.conditions.state">
<option selected value="">请选择交费状态</option>
<option value="1000">未交费</option>
<option value="2000">已缴费</option>
</select></div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" placeholder="请输入业主名称"
v-model="billOweManageInfo.conditions.ownerName" class=" form-control">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_querybillMethod()">
<i class="fa fa-search"></i> 查询
</button>
</div>
</div>
<div class="row">
<!-- <div class="col-sm-4" v-if="billOweManageInfo.moreCondition == true">
<div class="form-group">
<input type="text" placeholder="请输入信息ID"
v-model="billOweManageInfo.conditions.activitiesId" 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>{{billOweManageInfo.billName}}</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_goBack()">
返回
</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">信息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>
<th class="text-center">状态</th>
</tr>
</thead>
<tbody>
<tr v-for="billOwe in billOweManageInfo.billOwes">
<td class="text-center">{{billOwe.payerObjName}}</td>
<td class="text-center">{{billOwe.billAmountOwed}}元</td>
<td class="text-center">{{billOwe.amountOwed}}元</td>
<td class="text-center">{{billOwe.feeEndTime}}</td>
<td class="text-center">{{billOwe.ownerName}}</td>
<td class="text-center">{{billOwe.ownerTel}}</td>
<td class="text-center">
<span class="badge badge-success" v-if="billOwe.state == '2000'">已缴费</span>
<span class="badge badge-danger" v-else>未交费</span>
</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>
</div>

90
public/pages/property/billOweManage/billOweManage.js Normal file
View File

@ -0,0 +1,90 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
billOweManageInfo: {
billOwes: [],
total: 0,
records: 1,
moreCondition: false,
title: '',
billName:'',
conditions: {
ownerName: '',
state: '',
billName: '',
billId: '',
}
}
},
_initMethod: function () {
$that.billOweManageInfo.conditions.billId = vc.getParam('billId');
$that.billOweManageInfo.billName = vc.getParam('billName');
$that._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent: function () {
vc.on('billOweManage', 'listbillOwe', function (_param) {
vc.component.billOweManageInfo.componentShow = 'billOweList';
vc.component._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('pagination', 'page_event', function (_currentPage) {
vc.component._listOwebills(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_listOwebills: function (_page, _rows) {
vc.component.billOweManageInfo.conditions.page = _page;
vc.component.billOweManageInfo.conditions.row = _rows;
vc.component.billOweManageInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
var param = {
params: vc.component.billOweManageInfo.conditions
};
//发送get请求
vc.http.apiGet('fee.listBillOweFee',
param,
function (json, res) {
var _billOweManageInfo = JSON.parse(json);
vc.component.billOweManageInfo.total = _billOweManageInfo.total;
vc.component.billOweManageInfo.records = _billOweManageInfo.records;
vc.component.billOweManageInfo.billOwes = _billOweManageInfo.data;
vc.emit('pagination', 'init', {
total: vc.component.billOweManageInfo.records,
currentPage: _page
});
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_openBillDetail: function () {
},
_querybillMethod: function () {
vc.component._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
},
_moreCondition: function () {
if (vc.component.billOweManageInfo.moreCondition) {
vc.component.billOweManageInfo.moreCondition = false;
} else {
vc.component.billOweManageInfo.moreCondition = true;
}
},
_goBack:function(){
vc.goBack();
}
}
});
})(window.vc);