zhh
/
huahuibao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
							<?php
/**
 * A4 鲜花配送单 HTML 模板（链科云打印，HTML 直打）
 *
 * @var array $data
 */
$escape = function ($value) {
    return htmlspecialchars((string)$value, ENT_QUOTES, 'UTF-8');
};
$paper = $data['paper'] ?? [
    'pageSize' => 'A4 portrait',
    'pageMargin' => '10mm',
    'contentWidth' => '190mm',
];
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title><?= $escape($data['title'] ?? '鲜花配送单') ?></title>
    <style>
        @page {
            size: <?= $escape($paper['pageSize']) ?>;
            margin: <?= $escape($paper['pageMargin']) ?>;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "SimSun", "宋体", serif;
        }
        body {
            margin: 0;
            padding: 0;
            background: #ffffff;
        }
        /* 外层 table 居中：兼容 Windows 打印 HTML 时 margin:auto 失效 */
        .page-center {
            width: 100%;
            border: 0;
            border-collapse: collapse;
        }
        .delivery-wrap {
            width: <?= $escape($paper['contentWidth']) ?>;
            max-width: 100%;
            margin: 0 auto;
            text-align: left;
        }
        .header-top {
            text-align: center;
            padding: 4mm 0;
            position: relative;
        }
        .title {
            font-size: 32px;
            font-weight: bold;
        }
        .order-no {
            position: absolute;
            right: 0;
            top: 4mm;
            font-size: 22px;
        }
        table.sheet {
            width: 100%;
            border-collapse: collapse;
        }
        table.sheet td {
            padding: 4mm 5mm;
            vertical-align: top;
            font-size: 24px;
            border: 1px solid #000;
            background: transparent;
        }
        table.sheet td:first-child {
            width: 38mm;
        }
        tr.time-row td,
        tr.card-row td,
        tr.name-row td,
        tr.addr-row td {
            padding-top: 8mm;
            padding-bottom: 8mm;
        }
        tr.addr-row td:last-child {
            text-align: left;
        }
        .addr-block {
            display: block;
            line-height: 1.5;
        }
        .addr-distance {
            display: block;
            margin-top: 6mm;
            line-height: 1.5;
        }
        .goods-label {
            vertical-align: middle !important;
            line-height: 1.4;
        }
        .goods-row {
            display: block;
            overflow: hidden;
        }
        .goods-img {
            float: left;
            width: 52mm;
            height: 62mm;
            margin-right: 5mm;
            background: #eee;
        }
        .goods-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .goods-text {
            padding-top: 2mm;
            overflow: hidden;
        }
        .goods-name {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 3mm;
        }
        .goods-count {
            font-weight: bold;
        }
        .goods-count .num {
            font-size: 48px;
        }
        .bottom-tip {
            padding: 5mm 0 0;
            text-align: center;
            font-size: 23px;
            font-weight: bold;
        }
        .footer-bottom {
            text-align: center;
        }
        .circle-num-wrap {
            margin-top: 8mm;
            text-align: center;
        }
        .circle-num {
            display: inline-block;
            width: 52mm;
            height: 52mm;
            border: 3px solid #000;
            border-radius: 50%;
            text-align: center;
            line-height: 52mm;
            font-size: 28mm;
            font-weight: bold;
            background: transparent;
        }
        @media print {
            body {
                padding: 0;
                margin: 0;
            }
            .delivery-wrap {
                width: <?= $escape($paper['contentWidth']) ?>;
                margin: 0 auto;
            }
        }
    </style>
</head>
<body>
<table class="page-center" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td align="center" valign="top">
            <div class="delivery-wrap">
                <div class="header-top">
                    <div class="title"><?= $escape($data['title'] ?? '鲜花配送单') ?></div>
                    <div class="order-no"><?= $escape($data['batchNo'] ?? '') ?></div>
                </div>

                <table class="sheet">
                    <tr class="name-row">
                        <td>顾客姓名</td>
                        <td><?= $escape($data['receiveUserName'] ?? '') ?></td>
                        <td>顾客电话</td>
                        <td><strong><?= $escape($data['receiveMobile'] ?? '') ?></strong></td>
                    </tr>
                    <tr class="addr-row">
                        <td>顾客地址</td>
                        <td colspan="3">
                            <span class="addr-block"><strong><?= $escape($data['fullAddress'] ?? '') ?></strong></span>
                            <?php if (!empty($data['distanceText'])): ?>
                            <span class="addr-distance">配送距离: <?= $escape($data['distanceText']) ?></span>
                            <?php endif; ?>
                            配送距离:直线304米
                        </td>
                    </tr>
                    <tr class="time-row">
                        <td>配送时间</td>
                        <td colspan="3">
                            <strong><?= $escape($data['reachDateLabel'] ?? '') ?></strong>
                            <strong><?= $escape($data['reachDateTime'] ?? '') ?></strong>
                        </td>
                    </tr>
                    <tr>
                        <td class="goods-label">商品描述<br>参考照片</td>
                        <td colspan="3">
                            <div class="goods-row">
                                <div class="goods-img">
                                    <?php if (!empty($data['productImage'])): ?>
                                    <img src="<?= $escape($data['productImage']) ?>" alt="<?= $escape($data['productName'] ?? '商品图') ?>">
                                    <?php endif; ?>
                                </div>
                                <div class="goods-text">
                                    <div class="goods-name"><?= $escape($data['productName'] ?? '') ?></div>
                                    <div class="goods-count">共 <span class="num"><?= $escape($data['productCount'] ?? '1') ?></span> 个</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="card-row">
                        <td>贺卡内容</td>
                        <td colspan="3"><?= nl2br($escape($data['cardInfo'] ?? '')) ?></td>
                    </tr>
                </table>
                <div class="footer-bottom">
                    <?php if (!empty($data['servicePhone'])): ?>
                    <div class="bottom-tip">
                        如在制作，配送环节出现问题或疑问，欢迎随时致电: <?= $escape($data['servicePhone']) ?>
                    </div>
                    <?php endif; ?>
                    <?php if (!empty($data['sendNum'])): ?>
                    <div class="circle-num-wrap">
                        <span class="circle-num"><?= $escape($data['sendNum']) ?></span>
                    </div>
                    <?php endif; ?>
                </div>
            </div>
        </td>
    </tr>
</table>
</body>
</html>