批量输入弹窗
代码事例
vue
<template>
<fk-space align="start" direction="vertical">
<fk-space align="start">
<fk-button type="primary" @click="handleOpen">打开批量输入弹窗</fk-button>
</fk-space>
</fk-space>
<fk-row>
<JsonViewer :data="vm" />
</fk-row>
</template>
<script lang="ts" setup>
import { reactive } from 'vue';
import { createBatchInputPop } from '@erp/biz';
const vm = reactive({
input: {}
});
const handleOpen = () => {
createBatchInputPop({
bizName: '商品款号',
footerDescribe: '<p>1、批量输入商品款号</p><p>2、批量输入商品款号</p>',
limit: 0,
}).then(res => {
vm.input = res;
})
}
</script>API
<batch-input-pop> Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| biz-name | 业务名称 | string | '值' |
| placeholder | 提示 | string | - |
| describe | 描述 | string | - |
| limit | 限制数量 | number | 50 |
BatchInputProps
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| bizName | 业务名称 | string | - |
| placeholder | 提示 | string | - |
| describe | 描述 | string | - |
| limit | 限制数量 | number | - |