render()

in src/routes/System/Role/AddModal.js [184:265]
63 lines of code
3 McCabe index (conditional complexity)

  render() {
    let {
      handleCancel,
      form,
      sysRole: { roleName = "", description = "" },
      allPermissionInfo: { treeList = [] },
    } = this.props;

    const { getFieldDecorator } = form;
    const formItemLayout = {
      labelCol: {
        sm: { span: 5 },
      },
      wrapperCol: {
        sm: { span: 19 },
      },
    };
    return (
      <Modal
        width={900}
        centered
        title={getIntlContent("SHENYU.SYSTEM.ROLE")}
        visible
        okText={getIntlContent("SHENYU.COMMON.SURE")}
        cancelText={getIntlContent("SHENYU.COMMON.CALCEL")}
        onOk={this.handleSubmit}
        onCancel={handleCancel}
      >
        <Form onSubmit={this.handleSubmit} className="login-form">
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.ROLENAME")}
            {...formItemLayout}
          >
            {getFieldDecorator("roleName", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.SYSTEM.ROLE.INPUT.NAME"),
                },
              ],
              initialValue: roleName,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.SYSTEM.ROLE.INPUT.NAME")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.ROLE.DESCRIPTION")}
            {...formItemLayout}
          >
            {getFieldDecorator("description", {
              rules: [
                {
                  message: getIntlContent(
                    "SHENYU.SYSTEM.ROLE.INPUT.DESCRIPTION",
                  ),
                },
              ],
              initialValue: description,
            })(
              <Input.TextArea
                autoSize
                placeholder={getIntlContent(
                  "SHENYU.SYSTEM.ROLE.INPUT.DESCRIPTION",
                )}
              />,
            )}
          </FormItem>
        </Form>
        {treeList && treeList.length > 0 && (
          <>
            <Divider>{getIntlContent("SHENYU.SYSTEM.ROLE.CONFIG")}</Divider>
            <div style={{ display: "flex", justifyContent: "space-around" }}>
              {this.renderResourceTree(treeList)}
            </div>
          </>
        )}
      </Modal>
    );
  }