1. 对账单、订单的改良

apps/web-antd/src/components/form/components/warehouse-admin-drug-search.vue

@@ -0,0 +1,83 @@
+<script lang="ts" setup>
+/**
+ * 超级仓库 Admin：选品字段，与常用方「药品搜索」一致（DrugSearchSelect）
+ */
+import { computed, ref, watch } from 'vue';
+
+import { useUserStore } from '@vben/stores';
+
+import { Button } from 'ant-design-vue';
+
+import { DrugSearchSelect } from '#/components/drug-search-select';
+
+const props = withDefaults(
+  defineProps<{
+    /** vben-form：药品 ID */
+    value?: number;
+    /** 列表筛选类型：1 中药，2 西药 */
+    productType?: number;
+  }>(),
+  {
+    productType: 1,
+  },
+);
+
+const emit = defineEmits<{
+  'update:value': [value: number | undefined];
+}>();
+
+const userStore = useUserStore();
+
+const selectedLabel = ref('');
+
+const searchType = computed(() => (props.productType === 2 ? 2 : 1));
+
+const storeId = computed(() => userStore.userInfo?.store_id ?? 2);
+
+const placeholder = computed(() => {
+  const name = props.productType === 2 ? '西药' : '中药';
+  return `输入${name}名称搜索（显示图片、供应商、规格、价格）`;
+});
+
+watch(
+  () => props.value,
+  (v) => {
+    if (v == null || v === undefined) {
+      selectedLabel.value = '';
+    }
+  },
+  { immediate: true },
+);
+
+function onSelect(drug: any) {
+  const id = drug._drugId ?? drug.drug?.id ?? drug.drug_id;
+  selectedLabel.value =
+    drug._drugName || drug.drug?.drug_name || drug.drug_name || '';
+  emit('update:value', id);
+}
+
+function clearSelection() {
+  selectedLabel.value = '';
+  emit('update:value', undefined);
+}
+</script>
+
+<template>
+  <div class="w-full space-y-2">
+    <DrugSearchSelect
+      :type="searchType"
+      :store-id="storeId"
+      :placeholder="placeholder"
+      @select="onSelect"
+    />
+    <div
+      v-if="value != null"
+      class="flex items-center gap-2 text-sm text-muted-foreground"
+    >
+      <span>已选：{{ selectedLabel || `ID ${value}` }}</span>
+      <Button type="link" size="small" class="!p-0" @click="clearSelection">
+        清除
+      </Button>
+    </div>
+  </div>
+</template>

apps/web-antd/src/components/form/types/index.d.ts

@@ -4,4 +4,5 @@ export type CustomComponentType =
   | 'ApiRadioGroup'
   | 'ApiSelect'
   | 'ApiTreeSelect'
-  | 'IconPicker';
+  | 'IconPicker'
+  | 'WarehouseAdminDrugSearch';