feat(钢卷管理): 新增生产时间记录及耗时计算功能

添加TimeInput组件用于时间输入，并在钢卷合并、分条、打字、分步操作中增加生产开始/结束时间字段
实现生产耗时自动计算功能，支持显示xx天xx小时xx分钟格式
在基础面板中增加生产时间修正对话框，支持批量修改时间

klp-ui/src/views/wms/coil/merge.vue

@@ -215,6 +215,21 @@
                   <WarehouseSelect v-model="targetCoil.warehouseId" placeholder="请选择逻辑库区" :disabled="readonly" />
                 </el-form-item>
               </div>
+
+              <div class="form-row">
+                <el-form-item label="生产开始时间" prop="productionStartTime" class="form-item-half">
+                  <TimeInput v-model="targetCoil.productionStartTime" @input="calculateProductionDuration" :disabled="readonly" />
+                </el-form-item>
+                <el-form-item label="生产结束时间" prop="productionEndTime" class="form-item-half">
+                  <TimeInput v-model="targetCoil.productionEndTime" @input="calculateProductionDuration" :disabled="readonly" :show-now-button="true" />
+                </el-form-item>
+              </div>
+
+              <div class="form-row">
+                <el-form-item label="生产耗时" prop="productionDuration" class="form-item-half">
+                  <el-input v-model="targetCoil.formattedDuration" placeholder="自动计算" disabled />
+                </el-form-item>
+              </div>
             </el-form>
           </div>
         </div>
@@ -231,6 +246,7 @@ import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect
 import RawMaterialSelector from "@/components/KLPService/RawMaterialSelect";
 import ProductSelector from "@/components/KLPService/ProductSelect";
 import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
+import TimeInput from "@/components/TimeInput";
 import { generateCoilNoPrefix } from "@/utils/coil/coilNo";
 
 export default {
@@ -240,7 +256,8 @@ export default {
     ActualWarehouseSelect,
     RawMaterialSelector,
     ProductSelector,
-    WarehouseSelect
+    WarehouseSelect,
+    TimeInput
   },
   dicts: ['coil_quality_status'],
   data() {
@@ -270,6 +287,10 @@ export default {
         coatingType: '',
         actualLength: undefined,
         actualWidth: undefined,
+        productionStartTime: '',
+        productionEndTime: '',
+        productionDuration: '',
+        formattedDuration: '',
       },
       rules: {
         currentCoilNo: [
@@ -759,6 +780,49 @@ export default {
       this.$router.back();
     },
 
+    // 格式化毫秒值为xx天xx小时xx分钟
+    formatDuration(milliseconds) {
+      if (!milliseconds || milliseconds < 0) return '';
+      
+      const seconds = Math.floor(milliseconds / 1000);
+      const minutes = Math.floor(seconds / 60);
+      const hours = Math.floor(minutes / 60);
+      const days = Math.floor(hours / 24);
+      
+      const remainingHours = hours % 24;
+      const remainingMinutes = minutes % 60;
+      
+      let result = '';
+      if (days > 0) result += `${days}天`;
+      if (remainingHours > 0) result += `${remainingHours}小时`;
+      if (remainingMinutes > 0) result += `${remainingMinutes}分钟`;
+      
+      return result || '0分钟';
+    },
+    // 计算生产耗时
+    calculateProductionDuration() {
+      const { productionStartTime, productionEndTime } = this.targetCoil;
+      if (productionStartTime && productionEndTime) {
+        const start = new Date(productionStartTime).getTime();
+        const end = new Date(productionEndTime).getTime();
+        if (end < start) {
+          this.$message({
+            message: '结束时间不能早于开始时间',
+            type: 'error',
+          });
+          this.$set(this.targetCoil, 'productionDuration', '');
+          this.$set(this.targetCoil, 'formattedDuration', '');
+        } else {
+          const durationMs = end - start;
+          const durationMinutes = Math.round(durationMs / (1000 * 60));
+          this.$set(this.targetCoil, 'productionDuration', durationMinutes);
+          this.$set(this.targetCoil, 'formattedDuration', this.formatDuration(durationMinutes * 60 * 1000));
+        }
+      } else {
+        this.$set(this.targetCoil, 'productionDuration', '');
+        this.$set(this.targetCoil, 'formattedDuration', '');
+      }
+    },
     // closePage 关闭当前页面
     closePage() {
       this.$router.back();