【JavaScript】网页实现打印

小破孩
2025-03-13 / 0 评论 / 5 阅读 / 正在检测是否收录...
<html>
<title>山东尼惜亚食品有限公司(尼惜亚冻品工厂仓:https://www.nixiyadp.com)</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
    <style>
        .content {
            border-collapse: collapse;
            width: 100%;
        }
        .content th, .content td {
            border: 1px solid black;
            padding: 8px;
            text-align: center;
        }
        h2{
            text-align: center;
        }
        .order-info{
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 16px;
            margin-bottom: 6px;
        }
        .boutton{
            margin: 0 auto;
            width: 200px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            color: #fff;
            background-color: #009688;
            margin-top: 100px;
            border-radius: 8px;
        }
    </style>
</head>
<body>
<!--startprint--><!--注意要加上html里star和end的这两个标记-->


<br>
<h2>要货申请单</h2>
<table border="0" style="width: 100%; border-collapse: collapse; text-align: left;">

    <tr>
<!--        <td>订单编号:{$v.o_uuid}</td>-->
        <!--        -->
<!--        <td>山货仓库:{$v.warehouse_name}</td>-->
        <td>商品总数:{$num}件</td>
        <td>商品总价:{$total}元</td>

    <tr>
<!--    <tr>-->
<!--        <td></td>-->
<!--        <td></td>-->
<!--        <td></td>-->
<!--    </tr>-->
    <tr>
<!--        <td>中请时间:{$v.o_create_time}</td>-->
        <!--        <td>门店名称:{$v.withorderinfo.u_shop_user_name}</td>-->



    <tr>
<!--    <tr>-->
<!--        <td></td>-->
<!--        <td></td>-->
<!--        <td></td>-->
<!--    </tr>-->
    <tr>
<!--        <td>审核时间:{$v.o_pay_receipt_allow_time}</td>-->
        <!--        <td>联系方式:{$v.o_address_tel}</td>-->
    <tr>
</table>
<br>
<table class="content">
    <tr>
        <th width="32px">序号</th>
        <th width="32px">类型</th>
        <th>商品名称</th>
        <th width="32px">数量</th>
        <th width="62px">单价</th>
        <th width="62px">总价</th>
        <!--        <th>备注</th>-->
    </tr>
    {volist name="$list" id="v"}

    <tr>
        <td>{$i}</td>
        <td>{empty name="$v.oi_issendgoods"} 商品{else /} 赠品{/empty}</td>
        <td>{$v['oi_sku_info']['goods_info']['withgoodsinfoinfo']['sg_name']}({$v['oi_sku_info']['sgcs_name']})</td>
        <td>{$v.total_num}</td>
        <td>{$v.unit_price}</td>
        <td>{$v.total_price}</td>
        <!--        <td>{$v.o_reamrk}</td>-->
    </tr>
    {/volist}
</table>
<br><br>
<table border="0" style="width: 100%; border-collapse: collapse; text-align: left;">
    <tr>
<!--        <td>收 货 人:{$v.o_address_name}</td>-->
        <td>打印时间:{php}echo date('Y-m-d H:i:s');{/php}</td>
    <tr>
<!--    <tr>-->
<!--        <td>联系方式:{$v.o_address_tel}</td>-->
<!--    <tr>-->
<!--    <tr>-->
<!--        <td>收货地址:{$v.o_address_info}</td>-->
<!--    <tr>-->
<!--    <tr>-->
<!--        <td>备 注:{$v.o_reamrk}</td>-->
<!--    <tr>-->
</table>

<!--endprint-->
<div class="boutton" onclick="doPrint()"> 打 印 </div>
</body>
<script type="text/javascript">
    function doPrint() {
        bdhtml=window.document.body.innerHTML;
        sprnstr="<!--startprint-->";
        eprnstr="<!--endprint-->";
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML=prnhtml;
        window.print();
        location.reload();
    }
</script>
</html>
0

评论

博主关闭了所有页面的评论