app-base-web/src/pages/config/CfgInternationalization/CfgInternationalizationView.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 FormView extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      ...props.values
    }
  }

  componentDidMount() {
    let me = this
    api.get(url + "getModel?id=" + this.state.id, {}, function (rs) {
      me.setState({
        ...rs.data
      })
    })
  }

  render() {
    return (
      <Form className="form-view">
        <div className="form-title">
          <i>{title} - 详情</i>
          <span><Button className="btn-edit" onClick={(e) => {
            this.props.onEdit(this.state)
          }}><i className="iconfont icon-edit"></i>编辑</Button></span>
        </div>
        <div className="form-content" style={{height: this.props.height}}>
          <Row>
            <Col xs={24}><label>所属应用</label><span>{this.state.app}</span></Col>
          </Row>
          <Row>
            <Col xs={24}><label>关键字</label><span>{this.state.keyword}</span></Col>
          </Row>
          <Row>
            <Col xs={24}><label>中文标签</label><span>{this.state.zh_CN}</span></Col>
          </Row>
          <Row>
            <Col xs={24}><label>英文标签</label><span>{this.state.en_US}</span></Col>
          </Row>
          <Row>
            <Col xs={24}><label>繁体标签</label><span>{this.state.zh_TW}</span></Col>
          </Row>
          <Row>
            <Col xs={24}><label>以色列标签</label><span>{this.state.iw_IL}</span></Col>
          </Row>
        </div>
        <div className="form-toolbar">
          <Button className="btn-return" onClick={this.props.onReturn}><i
            className="iconfont icon-return"></i>返回</Button>
        </div>
      </Form>
    )
  }
}