From ac49ba5c6d2b5e41d06723046bc54f7b1ca1cde2 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 12 May 2026 23:34:45 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=88wms=EF=BC=89=EF=BC=9A=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E4=BE=9B=E5=BA=94=E5=95=86=20select=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wms/md/merchant/index.ts              |  6 +-
 .../md/merchant/components/MerchantSelect.vue | 94 +++++++++++++++++++
 2 files changed, 99 insertions(+), 1 deletion(-)
 create mode 100644 src/views/wms/md/merchant/components/MerchantSelect.vue

diff --git a/src/api/wms/md/merchant/index.ts b/src/api/wms/md/merchant/index.ts
index 7a552a29a..94527ce18 100644
--- a/src/api/wms/md/merchant/index.ts
+++ b/src/api/wms/md/merchant/index.ts
@@ -18,6 +18,10 @@ export interface MerchantVO {
   createTime?: Date
 }
 
+export interface MerchantSimpleListReqVO {
+  types?: number[]
+}
+
 // WMS 往来企业 API
 export const MerchantApi = {
   // 查询往来企业分页
@@ -26,7 +30,7 @@ export const MerchantApi = {
   },
 
   // 查询往来企业精简列表
-  getMerchantSimpleList: async (params?: any) => {
+  getMerchantSimpleList: async (params?: MerchantSimpleListReqVO) => {
     return await request.get({ url: '/wms/merchant/simple-list', params })
   },
 
diff --git a/src/views/wms/md/merchant/components/MerchantSelect.vue b/src/views/wms/md/merchant/components/MerchantSelect.vue
new file mode 100644
index 000000000..5f2b3f6e9
--- /dev/null
+++ b/src/views/wms/md/merchant/components/MerchantSelect.vue
@@ -0,0 +1,94 @@
+<!-- WMS 往来企业选择器 -->
+<template>
+  <el-select
+    v-bind="$attrs"
+    v-model="selectValue"
+    :clearable="clearable"
+    :disabled="disabled"
+    :filter-method="handleFilter"
+    :placeholder="placeholder"
+    class="w-1/1"
+    filterable
+    @change="handleChange"
+  >
+    <el-option
+      v-for="merchant in filteredList"
+      :key="merchant.id!"
+      :label="merchant.name"
+      :value="merchant.id!"
+    />
+  </el-select>
+</template>
+
+<script lang="ts" setup>
+import { MerchantApi, MerchantVO } from '@/api/wms/md/merchant'
+import { SupplierMerchantTypeList } from '@/views/wms/utils/constants'
+
+/** WMS 往来企业选择器 */
+defineOptions({ name: 'WmsMerchantSelect', inheritAttrs: false })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: number
+    supplier?: boolean
+    disabled?: boolean
+    clearable?: boolean
+    placeholder?: string
+  }>(),
+  {
+    disabled: false,
+    clearable: true,
+    placeholder: '请选择往来企业'
+  }
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [value: number | undefined]
+  change: [merchant: MerchantVO | undefined]
+}>()
+
+const merchantList = ref<MerchantVO[]>([]) // 往来企业列表
+const filteredList = ref<MerchantVO[]>([]) // 过滤后的往来企业列表
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (value) => emit('update:modelValue', value)
+})
+
+/** 获得可选往来企业列表 */
+const loadSelectableList = async () => {
+  merchantList.value = await MerchantApi.getMerchantSimpleList(
+    props.supplier ? { types: SupplierMerchantTypeList } : undefined
+  )
+  handleFilter('')
+}
+
+/** 前端过滤 */
+const handleFilter = (query: string) => {
+  if (!query) {
+    filteredList.value = merchantList.value
+    return
+  }
+  const keyword = query.toLowerCase()
+  filteredList.value = merchantList.value.filter((merchant) =>
+    merchant.name?.toLowerCase().includes(keyword)
+  )
+}
+
+/** 选中变化 */
+const handleChange = (value: number | undefined) => {
+  emit(
+    'change',
+    merchantList.value.find((merchant) => merchant.id === value)
+  )
+}
+
+/** 供应商开关变化时，重新加载可选列表 */
+watch(
+  () => props.supplier,
+  () => loadSelectableList()
+)
+
+/** 初始化 */
+onMounted(() => loadSelectableList())
+</script>