优化 缴费审核 批量审核功能

This commit is contained in:
Your Name 2023-04-19 01:41:05 +08:00
parent 3cd443cb1e
commit a078581cd5
5 changed files with 77 additions and 24 deletions

View File

@ -23,7 +23,7 @@
<label>
<input type="checkbox" v-model="exportCarFeeImportExcelInfo.isConfigAll" @change="changeAllConfig()" ><span><vc:i18n name="全部" namespace="exportCarFeeImportExcel"></vc:i18n></span>
</label>
<label class="margin-left" v-for="(item,index) in exportCarFeeImportExcelInfo.configs">
<label class="margin-left" v-for="(item,index) in exportCarFeeImportExcelInfo.configs" v-if="item.feeTypeCd != '888800010001' && item.feeTypeCd != '888800010009' && item.feeTypeCd != '888800010011'">
<input type="checkbox" v-model="exportCarFeeImportExcelInfo.configIds" @change="changeItemConfig()" :value="item.configId"> {{item.feeName}}
</label>
</div>

View File

@ -122,7 +122,8 @@
params: {
page: 1,
row: 100,
communityId: vc.getCurrentCommunity().communityId
communityId: vc.getCurrentCommunity().communityId,
isDefault:'F'
}
};

View File

@ -98,7 +98,8 @@
params: {
page: 1,
row: 150,
communityId: vc.getCurrentCommunity().communityId
communityId: vc.getCurrentCommunity().communityId,
}
};
@ -122,7 +123,8 @@
params: {
page: 1,
row: 100,
communityId: vc.getCurrentCommunity().communityId
communityId: vc.getCurrentCommunity().communityId,
isDefault:'F'
}
};

View File

@ -65,12 +65,12 @@
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="缴费审核" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="缴费审核" namespace="payFeeAuditManage"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
<!-- <button type="button" class="btn btn-primary btn-sm" v-on:click="_exportExcel()">
<i class="fa fa-plus"></i>导出
</button> -->
<button type="button" class="btn btn-primary btn-sm" v-on:click="_batchAuditFees()">
批量审核
</button>
</div>
</div>
<div class="ibox-content">
@ -78,48 +78,56 @@
<thead>
<tr>
<th class="text-center">
<span><vc:i18n name="房屋" namespace="payFeeAuditManage"></vc:i18n></span>
<input type="checkbox" class="i-checks " @click="checkAll($event)"
id="quan">
</th>
<th class="text-center">
<span><vc:i18n name="费用项目" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="房屋" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="付费周期" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="费用项目" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="缴费起始时间" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="付费周期" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="缴费结束时间" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="缴费起始时间" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="应付金额(单位:元)" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="缴费结束时间" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="实付金额(单位:元)" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="应付金额(单位:元)" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="操作员工" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="实付金额(单位:元)" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="缴费时间" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="操作员工" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="审核状态" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="缴费时间" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="审核说明" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="审核状态" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="缴费备注" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="审核说明" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<span><vc:i18n name="详情" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="缴费备注" namespace="payFeeAuditManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="详情" namespace="payFeeAuditManage"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="payFee in payFeeAuditManageInfo.payFees">
<td class="text-center">
<input type="checkbox" class="i-checks checkItem"
v-bind:value="payFee.detailId" v-model="payFeeAuditManageInfo.selectFeeDetailIds">
</td>
<td class="text-center">{{payFee.payerObjName}}</td>
<td class="text-center">{{payFee.feeName}}</td>
<td class="text-center">{{payFee.cycles}}
@ -145,7 +153,7 @@
<button class="btn btn-link btn-xs"
v-if="payFee.state != '2020' && payFee.state != '3030' "
v-on:click="_openAuditFeeModal(payFee)">
<span><vc:i18n name="审核费用" namespace="payFeeAuditManage"></vc:i18n></span>
<vc:i18n name="审核费用" namespace="payFeeAuditManage"></vc:i18n>
</button>
<button class="btn btn-link btn-xs" v-if=" payFee.state == '3030' "
v-on:click="_openRefundModel(payFee)">

View File

@ -8,6 +8,7 @@
data: {
payFeeAuditManageInfo: {
payFees: [],
selectFeeDetailIds:[],
payObjTypes: [],
total: 0,
records: 1,
@ -25,6 +26,18 @@
curPayFee: {}
}
},
watch: { // 监视双向绑定的数据数组
payFeeAuditManageInfo: {
handler() { // 数据数组有变化将触发此函数
if ($that.payFeeAuditManageInfo.selectFeeDetailIds.length == $that.payFeeAuditManageInfo.payFees.length) {
document.querySelector('#quan').checked = true;
} else {
document.querySelector('#quan').checked = false;
}
},
deep: true // 深度监视
}
},
_initMethod: function() {
vc.component._listPayFees(DEFAULT_PAGE, DEFAULT_ROWS);
//vc.component._listFeeType();
@ -50,6 +63,7 @@
var param = {
params: vc.component.payFeeAuditManageInfo.conditions
};
$that.payFeeAuditManageInfo.selectFeeDetailIds = [];
//发送get请求
vc.http.apiGet('/payFeeAudit/queryPayFeeAudit',
param,
@ -111,17 +125,31 @@
},
_openAuditFeeModal: function(_payFee) { // 打开 审核框
$that.payFeeAuditManageInfo.curPayFee = _payFee;
$that.payFeeAuditManageInfo.selectFeeDetailIds = [];
vc.emit('audit', 'openAuditModal', {});
},
_batchAuditFees:function(){
if($that.payFeeAuditManageInfo.selectFeeDetailIds.length<1){
vc.toast('请选择费用');
return;
}
$that.payFeeAuditManageInfo.curPayFee = {};
vc.emit('audit', 'openAuditModal', {});
},
_auditFee: function(_param) {
//2020 审核通过 3030 未审核
let _state = _param.state == '1100' ? '2020' : '3030';
let _feeDetailId = "";
if($that.payFeeAuditManageInfo.selectFeeDetailIds.length>0){
_feeDetailId = $that.payFeeAuditManageInfo.selectFeeDetailIds.join(',');
}else{
_feeDetailId = $that.payFeeAuditManageInfo.curPayFee.detailId;
}
let _data = {
state: _state,
message: _param.remark,
feeDetailId: $that.payFeeAuditManageInfo.curPayFee.detailId,
feeDetailId: _feeDetailId,
communityId: vc.getCurrentCommunity().communityId,
feeId: $that.payFeeAuditManageInfo.curPayFee.feeId
};
vc.http.apiPost(
'/payFeeAudit/savePayFeeAudit',
@ -134,6 +162,8 @@
if (_json.code == 0) {
//关闭model
vc.component._listPayFees(DEFAULT_PAGE, DEFAULT_ROWS);
$that.payFeeAuditManageInfo.selectFeeDetailIds = [];
$that.payFeeAuditManageInfo.curPayFee = {};
vc.toast("保存成功");
return;
} else {
@ -158,6 +188,18 @@
feeId: _feeDetail.feeId
}
vc.emit('returnPayFee', 'openReturnPayFeeModel', _feeDetail);
},
checkAll: function(e) {
let checkObj = document.querySelectorAll('.checkItem'); // 获取所有checkbox项
if (e.target.checked) { // 判定全选checkbox的勾选状态
for (var i = 0; i < checkObj.length; i++) {
if (!checkObj[i].checked) { // 将未勾选的checkbox选项push到绑定数组中
$that.payFeeAuditManageInfo.selectFeeDetailIds.push(checkObj[i].value);
}
}
} else { // 如果是去掉全选则清空checkbox选项绑定数组
$that.payFeeAuditManageInfo.selectFeeDetailIds = [];
}
}
}
});