• LOV组件


    01. 属性说明

    参数 说明 类型 默认值 必输
    code 值集编码 string ''
    originTenantId 值集所属租户,该属性将会在查询值集的接口上映射名为tenantId的查询条件 number
    textField 映射显示字段 string
    textValue 显示值 string ''
    allowClear 是否显示清除按钮 boolean true
    onOk onOk function
    onCancel onCancel function
    onClick onClick function
    onClear onClear function
    onChange onChange function

    02. 使用示例

    引入LOV组件

    import Lov from 'components/Lov';
    
    <Form.Item
      label={intl.get('hsdr.concPermission.model.permission.concPragramId').d('请求名称')}
    >
      {getFieldDecorator('concurrentId', {})(
        <Lov
          textField="concurrentName"
          code="HSDR.CONCURRENT"
        />
      )}
    </Form.Item>
    
    

    originTenantId 使用

    <Form.Item
      label={intl.get('hsdr.concPermission.model.permission.concPragramId').d('请求名称')}
    >
      {getFieldDecorator('concurrentId', {})(
        <Lov
          textField="concurrentName"
          code="HSDR.CONCURRENT"
          originTenantId={getCurrentOriginTenantId()}
        />
      )}
    </Form.Item>
    

    接口的请求将会是:

    http://hzeronb.saas.hand-china.com/hpfm/v1/lov-view/info?tenantId=0&viewCode=HCNF.ROUTE_INFORMATION

    textField 使用

    表单回显

    <Form.Item
      label={intl.get('hsdr.concPermission.model.permission.concPragramId').d('请求名称')}
    >
      {getFieldDecorator('concurrentId', {})(
        <Lov
          textField="concurrentName"
          code="HSDR.CONCURRENT"
        />
      )}
    </Form.Item>
    

    lov级联

    <Form.Item
      label={intl.get('hiam.ssoConfig.model.ssoConfig.tenantName').d('租户名称')}
    >
      {getFieldDecorator('tenantId', {
        initialValue: tenantId,
      })(
        <Lov
          code="HPFM.TENANT"
          textValue={tenantId}
          onChange={() => {
            form.setFieldsValue({
              companyId: undefined,
              companyName: undefined,
            });
          }}
          allowClear
        />
           )}
    </Form.Item>
    <Form.Item
      label={intl.get('hiam.ssoConfig.model.ssoConfig.companyName').d('公司名称')}
    >
      {getFieldDecorator('companyId', {
        initialValue: companyId,
      })(
        <Lov
          textValue={companyName}
          textField='companyName'
          queryParams={{
            tenantId: form.getFieldValue('tenantId'),
          }}
          code="HPFM.COMPANY"
          disabled={isNil(form.getFieldValue('tenantId'))}
          allowClear
        />
          )}
      </Form.Item>
    

    textField为映射显示字段,主要用于lov查询表单回显,lov级联的情况下方便自动填充。

    03. 使用说明

    textField 是 LOV 获取显示值的字段名,默认会从 Form 中获取,当选中 LOV 中某条数据后,会将显示值回写到 Form 中的 textField 中. textValue 不再建议使用,改为 textField ,使用 textField 的前提是 LOV 必须在某个具体的 Form 中.