app-base-web/src/pages/config/CfgInternationalization/CfgInternationalizationEdit.js

web development common base package.

import React from 'react';
import { Table, Form, Row, Col, Button, Input, message } from 'antd';
import UtilModal from '../../../library/util-modal';
import api from '../../../library/util-axios';

// 系统配置-国际化
const title = "国际化"
const url = "CfgInternationalization/"

export default class FormEdit extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      ...props.values
    }
    this.formRef = React.createRef()
  }

  onSave = (values) => {
    let me = this
    values.id = this.state.id
    api.post(url + "save", values).then(function (rs) {
      if (rs.success) {
        message.info(rs.msg)
        me.props.onSave(values)
      } else {
        message.error(rs.msg)
      }
    })
  }

  render() {
    return (
      <Form ref={this.formRef} className="form-edit" layout="vertical" onFinish={this.onSave}>
        <div className="form-title">
          <i> {title} - {this.state.id ? "编辑" : "录入"}</i>
          {this.state.id ? <span><Button className="btn-return" onClick={this.props.onEditReturn}><i
            className="iconfont icon-return"></i>返回</Button></span> : ""}
        </div>
        <div className="form-content" style={{height: this.props.height}}>
          <Form.Item
            name="app"
            label="所属应用"
            initialValue={this.state.app || "app"}
            rules={[{
              required: true,
              message: '请输入所属应用'
            }]}
          >
            <Input/>
          </Form.Item>
          <Form.Item
            name="keyword"
            label="关键字"
            initialValue={this.state.keyword}
            rules={[{
              required: true,
              message: '请输入关键字'
            }]}
          >
            <Input/>
          </Form.Item>
          <Form.Item
            name="zh_CN"
            label="中文标签"
            initialValue={this.state.zh_CN}
            rules={[{
              required: true,
              message: '请输入中文标签'
            }]}
          >
            <Input/>
          </Form.Item>
          <Form.Item
            name="en_US"
            label="中文标签"
            initialValue={this.state.en_US}
          >
            <Input/>
          </Form.Item>
          <Form.Item
            name="zh_TW"
            label="繁体标签"
            initialValue={this.state.zh_TW}
          >
            <Input/>
          </Form.Item>
          <Form.Item
            name="iw_IL"
            label="以色列标签"
            initialValue={this.state.iw_IL}
          >
            <Input/>
          </Form.Item>
        </div>
        <div className="form-toolbar">
          <Button className="btn-cancel" onClick={this.props.onCancel}><i
            className="iconfont icon-cancel"></i>取消</Button>
          <Button className="btn-submit" htmlType="submit"><i className="iconfont icon-submit"></i>提交</Button>
        </div>
      </Form>
    )
  }
}