打开选择客户弹窗
代码事例
vue
<template>
<fk-space>
<fk-button type="primary" @click="handleSelect">选择客户</fk-button>
<fk-button type="primary" @click="handleAddressSelect">选择客户带地址</fk-button>
</fk-space>
<p>数据模型</p>
<fk-row>
<JsonViewer :data="selected" />
</fk-row>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { createSelectCustomerAndAddressPop, createSelectCustomerPop } from '@erp/biz';
const selected = ref([]);
const handleSelect = () => {
createSelectCustomerPop({ title: '客户选择' }).then(res => {
console.log('createSelectCustomerPop >>', res);
selected.value = res;
});
};
const handleAddressSelect = () => {
createSelectCustomerAndAddressPop({ title: '客户选择' }).then(res => {
console.log('createSelectCustomerAndAddressPop >>', res);
selected.value = res;
});
};
</script>选择客户 API
SelectCustomerPopProps
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string | - |
| ids | 已选择的客户ids | (string | number)[] | - |
| multiple | 多选还是单选 目前只支持单选 | boolean | false |
| showCreateBtn | 是否显示新建客户按钮 | boolean | false |