index.md
24.1 KB
nav: path: /component title: 组件 order: 1 group: path: /common title: 条件配置
order: 0
QxFilterCondition 条件配置
条件配置
import React from 'react';
import { QxFilterCondition } from './index';
export default () => {
const fields = [
{
name: '记录ID',
code: 'id',
extract: {
fieldType: 'REL',
fieldKey: 'id',
widget: 'relSelector',
relId: 'cjQhMZnwkO2QoVzxVPC',
allowSelect: true,
$base: true,
},
},
{
name: '地址',
code: 'gDRj1ejkS76ZNAWDrKr',
extract: {
fieldType: 'STRING',
fieldKey: 'address_dsitzk',
widget: 'qxAddress',
required: false,
readOnly: false,
hidden: false,
},
},
{
name: '标题',
code: 'XdU29n1mEqKfvKoCZNW',
extract: {
fieldType: 'STRING',
fieldKey: 'title',
widget: 'qxInput',
required: true,
readOnly: false,
hidden: false,
},
},
{
name: '数据标题',
code: 'data_title',
extract: {
fieldType: 'STRING',
fieldKey: 'data_title',
widget: 'qxInput',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
},
{
name: '拥有人',
code: 'owner_id',
extract: {
fieldType: 'USER',
fieldKey: 'owner_id',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
},
{
name: '创建人',
code: 'created_by',
extract: {
fieldType: 'USER',
fieldKey: 'created_by',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
},
{
name: '更新人',
code: 'updated_by',
extract: {
fieldType: 'USER',
fieldKey: 'updated_by',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
},
{
name: '创建时间',
code: 'created_at',
extract: {
fieldType: 'YEAR_SEC',
fieldKey: 'created_at',
widget: 'qxDatetime',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
},
{
name: '更新时间',
code: 'updated_at',
extract: {
fieldType: 'YEAR_SEC',
fieldKey: 'updated_at',
widget: 'qxDatetime',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
},
];
const colsTree = [
{
key: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
type: {
displayName: 'Iconfont',
},
key: null,
ref: null,
props: {
type: 'icon-flow-start',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'开始',
],
},
_owner: null,
_store: {},
},
titleStr: '开始',
iconName: 'icon-flow-start',
children: [
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|NODE_DATA_ID}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: '[记录]',
},
_owner: null,
_store: {},
},
'记录结果',
],
},
_owner: null,
_store: {},
},
titleStr: '记录结果',
fieldGroupType: 'FLOW_WF_RECORD',
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|id}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
type: {},
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'记录ID',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥记录ID',
titleStr: '开始﹥记录ID',
widget: 'relSelector',
extract: {
fieldType: 'REL',
fieldKey: 'id',
widget: 'relSelector',
relId: 'WgZMQfitq8TikF03r0C',
allowSelect: true,
$base: true,
},
fieldGroupType: 'REL',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|GcETMjtshLU62eAD4dl}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
type: {},
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'标题',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥标题',
titleStr: '开始﹥标题',
widget: 'qxInput',
extract: {
fieldType: 'STRING',
fieldKey: 'title',
widget: 'qxInput',
required: true,
readOnly: false,
hidden: false,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|Wn27N6jkfzUicqeMEeC}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'文本',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥文本',
titleStr: '开始﹥文本',
widget: 'qxInput',
extract: {
fieldType: 'STRING',
fieldKey: 'input_tcjjnb',
widget: 'qxInput',
required: false,
readOnly: true,
hidden: false,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|rsqph0rvcZck49CTP1B}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
type: {
displayName: 'Iconfont',
},
key: null,
ref: null,
props: {
type: 'icon-editor_mobile',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'手机',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥手机',
titleStr: '开始﹥手机',
widget: 'qxMobile',
extract: {
fieldType: 'STRING',
fieldKey: 'mobile_sulvyl',
widget: 'qxMobile',
required: false,
readOnly: false,
hidden: false,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|LHZXqNjl1yYpUvZClkc}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {
type: 'icon-editor_email',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'邮箱',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥邮箱',
titleStr: '开始﹥邮箱',
widget: 'qxEmail',
extract: {
fieldType: 'STRING',
fieldKey: 'email_kdgfdi',
widget: 'qxEmail',
required: false,
readOnly: false,
hidden: false,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|c5sKuYQgaiIdutGqc58}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {
type: 'icon-editor_bizNo',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'流水号',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥流水号',
titleStr: '开始﹥流水号',
widget: 'qxBizNo',
extract: {
fieldType: 'STRING',
fieldKey: 'no_bdxdbw',
widget: 'qxBizNo',
required: false,
readOnly: true,
hidden: false,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|data_title}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'数据标题',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥数据标题',
titleStr: '开始﹥数据标题',
widget: 'qxInput',
extract: {
fieldType: 'STRING',
fieldKey: 'data_title',
widget: 'qxInput',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
fieldGroupType: 'TEXT',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|owner_id}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
type: {},
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'拥有人',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥拥有人',
titleStr: '开始﹥拥有人',
widget: 'userSelector',
extract: {
fieldType: 'USER',
fieldKey: 'owner_id',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
fieldGroupType: 'USER',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|created_by}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'创建人',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥创建人',
titleStr: '开始﹥创建人',
widget: 'userSelector',
extract: {
fieldType: 'USER',
fieldKey: 'created_by',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
fieldGroupType: 'USER',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|updated_by}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'更新人',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥更新人',
titleStr: '开始﹥更新人',
widget: 'userSelector',
extract: {
fieldType: 'USER',
fieldKey: 'updated_by',
widget: 'userSelector',
required: false,
readOnly: false,
hidden: false,
relId: 'user',
$base: true,
$default: true,
},
fieldGroupType: 'USER',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|created_at}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {
type: 'icon-editor_date',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'创建时间',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥创建时间',
titleStr: '开始﹥创建时间',
widget: 'qxDatetime',
extract: {
fieldType: 'YEAR_SEC',
fieldKey: 'created_at',
widget: 'qxDatetime',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
fieldGroupType: 'DATE',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
{
key: '${5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d|updated_at}',
title: {
key: null,
ref: null,
props: {
children: [
{
type: 'span',
key: null,
ref: null,
props: {
style: {
color: '#999',
},
children: {
key: null,
ref: null,
props: {
type: 'icon-editor_date',
},
_owner: null,
_store: {},
},
},
_owner: null,
_store: {},
},
' ',
'更新时间',
],
},
_owner: null,
_store: {},
},
completeName: '开始﹥更新时间',
titleStr: '开始﹥更新时间',
widget: 'qxDatetime',
extract: {
fieldType: 'YEAR_SEC',
fieldKey: 'updated_at',
widget: 'qxDatetime',
required: false,
readOnly: false,
hidden: false,
$base: true,
$default: true,
},
fieldGroupType: 'DATE',
pNodeKey: '5dec2f28-8dd1-48be-a14d-e7c4e3cdb89d',
nodeName: '开始',
nodeType: 'WF_START',
params: {
funCode: 'WgZMQfitq8TikF03r0C',
useId: true,
},
},
],
selectable: false,
nodeType: 'WF_START',
},
{
key: 'QX16oHgEs2pMQFZbPXuBm-fe9866d1-48d6-4258-9856-67f3258f5659',
title: {
key: null,
ref: null,
props: {
children: [
{
type: {},
key: null,
ref: null,
props: {},
_owner: null,
_store: {},
},
' 本流程参数',
],
},
_owner: null,
_store: {},
},
titleStr: '本流程参数',
children: [],
selectable: false,
},
];
return (
<div style={{ width: 450 }}>
<QxFilterCondition
colsTree={colsTree}
hideCurrentOrg={true}
hideCurrentUser={true}
isMixValue={false}
onChange={() => {}}
tableFields={fields}
params={{ funCoded: 'cjQhMZnwkO2QoVzxVPC', useId: true }}
value={{ count: 1 }}
/>
</div>
);
};