From 06411166b55e9a9707531d51122750919df8530a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Mon, 12 Jan 2026 16:53:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(coil):=20=E6=B7=BB=E5=8A=A0=E9=92=A2?=
 =?UTF-8?q?=E5=8D=B7=E5=8F=B7=E6=A0=A1=E9=AA=8C=E5=8A=9F=E8=83=BD=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增检查钢卷号是否合法的API接口
- 在基础信息和入库表单中添加钢卷号格式和重复校验
- 实现根据前缀自动获取最大钢卷号功能
- 优化表单组件布局和样式
---
 klp-ui/src/api/wms/coil.js                   | 23 ++++++
 klp-ui/src/views/wms/coil/do/warehousing.vue | 80 ++++++++++++++++++--
 klp-ui/src/views/wms/coil/panels/base.vue    | 72 +++++++++++++++---
 3 files changed, 157 insertions(+), 18 deletions(-)

diff --git a/klp-ui/src/api/wms/coil.js b/klp-ui/src/api/wms/coil.js
index ea433277..e9317e58 100644
--- a/klp-ui/src/api/wms/coil.js
+++ b/klp-ui/src/api/wms/coil.js
@@ -191,4 +191,27 @@ export function cancelExportCoil(coilId) {
     url: '/wms/materialCoil/withdrawExportCoil/' + coilId,
     method: 'get'
   })
+}
+
+// 检查入场钢卷号或当前钢卷号是否合法（是否存在）
+export function checkCoilNo({ currentCoilNo, enterCoilNo }) {
+  return request({
+    url: '/wms/materialCoil/checkCoilNoDuplicate',
+    method: 'get',
+    params: {
+      currentCoilNo,
+      enterCoilNo
+    }
+  })
+}
+
+// 根据前缀获取当前的最大钢卷号
+export function getMaxCoilNo(enterCoilNoPrefix) {
+  return request({
+    url: '/wms/materialCoil/getMaxEnterCoilNo',
+    method: 'get',
+    params: {
+      enterCoilNoPrefix
+    }
+  })
 }
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/coil/do/warehousing.vue b/klp-ui/src/views/wms/coil/do/warehousing.vue
index fdabc423..7ba164cb 100644
--- a/klp-ui/src/views/wms/coil/do/warehousing.vue
+++ b/klp-ui/src/views/wms/coil/do/warehousing.vue
@@ -195,7 +195,8 @@
                 <el-button size="mini" type="text" icon="el-icon-view" @click="handlePreviewLabel(scope.row)">
                   打印
                 </el-button>
-                <el-button v-if="scope.row.actionStatus == 0 || scope.row.actionStatus == 1" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(scope.row)">
+                <el-button v-if="scope.row.actionStatus == 0 || scope.row.actionStatus == 1" size="mini" type="text"
+                  icon="el-icon-edit" @click="handleEdit(scope.row)">
                   编辑
                 </el-button>
                 <el-button v-if="scope.row.actionStatus == 0 || scope.row.actionStatus == 1" type="primary"
@@ -276,9 +277,9 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="getItemLabel" prop="itemId">
-          <product-select v-if="editCoil.form.itemType == 'product'" v-model="editCoil.form.itemId" placeholder="请选择成品"
+          <product-select v-if="editCoil.form.itemType == 'product' && editCoil.form.materialType === '成品'" v-model="editCoil.form.itemId" placeholder="请选择成品"
             style="width: 100%;" clearable />
-          <raw-material-select v-else-if="editCoil.form.itemType == 'raw_material'" v-model="editCoil.form.itemId"
+          <raw-material-select v-else-if="editCoil.form.itemType == 'raw_material' && (editCoil.form.materialType === '原料' || editCoil.form.materialType === '废品')" v-model="editCoil.form.itemId"
             placeholder="请选择原料" style="width: 100%;" clearable />
           <div v-else>请先选择材料类型</div>
         </el-form-item>
@@ -340,7 +341,7 @@
 </template>
 
 <script>
-import { getMaterialCoil, listMaterialCoil, updateMaterialCoilSimple } from '@/api/wms/coil'
+import { getMaterialCoil, listMaterialCoil, updateMaterialCoilSimple, getMaxCoilNo, checkCoilNo } from '@/api/wms/coil'
 import { listPendingAction, delPendingAction, updatePendingAction } from '@/api/wms/pendingAction'
 import MaterialSelect from "@/components/KLPService/MaterialSelect";
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
@@ -402,10 +403,51 @@ export default {
           { required: true, message: "请选择收货计划", trigger: "change" }
         ],
         enterCoilNo: [
-          { required: true, message: "入场钢卷号不能为空", trigger: "blur" }
+          { required: true, message: "入场钢卷号不能为空", trigger: "blur" },
+          // 自定义校验，必须是8位的阿拉伯数字
+          {
+            validator: (rule, value, callback) => {
+              if (!/^\d{8}$/.test(value)) {
+                callback(new Error('入场钢卷号必须是8位的阿拉伯数字'));
+              } else {
+                callback();
+              }
+            }, trigger: 'blur'
+          },
+          // 远程校验，检查钢卷号是否存在
+          {
+            validator: (rule, value, callback) => {
+              checkCoilNo({ enterCoilNo: value }).then(res => {
+                const { duplicateType } = res.data;
+                if (duplicateType === 'enter' || duplicateType === 'both') {
+                  // alert('入场钢卷号重复，请重新输入');
+                  callback(new Error('入场钢卷号重复，请重新输入'));
+                } else {
+                  callback();
+                }
+              })
+            }, trigger: 'blur'
+          },
         ],
         currentCoilNo: [
-          { required: true, message: "当前钢卷号不能为空", trigger: "blur" }
+          { required: true, message: "当前钢卷号不能为空", trigger: "blur" },
+          // 远程校验，当前钢卷号不能重复
+          {
+            validator: (rule, value, callback) => {
+              checkCoilNo({ currentCoilNo: value }).then(res => {
+                const { duplicateType } = res.data;
+                if (duplicateType === 'current' || duplicateType === 'both') {
+                  // alert('当前钢卷号重复，请重新输入');
+                  callback(new Error('当前钢卷号重复，请重新输入'));
+                } else {
+                  callback();
+                }
+              })
+            }, trigger: 'blur'
+          },
+        ],
+        materialType: [
+          { required: true, message: "材料类型不能为空", trigger: "change" }
         ],
         itemId: [
           { required: true, message: "物品ID不能为空", trigger: "blur" }
@@ -453,6 +495,7 @@ export default {
     this.getList()
     this.getTodayPlan()
     this.remoteMethod('')
+    this.getMaxCoilNoByPrefix()
   },
   computed: {
     // 动态显示标签
@@ -656,6 +699,31 @@ export default {
         });
       });
     },
+    // 获取入场钢卷号前缀（四位的字符串）两位年份+两位月份
+    getEnterCoilNoPrefix() {
+      const date = new Date();
+      const year = date.getFullYear().toString().slice(-2);
+      const month = (date.getMonth() + 1).toString().padStart(2, '0');
+      return year + month;
+    },
+    // 获取当前的最大钢卷号
+    getMaxCoilNoByPrefix() {
+      const prefix = this.getEnterCoilNoPrefix()
+      getMaxCoilNo(prefix).then(res => {
+        console.log(res)
+        // 扣掉最后一位
+        this.form.enterCoilNo = res.data.maxEnterCoilNo.slice(0, -1);
+      })
+    },
+    // 检查钢卷号是否合法（后端检查）
+    checkCoilNo() {
+      checkCoilNo({ currentCoilNo: this.form.currentCoilNo, entryCoilNo: this.form.enterCoilNo }).then(res => {
+        console.log(res)
+        // if (res.data) {
+        //   this.$modal.msgError("钢卷号已存在");
+        // }
+      })
+    },
     // 取消操作
     cancel() {
       this.form = {};
diff --git a/klp-ui/src/views/wms/coil/panels/base.vue b/klp-ui/src/views/wms/coil/panels/base.vue
index 6c136bf2..eeef018d 100644
--- a/klp-ui/src/views/wms/coil/panels/base.vue
+++ b/klp-ui/src/views/wms/coil/panels/base.vue
@@ -98,7 +98,8 @@
       <el-table-column label="更新时间" align="center" prop="updateTime" />
       <el-table-column label="发货时间" align="center" v-if="showExportTime" prop="exportTime" width="160">
         <template slot-scope="scope">
-          <el-date-picker @change="handleExportTimeChange(scope.row)" v-if="canEditExportTime" style="width: 90%" v-model="scope.row.exportTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择发货时间" />
+          <el-date-picker @change="handleExportTimeChange(scope.row)" v-if="canEditExportTime" style="width: 90%"
+            v-model="scope.row.exportTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择发货时间" />
           <div v-else>{{ scope.row.exportTime }}</div>
         </template>
       </el-table-column>
@@ -181,7 +182,7 @@
             clearable />
         </el-form-item>
         <el-form-item label="班组" prop="team">
-          <el-select v-model="form.team" placeholder="请选择班组" style="width: 100%" >
+          <el-select v-model="form.team" placeholder="请选择班组" style="width: 100%">
             <el-option key="甲" label="甲" value="甲" />
             <el-option key="乙" label="乙" value="乙" />
           </el-select>
@@ -286,15 +287,17 @@
 </template>
 
 <script>
-import { 
-  listMaterialCoil, 
-  getMaterialCoil, 
-  delMaterialCoil, 
-  addMaterialCoil, 
-  updateMaterialCoilSimple, 
-  getMaterialCoilTrace, 
+import {
+  listMaterialCoil,
+  getMaterialCoil,
+  delMaterialCoil,
+  addMaterialCoil,
+  updateMaterialCoilSimple,
+  getMaterialCoilTrace,
   exportCoil,
-  cancelExportCoil } from "@/api/wms/coil";
+  cancelExportCoil,
+  checkCoilNo
+} from "@/api/wms/coil";
 import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 import QRCode from "../../print/components/QRCode.vue";
 import * as XLSX from 'xlsx'
@@ -451,10 +454,55 @@ export default {
       // 表单校验
       rules: {
         enterCoilNo: [
-          { required: true, message: "入场钢卷号不能为空", trigger: "blur" }
+          { required: true, message: "入场钢卷号不能为空", trigger: "blur" },
+          // 自定义校验，必须是8位的阿拉伯数字
+          {
+            validator: (rule, value, callback) => {
+              if (!/^\d{8}$/.test(value)) {
+                callback(new Error('入场钢卷号必须是8位的阿拉伯数字'));
+              } else {
+                callback();
+              }
+            }, trigger: 'blur'
+          },
+          // 远程校验，检查钢卷号是否存在
+          {
+            validator: (rule, value, callback) => {
+              checkCoilNo({ enterCoilNo: value }).then(res => {
+                const { duplicateType } = res.data;
+                if (duplicateType === 'enter' || duplicateType === 'both') {
+                  // alert('入场钢卷号重复，请重新输入');
+                  callback(new Error('入场钢卷号重复，请重新输入'));
+                } else {
+                  callback();
+                }
+              })
+            }, trigger: 'blur'
+          },
         ],
         currentCoilNo: [
-          { required: true, message: "当前钢卷号不能为空", trigger: "blur" }
+          { required: true, message: "当前钢卷号不能为空", trigger: "blur" },
+          // 仅在新增的时候校验
+          {
+            validator: (rule, value, callback) => {
+              if (this.form.coilId) {
+                // 修改时会有coilId，不触发校验
+                console.log('修改时会有coilId，不触发校验');
+                callback();
+              } else {
+                // 没有coilId则为新增 触发校验
+                checkCoilNo({ currentCoilNo: value }).then(res => {
+                  const { duplicateType } = res.data;
+                  if (duplicateType === 'current' || duplicateType === 'both') {
+                    // alert('当前钢卷号重复，请重新输入');
+                    callback(new Error('当前钢卷号重复，请重新输入'));
+                  } else {
+                    callback();
+                  }
+                })
+              }
+            }, trigger: 'blur'
+          }
         ],
         itemId: [
           { required: true, message: "物品ID不能为空", trigger: "blur" }