From 49c870795500469456c62f7c8dc762aa5366b795 Mon Sep 17 00:00:00 2001
From: duxingchen <duxingchen@iris-rs.cn>
Date: Thu, 6 Aug 2026 11:02:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=98=B2=E5=BE=A1:=20height:?=
 =?UTF-8?q?fit-content+maxHeight=E7=89=A9=E7=90=86=E5=88=87=E6=96=AD+12px?=
 =?UTF-8?q?=E5=B0=8F=E5=AD=97=E5=8F=B7=E9=98=B2=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/admin/CreateProductDialog.tsx   | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/frontend/src/pages/admin/CreateProductDialog.tsx b/frontend/src/pages/admin/CreateProductDialog.tsx
index 0d50b57..ba1639d 100644
--- a/frontend/src/pages/admin/CreateProductDialog.tsx
+++ b/frontend/src/pages/admin/CreateProductDialog.tsx
@@ -343,31 +343,35 @@ export default function CreateProductDialog({ open, onClose, onCreated }: Props)
         /* ---- 成功页 ---- */
         <div className="py-4">
           <div id="label-print-area" style={{
-            display: "flex", flexDirection: "column", width: "100%", maxWidth: 360,
-            margin: "0 auto", padding: 12, boxSizing: "border-box", background: "#fff",
-            fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
-            border: "1px solid #e5e7eb", borderRadius: 8
+            display: 'flex', flexDirection: 'column', width: '100%', maxWidth: '360px',
+            margin: '0 auto', padding: '12px', boxSizing: 'border-box', background: '#fff',
+            fontFamily: 'monospace, "Helvetica Neue", Helvetica, sans-serif',
+            border: '1px solid #e5e7eb', height: 'fit-content'
           }}>
-            <div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: 12, width: "100%" }}>
-              <div style={{ flex: "0 0 110px", width: 110, height: 110 }}>
+            <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'flex-start', gap: '12px', width: '100%' }}>
+              <div style={{ flex: '0 0 110px', width: '110px', height: '110px' }}>
                 <img src={`/api/v1/products/qrcode/${createdSn}`} alt="QR"
-                  style={{ width: "100%", height: "100%", objectFit: "contain", display: "block" }} />
+                  style={{ width: '100%', height: '100%', objectFit: 'contain', display: 'block' }} />
               </div>
-              <div style={{ flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 6 }}>
-                <div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all",
-                  display: "-webkit-box", WebkitBoxOrient: "vertical", WebkitLineClamp: 3, overflow: "hidden" }}>
+              <div style={{ flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', gap: '6px' }}>
+                <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.4',
+                  wordBreak: 'break-all', display: '-webkit-box', WebkitLineClamp: 3,
+                  WebkitBoxOrient: 'vertical', overflow: 'hidden', maxHeight: '50px' }}>
                   名: {selected?.material_name ?? ""}
                 </div>
-                <div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all" }}>
+                <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.2',
+                  wordBreak: 'break-all', overflow: 'hidden', maxHeight: '30px' }}>
                   规: {selected?.spec_model ?? ""}
                 </div>
-                <div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all" }}>
+                <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.2',
+                  wordBreak: 'break-all', overflow: 'hidden', maxHeight: '30px' }}>
                   单: {orderNo || "—"}
                 </div>
               </div>
             </div>
-            <div style={{ width: "100%", marginTop: 12, paddingTop: 8, borderTop: "2px solid #000",
-              textAlign: "center", fontSize: 18, fontWeight: 900, color: "#000", letterSpacing: 1 }}>
+            <div style={{ width: '100%', marginTop: '12px', paddingTop: '8px',
+              borderTop: '2px solid #000', textAlign: 'center', fontSize: '16px',
+              fontWeight: 900, color: '#000', letterSpacing: '1px' }}>
               码: {createdSn}
             </div>
           </div>