跳到主要内容

JPopupDict popup字典 ✔

组件参数

参数类型必填说明
dictCodestringdictCode格式说明: online报表编码,文本字段,取值字段
sorterString默认排序列,使用方法:列名=desc|asc。例:age=asc
multiBoolean是否支持多选,默认值false
paramobject动态参数对象,在online报表参数里手动新增记录,然后就可以在自己页面里传递同名参数,作为数据查询条件,如果是字符串类型需要设置成双引号内套单引号的格式 如{name:"'admin'"}
spliterstring分隔符,默认, 只对数据库不是,分割的值有用,最终数据库保存还是,
showAdvancedButtonBooleanpopup是否显示展开和关闭,默认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>