mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-26 16:19:44 +08:00
优化代码
This commit is contained in:
java110
parent
8221d6bc58
commit
97a38c9c85
@ -0,0 +1,58 @@
|
||||
<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>
|
||||
</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> 打印
|
||||
</button>
|
||||
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
|
||||
v-on:click="_closePage()">取消
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -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);
|
||||
Loading…
Reference in New Issue
Block a user