From e8bf190856b9669ffd062a6c9c323cc3394fc547 Mon Sep 17 00:00:00 2001 From: liuhanqing Date: Thu, 11 Dec 2025 15:42:45 +0800 Subject: [PATCH] =?UTF-8?q?style(bas):=20=E8=B0=83=E6=95=B4=E4=BA=A7?= =?UTF-8?q?=E5=93=81=E6=A0=87=E7=AD=BE=E6=89=93=E5=8D=B0=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 简化打印预览布局结构 - 减小二维码尺寸从200到100 - 调整预览行间距和字体大小 - 移除响应式媒体查询 - 更新打印页面尺寸为auto - 调整打印区域右侧边距 --- .../src/views/bas/BasProductCode/index.vue | 157 +++++++----------- 1 file changed, 59 insertions(+), 98 deletions(-) diff --git a/ruoyi-ui/src/views/bas/BasProductCode/index.vue b/ruoyi-ui/src/views/bas/BasProductCode/index.vue index d899db1..5a0852b 100644 --- a/ruoyi-ui/src/views/bas/BasProductCode/index.vue +++ b/ruoyi-ui/src/views/bas/BasProductCode/index.vue @@ -117,59 +117,56 @@
-
-
-
-
- MODEL: - {{ previewData.model }} -
-
- SERIAL: - {{ previewData.serial }} -
-
- COLOR: - {{ previewData.color }} -
-
-
- V: - {{ previewData.v }} -
-
- Hz: - {{ previewData.hz }} -
-
- PH: - {{ previewData.ph }} -
-
-
-
- N.W.: - {{ previewData.nW }} -
-
- G.W.: - {{ previewData.gW }} -
-
-
- -
- -
{{ previewData.spare4 }}
-
+
+ MODEL: + {{ previewData.model }} +
+
+ SERIAL: + {{ previewData.serial }} +
+
+ COLOR: + {{ previewData.color }} +
+
+
+ V: + {{ previewData.v }} +
+
+ Hz: + {{ previewData.hz }} +
+
+ PH: + {{ previewData.ph }}
+
+
+ N.W.: + {{ previewData.nW }} +
+
+ G.W.: + {{ previewData.gW }} +
+
+ +
+ +
{{ previewData.spare4 }}
+
+
@@ -348,7 +345,7 @@ import VueQr from 'vue-qr' import VueEasyPrint from 'vue-easy-print' import {addBasProductCode, delBasProductCode, listBasProductCode, updateBasProductCode} from "@/api/bas/BasProductCode" -import { listBasProduct } from "@/api/bas/BasProduct" +import {listBasProduct} from "@/api/bas/BasProduct" // 常量配置 const FORM_FIELDS = [ @@ -842,17 +839,8 @@ export default { -.preview-box { - display: flex; - justify-content: space-between; - align-items: flex-start; - padding: 0; -} -.preview-content { - flex: 1; - margin-right: 20px; -} + @@ -953,8 +941,9 @@ export default { .preview-row { display: flex; align-items: center; - margin-bottom: 40px; - min-height: 15px; + margin-bottom: 30px; + min-height: 0; + padding-left: 15px; } @@ -967,14 +956,14 @@ export default { .preview-label { font-weight: 240; margin-right: 15px; - min-width: 4px; - font-size: 30px; + min-width: 10px; + font-size: 10px; color: #000000; } .preview-value { flex: 1; - font-size: 30px; + font-size: 10px; color: #000000; word-break: break-all; } @@ -982,40 +971,12 @@ export default { .qrcode-label { margin-top: 1px; - font-size: 20px; + font-size: 10px; font-weight: 600; color: #000000; text-align: center; } -/* 响应式设计 */ -@media (max-width: 1200px) { - .app-container { - padding: 10px; - } -} - -@media (max-width: 768px) { - .section-header { - flex-direction: column; - align-items: flex-start; - gap: 10px; - } - - .header-actions { - width: 100%; - justify-content: flex-end; - } - - - .qrcode-container { - position: static; - margin-bottom: 0; - text-align: center; - right: 30px; - } -} - /* 动画效果 */ .preview-display { animation: fadeIn 0.3s ease-in-out; @@ -1040,7 +1001,7 @@ export default { /* 打印样式 */ @media print { @page { - size: 80mm 50mm + size: auto } body { @@ -1057,7 +1018,7 @@ export default { border: none; position: absolute !important; top: 10px !important; - right: 50px !important; + right: 30px !important; padding: 0; background-color: transparent; }