app-base-web/src/pages/right/Feedback/FeedbackEdit.js

web development common base package.

import React from 'react';
import { Form, Row, Col, Button, Input, message, Switch, DatePicker } from 'antd';
import api from '../../../library/util-axios';
import Moment from '../../../library/moment';
// 留言管理-会员留言
const title = "会员留言"
const url = "Feedback/"
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: 3}} wrapperCol={{span: 18}} className="form-edit">
        <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={12}>
              <Form.Item
                labelCol={{span: 6}}
                wrapperCol={{span: 18}}
                name="userId"
                label="会员名称"
                initialValue={this.state.userId}>
                <Input/>
              </Form.Item>
            </Col>
            <Col xs={12}>
              <Form.Item
                labelCol={{span: 6}}
                wrapperCol={{span: 18}}
                name="state"
                label="状态"
                initialValue={Boolean(this.state.state)}
                valuePropName="checked"
              >
                <Switch/>
              </Form.Item>
            </Col>
          </Row>
          <Row>
            <Col xs={12}>
              <Form.Item
                labelCol={{span: 6}}
                wrapperCol={{span: 18}}
                name="mobile"
                label="手机号码"
                initialValue={this.state.mobile}>
                <Input/>
              </Form.Item>
            </Col>
            <Col xs={12}>
              <Form.Item
                labelCol={{span: 6}}
                wrapperCol={{span: 18}}
                name="createTime"
                label="留言时间"
                initialValue={Moment(this.state.createTime)}>
                <DatePicker format="YYYY-MM-DD HH:mm:ss"/>
              </Form.Item>
            </Col>
          </Row>
          <Row>
            <Col xs={24}>
              <Form.Item
                name="content"
                label="意见反馈内容"
                initialValue={this.state.content}>
                <Input.TextArea/>
              </Form.Item>
            </Col>
          </Row>
          <Row>
            <Col xs={24}>
              <Form.Item
                name="memo"
                label="备注信息"
                initialValue={this.state.memo}>
                <Input.TextArea/>
              </Form.Item>
            </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>
    )
  }
}