田强 / qx-common · Files

---

nav: path: /component title: 组件 order: 1 group: path: /common title: 条件配置

order: 0

QxFilterCondition 条件配置

条件配置

import React from 'react';
import { QxFilterCondition } from './index';
import {optionsList, treeList} from './mock';
import { QxBaseIcon } from '@qx/common';
import {
  Tooltip,
} from 'antd';

export default () => {
  const titleDom = <div className={'header-title-box'}>
    <span className={'header-title'}>条件标题&nbsp;</span>
    <Tooltip
      placement="top"
      title={'条件表达式支持1个到20个之内的条件，您可以通过条件表达式来组合出复杂的逻辑关系。'}
      getPopupContainer={(triggerNode) => triggerNode}
    >
      <QxBaseIcon className={'header-title__tip'} type={'qx-icon-info-circle-fill'} />
    </Tooltip>
  </div>;
  return (
    <div style={{ width: 475, padding: 24, height: 454, overflowY: 'auto' }}>
      <QxFilterCondition
        titleDom={titleDom}
        colsTree={treeList}
        hideCurrentOrg={true}
        hideCurrentUser={true}
        isMixValue={false}
        onChange={(val) => {
          console.log(222222,val)
        }}
        tableFields={optionsList}
        params={{ funCoded: 'cjQhMZnwkO2QoVzxVPC', useId: true }}
        value={{
          paramMappings: [
            {
              "field": "id",
              "fieldType": "REL",
              "fieldGroupType": "REL",
              "opt": "IS",
              "valuesObj": []
            }
          ]
        }}
      />
    </div>
  );
};