This commit is contained in:
java110 2021-09-21 11:54:49 +08:00
commit ca1721f5aa
7 changed files with 267 additions and 5 deletions

View File

@ -65,6 +65,20 @@
placeholder="必填,请填写联系方式" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">缴费周期</label>
<div class="col-sm-10">
<input v-model="addCommunityInfo.payFeeMonth" type="text"
placeholder="必填,请填写缴费周期(月)" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">每月单价</label>
<div class="col-sm-10">
<input v-model="addCommunityInfo.feePrice" type="text"
placeholder="必填,请填写每月单价(元)" class="form-control">
</div>
</div>
<div v-for="(item,index) in addCommunityInfo.attrs">
<div class="form-group row" v-if="item.specType == '2233'">
<label class="col-sm-2 col-form-label">{{item.specName}}</label>

View File

@ -11,7 +11,9 @@
cityCode: '',
mapX: '101.33',
mapY: '101.33',
attrs: []
attrs: [],
payFeeMonth: 12,
feePrice: 0
},
areas: [],
provs: [],
@ -148,7 +150,9 @@
cityCode: '',
mapX: '101.33',
mapY: '101.33',
attrs: []
attrs: [],
payFeeMonth: 12,
feePrice: 0
};
$that.selectProv = '';
$that.selectCity = '';

View File

@ -28,6 +28,20 @@
placeholder="必填,请填写附近地标" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">缴费周期</label>
<div class="col-sm-10">
<input v-model="editCommunityInfo.payFeeMonth" type="text"
placeholder="必填,请填写缴费周期(月)" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">每月单价</label>
<div class="col-sm-10">
<input v-model="editCommunityInfo.feePrice" type="text"
placeholder="必填,请填写每月单价(元)" class="form-control">
</div>
</div>
<div v-for="(item,index) in editCommunityInfo.attrs">
<div class="form-group row" v-if="item.specType == '2233'">
<label class="col-sm-2 col-form-label">{{item.specName}}</label>

View File

@ -10,7 +10,8 @@
cityCode: '',
mapX: '101.33',
mapY: '101.33',
payFeeMonth: 12,
feePrice: 0,
attrs: []
}
},
@ -140,7 +141,8 @@
cityCode: '',
mapX: '101.33',
mapY: '101.33',
payFeeMonth: 12,
feePrice: 0,
attrs: _attrs
}
},

View File

@ -22,7 +22,8 @@
<th class="text-center">小区编码</th>
<th data-hide="phone" class="text-center">联系方式</th>
<th data-hide="phone" class="text-center">面积</th>
<!-- <th data-hide="phone">地标</th> -->
<th data-hide="phone" class="text-center">开始时间</th>
<th data-hide="phone" class="text-center">结束时间</th>
<!-- <th data-hide="phone,tablet" >城市编码</th> -->
<th data-hide="phone" class="text-center">状态</th>
<th class="text-center">操作</th>
@ -54,6 +55,12 @@
<td class="text-center">
{{community.communityArea}}
</td>
<td class="text-center">
{{community.startTime}}
</td>
<td class="text-center">
{{community.endTime}}
</td>
<!-- <td>
{{community.nearbyLandmarks}}
</td> -->

View File

@ -0,0 +1,62 @@
<div>
<div>
<div>
<div style="color:#000;font-size:20px;margin-left:20px;margin-top:60px;height: 60px;">
<div class="float-left" style="width:600px;margin-left: 60px;">
<span>{{printPayFeeInfo.payObjName}}</span>
</div>
<div class="float-left text-center"
v-if="printPayFeeInfo.feeReceipt && printPayFeeInfo.feeReceipt.length>0">
<span>{{printPayFeeInfo.feeReceipt[0].objName}}</span>
</div>
</div>
<table class="table vc-table-border" style="color:#000;font-size:20px ;border:0">
<tbody class="vc-table-border" style="color:#000;font-size:20px;border: 0px;">
<tr v-for="(item,index) in printPayFeeInfo.fees" class="vc-table-border" style="border: 0px;">
<td class="text-center" style="border: 0px;">{{item.feeName}}</td>
<td class="text-center" v-if="item.preDegrees" style="border: 0px;">
{{vc.dateFormat(item.startTime)}}至{{vc.dateSubOneDay(vc.dateFormat(item.startTime),vc.dateFormat(item.endTime),item.feeFlag)}}</br>
{{item.preDegrees}} 至 {{item.curDegrees}}
</td>
<!-- 根据山东 需求 如果为押金时 显示为无-->
<td class="text-center" style="border: 0px;" v-else-if="item.feeTypeCd == '888800010006'">
</td>
<td class="text-center" style="border: 0px;" v-else>
{{vc.dateFormat(item.startTime)}}至{{vc.dateSubOneDay(vc.dateFormat(item.startTime),vc.dateFormat(item.endTime),item.feeFlag)}}
</td>
<td class="text-center" style="border: 0px;">{{item.squarePrice}}</td>
<td class="text-center" style="border: 0px;">{{item.area}}</td>
<td class="text-center" style="border: 0px;">{{item.amount}}</td>
</tr>
<tr style="border: 0px;">
<td colspan="3" class="text-center" style="border: 0px;">
( ){{vc.changeNumMoneyToChinese(printPayFeeInfo.amount)}}
</td>
<td class="text-center" style="border: 0px;">: </td>
<td colspan="3" class="text-center" style="border: 0px;">{{printPayFeeInfo.amount}}</td>
</tr>
<tr style="border: 0px;">
<td colspan="4" class="text-center" style="border: 0px;"></td>
<td colspan="3" class="text-center" style="border: 0px;">{{printPayFeeInfo.feeTime}}</td>
</tr>
<tr style="border: 0px;">
<td colspan="4" class="text-center" style="border: 0px;">单号</td>
<td colspan="3" class="text-center" style="border: 0px;">{{printPayFeeInfo.receiptNum}}</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-md-10"></div>
<div class="col-md-2" id="print-btn">
<button class="btn btn-primary float-right" type="button" v-on:click="_printPurchaseApplyDiv()">
<i class="fa fa-check"></i>&nbsp;打印
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
v-on:click="_closePage()">取消
</button>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,159 @@
(function (vc) {
vc.extends({
data: {
printPayFeeInfo: {
communityName: '',
receiptId: '',
receiptIds: '',
roomName: '',
amount: 0.00,
fees: [],
feeTime: '',
wechatName: '',
content: '',
qrImg: '',
payObjName: '',
feeReceipt: [],
apply: 'N'
},
printFlag: '0'
},
_initMethod: function () {
//vc.component._initPrintPurchaseApplyDateInfo();
$that.printPayFeeInfo.receiptId = vc.getParam('receiptId');
$that.printPayFeeInfo.receiptIds = vc.getParam('receiptIds');
$that.printPayFeeInfo.apply = vc.getParam('apply');
//$that.printPayFeeInfo.feeTime = vc.dateTimeFormat(new Date());
$that.printPayFeeInfo.communityName = vc.getCurrentCommunity().name;
$that._loadReceipt();
$that._loadPrintSpec();
},
_initEvent: function () {
},
methods: {
_initPayFee: function () {
},
_loadReceipt: function () {
var param = {
params: {
page: 1,
row: 30,
receiptId: $that.printPayFeeInfo.receiptId,
receiptIds: $that.printPayFeeInfo.receiptIds,
communityId: vc.getCurrentCommunity().communityId
}
};
//发送get请求
vc.http.apiGet('/feeReceipt/queryFeeReceipt',
param,
function (json, res) {
var _feeReceiptManageInfo = JSON.parse(json);
let _feeReceipt = _feeReceiptManageInfo.data;
let _amount = 0;
_feeReceipt.forEach(item => {
_amount += parseFloat(item.amount)
});
$that.printPayFeeInfo.amount = _amount.toFixed(2);
$that.printPayFeeInfo.roomName = _feeReceipt[0].objName;
$that.printPayFeeInfo.feeTime = _feeReceipt[0].createTime;
$that.printPayFeeInfo.receiptNum = _feeReceipt[0].receiptId;
$that.printPayFeeInfo.payObjName = _feeReceipt[0].payObjName;
$that.printPayFeeInfo.feeReceipt = _feeReceipt;
$that._loadReceiptDetail();
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_loadReceiptDetail: function () {
var param = {
params: {
page: 1,
row: 100,
receiptId: $that.printPayFeeInfo.receiptId,
receiptIds: $that.printPayFeeInfo.receiptIds,
communityId: vc.getCurrentCommunity().communityId
}
};
//发送get请求
vc.http.apiGet('/feeReceipt/queryFeeReceiptDetail',
param,
function (json, res) {
var _feeReceiptManageInfo = JSON.parse(json);
let _feeReceiptDetails = _feeReceiptManageInfo.data;
_feeReceiptDetails.forEach(item => {
$that.printPayFeeInfo.feeReceipt.forEach(im => {
if (item.receiptId == im.receiptId) {
item.objName = im.objName;
item.feeTypeCd = im.feeTypeCd;
}
})
})
$that.printPayFeeInfo.fees = _feeReceiptDetails;
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_loadPrintSpec: function () {
var param = {
params: {
page: 1,
row: 1,
specCd: 2020,
communityId: vc.getCurrentCommunity().communityId
}
};
//发送get请求
vc.http.apiGet('/feePrintSpec/queryFeePrintSpec',
param,
function (json, res) {
var _json = JSON.parse(json);
var _data = _json.data;
if (_data.length > 0) {
$that.printPayFeeInfo.content = _data[0].content;
$that.printPayFeeInfo.qrImg = _data[0].qrImg;
if (_data[0].printName) {
$that.printPayFeeInfo.communityName = _data[0].printName;
}
}
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_printPurchaseApplyDiv: function () {
$that.printFlag = '1';
console.log('console.log($that.printFlag);', $that.printFlag);
document.getElementById("print-btn").style.display = "none";//隐藏
window.print();
//$that.printFlag = false;
window.opener = null;
window.close();
},
_closePage: function () {
window.opener = null;
window.close();
}
}
});
})(window.vc);