超强大的Python数据分析课程-偏机器学习方向 Python数据分析经典案例课程

 
  render() {
    const limitDecimals = value => {
      const reg = /^(\\-)*(\\d+)\\.(\\d\\d).*$/;
 
      if (typeof value === \'string\') {
        return !isNaN(Number(value)) ? value.replace(reg, \'$1$2.$3\') : \'\';
      } else if (typeof value === \'number\') {
        return !isNaN(value) ? String(value).replace(reg, \'$1$2.$3\') : \'\';
      } else {
        return \'\';
      }
    };
 
    const {
      brokage: { table },
      loading,
    } = this.props;
 
    const { getFieldDecorator } = this.props.form;
 
    return (
      <PageHeaderWrapper
        =\"佣金设置\"
        content=\"佣金规则最少两条，价格必须递增，最后一条规则为佣金上限\"
      >
        <Form ={this.handleSubmit}>
          <Tabs defaultActiveKey=\"1\" ={this.HandChangePane}>
 
            <TabPane
              tab={
                <span>
                  <Icon type=\"user\" />
                  客户佣金设置
                </span>
              }
              key=\"1\"
            >
              <Card bordered={false}>
                <div>
                  {table.data &&
                    table.data.map((element, index) => (
                      <span key={index}>
                        <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 64 }}>
                          <Col span={6}>
                            <FormItem label=\"单价小于\" {...this.formLayout}>
                              {getFieldDecorator(`price${index}`, {
                                initialValue: element.Max,
                                rules: [
                                  {
                                    required: true,
                                    message: \'请输入价格，只能输入数字，小数最多两位\',
                                  },
                                ],
                              })(
                                <InputNumber
                                  min={0}
                                  step={0.01}
                                  formatter={limitDecimals}
                                  parser={limitDecimals}
                                  placeholder=\"请输入价格上限\"
                                />
                              )}
                            </FormItem>
                          </Col>
                          <Col md={5} sm={10}>
                            <FormItem label=\"佣金\" {...this.formLayout}>
                              {getFieldDecorator(`brokage${index}`, {
                                initialValue: element.Brokerage,
                                rules: [
                                  {
                                    required: true,
                                    message: \'请输入佣金，只能输入数字，小数最多两位\',
                                  },
                                ],
                              })(
                                <InputNumber
                                  key={{ index }}
                                  min={0}
                                  step={0.01}
                                  size={40}
                                  formatter={limitDecimals}
                                  parser={limitDecimals}
                                  placeholder=\"请输入佣金\"
                                />
                              )}
                            </FormItem>
                          </Col>
                          <Col md={4} sm={24}>
                            {index > table.data.length - 2 && (
                              <Button
                                shape=\"circle\"
                                size=\"small\"
                                icon=\"plus\"
                                type=\"primary\"
                                ={() => this.addTag()}
                              />
                            )}
                            {index > 1 && (
                              <Button
                                shape=\"circle\"
                                size=\"small\"
                                icon=\"minus\"
                                type=\"default\"
                                ={() => this.removeTag(index)}
                              />
                            )}
                          </Col>
                        </Row>
                      </span>
                    ))}
                </div>
              </Card>
            </TabPane>
            <TabPane
              tab={
                <span>
                  <Icon type=\"shop\" />
                  商家佣金设置
                </span>
              }
              key=\"2\"
            >
              <Card bordered={false}>
                <div>
 
                  {table.data &&
                  table.data.map((element, index) => (
                    <span key={index}>
                        <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 64 }}>
                          <Col span={6}>
                            <FormItem label=\"单价小于\" {...this.formLayout}>
                              {getFieldDecorator(`price${index}`, {
                                initialValue: element.Max,
                                rules: [
                                  {
                                    required: true,
                                    message: \'请输入价格，只能输入数字，小数最多两位\',
                                  },
                                ],
                              })(
                                <InputNumber
                                  // disabled={index != table.data.length - 1 ? false : true}
                                  min={0}
                                  step={0.01}
                                  formatter={limitDecimals}
                                  parser={limitDecimals}
                                  placeholder=\"请输入价格上限\"
                                />
                              )}
                            </FormItem>
                          </Col>
                          <Col md={5} sm={10}>
                            <FormItem label=\"佣金\" {...this.formLayout}>
                              {getFieldDecorator(`brokage${index}`, {
                                initialValue: element.Brokerage,
                                rules: [
                                  {
                                    required: true,
                                    message: \'请输入佣金，只能输入数字，小数最多两位\',
                                  },
                                ],
                              })(
                                <InputNumber
                                  key={{ index }}
                                  min={0}
                                  step={0.01}
                                  size={40}
                                  formatter={limitDecimals}
                                  parser={limitDecimals}
                                  placeholder=\"请输入佣金\"
                                />
                              )}
                            </FormItem>
                          </Col>
                          <Col md={4} sm={24}>
                            {index > table.data.length - 2 && (
                              <Button
                                shape=\"circle\"
                                size=\"small\"
                                icon=\"plus\"
                                type=\"primary\"
                                ={() => this.addTag()}
                              />
                            )}
                            {index > 1 && (
                              <Button
                                shape=\"circle\"
                                size=\"small\"
                                icon=\"minus\"
                                type=\"default\"
                                ={() => this.removeTag(index)}
                              />
                            )}
                          </Col>
                        </Row>
                      </span>
                  ))}
                </div>
              </Card>
            </TabPane>
          </Tabs>
          <div style={{ overflow: \'hidden\' }}>
            <div style={{ float: \'left\', marginBottom: 24 }}>
              <Button type=\"primary\" htmlType=\"submit\" >
                保存
              </Button>
            </div>
          </div>
        </Form>
      </PageHeaderWrapper>
    );