|
@@ -16,7 +16,18 @@
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+ .divHeader {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ height: 160px;
|
|
|
+ position: fixed;
|
|
|
+ }
|
|
|
|
|
|
+ .divNone {
|
|
|
+ width: 20px !important;
|
|
|
+ white-space: normal !important;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
|
|
|
</style>
|
|
|
<script src="../../static/print/jquery-2.0.3.js" type="text/javascript"></script>
|
|
@@ -29,58 +40,67 @@
|
|
|
|
|
|
<div>
|
|
|
|
|
|
- <input type="button" style="height: 30;" id="print_button" value="打印"/>
|
|
|
+ <input type="button" style="height: 30px;" id="print_button" value="打印"/>
|
|
|
+
|
|
|
+ <div class="divNone">
|
|
|
|
|
|
+ </div>
|
|
|
<fieldset align="">
|
|
|
<legend>打印区</legend>
|
|
|
- <div id="myPrintArea" style="height: 1500;">
|
|
|
- <div align="center">
|
|
|
- <SPAN style="TEXT-DECORATION: underline;font-size:25px">收费记录明细</SPAN>
|
|
|
- <br/><br/>
|
|
|
- </div>
|
|
|
- <div style="text-align:center; font-size:15px;he">
|
|
|
- <table id="dp" width="100%" style="border-collapse:collapse;border:none;">
|
|
|
- <tr height="80">
|
|
|
- <td style="border:solid #000 1px;text-align: left;" colspan="5">单位:广西东兴北投口岸投资有限公司</td>
|
|
|
- <td style="border:solid #000 1px;text-align: center;" colspan="8">金额单位:元</td>
|
|
|
- <td style="border:solid #000 1px;text-align: right;" colspan="6">
|
|
|
- <div id="time" align="right"></div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr height="80">
|
|
|
- <td style="border:solid #000 1px; ">序号</td>
|
|
|
- <td style="border:solid #000 1px; ">车牌号</td>
|
|
|
- <td style="border:solid #000 1px; ">收费项目</td>
|
|
|
- <td style="border:solid #000 1px; ">业务类型</td>
|
|
|
- <td style="border:solid #000 1px; ">车型</td>
|
|
|
- <td style="border:solid #000 1px; ">数量</td>
|
|
|
- <td style="border:solid #000 1px; ">单价</td>
|
|
|
- <td style="border:solid #000 1px; ">总价</td>
|
|
|
- <td style="border:solid #000 1px; ">结算状态</td>
|
|
|
- <td style="border:solid #000 1px; ">税率</td>
|
|
|
- <td style="border:solid #000 1px; ">税款</td>
|
|
|
- <td style="border:solid #000 1px; ">不含税金额</td>
|
|
|
- <td style="border:solid #000 1px; ">收款方式</td>
|
|
|
- <td style="border:solid #000 1px; ">业务单号</td>
|
|
|
- <td style="border:solid #000 1px; ">企业名称</td>
|
|
|
- <td style="border:solid #000 1px; ">付款时间</td>
|
|
|
- <td style="border:solid #000 1px; ">开单员</td>
|
|
|
- <td style="border:solid #000 1px; ">复核员</td>
|
|
|
- <td style="border:solid #000 1px; ">统计稽查员</td>
|
|
|
- </tr>
|
|
|
+ <div id="myPrintArea" style="height: 85vh;width:95vw;overflow:auto;">
|
|
|
+ <div style="text-align:center; font-size:15px;">
|
|
|
+ <table width="100%" style="border-collapse:collapse;border:none; " >
|
|
|
+ <div class="divHeader">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <td colspan="19"><h2 style="text-align: center;">东兴A1地块进口接驳区收费记录明细</h2></td>
|
|
|
+ </tr>
|
|
|
+ <tr height="80">
|
|
|
+ <td style="border:solid #000 1px;text-align: center;" colspan="5">单位:广西东兴北投口岸投资有限公司</td>
|
|
|
+ <td style="border:solid #000 1px;text-align: center;" colspan="8">金额单位:元</td>
|
|
|
+ <td style="border:solid #000 1px;" colspan="6">
|
|
|
+ <div id="time" style="text-align: center;"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr height="80">
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">序号</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">车牌号</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">收费项目</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">业务类型</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">车型</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">数量</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">单价</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">总价</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">结算状态</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">税率</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">税款</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">不含税金额</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">收款方式</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">业务单号</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">企业名称</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">付款时间</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">开单员</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">复核员</td>
|
|
|
+ <td style="border:solid #000 1px; text-align: center;">统计稽查员</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </div>
|
|
|
+ <tbody id="dp">
|
|
|
+
|
|
|
+ </tbody>
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
- <div align="center">
|
|
|
- <br/><br/>
|
|
|
- <SPAN style=";font-size:15px">
|
|
|
- 收费统计员:
|
|
|
-                                         
|
|
|
- 收费核对员:
|
|
|
-                                         
|
|
|
- 收费员:
|
|
|
- </SPAN>
|
|
|
- </div>
|
|
|
+<!-- <div align="center">-->
|
|
|
+<!-- <br/><br/>-->
|
|
|
+<!-- <SPAN style=";font-size:15px">-->
|
|
|
+<!-- 收费统计员:-->
|
|
|
+<!--                                         -->
|
|
|
+<!-- 收费核对员:-->
|
|
|
+<!--                                         -->
|
|
|
+<!-- 收费员:-->
|
|
|
+<!-- </SPAN>-->
|
|
|
+<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
</fieldset>
|
|
@@ -90,7 +110,7 @@
|
|
|
<script type="text/javascript">
|
|
|
$(function () {
|
|
|
$("#print_button").click(function () {
|
|
|
- $("#myPrintArea").printArea();
|
|
|
+ $("#myPrintArea").printArea({popTitle: " "});
|
|
|
});
|
|
|
|
|
|
function getUrlParam(name) {
|
|
@@ -108,6 +128,7 @@
|
|
|
feeType = feeType != '' ? feeType : null;
|
|
|
var itemTypeName = getUrlParam('itemTypeName');
|
|
|
itemTypeName = itemTypeName != '' ? itemTypeName : null;
|
|
|
+
|
|
|
$.ajax({
|
|
|
url: sa.cfg.api_url + '/TbFeeDetails/prePrint',
|
|
|
data: {
|
|
@@ -117,9 +138,19 @@
|
|
|
"itemTypeName": itemTypeName
|
|
|
},
|
|
|
type: 'get', // 请求类型,常用的有 GET 和 POST
|
|
|
+ beforeSend: function(xhr) {
|
|
|
+ xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
|
+ // 追加token
|
|
|
+ if (localStorage.tokenName) {
|
|
|
+ xhr.setRequestHeader(localStorage.tokenName, localStorage.tokenValue);
|
|
|
+ }
|
|
|
+ },
|
|
|
success: function (data) { // 接口调用成功回调函数
|
|
|
var html = [];
|
|
|
var list = data.data.list;
|
|
|
+ let heightSum = 700;
|
|
|
+ let a = 0;
|
|
|
+ const tbhHeight = $(".divHeader").outerHeight();
|
|
|
for (var i = 0; i < list.length; i++) {
|
|
|
if (list[i]['itemName'] == null) {
|
|
|
list[i]['itemName'] = "";
|
|
@@ -127,57 +158,73 @@
|
|
|
if (list[i]['customerName'] == null) {
|
|
|
list[i]['customerName'] = "";
|
|
|
}
|
|
|
- html.push(
|
|
|
+ let tbo =
|
|
|
"<tr height=\"60\"><td style=\"border:solid #000 1px; \">" + list[i]['index'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['carNo'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['feeType'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['itemTypeName'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['itemName'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['num'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['unitPrice'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['itemPrice'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['settle'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['taxRate'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['taxPrice'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['noTaxPrice'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['payType'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['businessNo'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['customerName'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['payTime'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['kaiDanPerson'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['diaoDuPerson'] +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + list[i]['jiChaPerson'] + "</td></tr>"
|
|
|
- )
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" + list[i]['carNo'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px;text-align:center; \">" + list[i]['feeType'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px;text-align:center; \">" + list[i]['itemTypeName'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px;text-align:center; \">" + list[i]['itemName'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px;text-align:center; \">" + list[i]['num'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['unitPrice'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['itemPrice'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['settle'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['taxRate'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['taxPrice'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['noTaxPrice'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['payType'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['businessNo'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['customerName'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['payTime'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['kaiDanPerson'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['diaoDuPerson'] +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['jiChaPerson'] + "</td></tr>";
|
|
|
+
|
|
|
+
|
|
|
+ $("#dp").append(tbo);
|
|
|
+ $(".divNone").append(tbo);
|
|
|
+ let dpHeight = $(".divNone").height();
|
|
|
+ $(".divNone").html("");
|
|
|
+ if(a==0){
|
|
|
+ heightSum-=(dpHeight+tbhHeight);
|
|
|
+ }else {
|
|
|
+ heightSum-=dpHeight;
|
|
|
+ }
|
|
|
+ a++;
|
|
|
+ if(heightSum<=0 && i!==0){
|
|
|
+ a=0;
|
|
|
+ heightSum+=700;
|
|
|
+ $("#dp tr").eq(i-1).css('page-break-after','always');
|
|
|
+ }
|
|
|
}
|
|
|
var allDayFee = data.data.allDayFee;
|
|
|
var allDayTaxes = data.data.allDayTaxes;
|
|
|
var allDayNoTaxFee = data.data.allDayNoTaxFee;
|
|
|
html.push(
|
|
|
- "<tr height=\"60\"><td style=\"border:solid #000 1px; \">" + "合计" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + allDayFee +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + allDayTaxes +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" + allDayNoTaxFee +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \">" +
|
|
|
- "</td><td style=\"border:solid #000 1px; \"></td></tr>"
|
|
|
+ "<tr height=\"60\"><td style=\"border:solid #000 1px;text-align:center; \">" + "合计" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px;text-align:center; \">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center; \">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" + allDayFee +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" + allDayTaxes +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" + allDayNoTaxFee +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\">" +
|
|
|
+ "</td><td style=\"border:solid #000 1px; text-align:center;\"></td></tr>"
|
|
|
)
|
|
|
- $("#dp").append(html.join(''));
|
|
|
+ // $("#dp").append(html.join(''));
|
|
|
|
|
|
$("#time").html("期间:" + data.data.time);
|
|
|
|
|
|
- $("#myPrintArea").printArea();
|
|
|
+ $("#myPrintArea").printArea({popTitle: " "});
|
|
|
}
|
|
|
});
|
|
|
|