JPopupDict popup字典 ✔
组件参数
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
dictCode | string | 是 | dictCode格式说明: online报表编码,文本字段,取值字段 |
sorter | String | 否 | 默认排序列,使用方法:列名=desc|asc。例:age=asc |
multi | Boolean | 否 | 是否支持多选,默认值false |
param | object | 否 | 动态参数对象,在online报表参数里手动新增记录,然后就可以在自己页面里传递同名参数,作为数据查询条件,如果是字符串类型需要设置成双引号内套单引号的格式 如{name:"'admin'"} |
spliter | string | 否 | 分隔符,默认, 只对数据库不是, 分割的值有用,最终数据库保存还是, |
showAdvancedButton | Boolean | 否 | popup是否显示展开和关闭,默认true展开 |
效果展示
使用示例
<template>
<BasicForm
:schemas="schemas"
:actionColOptions="{ span: 24 }"
@submit="handleSubmit"
>
</BasicForm>
</template>
<script setup lang="ts">
import { BasicForm } from '/@/components/Form';
const handleSubmit = (values) => {
console.log(values);
};
const schemas = [
{
field: 'pop2',
component: 'JPopupDict',
label: 'JPopupDict示例',
colProps: {
span: 12,
},
componentProps: {
placeholder: '请选择',
dictCode: 'report_user01,username,id',
multi: true,
},
},
{
field: 'pop2',
component: 'JEllipsis',
label: '选中值',
colProps: {
span: 12,
},
},
];
</script>