style(bas): 调整产品标签打印样式

- 简化打印预览布局结构
- 减小二维码尺寸从200到100
- 调整预览行间距和字体大小
- 移除响应式媒体查询
- 更新打印页面尺寸为auto
- 调整打印区域右侧边距

ruoyi-ui/src/views/bas/BasProductCode/index.vue

@@ -117,9 +117,6 @@
           <!-- 打印专用区域（隐藏） -->
           <vue-easy-print style="display: none;" ref="easyPrint2">
             <div style="page-break-after:always">
-              <div class="label-content">
-                <div class="preview-box">
-                  <div class="preview-content">
               <div class="preview-row">
                 <span class="preview-label">MODEL:</span>
                 <span class="preview-value">{{ previewData.model }}</span>
@@ -156,20 +153,20 @@
                   <span class="preview-value">{{ previewData.gW }}</span>
                 </div>
               </div>
-                  </div>
+
-                  <!-- 二维码区域 -->
               <div class="qrcode-container">
                 <vue-qr
                   :text="qrCodeValue"
-                      :size="200"
+                  :size="100"
                   :margin="0"
                   :correctLevel="2"
                   error-correction-level="M"
                 />
                 <div class="qrcode-label">{{ previewData.spare4 }}</div>
               </div>
-                </div>
+              <!--              <div class="label-content">
-              </div>
+
+                            </div>-->
             </div>
           </vue-easy-print>
           <div slot="footer" class="dialog-footer">
@@ -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;
+  margin-bottom: 30px;
-  min-height: 15px;
+  min-height: 0;
+  padding-left: 15px;
 }
 
 
@@ -967,14 +956,14 @@ export default {
 .preview-label {
   font-weight: 240;
   margin-right: 15px;
-  min-width: 4px;
+  min-width: 10px;
-  font-size: 30px;
+  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;
   }