render()

in src/routes/System/Namespace/AddModal.js [35:129]


  render() {
    let {
      handleCancel,
      form,
      name = "",
      description = "",
      namespaceId = "",
    } = this.props;

    const { getFieldDecorator } = form;
    const formItemLayout = {
      labelCol: {
        sm: { span: 6 },
      },
      wrapperCol: {
        sm: { span: 18 },
      },
    };
    return (
      <Modal
        width={450}
        centered
        title={getIntlContent("SHENYU.SYSTEM.NAMESPACE")}
        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.NAMESPACE.NAME")}
            {...formItemLayout}
          >
            {getFieldDecorator("name", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.NAMESPACE.INPUTNAME"),
                },
              ],
              initialValue: name,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.NAMESPACE.INPUTNAME")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.NAMESPACE.DESC")}
            {...formItemLayout}
          >
            {getFieldDecorator("description", {
              rules: [
                {
                  required: false,
                  message: getIntlContent("SHENYU.NAMESPACE.INPUTDESC"),
                },
              ],
              initialValue: description,
            })(
              <Input.TextArea
                autoSize
                allowClear
                placeholder={getIntlContent("SHENYU.NAMESPACE.INPUTDESC")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.SYSTEM.NAMESPACE.NAMESPACEID")}
            {...formItemLayout}
          >
            {getFieldDecorator("namespaceId", {
              rules: [
                {
                  required: false,
                  message: getIntlContent("SHENYU.NAMESPACE.ALERTNAMESPACEID"),
                },
              ],
              initialValue: namespaceId,
            })(
              <Input
                allowClear
                disabled={true}
                placeholder={getIntlContent(
                  "SHENYU.NAMESPACE.ALERTNAMESPACEID",
                )}
              />,
            )}
          </FormItem>
        </Form>
      </Modal>
    );
  }