admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-25 14:17:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化 欠费查询页面

Browse Source
This commit is contained in:
java110 2020-08-21 23:04:34 +08:00
parent e2a691fcf3
commit 637cedd55f
4 changed files with 193 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app.js
View File

@ -34,10 +34,10 @@ let opts = {
//app.use('/callComponent',proxy('https://app.demo.winqi.cn/',opts));
//app.use('/callComponent',proxy('http://api.demo.winqi.cn:8012/',opts));
//app.use('/callComponent',proxy('http://api.demo.winqi.cn:8012',opts));
//app.use('/callComponent',proxy('http://api.demo.winqi.cn:8012',opts));
//app.use('/app',proxy('http://api.demo.winqi.cn:8012',opts));
app.use('/callComponent',proxy('http://192.168.1.16:8012',opts));
app.use('/app',proxy('http://192.168.1.16:8012',opts));
app.use('/callComponent',proxy('http://api.demo.winqi.cn:8012',opts));
app.use('/app',proxy('http://api.demo.winqi.cn:8012',opts));
//app.use('/callComponent',proxy('http://192.168.1.16:8012',opts));
//app.use('/app',proxy('http://192.168.1.16:8012',opts));
//app.listen(3000);
app.use(express.json());

104
public/pages/property/listOweFee/listOweFee.html Normal file
View File

@ -0,0 +1,104 @@
<div>
<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()">{{listOweFeeInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<select class="custom-select" v-model="listOweFeeInfo.conditions.payObjType">
<option value="3333">房屋费用</option>
<option value="6666">车位费用</option>
</select>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<select class="custom-select" v-model="listOweFeeInfo.conditions.billType">
<option value="00123">出账费用</option>
<option value="004">实时费用</option>
</select>
</div>
</div>
<div class="col-sm-4" v-if="listOweFeeInfo.conditions.payObjType == '3333'">
<div class="form-group">
<input type="text" placeholder="请填写房屋编号" class="form-control"
v-model="listOweFeeInfo.conditions.num">
</div>
</div>
<div class="col-sm-4" v-else>
<div class="form-group">
<input type="text" placeholder="请填写车位编号" class="form-control "
v-model="listOweFeeInfo.conditions.num">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOweFeeMethod()"><i
class="fa fa-search"></i> 查询
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>欠费信息</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px"
data-page-size="10">
<thead>
<tr>
<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-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="fee in listOweFeeInfo.fees">
<td class="text-center">{{fee.roomName}}</td>
<td class="text-center">{{fee.feeName}}</td>
<td class="text-center">{{fee.ownerName}}</td>
<td class="text-center">{{fee.ownerTel}}</td>
<td class="text-center">{{fee.endTime}}</td>
<td class="text-center">{{fee.amountOwed}}</td>
<td class="text-right">
<button class="btn btn-link btn-xs" v-if=" fee.state != '2009001'"
v-on:click="_toOwnerPayFee(fee)">缴费
</button>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>

84
public/pages/property/listOweFee/listOweFee.js Normal file
View File

@ -0,0 +1,84 @@
(function(vc){
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data:{
listOweFeeInfo:{
fees:[],
roomName:'',
roomId:'',
total: 0,
records: 1,
moreCondition:false,
roomNum:'',
conditions:{
floorName:'',
payObjType:'3333',
billType:'00123'
},
roomUnits:[],
floorId:'',
unitId:'',
}
},
_initMethod:function(){
vc.component._loadListOweFeeInfo(1,10);
},
_initEvent:function(){
vc.on('pagination', 'page_event',
function(_currentPage) {
vc.component._loadListOweFeeInfo(_currentPage, DEFAULT_ROWS);
});
},
methods:{
_loadListOweFeeInfo:function(_page,_row){
vc.component.listOweFeeInfo.conditions.page = _page;
vc.component.listOweFeeInfo.conditions.row = _row;
vc.component.listOweFeeInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
let param = {
params: vc.component.listOweFeeInfo.conditions
};
//发送get请求
vc.http.apiGet('/feeApi/getOweFees',
param,
function(json){
var _feeConfigInfo = JSON.parse(json);
vc.component.listOweFeeInfo.total = _feeConfigInfo.total;
vc.component.listOweFeeInfo.records = _feeConfigInfo.records;
vc.component.listOweFeeInfo.fees = _feeConfigInfo.data;
vc.emit('pagination', 'init', {
total: _feeConfigInfo.records,
currentPage: _page
});
},function(){
console.log('请求失败处理');
}
);
},
_goBack:function(){
vc.goBack();
},
_toOwnerPayFee:function(_fee){
vc.jumpToPage('/admin.html#/pages/property/owePayFeeOrder?payObjId='+_fee.payObjId+"&payObjType="+_fee.payObjType+"&roomName="+_fee.roomName);
},
_moreCondition:function(){
if(vc.component.listOweFeeInfo.moreCondition){
vc.component.listOweFeeInfo.moreCondition = false;
}else{
vc.component.listOweFeeInfo.moreCondition = true;
}
},
_openChooseFloorMethod:function(){
vc.emit('searchFloor','openSearchFloorModel',{});
},
_queryOweFeeMethod:function(){
vc.component._loadListOweFeeInfo(1,10);
}
}
});
})(window.vc);

2
public/pages/property/roomCreateFee/roomCreateFee.js
View File

@ -174,4 +174,4 @@
}
});
})(window.vc);
})(window.vc);