| | |
| | | interType: 'system', |
| | | procMode: 'script', |
| | | requestMode: 'system', |
| | | controlField: '', |
| | | tableType: '', |
| | | funcTooltip: '', |
| | | funcRules: [] |
| | |
| | | interType: setting.interType || 'system', |
| | | procMode: setting.procMode || 'script', |
| | | requestMode: setting.requestMode || 'system', |
| | | controlField: setting.controlField || '', |
| | | tableType: setting.tableType, |
| | | funcTooltip: tooltip, |
| | | funcRules: rules |
| | |
| | | render() { |
| | | const { setting, dict, menu, config, columns } = this.props |
| | | const { getFieldDecorator } = this.props.form |
| | | const { interType, funcRules, funcTooltip, procMode, requestMode, tableType } = this.state |
| | | const { interType, funcRules, funcTooltip, procMode, requestMode, tableType, controlField } = this.state |
| | | |
| | | const formItemLayout = { |
| | | labelCol: { |
| | |
| | | })(<InputNumber min={12} max={50} precision={0}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="用于控制行数据是否可选择。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 禁用字段 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('controlField', { |
| | | initialValue: setting.controlField || '' |
| | | })( |
| | | <Select allowClear onChange={(val) => this.setState({controlField: val})}> |
| | | {columns.map((option, i) => |
| | | <Select.Option key={i} value={option.value}> |
| | | {option.text} |
| | | </Select.Option> |
| | | )} |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {controlField ? <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="当字段值与控制值相等时,行数据会禁用,多个值用逗号分隔。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 控制值 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('controlVal', { |
| | | initialValue: setting.controlVal || '' |
| | | })(<Input autoComplete="off" />)} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | </Row> |
| | | </Form> |
| | | </div> |