优化ticket打印

ticket/print.html

@@ -23,14 +23,15 @@ body {
 /* ===== 水印 ===== */
 .watermark {
     position: absolute;
-    top: 40%;
+    top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(-30deg);
-    font-size: 60px;
-    color: rgba(0,0,0,0.08);
+    font-size: 50px;
+    color: rgba(0, 0, 0, 0.08);
     white-space: nowrap;
     pointer-events: none;
     z-index: 0;
+    text-align: center;
 }
 
 /* ===== 标题 ===== */
@@ -95,17 +96,20 @@ body {
 <div class="page" id="content">
 
     <!-- 水印 -->
-    <div class="watermark">BISS · OFFICIAL</div>
+    <div class="watermark" id="watermark"></div>
 
     <div class="title">单据详情</div>
 
-    <table class="table" id="table">
+    <table class="table">
         <tr><td class="label">编号</td><td id="ticket_number"></td></tr>
         <tr><td class="label">姓名</td><td id="customer_name"></td></tr>
         <tr><td class="label">事由</td><td id="reason"></td></tr>
         <tr><td class="label">金额</td><td id="amount"></td></tr>
         <tr><td class="label">开具人</td><td id="issuer"></td></tr>
         <tr><td class="label">日期</td><td id="created_at"></td></tr>
+        <tr><td class="label">办结否</td><td id="processed"></td></tr>
+        <tr><td class="label">办结日期</td><td id="processed_at"></td></tr>
+        <tr><td class="label">备注</td><td id="remarks"></td></tr>
     </table>
 
     <!-- 页脚 -->
@@ -127,6 +131,14 @@ function formatDate(d){
     return new Date(d).toLocaleString('zh-CN');
 }
 
+function updateWatermark(customerName) {
+    const now = new Date().toLocaleString('zh-CN');
+
+    const watermarkText = `BISS · ${customerName || 'Unknown'} · ${now}`;
+
+    document.getElementById('watermark').innerText = watermarkText;
+}
+
 async function load() {
     const id = new URLSearchParams(location.search).get('id');
 
@@ -140,11 +152,17 @@ async function load() {
     document.getElementById('amount').innerText = '¥' + (data.amount || 0).toFixed(2);
     document.getElementById('issuer').innerText = data.issuer || '';
     document.getElementById('created_at').innerText = formatDate(data.created_at);
+    document.getElementById('processed').innerText = data.processed ? '已办结' : '未办结';
+    document.getElementById('processed_at').innerText = data.processed_at ? formatDate(data.processed_at) : '暂无';
+    document.getElementById('remarks').innerText = data.remarks || '无';
 
-    // 打印时间（核心你要的）
-    document.getElementById('print_time').innerText = new Date().toLocaleString('zh-CN');
+    // 打印时间
+    document.getElementById('print_time').innerText =
+        new Date().toLocaleString('zh-CN');
 
-    // 自动打印（稳定延迟）
+    updateWatermark(data.customer_name);
+
+    // 自动打印
     setTimeout(() => {
         window.print();
     }, 300);