From d2067df9999896320783065fd6dd3e4623e65cf2 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 14 Aug 2024 13:06:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=93=E5=8D=B0=E9=A1=B5=E9=9D=A2=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../warehousing/newParts/index.vue            | 32 ++++++++++++++++---
 vue.config.js                                 |  4 +--
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/views/warehouseManage/warehousing/newParts/index.vue b/src/views/warehouseManage/warehousing/newParts/index.vue
index f16788c..ce6632e 100644
--- a/src/views/warehouseManage/warehousing/newParts/index.vue
+++ b/src/views/warehouseManage/warehousing/newParts/index.vue
@@ -470,8 +470,8 @@
         </el-dialog>
 
         <!-- 入库单弹窗 -->
-        <el-dialog :visible.sync="openPrint" width="80%" append-to-body>
-            <div>
+        <el-dialog :visible.sync="openPrint" append-to-body>
+            <div id="print-content" style="max-width: 210mm">
                 <vue-easy-print
                     tableShow
                     ref="remarksPrintRef"
@@ -535,7 +535,7 @@
               <span>车辆信息：</span>
             </div> -->
                     </div>
-                    <el-table :data="printTableData" class="table">
+                    <el-table :data="printTableData" style="max-width: 210mm">
                         <!--          <el-table-column type="selection" width="55" align="center" />-->
                         <el-table-column
                             label="序号"
@@ -930,7 +930,18 @@ export default {
         },
         //打印
         print() {
-            this.$refs.remarksPrintRef.print()
+            const printContent = document.querySelector('#print-content')
+
+            // 动态调整打印内容样式
+            printContent.style.width = '100%'
+            this.$refs.remarksPrintRef.print({
+                content: '#print-content',
+                options: {
+                    pageSize: 'A4',
+                    orientation: 'portrait',
+                    // margins: { top: 10, right: 10, bottom: 10, left: 10 },
+                },
+            })
         },
         /** 删除按钮操作 */
         handleDelete(row) {
@@ -996,4 +1007,17 @@ export default {
     width: 60px !important;
     margin-bottom: 10px;
 }
+
+@media print {
+    #print-content {
+        width: 100%; /* 确保打印内容宽度为 100% */
+        max-width: 210mm; /* 纸张宽度（A4） */
+        margin: auto; /* 居中对齐 */
+    }
+
+    @page {
+        size: A4; /* 设置纸张大小 */
+        margin: 20mm; /* 页面边距 */
+    }
+}
 </style>
diff --git a/vue.config.js b/vue.config.js
index 59ecc5f..b9faf0b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -42,11 +42,11 @@ module.exports = {
         // target: `https://test-cc.zhgkxt.com`,//线上环境-南网
         // target: `https://z.csgmall.com.cn`,
 
-        target: `http://192.168.2.160:39080`, //超
+        // target: `http://192.168.2.160:39080`, //超
         // target: `http://10.40.92.81:8080`, //韩/
         // target: `http://10.40.92.74:8080`,//旭/
         // target: `http://10.40.92.138:28080`, //帅
-        // target: `http://192.168.2.216:39080`, //福
+        target: `http://192.168.2.218:39080`, //福
         // target: `http://192.168.2.120:39080`, //跃
 
         //******** 注意事项  ********* */