render()

in src/routes/System/Resource/AddModal.js [71:295]
101 lines of code
3 McCabe index (conditional complexity)

  render() {
    let {
      handleCancel,
      menuTree,
      id,
      parentId,
      perms,
      form,
      sort,
      title,
      icon,
      url,
      resourceType,
    } = this.props;
    const { popup } = this.state;
    const { getFieldDecorator } = form;
    const formItemLayout = {
      labelCol: {
        sm: { span: 6 },
      },
      wrapperCol: {
        sm: { span: 18 },
      },
    };
    return (
      <Modal
        width={550}
        centered
        title={getIntlContent("SHENYU.SYSTEM.RESOURCE")}
        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.RESOURCETYPE")}
            {...formItemLayout}
          >
            {getFieldDecorator("resourceType", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.SYSTEM.RESOURCETYPE.INPUT"),
                },
              ],
              initialValue: resourceType,
            })(
              <Select disabled>
                <Option value={0}>
                  {getIntlContent("SHENYU.SYSTEM.MAINMENU")}
                </Option>
                <Option value={1}>
                  {getIntlContent("SHENYU.SYSTEM.SUBMENU")}
                </Option>
                <Option value={2}>
                  {getIntlContent("SHENYU.SYSTEM.BUTTON")}
                </Option>
              </Select>,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.RESOURCENAME")}
            {...formItemLayout}
          >
            {getFieldDecorator("title", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.SYSTEM.RESOURCENAME.INPUT"),
                },
              ],
              initialValue: (title && getIntlContent(title)) || title,
            })(
              <Input
                allowClear
                disabled={!!id}
                placeholder={getIntlContent("SHENYU.SYSTEM.RESOURCENAME.INPUT")}
              />,
            )}
          </FormItem>
          {resourceType !== 2 && menuTree && menuTree.length > 0 && (
            <FormItem
              label={getIntlContent("SHENYU.SYSTEM.RESOURCE.PARENT")}
              {...formItemLayout}
            >
              {getFieldDecorator("parentId", {
                rules: [
                  {
                    message: getIntlContent(
                      "SHENYU.SYSTEM.RESOURCE.PARENT.INPUT",
                    ),
                  },
                ],
                initialValue: parentId,
              })(
                <Select
                  disabled={!!id}
                  allowClear
                  placeholder={getIntlContent(
                    "SHENYU.SYSTEM.RESOURCE.PARENT.INPUT",
                  )}
                  style={{ width: "100%" }}
                >
                  {menuTree.map((menu) => (
                    <Option
                      value={menu.id}
                      disabled={menu.url === "/plug"}
                      key={menu.id}
                    >
                      {(menu.title && getIntlContent(menu.title)) || menu.title}
                    </Option>
                  ))}
                </Select>,
              )}
            </FormItem>
          )}
          {resourceType !== 2 && (
            <FormItem
              label={getIntlContent("SHENYU.SYSTEM.ROUTER")}
              {...formItemLayout}
            >
              {getFieldDecorator("url", {
                rules: [
                  {
                    required: true,
                    message: getIntlContent("SHENYU.SYSTEM.ROUTER.INPUT"),
                  },
                ],
                initialValue: url,
              })(
                <Input
                  allowClear
                  disabled={!!id}
                  placeholder={getIntlContent("SHENYU.SYSTEM.ROUTER.INPUT")}
                />,
              )}
            </FormItem>
          )}
          {resourceType !== 2 && (
            <FormItem
              label={getIntlContent("SHENYU.SYSTEM.RESOURCEORDER")}
              {...formItemLayout}
            >
              {getFieldDecorator("sort", {
                rules: [
                  {
                    required: true,
                    message: getIntlContent(
                      "SHENYU.SYSTEM.RESOURCEORDER.INPUT",
                    ),
                  },
                ],
                initialValue: sort,
              })(
                <InputNumber
                  style={{ width: "100%" }}
                  placeholder={getIntlContent(
                    "SHENYU.SYSTEM.RESOURCEORDER.INPUT",
                  )}
                />,
              )}
            </FormItem>
          )}
          {resourceType === 2 && (
            <FormItem
              label={getIntlContent("SHENYU.SYSTEM.RESOURCE.PERMS")}
              {...formItemLayout}
            >
              {getFieldDecorator("perms", {
                rules: [
                  {
                    message: getIntlContent(
                      "SHENYU.SYSTEM.RESOURCE.PERMS.INPUT",
                    ),
                  },
                ],
                initialValue: perms,
              })(
                <Input
                  allowClear
                  disabled={!!id}
                  placeholder={getIntlContent(
                    "SHENYU.SYSTEM.RESOURCE.PERMS.INPUT",
                  )}
                />,
              )}
            </FormItem>
          )}
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.ICON")}
            {...formItemLayout}
          >
            {getFieldDecorator("icon", {
              rules: [
                {
                  required: false,
                  message: getIntlContent("SHENYU.SYSTEM.ICON.INPUT"),
                },
              ],
              initialValue: icon,
            })(
              <Input
                allowClear
                readOnly
                placeholder={getIntlContent("SHENYU.SYSTEM.ICON.INPUT")}
                prefix={
                  (this.state.icon || icon) && (
                    <Icon type={this.state.icon || icon} />
                  )
                }
                suffix={
                  <Tooltip title={getIntlContent("SHENYU.SYSTEM.ICON.INPUT")}>
                    <Icon type="plus" onClick={this.handleChooseIcon} />
                  </Tooltip>
                }
              />,
            )}
          </FormItem>
        </Form>
        {popup}
      </Modal>
    );
  }