app-base-web/src/pages/right/Evaluate/EvaluateEdit.js

web development common base package.

import React from 'react'
import {Form, Row, Col, Button, Input, message} from 'antd'
import api from '../../../library/util-axios'
import UtilDate from '../../../library/util-date'
const title = "评价管理"
const url = "Evaluate/"
export default class FormEdit extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      ...props.values
    }
  }

  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 onFinish={this.onSave} labelCol={{span: 6}} wrapperCol={{span: 18}} className="form-view">
        <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}}>
          <Row>
            <Col xs={{span: 10, offset: 2}}><label>会员名称</label><span>{this.state.userName}</span></Col>
            <Col xs={{span: 10, offset: 2}}><label>评价时间</label><span>{UtilDate.getDateTime(this.state.createTime)}</span></Col>
          </Row>
          <Row>
            <Col xs={{span: 10, offset: 2}}><label>被评价专家</label><span>{this.state.expertName}</span></Col>
          </Row>
          <Row>
            <Col xs={{span: 10, offset: 2}}><label>评级星级</label><span>{this.state.level}</span></Col>
          </Row>
          <Row>
            <Col xs={{span: 10, offset: 2}}><label>评价内容</label><span>{this.state.content}</span></Col>
          </Row>
        </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>
    )
  }
}