qzyReal
/
pco


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>打印收费明细</title>
    <style type="text/css">
        body {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            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>
    <script src="../../static/print/jquery.jPrintArea.js" type="text/javascript"></script>
    <script src="../../static/sa.js"></script>

</head>

<body>

<div>

    <input type="button" style="height: 30px;" id="print_button" value="打印"/>

    <div class="divNone">

    </div>
    <fieldset align="">
        <legend>打印区</legend>
        <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">-->
<!--          收费统计员：-->
<!--          &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp-->
<!--          收费核对员：-->
<!--          &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp-->
<!--          收费员：-->
<!--        </SPAN>-->
<!--            </div>-->

        </div>
    </fieldset>

</div>

<script type="text/javascript">
    $(function () {
        $("#print_button").click(function () {
            $("#myPrintArea").printArea({popTitle: "&nbsp"});
        });

        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]);
            return null; //返回参数值
        }

        var beginTime = getUrlParam('beginTime');
        beginTime = beginTime != '' ? beginTime : null;
        var endTime = getUrlParam('endTime');
        endTime = endTime != '' ? endTime : null;
        var feeType = getUrlParam('feeType');
        feeType = feeType != '' ? feeType : null;
        var itemTypeName = getUrlParam('itemTypeName');
        itemTypeName = itemTypeName != '' ? itemTypeName : null;

        $.ajax({
            url: sa.cfg.api_url + '/TbFeeDetails/prePrint',
            data: {
                "beginTime": beginTime,
                "endTime": endTime,
                "feeType": feeType,
                "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'] = "";
                    }
                    if (list[i]['customerName'] == null) {
                        list[i]['customerName'] = "";
                    }
                    let tbo =
                        "<tr height=\"60\"><td style=\"border:solid #000 1px; \">" + list[i]['index'] +
                        "</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;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(''));

                $("#time").html("期间：" + data.data.time);

                $("#myPrintArea").printArea({popTitle: "&nbsp"});
            }
        });

    });
</script>


</body>
</html>