config: 更新生产环境和预发布环境页面标题

- 将生产环境页面标题从"科伦普冷轧涂镀数智运营一体化平台"改为"MES一体化平台"
- 将预发布环境页面标题从"科伦普冷轧涂镀数智运营一体化平台"改为"MES一体化平台"

klp-ui/.env.development

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
+VUE_APP_TITLE = MES一体化平台
 
 # 开发环境配置
 ENV = 'development'

klp-ui/.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
+VUE_APP_TITLE = MES一体化平台
 
 # 生产环境配置
 ENV = 'production'

klp-ui/.env.stage

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 科伦普冷轧涂镀数智运营一体化平台
+VUE_APP_TITLE = MES一体化平台
 
 # 开发环境配置
 ENV = 'development'

klp-ui/public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="renderer" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="icon" href="<%= BASE_URL %>favicon.png">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
     <style>

klp-ui/src/api/wms/coil.js

@@ -328,3 +328,21 @@ export function returnCoil(coilId) {
     }
   })
 }
+
+/**
+ * 冷硬卷切边统计
+ */
+export function listCoilTrimStatistics() {
+  return request({
+    url: '/wms/materialCoil/statistics/trimStatistics',
+    method: 'get',
+  })
+}
+
+// 类别宽度统计,汇总统计
+export function categoryWidthStatistics() {
+  return request({
+    url: '/wms/materialCoil/statistics/categoryWidthStatistics',
+    method: 'get',
+  })
+}

klp-ui/src/layout/components/Sidebar/Logo.vue

@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: '科伦普一体化平台',
+      title: 'MES一体化平台',
       logo: logoImg
     }
   }

klp-ui/src/views/components/Greeting.vue

@@ -3,7 +3,7 @@
     <img :src="avatar" class="user-avatar" alt="头像" />
     <div class="greeting-text">
       <div class="greeting-title">{{ greeting }}，{{ name }}</div>
-      <div class="greeting-desc">欢迎使用科伦普冷轧涂渡数智一体化平台</div>
+      <div class="greeting-desc">欢迎使用MES数智一体化平台</div>
     </div>
   </div>
 </template>

klp-ui/src/views/dashboard/demo.vue

@@ -12,10 +12,10 @@ export default {
   components: { Home },
   mounted() {
     // 确保容器DOM已渲染后，对容器执行全屏
-    this.$nextTick(() => {
+    // this.$nextTick(() => {
-      this.enterFullscreen()
+    //   this.enterFullscreen()
-      this.addFullscreenListener()
+    //   this.addFullscreenListener()
-    })
+    // })
   },
   beforeDestroy() {
     // 移除监听，避免内存泄漏

klp-ui/src/views/index.vue

@@ -1,68 +1,71 @@
 <template>
-  <div class="dashboard-editor-container">
+<!--  <div class="dashboard-editor-container">-->
-    <img src="http://kelunpuzhonggong.com/upload/img/20250427091033.jpg" alt="">
+<!--    <img src="http://kelunpuzhonggong.com/upload/img/20250427091033.jpg" alt="">-->
+<!--    -->
+<!--    <div class="aboutus">-->
+<!--      <el-row :gutter="30">-->
+<!--        &lt;!&ndash; 左栏 &ndash;&gt;-->
+<!--        <el-col :span="12" :xs="24">-->
+<!--           <div class="aboutus-title">-->
+<!--            <h2>关于我们</h2>-->
+<!--            <p>ABOUT US</p>-->
+<!--          </div>-->
+<!--          <div class="aboutus-left">-->
+<!--            <p class="aboutus-desc">-->
+<!--              MES一体化平台是面向制造企业车间执行层的生产信息化管理系统，为企业提供包括制造数据管理、计划排程管理、生产调度管理、库存管理、质量管理、人力资源管理、工作中心管理等多项企业管理功能。-->
+<!--            </p>-->
+<!--            <p class="aboutus-desc">-->
+<!--              平台通过互联网技术实现企业数字化转型，提高生产效率、降低成本、提升产品质量，实现精益化生产管理，帮助企业实现智能制造目标。-->
+<!--            </p>-->
+<!--          </div>-->
 
-    <div class="aboutus">
+<!--          <statistic-group />-->
-      <el-row :gutter="30">
+<!--        </el-col>-->
-        <!-- 左栏 -->
-        <el-col :span="12" :xs="24">
-           <div class="aboutus-title">
-            <h2>关于我们</h2>
-            <p>ABOUT US</p>
-          </div>
-          <div class="aboutus-left">
-            <p class="aboutus-desc">
-              嘉祥科伦普重工有限公司是山东省重点工程项目，是济宁市工程之一，也是科伦普产品结构调整重要的工程项目。工程采用了外方技术总负责、关键设备整体引进、点采集成、国内技术总成、自主创新、单体设备引进等多种建设方案，保证了技术先进和人才的培养，确保工程投产后达产达效。
-            </p>
-            <p class="aboutus-desc">
-              科伦普冷轧重工有限公司是设计年产量150万吨，能向广大用户提供热轧酸洗、热轧镀锌、冷硬、罩式退火、冷轧镀锌、铝锌合金、锌铝合金、锌铝镁、镀铬等各大类产品。产品覆盖东北、华北、华东、华南等地区。
-            </p>
-          </div>
 
-          <statistic-group />
+<!--        &lt;!&ndash; 右栏 &ndash;&gt;-->
-        </el-col>
+<!--        <el-col :span="12" :xs="24">-->
+<!--          <img src="http://kelunpuzhonggong.com/upload/img/20251015103934.jpg" alt="">-->
+<!--          &lt;!&ndash; <div class="aboutus-right">-->
+<!--            <p class="aboutus-detail">-->
+<!--              嘉祥科伦普重工有限公司成立于2017年8月，注册资金33100万元，主要经营高铁设备、配件制造与销售，模具制造与销售，新材料技术研发，高性能有色金属及合金材料销售，机械零件、零部件加工与销售，金属材料制造与销售，锌铝镁新材料等。目前公司拥有10余项具有自主知识产权的发明专利技术，综合技术水平达国内领先，2024年公司主导产品国内市场占有率约占85%。2024年总资产5.98亿元，净资产4.49亿元，收入3.95亿元，公司现有员工238人，研究与试验发展人员57人，其中专职研究与试验发展人员52人，外聘专家5人。-->
+<!--            </p>-->
+<!--            <p class="aboutus-detail">-->
+<!--              2024年公司新建科伦普合金新材料研发项目，占地290亩，采用国内先进的镀层核心技术和热处理工艺，专业生产锌铝镁板材和镀铬板材。致力于打造国内工艺链条最完善、产品型号最丰富的涂镀新材料生产企业。全部投产后可实现新增销售收入80亿元，利税4.7亿元，带动就业约500人。项目主要生产的冷轧板、锌铝镁涂层板、镀铬涂层板、镀锡涂层板等产品，涵盖0.08MM-6.0MM区间60多种产品，是国内单个企业产品种类最多的项目。产品因其防锈、耐氧化、耐腐蚀、高电导、高稳定的优秀特性，广泛应用于建筑结构件、汽车制造、轻工家电、食品包装、医疗器械、电子通讯、航空航天领域。-->
+<!--            </p>-->
+<!--          </div> &ndash;&gt;-->
+<!--        </el-col>-->
+<!--      </el-row>-->
+<!--    </div>-->
 
-        <!-- 右栏 -->
+<!--    &lt;!&ndash; <div>-->
-        <el-col :span="12" :xs="24">
+<!--      <statistic-group />-->
-          <img src="http://kelunpuzhonggong.com/upload/img/20251015103934.jpg" alt="">
+<!--    </div> &ndash;&gt;-->
-          <!-- <div class="aboutus-right">
+<!--    -->
-            <p class="aboutus-detail">
+<!--    &lt;!&ndash; <AllApplications />    -->
-              嘉祥科伦普重工有限公司成立于2017年8月，注册资金33100万元，主要经营高铁设备、配件制造与销售，模具制造与销售，新材料技术研发，高性能有色金属及合金材料销售，机械零件、零部件加工与销售，金属材料制造与销售，锌铝镁新材料等。目前公司拥有10余项具有自主知识产权的发明专利技术，综合技术水平达国内领先，2024年公司主导产品国内市场占有率约占85%。2024年总资产5.98亿元，净资产4.49亿元，收入3.95亿元，公司现有员工238人，研究与试验发展人员57人，其中专职研究与试验发展人员52人，外聘专家5人。
+<!--    <el-row :gutter="10">-->
-            </p>
+<!--      <el-col :span="18">-->
-            <p class="aboutus-detail">
+<!--        <el-empty description="办公模块定制开发中"></el-empty>-->
-              2024年公司新建科伦普合金新材料研发项目，占地290亩，采用国内先进的镀层核心技术和热处理工艺，专业生产锌铝镁板材和镀铬板材。致力于打造国内工艺链条最完善、产品型号最丰富的涂镀新材料生产企业。全部投产后可实现新增销售收入80亿元，利税4.7亿元，带动就业约500人。项目主要生产的冷轧板、锌铝镁涂层板、镀铬涂层板、镀锡涂层板等产品，涵盖0.08MM-6.0MM区间60多种产品，是国内单个企业产品种类最多的项目。产品因其防锈、耐氧化、耐腐蚀、高电导、高稳定的优秀特性，广泛应用于建筑结构件、汽车制造、轻工家电、食品包装、医疗器械、电子通讯、航空航天领域。
+<!--      </el-col>-->
-            </p>
+<!--      <el-col :span="6">-->
-          </div> -->
+<!--        <mini-calendar />-->
-        </el-col>
+<!--      </el-col>-->
-      </el-row>
+<!--    </el-row> &ndash;&gt;-->
-    </div>
+<!--  </div>-->
-
+  <Dashboard />
-    <!-- <div>
-      <statistic-group />
-    </div> -->
-    
-    <!-- <AllApplications />    
-    <el-row :gutter="10">
-      <el-col :span="18">
-        <el-empty description="办公模块定制开发中"></el-empty>
-      </el-col>
-      <el-col :span="6">
-        <mini-calendar />
-      </el-col>
-    </el-row> -->
-  </div>
 </template>
 
 <script>
 import StatisticGroup from '@/components/HomeModules/StatisticGroup.vue'
 // import AllApplications from '@/components/HomeModules/AllApplications.vue'
 // import MiniCalendar from '@/components/HomeModules/MiniCalendar.vue'
+import Dashboard from '@/views/dashboard/demo.vue'
 
 export default {
   name: 'Index',
   components: {
     // PanelGroup,
     StatisticGroup,
+    Dashboard,
     // AllApplications,
     // MiniCalendar,
   },

klp-ui/src/views/login.vue

@@ -3,15 +3,14 @@
     <div class="login-box">
       <div class="login-left">
         <div class="login-title-welcome">
-          <img src="../assets/logo/logo.png" alt="logo" class="logo-img" />
+<!--          <img src="../assets/logo/logo.png" alt="logo" class="logo-img" />-->
-          <span class="login-title">欢迎使用科伦普冷轧涂镀数智一体化平台</span>
+          <span class="login-title">欢迎使用MES一体化平台</span>
         </div>
         <p>
-          嘉祥科伦普重工有限公司是山东省重点工程项目，是济宁市工程之一，也是科伦普产品结构调整重要的工程项目。工程采用了外方技术总负责、关键设备整体引进、点采集成、国内技术总成、自主创新、单体设备引进等多种建设方
+          MES一体化平台是面向制造企业车间执行层的生产信息化管理系统，为企业提供包括制造数据管理、计划排程管理、生产调度管理、库存管理、质量管理、人力资源管理、工作中心管理等多项企业管理功能。
-          案，保证了技术先进和人才的培养，确保工程投产后达产达效。
         </p>
         <p>
-          科伦普冷轧重工有限公司是设计年产量150万 吨，能向广大用户提供热轧酸洗、热轧镀锌、冷硬、罩式退火、冷轧镀锌、铝锌合金、锌铝合金、锌铝镁、镀铬等各大类产品。产品覆盖东北、华北、华东、华南等地区。
+          平台通过互联网技术实现企业数字化转型，提高生产效率、降低成本、提升产品质量，实现精益化生产管理。
         </p>
       </div>
 

klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue

@@ -0,0 +1,488 @@
+<template>
+  <div class="label-container" :style="{ '--print-scale': printScale }">
+    <div class="label-box">
+      <!-- 顶部公司信息 -->
+      <div class="company-header">
+        <div style="display: flex; align-items: center;">
+          <img :src="logo" alt="Company Logo" class="company-logo" />
+          <div class="company-name">
+            科伦普<br />
+            <span class="english-name">KE LUN PU</span>
+          </div>
+        </div>
+        <div class="title">嘉祥科伦普重工有限公司</div>
+        <img src="@/assets/images/pashi.png" alt="怕湿" class="company-logo" />
+      </div>
+
+      <!-- 核心信息网格布局：替代原表格 -->
+      <div class="info-grid">
+        <!-- 第一行：订货单位 + 合同号 -->
+        <div class="info-grid-item label-cell">订货单位</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.orderUnit || ''" />
+        </div>
+        <div class="info-grid-item label-cell">合同号</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.contractNumber || ''" />
+        </div>
+
+        <!-- 第二行：执行标准 + 钢卷号 -->
+        <div class="info-grid-item label-cell">产品名称</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.itemName || ''" />
+        </div>
+        <div class="info-grid-item label-cell">执行标准</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.executionStandard || ''" />
+        </div>
+        <div class="info-grid-item label-cell">钢卷号</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.currentCoilNo || ''" />
+        </div>
+
+        <!-- 第三行：原料卷号 + 规格 -->
+        <div class="info-grid-item label-cell">原料卷号</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.enterCoilNo || ''" />
+        </div>
+        <div class="info-grid-item label-cell">规格</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.specification || ''" />
+        </div>
+
+        <!-- 第四行：材质 + 表面质量 -->
+        <div class="info-grid-item label-cell">材质</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="materialWithManufacturer || ''" />
+        </div>
+        <div class="info-grid-item label-cell">表面状态</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.surfaceTreatmentDesc || ''" />
+        </div>
+        <div class="info-grid-item label-cell">调制度</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.temperGrade || ''" />
+        </div>
+        <div class="info-grid-item label-cell">产品等级</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.qualityStatus || ''" />
+        </div>
+
+        <!-- 第五行：表面处理 + 剪切要求 -->
+        <!-- <div class="info-grid-item label-cell">表面处理</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.surfaceTreatmentDesc || ''" />
+        </div>
+        <div class="info-grid-item label-cell">切边要求</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.trimmingRequirement || ''" />
+        </div> -->
+
+        <!-- 第六行：包装种类 + 毛重 -->
+        <div class="info-grid-item label-cell">镀层质量</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.zincLayer || ''" />
+        </div>
+        <div class="info-grid-item label-cell">毛重</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.grossWeight || ''" />
+        </div>
+
+        <!-- 第七行：净重 + 参考长度 -->
+        <div class="info-grid-item label-cell">净重</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.netWeight || ''" />
+        </div>
+        <div class="info-grid-item label-cell">参考长度</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="content.length || ''" />
+        </div>
+
+        <!-- 第八行：生产日期（跨3列） -->
+        <div class="info-grid-item label-cell">生产日期</div>
+        <div class="info-grid-item value-cell">
+          <input type="text" class="nob" :value="parseTime(content.updateTime, '{y}-{m}-{d}')" />
+        </div>
+      </div>
+
+      <!-- 底部信息 -->
+      <div class="footer-info">
+        <div class="address">
+          地址：山东省济宁市嘉祥县开发区生物产业园区新民路北<br />
+          <span class="english-address">Address: North Extension of Xinmin Road,Bio-Industrial Park,Development
+            Zone,<br />
+            Jiaxiang County,Jining City,Shandong Province</span>
+          <br />
+          <span>
+            TEL：0537-6625068 0537-6625067
+          </span>
+        </div>
+        <div class="contact-timestamp">
+          <!-- 放大二维码，占用更多下方空间，弱化底部留白感 -->
+          <QRCode :content="content.qrcodeRecordId || ''" :size="90" />
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import logo from '@/assets/logo/logo.png'
+import QRCode from '../../../print/components/QRCode.vue';
+
+export default {
+  name: 'MetalSheetLabel',
+  components: {
+    QRCode
+  },
+  props: {
+    content: {
+      type: Object,
+      default: () => ({
+        // form3 所有字段
+        orderUnit: '',
+        contractNumber: '',
+        productName: '镀锌卷板合格品(GI)',
+        executionStandard: '',
+        coilNumber: 'D2Z125031809202',
+        rawBlankNumber: '',
+        specification: '2.28*1250',
+        material: '',
+        qualityStatus: '',
+        surfaceTreatmentDesc: '环保钝化/不涂油',
+        trimmingRequirement: '',
+        packagingRequirement: 'A03',
+        grossWeight: '',
+        netWeight: '7080',
+        referenceLength: '320',
+        length: '320',
+        productionDate: '2025-03-19',
+        // 底部信息字段
+        address: '唐山市滦州市茨榆坨工业区',
+        englishAddress: 'Donghai special steel, ciyutuo Industrial Zone, Luanzhou, Tangshan, Hebei province, China.',
+        tel: '0315-7560777',
+        timestamp: '2025.04.12 10:14',
+        qrcodeRecordId: '',
+      })
+    },
+    paperWidthMm: {
+      type: Number,
+      default: 180
+    },
+    paperHeightMm: {
+      type: Number,
+      default: 100
+    }
+  },
+  computed: {
+    // 材质展示信息,额外带上厂家的首字母
+    materialWithManufacturer() {
+      return this.content.material
+    }
+  },
+  data() {
+    return {
+      logo,
+      printScale: 1,
+    }
+  },
+  mounted() {
+    // 使用 matchMedia 监听打印状态（更可靠）
+    this.printMediaQuery = window.matchMedia('print');
+    this.printMediaQuery.addListener(this.handlePrintMediaChange);
+
+    // 监听打印事件作为备用
+    window.addEventListener('beforeprint', this.handleBeforePrint);
+    window.addEventListener('afterprint', this.handleAfterPrint);
+
+    // 计算初始缩放比例
+    this.$nextTick(() => {
+      this.calculatePrintScale();
+    });
+  },
+  beforeDestroy() {
+    if (this.printMediaQuery) {
+      this.printMediaQuery.removeListener(this.handlePrintMediaChange);
+    }
+    window.removeEventListener('beforeprint', this.handleBeforePrint);
+    window.removeEventListener('afterprint', this.handleAfterPrint);
+  },
+  methods: {
+    handlePrintMediaChange(mq) {
+      if (mq.matches) {
+        // 进入打印模式
+        this.calculatePrintScale();
+      } else {
+        // 退出打印模式
+        this.resetPrintScale();
+      }
+    },
+    handleBeforePrint() {
+      // 延迟计算，确保DOM已更新
+      setTimeout(() => {
+        this.calculatePrintScale();
+      }, 100);
+    },
+    handleAfterPrint() {
+      this.resetPrintScale();
+    },
+    calculatePrintScale() {
+      this.$nextTick(() => {
+        const container = this.$el;
+        if (!container) return;
+
+        // 纸张尺寸：180mm x 100mm
+        // 在打印时，使用 mm 单位更准确
+        // 1mm = 3.779527559px (96 DPI) 或 1mm = 3.779527559px (72 DPI)
+        // 为了更准确，我们直接使用 mm 转 px 的通用计算
+        const dpi = 96; // 标准 DPI
+        const mmToPx = dpi / 25.4; // 1mm = 3.779527559px
+
+        const paperWidthMm = this.paperWidthMm || 180;
+        const paperHeightMm = this.paperHeightMm || 100;
+        const marginMm = 2;
+
+        const paperWidthPx = paperWidthMm * mmToPx;
+        const paperHeightPx = paperHeightMm * mmToPx;
+        const marginPx = marginMm * mmToPx;
+
+        // 获取内容实际尺寸（在屏幕上的尺寸）
+        const rect = container.getBoundingClientRect();
+        let contentWidth = rect.width;
+        let contentHeight = rect.height;
+
+        // 如果尺寸为0或无效，尝试使用 scrollWidth/scrollHeight
+        if (contentWidth === 0 || contentHeight === 0) {
+          contentWidth = container.scrollWidth || contentWidth;
+          contentHeight = container.scrollHeight || contentHeight;
+        }
+
+        // 计算可用空间（减去边距）
+        const availableWidth = paperWidthPx - marginPx * 2;
+        const availableHeight = paperHeightPx - marginPx * 2;
+
+        // 计算缩放比例
+        const scaleX = contentWidth > 0 ? availableWidth / contentWidth : 1;
+        const scaleY = contentHeight > 0 ? availableHeight / contentHeight : 1;
+
+        // 取较小的缩放比例，确保内容完全适配（不超过1，不放大）
+        this.printScale = Math.min(scaleX, scaleY, 1);
+
+        // 设置CSS变量和内联样式
+        container.style.setProperty('--print-scale', this.printScale);
+        container.style.setProperty('--paper-width', `${paperWidthMm}mm`);
+        container.style.setProperty('--paper-height', `${paperHeightMm}mm`);
+
+        console.log('打印缩放计算:', {
+          contentSize: { width: contentWidth, height: contentHeight },
+          paperSize: { width: paperWidthPx, height: paperHeightPx },
+          scale: this.printScale
+        });
+      });
+    },
+    resetPrintScale() {
+      this.printScale = 1;
+      if (this.$el) {
+        this.$el.style.setProperty('--print-scale', 1);
+        this.$el.style.removeProperty('--paper-width');
+        this.$el.style.removeProperty('--paper-height');
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.label-container {
+  padding: 1em;
+  /* width: 680.315px; */
+  /* height: 377.953px; */
+  /* width: fit-content;
+  height: fit-content; */
+  /* 减少内边距，避免生成PDF时上下留白不一致 */
+  /* padding: 0.1em;
+  font-size: 12px;
+  border: 1px solid #000;
+  box-sizing: border-box;
+  font-family: 'Arial', sans-serif; */
+  /* border: 1px solid #000; */
+}
+
+.label-box {
+  width: fit-content;
+  height: fit-content;
+  /* margin: 1em; */
+  padding: 0.1em;
+  font-size: 12px;
+  border: 1px solid #000;
+  box-sizing: border-box;
+  font-family: 'Arial', sans-serif;
+}
+
+.company-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.3em;
+  position: relative;
+  /* 为绝对定位的 title 提供定位上下文 */
+}
+
+.company-logo {
+  width: 5em;
+  height: 5em;
+  margin-right: 0.5em;
+}
+
+.company-name {
+  font-size: 1.2em;
+  font-weight: bold;
+  line-height: 1.1;
+}
+
+.title {
+  position: absolute;
+  /* 绝对定位，脱离 flex 流 */
+  left: 50%;
+  /* 从左边50%开始 */
+  transform: translateX(-50%);
+  /* 向左移动自身宽度的50%，实现居中 */
+  font-size: 2em;
+  font-weight: bold;
+  text-align: center;
+  white-space: nowrap;
+  /* 防止文字换行 */
+}
+
+.english-name {
+  width: 100%;
+  font-size: 1em;
+  opacity: 0.9;
+  letter-spacing: 0.08em;
+}
+
+.product-title {
+  font-size: 1.4em;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 0.4em;
+  border-bottom: 1.5px solid #000;
+  padding-bottom: 0.2em;
+}
+
+/* 网格布局核心样式 */
+.info-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  /* 4列等宽 */
+  gap: 0;
+  /* 消除网格间距，确保边框连贯 */
+  margin-bottom: 0.5em;
+}
+
+.info-grid-item {
+  border: 1px solid #000;
+  padding: 0.1em;
+  font-size: 1.05em;
+  height: 2em;
+  text-align: center;
+  vertical-align: middle;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+}
+
+/* 生产日期跨3列 */
+.date-colspan {
+  grid-column: span 3;
+  /* 占据3列 */
+}
+
+.footer-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  font-size: 0.85em;
+  margin-top: 0.2em;
+}
+
+.address {
+  line-height: 1.25;
+  width: 80%;
+  font-size: 1.3em;
+}
+
+.english-address {
+  opacity: 0.9;
+  font-size: 1.1em;
+  line-height: 1.15;
+  word-break: normal;
+  /* 正常换行，只在单词边界（空格）处换行 */
+  overflow-wrap: normal;
+  /* 不在单词内部断行，保持单词完整 */
+}
+
+.contact-timestamp {
+  text-align: right;
+  line-height: 1.2;
+}
+
+.nob {
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  text-align: center;
+}
+
+/* 打印样式 - 强制单页，适配180mm x 100mm纸张，保持原有样式不变 */
+@media print {
+  @page {
+    size: 180mm 100mm;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  * {
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+
+  html,
+  body {
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+  }
+
+  /* 隐藏所有其他内容，只显示标签容器 */
+  body>*:not(.label-container) {
+    display: none !important;
+  }
+
+  .label-container {
+    /* 防止分页 - 多重保护 */
+    page-break-inside: avoid !important;
+    break-inside: avoid !important;
+    page-break-after: avoid !important;
+    break-after: avoid !important;
+    page-break-before: avoid !important;
+    break-before: avoid !important;
+    orphans: 999 !important;
+    widows: 999 !important;
+
+    /* 应用动态缩放，保持原有样式 */
+    transform: scale(var(--print-scale, 1)) !important;
+    transform-origin: top left !important;
+
+    /* 确保缩放后不超出纸张 */
+    max-width: var(--paper-width, 180mm) !important;
+    max-height: var(--paper-height, 100mm) !important;
+    overflow: hidden !important;
+  }
+}
+</style>

klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue

@@ -31,7 +31,7 @@
       </div>
       <div class="grid-cell label-cell">下工序</div>
       <div class="grid-cell value-cell">
-        <div class="nob" contenteditable>{{ content.nextProcess || '冷硬卷' }}</div>
+        <div class="nob" contenteditable>{{ content.nextProcess || '镀锌卷' }}</div>
       </div>
       
       <!-- 第四行：包装要求、切边要求 -->
@@ -52,7 +52,7 @@
       <div class="grid-cell label-cell">代码</div>
       <div class="grid-cell qrcode-cell">
         <!-- 二维码容器 -->
-        <QRCode :content="content.qrcodeRecordId" />
+        <QRCode :content="content.qrcodeRecordId" :size="80"/>
       </div>
       
       <!-- 第六行：生产日期 -->
@@ -173,7 +173,7 @@ export default {
 .label-container {
   width: 45em;
   height: 25em;
-  padding: 0;
+  padding: 16px;
   font-family: "SimSun", serif;
   box-sizing: border-box;
 }
@@ -219,6 +219,7 @@ export default {
 /* 值单元格 */
 .value-cell {
   text-align: center;
+  font-weight: bold;
 }
 
 .date-cell {

klp-ui/src/views/wms/coil/panels/LabelRender/index.vue

@@ -29,8 +29,14 @@
       <ZincRawTag
         v-if="tagType === '5'"
         :content="content"
+        :paperWidthMm="100"
+        :paperHeightMm="80"
+      />
+      <DuGeTag
+        v-if="tagType === 'ge'"
+        :content="content"
         :paperWidthMm="180"
-        :paperHeightMm="100"
+        :paperHeightMm="80"
       />
       <!-- <SampleTagPreview v-if="labelType === '4'" :content="content" />
       <ForgeTagPreview v-if="labelType === '5'" :content="content" />
@@ -54,6 +60,7 @@ import OuterTagPreview from './OuterTagPreview.vue';
 import GalvanizedTag from './GalvanizedTag.vue';
 import WhereTag from './WhereTag.vue';
 import ZincRawTag from './ZincRawTag.vue';
+import DuGeTag from './DuGeTag.vue';
 
 // import SampleTagPreview from './SampleTagPreview.vue';
 // import ForgeTagPreview from './ForgeTagPreview.vue';
@@ -67,6 +74,7 @@ export default {
     GalvanizedTag,
     WhereTag,
     ZincRawTag,
+    DuGeTag,
     // SampleTagPreview,
     // ForgeTagPreview,
     // SaltSprayTagPreview,
@@ -87,10 +95,18 @@ export default {
           width: 180,
           height: 100,
         },
+        'ge': {
+          width: 180,
+          height: 100,
+        },
         'where': {
           width: 100,
           height: 80,
         },
+        '5': {
+          width: 180,
+          height: 100,
+        },
       }
     }
   },
@@ -137,6 +153,8 @@ export default {
           this.labelType = '4';
         } else if (itemType == 'product' && itemName == '冷轧卷') {
           this.labelType = '3';
+        } else if (itemType == 'product' && itemName == '镀铬卷') {
+          this.labelType = 'ge'
         } else {
           this.labelType = '3';
         }

klp-ui/src/views/wms/coil/panels/Perspective/TrimStatistics.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="trim-statistics-table">
+    <el-table
+      :data="tableData"
+      border
+      stripe
+      :span-method="objectSpanMethod"
+      style="width: 100%;"
+    >
+      <!-- 厚度列 -->
+      <el-table-column
+        prop="thickness"
+        label="厚度"
+        width="80"
+        align="center"
+      />
+
+      <!-- 冷硬卷板净边料现货库存 表头组 -->
+      <el-table-column
+        label="冷硬卷板净边料现货库存"
+        align="center"
+      >
+        <el-table-column
+          label="总计"
+          align="center"
+        >
+          <el-table-column label="数量(件)" prop="trimmedTotalCount" width="80" align="center" />
+          <el-table-column label="重量(吨)" prop="trimmedTotalWeight" width="80" align="center" />
+        </el-table-column>
+        <el-table-column
+          v-for="width in widthList"
+          :key="'trimmed-' + width"
+          :label="width"
+          align="center"
+        >
+          <el-table-column label="数量(件)" :prop="`trimmed_${width}_count`" width="80" align="center" />
+          <el-table-column label="重量(吨)" :prop="`trimmed_${width}_weight`" width="80" align="center" />
+        </el-table-column>
+      </el-table-column>
+
+      <!-- 冷硬卷板毛边料现货库存 表头组 -->
+      <el-table-column
+        label="冷硬卷板毛边料现货库存"
+        align="center"
+      >
+        <el-table-column
+          label="总计"
+          align="center"
+        >
+          <el-table-column label="数量(件)" prop="untrimmedTotalCount" width="80" align="center" />
+          <el-table-column label="重量(吨)" prop="untrimmedTotalWeight" width="80" align="center" />
+        </el-table-column>
+        <el-table-column
+          v-for="width in widthList"
+          :key="'untrimmed-' + width"
+          :label="width"
+          align="center"
+        >
+          <el-table-column label="数量(件)" :prop="`untrimmed_${width}_count`" width="80" align="center" />
+          <el-table-column label="重量(吨)" :prop="`untrimmed_${width}_weight`" width="80" align="center" />
+        </el-table-column>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TrimStatistics',
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    // 定义表格中需要展示的宽度规格（与图片中一致）
+    widthList() {
+      return [
+        '1000', '1200/1202', '1218/1220', '1240/1252', 
+        '1010/1015', '1210/1215', '1225/1235', '1260-1265',
+        '1000~1005', '1200~1215', '1218~1235', '1250~1265'
+      ];
+    },
+    // 处理后的数据（适配表格列结构）
+    tableData() {
+      return this.data.map(item => {
+        const row = {
+          thickness: item.thickness,
+          trimmedTotalCount: 0, // 净边料总计数量
+          trimmedTotalWeight: 0, // 净边料总计重量
+          untrimmedTotalCount: 0, // 毛边料总计数量
+          untrimmedTotalWeight: 0 // 毛边料总计重量
+        };
+
+        // 初始化所有宽度的数量和重量为0
+        this.widthList.forEach(width => {
+          row[`trimmed_${width}_count`] = 0;
+          row[`trimmed_${width}_weight`] = 0;
+          row[`untrimmed_${width}_count`] = 0;
+          row[`untrimmed_${width}_weight`] = 0;
+        });
+
+        // 处理净边料数据
+        item.trimmedList.forEach(trimmed => {
+          const widthKey = trimmed.width;
+          if (this.widthList.includes(widthKey)) {
+            row[`trimmed_${widthKey}_count`] = trimmed.coilCount;
+            row[`trimmed_${widthKey}_weight`] = trimmed.totalWeight;
+            // 累加总计
+            row.trimmedTotalCount += trimmed.coilCount;
+            row.trimmedTotalWeight = (Number(row.trimmedTotalWeight) + Number(trimmed.totalWeight)).toFixed(3);
+          }
+        });
+
+        // 处理毛边料数据
+        item.untrimmedList.forEach(untrimmed => {
+          const widthKey = untrimmed.width;
+          if (this.widthList.includes(widthKey)) {
+            row[`untrimmed_${widthKey}_count`] = untrimmed.coilCount;
+            row[`untrimmed_${widthKey}_weight`] = untrimmed.totalWeight;
+            // 累加总计
+            row.untrimmedTotalCount += untrimmed.coilCount;
+            row.untrimmedTotalWeight = (Number(row.untrimmedTotalWeight) + Number(untrimmed.totalWeight)).toFixed(3);
+          }
+        });
+
+        return row;
+      });
+    }
+  },
+  methods: {
+    // 合并表头的跨度方法（可选，若需要合并行/列可扩展）
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      // 可根据需求实现行/列合并逻辑，例如合并重复的厚度行
+      // 示例：若需合并相同厚度的行，可在此处返回 { rowspan: n, colspan: m }
+      return { rowspan: 1, colspan: 1 };
+    }
+  }
+};
+</script>
+
+<style scoped>
+.trim-statistics-table {
+  padding: 10px;
+  overflow-x: auto;
+}
+.el-table {
+  --el-table-header-text-color: #333;
+  --el-table-row-hover-bg-color: #f5f7fa;
+}
+</style>

klp-ui/src/views/wms/coil/panels/Perspective/index.vue

@@ -1,11 +1,18 @@
 <template>
   <div class="perspective">
-    <hot-zha-raw :data="data" />
+    <hot-zha-raw v-if="statType == '热轧原料'" :data="data" />
+    <trim-statistics v-else-if="statType == '冷硬卷板'" :data="data" />
+    <category-width-statistics v-else-if="statType == '汇总'" :data="data" />
+    <div v-else>
+      <el-alert type="warning" message="请选择有效统计类型" show-icon />
+    </div>
   </div>
 </template>
 
 <script>
   import HotZhaRaw from "@/views/wms/coil/panels/Perspective/HotZhaRaw.vue";
+  import TrimStatistics from "@/views/wms/coil/panels/Perspective/TrimStatistics.vue";
+  import CategoryWidthStatistics from "@/views/wms/coil/panels/Perspective/CategoryWidthStatistics.vue";
   export default {
     name: 'Perspective',
     props: {
@@ -13,7 +20,7 @@
         type: Array,
         default: () => ([]) 
       },
-      type: {
+      statType: {
         type: String,
         default: ''
       },
@@ -25,6 +32,8 @@
     },
     components: {
       HotZhaRaw,
+      TrimStatistics,
+      CategoryWidthStatistics,
     },
     methods: {
       handleSave(data) {

klp-ui/src/views/wms/coil/panels/do.vue

@@ -246,8 +246,7 @@
                 <div class="info-item">
                   <span class="info-label">品名：</span>
                   <span class="info-value">
-                    <el-popover placement="top" width="280" trigger="hover"
+                    <el-popover placement="top" width="280" trigger="hover" popper-class="material-params-popover">
-                      popper-class="material-params-popover">
                       <div class="material-params-content">
                         <div class="params-list">
                           <div class="param-item">
@@ -552,6 +551,32 @@ export default {
         defectCode: null,
         degree: null,
         remark: null
+      },
+       tagSizeMap: {
+        '2': {
+          width: 100,
+          height: 80,
+        },
+        '3': {
+          width: 180,
+          height: 100,
+        },
+        '4': {
+          width: 180,
+          height: 100,
+        },
+        'ge': {
+          width: 180,
+          height: 80,
+        },
+        'where': {
+          width: 100,
+          height: 80,
+        },
+        '5': {
+          width: 180,
+          height: 100,
+        },
       },
       stepSpilt: {
         list: [],
@@ -633,8 +658,26 @@ export default {
     handlePrintLabel(row) {
       const item = row.itemType === 'product' ? row.product : row.rawMaterial;
       const itemName = row.itemType === 'product' ? item?.productName || '' : item?.rawMaterialName || '';
-
+      const itemType = row.itemType || '';
-      this.labelRender.type = row.itemType === 'product' ? '3' : '2'
+      const warehouseId = row.warehouseId || '';
+      // 在镀锌颜料库的卷使用镀锌原料标签
+      if (itemType == 'raw_material' && warehouseId == '1988150263284953089') {
+        this.labelRender.type = '5';
+      } else if (itemType == 'raw_material') {
+        this.labelRender.type = '2';
+      } else if (itemType == 'product' && itemName == '冷硬卷') {
+        this.labelRender.type = '3';
+      } else if (itemType == 'product' && itemName == '热轧卷板') {
+        this.labelRender.type = '3';
+      } else if (itemType == 'product' && itemName == '镀锌卷') {
+        this.labelRender.type = '4';
+      } else if (itemType == 'product' && itemName == '冷轧卷') {
+        this.labelRender.type = '3';
+      } else if (itemType == 'product' && itemName == '镀铬卷') {
+        this.labelRender.type = 'ge';
+      } else {
+        this.labelRender.type = '3';
+      }
       this.labelRender.data = {
         ...row,
         itemName: itemName,

klp-ui/src/views/wms/coil/perspective/index.vue

@@ -8,18 +8,17 @@
       <el-col :span="18">
         <div style="height: calc(100vh - 124px); overflow-y: scroll; overflow-x: hidden;">
           <div v-if="currentRow.summaryId">
-            <Preview :data="currentRow.statJson" />
+            <Preview :data="currentRow.statJson" :statType="currentRow.statType" />
           </div>
           <div v-else>
             <div>钢卷生产统计详情</div>
           </div>
         </div>
-       
       </el-col>
     </el-row>
 
-    <el-dialog v-loading="previewLoading" title="效果预览" :visible.sync="previewOpen" width="800px" append-to-body>
+    <el-dialog v-loading="previewLoading" title="效果预览" :visible.sync="previewOpen" width="100vw" fullscreen append-to-body>
-      <Preview :data="liveData" />
+      <Preview :data="liveData" :statType="form.statType" />
       <el-button type="primary" @click="handleSave">保存</el-button>
     </el-dialog>
   </div>
@@ -31,6 +30,7 @@ import LeftList from "./components/LeftList.vue";
 import Preview from "@/views/wms/coil/panels/Perspective/index.vue";
 
 import { listRawMaterialPerspective } from "@/api/wms/rawMaterial";
+import { listCoilTrimStatistics, categoryWidthStatistics } from "@/api/wms/coil";
 
 export default {
   name: "CoilStatisticsSummary",
@@ -74,7 +74,7 @@ export default {
       },
       previewLoading: false,
       previewOpen: false,
-      liveData: {},
+      liveData: [],
       currentRow: {},
     };
   },
@@ -162,7 +162,26 @@ export default {
           this.previewLoading = false;
         });
       }
-     
+      else if (form.statType == '冷硬卷板') {
+        this.previewLoading = true;
+        listCoilTrimStatistics().then(response => {
+          this.liveData = response.data;
+        }).finally(() => {
+          this.previewLoading = false;
+        });
+      }
+      else if (form.statType == '汇总') {
+        this.previewLoading = true;
+        categoryWidthStatistics().then(response => {
+          this.liveData = response.data;
+        }).finally(() => {
+          this.previewLoading = false;
+        });
+      }
+      else {
+        this.$modal.msgError("未知类型");
+      }
+      this.previewLoading = false;
     },
     handleSave() {
       addCoilStatisticsSummary({

klp-ui/src/views/wms/delivery/waybill/index.vue

@@ -42,13 +42,14 @@
             <el-table-column label="发货单名称" align="center" prop="waybillName" />
             <el-table-column label="车牌" align="center" prop="licensePlate" width="100" />
             <el-table-column label="收货单位" align="center" prop="consigneeUnit" />
-            <el-table-column label="发货单位" align="center" prop="senderUnit" />
+            <!-- <el-table-column label="发货单位" align="center" prop="senderUnit" /> -->
+            <el-table-column label="订单编号" align="center" prop="orderNo" />
             <el-table-column label="发货时间" align="center" prop="deliveryTime" width="100">
               <template slot-scope="scope">
                 <span>{{ parseTime(scope.row.deliveryTime, '{y}-{m}-{d}') }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="负责人" align="center" prop="principal" />
+            <el-table-column label="负责人" align="center" prop="principal" width="60" />
             <!-- <el-table-column label="负责人电话" align="center" prop="principalPhone" width="100" /> -->
             <el-table-column label="完成状态" align="center" prop="status" width="120">
               <template slot-scope="scope">
@@ -108,9 +109,9 @@
         <el-form-item label="负责人" prop="principal">
           <el-input v-model="form.principal" placeholder="请输入负责人" />
         </el-form-item>
-        <el-form-item label="负责人电话" prop="principalPhone">
+        <!-- <el-form-item label="负责人电话" prop="principalPhone">
           <el-input v-model="form.principalPhone" placeholder="请输入负责人电话" />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
         </el-form-item>

klp-wms/src/main/java/com/klp/controller/WmsMaterialCoilController.java

@@ -462,7 +462,7 @@ public class WmsMaterialCoilController extends BaseController {
      * 冷硬卷切边统计
      * 按厚度、宽度、切边要求（净边/毛边）统计钢卷数量和重量
      */
-    @GetMapping("/trimStatistics")
+    @GetMapping("/statistics/trimStatistics")
     public R<List<CoilTrimStatisticsVo>> trimStatistics() {
         return R.ok(iWmsMaterialCoilService.getCoilTrimStatistics());
     }
@@ -472,7 +472,7 @@ public class WmsMaterialCoilController extends BaseController {
      * 纵坐标：热轧卷板、冷硬卷、冷轧卷、镀锌钢卷(毛化)、镀锌管料、镀锌钢卷（未光整）
      * 横坐标：净边1000、1200、1220、1250 + 其他宽度及毛边 + 合计
      */
-    @GetMapping("/categoryWidthStatistics")
+    @GetMapping("/statistics/categoryWidthStatistics")
     public R<List<CategoryWidthStatisticsVo>> categoryWidthStatistics() {
         return R.ok(iWmsMaterialCoilService.getCategoryWidthStatistics());
     }