7/17 添加公区收益

src/utils/print.ts

@@ -327,6 +327,9 @@ export function printTicketDiv(elementId: string, title: string = '票据打印'
       table-layout: fixed;
       margin: 0.1cm 0;
       page-break-inside: avoid !important;
+        transform-origin: top left;
+        /* 初始不缩放，由JS动态控制 */
+        page-break-after: avoid !important;
     }
     table th, table td {
       border: 1px solid #333;
@@ -360,6 +363,154 @@ export function printTicketDiv(elementId: string, title: string = '票据打印'
     </html>
   `);
   win.document.close();
+  win.onload = () => {
+    const printContainer = win.document.getElementById(elementId);
+    if (!printContainer) {
+      win.close();
+      return;
+    }
+
+    setTimeout(() => {
+      const containerHeightPx = printContainer.clientHeight;
+      const contentHeightPx = printContainer.scrollHeight;
+      const containerWidthPx = printContainer.clientWidth;
+      const contentWidthPx = printContainer.scrollWidth;
+
+      // 固定顶部偏移量（约0.2cm），确保打印边缘不裁切内容╬D2╬╬2Σ╬╬╬╬2╬2222╬╬2╬22╬22╬22╬2╬╬2╬╬
+      const offsetPx = 20; // 可根据实际效果调整
+
+      // 计算可用高度（减去偏移）
+      const availableHeight = containerHeightPx - offsetPx;
+
+      // 如果内容高度超过可用高度，或宽度超过容器宽度，则等比缩放
+      let scale = 1;
+      let needScale = false;
+
+      if (contentHeightPx > availableHeight) {
+        scale = availableHeight / contentHeightPx;
+        needScale = true;
+      }
+      if (contentWidthPx > containerWidthPx) {
+        const scaleW = containerWidthPx / contentWidthPx;
+        if (scaleW < scale) {
+          scale = scaleW;
+          needScale = true;
+        }
+      }
+
+      // 应用 transform：先缩放（如果需要），再整体下移固定偏移
+      if (needScale) {
+        printContainer.style.transform = `translateY(${offsetPx}px) scale(${scale})`;
+      } else {
+        // 即使不缩放，也下移避免顶部贴边
+        printContainer.style.transform = `translateY(${offsetPx}px)`;
+      }
+      // 确保缩放原点在左上，保证缩放后位置正确
+      printContainer.style.transformOrigin = 'top left';
+
+      // 执行打印
+      win.print();
+      win.close();
+      callback && callback();
+    }, 300); // 等待渲染完成
+  };
+}
+
+export function printTicketDiv2(elementId: string, title: string = '票据打印', callback?: () => void) {
+  const el = document.getElementById(elementId);
+  if (!el) {
+    console.error('未找到打印元素');
+    return;
+  }
+  const win = window.open('', '_blank', 'width=1200,height=1000');
+  if (!win) return;
+
+  // 复制全局非scoped样式（Element Plus、全局公共样式）
+  const styles = Array.from(document.querySelectorAll('link[rel="stylesheet"], style:not([scoped])'))
+    .map((item) => item.outerHTML)
+    .join('');
+
+  // 专属打印样式，根治空白第二页
+  const printScopeStyle = `
+   <style>
+    * {
+      box-sizing: border-box;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+    html, body {
+      height: auto !important;
+      min-height: auto !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      background: #fff;
+      font-size: 12px;
+      font-family: "Microsoft YaHei", sans-serif;
+    }
+
+    /* 隐藏弹窗无关组件：输入框、按钮、弹窗头部 */
+    .el-input {
+      display: none !important;
+    }
+
+    /* 纸张自适应宽高，无边距 */
+    @page {
+      size: auto auto;
+      margin: 0mm !important;
+    }
+
+    /* 打印容器核心禁止分页 */
+    #${elementId} {
+      margin: 0 auto !important;
+      overflow: visible;
+      page-break-inside: avoid !important;
+      page-break-after: avoid !important;
+      break-inside: avoid !important;
+      break-after: avoid !important;
+    }
+
+    /* 表格禁止截断、压缩高度 */
+    table {
+      border-collapse: collapse;
+      width: 100% !important;
+      table-layout: fixed;
+      margin: 0.1cm 0;
+      page-break-inside: avoid !important;
+      break-inside: avoid !important;
+    }
+    table th, table td {
+      border: 1px solid #333;
+      font-size: 10px;
+      height:32px; /* 缩小行高减少整体高度 */
+      min-width:80px;
+      text-align: center;
+      padding: 1px 2px;
+      line-height: 1.1;
+      white-space: normal;
+      overflow: hidden;
+      page-break-inside: avoid !important;
+    }
+  </style>
+`;
+
+  // 只复制票据内部innerHTML，不带外层el-dialog多余结构
+  const printContent = el.innerHTML;
+
+  win.document.write(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>${title}</title>
+        <meta charset="UTF-8">
+        ${styles}
+        ${printScopeStyle}
+      </head>
+      <body>
+        <div id="${elementId}">${printContent}</div>
+      </body>
+    </html>
+  `);
+  win.document.close();
   win.onload = () => {
     setTimeout(() => {
       win.print();