Files
cattleTransportation/pc-cattle-transportation/public/cattle-delivery-template.html
2025-10-21 17:29:52 +08:00

113 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>牛只发车验收单模板</title>
<style>
body { font-family: "Microsoft YaHei", Arial, sans-serif; margin: 20px; }
.header { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.order-number { text-align: right; margin-bottom: 20px; }
.info-grid { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.info-grid td { border: 1px solid #000; padding: 8px; }
.info-grid .label { background-color: #f0f0f0; font-weight: bold; width: 20%; }
.cattle-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.cattle-table th, .cattle-table td { border: 1px solid #000; padding: 8px; text-align: center; }
.cattle-table th { background-color: #f0f0f0; font-weight: bold; }
.signature-section { width: 100%; border-collapse: collapse; margin-top: 20px; }
.signature-section td { border: 1px solid #000; padding: 8px; }
.signature-section .label { background-color: #f0f0f0; font-weight: bold; width: 25%; }
</style>
</head>
<body>
<div class="header">牛只发车验收单</div>
<div class="order-number">订单编号: </div>
<table class="info-grid">
<tr>
<td class="label">供货单位</td>
<td>{supplierName}</td>
<td class="label">收货单位</td>
<td>{buyerName}</td>
</tr>
<tr>
<td class="label">发车地点</td>
<td>{startLocation}</td>
<td class="label">发车时间</td>
<td>{createTime}</td>
</tr>
<tr>
<td class="label">到达地点</td>
<td>{endLocation}</td>
<td class="label">动物检疫合格证明编号</td>
<td></td>
</tr>
<tr>
<td class="label">司机姓名及联系方式</td>
<td>{driverName} {driverMobile}</td>
<td class="label">装车车牌号</td>
<td>{licensePlate}</td>
</tr>
</table>
<table class="cattle-table">
<thead>
<tr>
<th>序号</th>
<th>活牛品种</th>
<th>单只体重范围 (斤)</th>
<th>下车总数量 (头)</th>
<th>下车总重量 (斤)</th>
<th>单价 (元/斤)</th>
<th>总金额 (元)</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td>{ratedQuantity}</td>
<td>{totalWeight}</td>
<td>{unitPrice}</td>
<td>{totalAmount}</td>
<td></td>
</tr>
</tbody>
</table>
<table class="signature-section">
<tr>
<td class="label">已支付货款时间</td>
<td></td>
<td class="label">已支付货款金额</td>
<td></td>
</tr>
<tr>
<td class="label">应支付尾款时间</td>
<td></td>
<td class="label">应支付尾款金额</td>
<td></td>
</tr>
<tr>
<td class="label">验收结论</td>
<td></td>
<td class="label">验收时间</td>
<td></td>
</tr>
<tr>
<td class="label">供货单位指定验收人签字及联系方式</td>
<td></td>
<td class="label">收货单位指定验收人签字及联系方式</td>
<td></td>
</tr>
<tr>
<td class="label">供货单位盖章</td>
<td></td>
<td class="label">收货单位盖章</td>
<td></td>
</tr>
</table>
</body>
</html>