辅助条码单位重复选择校验并提示

src/hooks/useUniqueField.ts

@@ -0,0 +1,37 @@
+import { Ref, ref, watchEffect } from "vue"
+
+const useUniqueField = <T>(items: Ref<T[]>, field: Ref<keyof T> | string) => {
+	const isUnique = ref(true)
+	const errorMessage = ref("")
+
+	watchEffect(() => {
+		try {
+			const seen = new Set()
+			isUnique.value = true
+			errorMessage.value = ""
+
+			// 处理非响应式的字段名
+			const fieldKey = typeof field === "object" ? field.value : field
+
+			for (const item of items.value) {
+				const value = item[fieldKey as keyof T]
+
+				// 处理 undefined/null 的特殊情况
+				const key = value === null ? "NULL" : value === undefined ? "UNDEFINED" : value
+
+				if (seen.has(key)) {
+					isUnique.value = false
+					errorMessage.value = `字段 "${String(fieldKey)}" 存在重复值`
+					break
+				}
+				seen.add(key)
+			}
+		} catch (error: any) {
+			errorMessage.value = `验证失败: ${error.message}`
+		}
+	})
+
+	return { isUnique, errorMessage }
+}
+
+export default useUniqueField

src/views/supermarketerp/supermarketSpu/components/auxiliary-code.vue

@@ -130,6 +130,11 @@ const computedSmErpUnitEntityList = computed(() => props.smErpUnitEntityList?.fi
 
 // 包装单位下拉选择变化
 const handleUnitIdChange = (unitId: string, rowIndex: number) => {
+	nextTick(() => {
+		if (!isFieldUnique(auxiliaryCodeList.value, "unit")) {
+			useMessage().error("包装单位重复")
+		}
+	})
 	;(auxiliaryCodeList.value[rowIndex] as any).unit = computedSmErpUnitEntityList.value?.find((item: rowVU) => item.id == unitId)?.unit
 }
 
@@ -144,6 +149,19 @@ const removeSelectRowEvent = () => {
 	}
 }
 
+// 判断辅助条码是否重复
+const isFieldUnique = (arr: any[], field: string) => {
+	const seen = new Set()
+	for (const item of arr) {
+		const value = item[field]
+		if (seen.has(value)) {
+			return false
+		}
+		seen.add(value)
+	}
+	return true
+}
+
 // 校验可编辑表格 成功返回 true 失败返回 false
 // const editableTableValidate = async () => {
 // 	// 全量校验