填报组件
点击新增按钮,打开填报弹窗,可根据表头数据,自动生成填报表单。
基础用法
Select组件基础用法
控制字段是否支持编辑
自动填充关联字段
通过关联字段过滤 select option
API
属性
| 属性名 | 说明 | 类型 | Default |
|---|---|---|---|
| v-model | 是否显示弹窗 | boolean | false |
| dbOptions | 数据配置 | object | — |
| compoList | 表单组件列表配置 | array | — |
| title | 弹窗标题 | string | — |
| editData | 多维报表表格中点击编辑,打开填报组件时的用于反显的数据 | array | — |
dbOptions API
| 属性名 | 说明 | 类型 | Default |
|---|---|---|---|
| columns | title 字段名称,field 字段 | array | [] |
| optionSource | Select组件需要的选项数据源 | array | [] |
compoList 属性
| 属性名 | 说明 | 类型 | Default |
|---|---|---|---|
| field | 指向字段 | string | — |
| compoType | 控件类型,可选值为 input、select、datePicker、dateTimePicker | string | — |
| editable | 当前字段是否支持编辑 | boolean | true |
| autofillField | 选择当前字段后,自动填充哪些字段。 | array | [] |
| filterField | 当过滤字段选择后,再次选择当前选项时,过滤数据源。仅当compoType为select时生效。 | string | — |
| optionMap | Select组件的option映射。 | object | — |
组件支持的事件
| 名称 | 说明 | 回调参数 |
|---|---|---|
| close | 关闭弹窗事件 | () => void |
| update | 每次修改控件时,都会触发此事件 | (form: Record<string, any>) => void 参数为表单数据 |