From e19b1fe0f0195bd76c6ab2cde797d33c8220ae86 Mon Sep 17 00:00:00 2001
From: halo <halo@byteawake.com>
Date: Thu, 9 Jul 2026 21:38:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7=E9=80=89=E6=8B=A9=E5=BC=B9=E7=AA=97=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/components/PersonalCustomerPicker.vue | 68 +++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 src/components/PersonalCustomerPicker.vue

diff --git a/src/components/PersonalCustomerPicker.vue b/src/components/PersonalCustomerPicker.vue
new file mode 100644
index 0000000..ba340e0
--- /dev/null
+++ b/src/components/PersonalCustomerPicker.vue
@@ -0,0 +1,68 @@
+<!-- src/components/PersonalCustomerPicker.vue -->
+<template>
+  <a-modal v-model:open="open" title="选择个人客户" width="800px" :footer="null">
+    <ProTable
+      :columns="columns"
+      :fetch-data="loadList"
+      :row-selection="false"
+      :initial-search="{ organizationIdEq: undefined, customerCodeEq: '', customerNameLike: '' }"
+    >
+      <template #search="{ form }">
+        <a-form-item label="所属机构">
+          <OrgTreeSelect v-model="form.organizationIdEq" style="width: 180px" />
+        </a-form-item>
+        <a-form-item label="客户编号">
+          <a-input v-model:value="form.customerCodeEq" placeholder="请输入客户编号" allow-clear style="width: 160px" />
+        </a-form-item>
+        <a-form-item label="客户名称">
+          <a-input v-model:value="form.customerNameLike" placeholder="请输入客户名称" allow-clear style="width: 160px" />
+        </a-form-item>
+      </template>
+      <template #bodyCell="{ column, record, index }">
+        <template v-if="column.dataIndex === 'index'">{{ index + 1 }}</template>
+        <template v-else-if="column.dataIndex === 'action'">
+          <a @click="handleSelect(record)">选择</a>
+        </template>
+      </template>
+    </ProTable>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import ProTable from '@/components/ProTable.vue'
+import OrgTreeSelect from '@/components/OrgTreeSelect.vue'
+import { fetchPersonalCustomerListApi } from '@/api/customer'
+
+const emit = defineEmits(['select'])
+
+const open = ref(false)
+
+const columns = [
+  { title: '序号', dataIndex: 'index', width: 60 },
+  { title: '客户编号', dataIndex: 'customerCode' },
+  { title: '客户名称', dataIndex: 'customerName' },
+  { title: '证件号码', dataIndex: 'certificateNumber' },
+  { title: '手机号码', dataIndex: 'mobilePhone' },
+  { title: '操作', dataIndex: 'action', width: 80 }
+]
+
+async function loadList(params) {
+  const res = await fetchPersonalCustomerListApi(params)
+  if (res.data.code === 200) {
+    return { list: res.data.data.records || [], total: res.data.data.total || 0 }
+  }
+  return { list: [], total: 0 }
+}
+
+function handleSelect(record) {
+  emit('select', record)
+  open.value = false
+}
+
+function show() {
+  open.value = true
+}
+
+defineExpose({ show })
+</script>