借库逻辑实现

inventory-web/src/views/stock/inbound/product.vue

@@ -425,9 +425,24 @@ const form = reactive({
   quality_report_link: [] as string[], inspection_report_link: [] as string[], product_photo: [] as string[], detail_link: ''
 })
 
+// ------------------------------------
+// 校验规则 (前端 pre-check)
+// ------------------------------------
+const validateUnique = (rule: any, value: string, callback: any) => {
+  if (!value) return callback()
+  // 简单的列表前端查重
+  const isDuplicate = tableData.value.some((row: any) => {
+    if (dialogStatus.value === 'update' && row.id === form.id) return false
+    if (rule.field === 'serial_number' && row.serial_number === value) return true
+    return false
+  })
+  if (isDuplicate) callback(new Error('当前列表页存在相同SN(后端将进行全局校验)'))
+  else callback()
+}
+
 const rules = {
   base_id: [{ required: true, message: '必选', trigger: 'change' }],
-  serial_number: [{ required: true, message: '必填', trigger: 'blur' }],
+  serial_number: [{ required: true, message: '必填', trigger: 'blur' }, { validator: validateUnique, trigger: 'blur' }],
   in_quantity: [{ required: true, message: '必填', trigger: 'blur' }]
 }
 
@@ -585,7 +600,10 @@ const submitForm = async () => {
         } else { await updateProductInbound(form.id!, payload); ElMessage.success('更新成功') }
         saveToHistory(HISTORY_KEYS.PRODUCTION_MANAGER, form.production_manager)
         visible.value = false; fetchData()
-      } catch(e:any) { ElMessage.error(e.msg || '失败') } finally { submitting.value = false }
+      } catch(e:any) {
+        // 捕获后端报错
+        ElMessage.error(e.msg || '操作失败')
+      } finally { submitting.value = false }
     }
   })
 }