render()

in src/routes/System/Resource/AddModal.js [67:195]
129 lines of code
13 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 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 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 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
                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>
    )
  }