import React from 'react'; import { Modal, Input, Spin, Switch, Select, Message } from 'antd'; import ajax from 'jquery/src/ajax/xhr.js' import $ from 'jquery/src/ajax'; export default class TheModal extends React.Component { postData() { this.setState({ loading: true }); $.ajax({ type: "POST", url: this.state.id ? globalConfig.context + "/api/user/update" : globalConfig.context + "/api/user/create", data: { 'id': this.state.id, 'name': this.state.name, 'email': this.state.email, 'mobile': this.state.mobile, 'status': this.state.status ? 1 : 0, 'roles': this.state.bindroles, 'rooms': this.state.bindrooms } }).done((res) => { if (res.error.length) { Message.error(res.error[0].message); } else { Message.success("保存成功"); this.setState({ visible: false, }); this.props.handleReturn(false, true); //第二个参数表示保存 } }).always(() => { this.setState({ loading: false }) }) this.props.postData; } constructor(props) { super(props); this.state = { name: '', email: '', mobile: '', rooms: [], roles: [], visible: false, loading: false, bindrooms: [], bindroles: [] } } handleCancel() { this.setState({ visible: false, }); this.props.handleReturn(false, false); } loadInitialData() { this.setState({ loading: true }); $.ajax({ url: globalConfig.context + '/api/admin/roles', cache: false }).done((rolesres) => { this.setState({ roles: rolesres.data, loading: false }); }) } componentWillReceiveProps(nextProps) { if (nextProps.show && !this.state.roles.length) { this.loadInitialData(); } let nextState = { visible: nextProps.show, id: nextProps.data ? nextProps.data.id : '', name: nextProps.data ? nextProps.data.name : '', email: nextProps.data ? nextProps.data.email : '', mobile: nextProps.data ? nextProps.data.mobile : '', bindroles: nextProps.data && nextProps.data.roles ? nextProps.data.roles.map((role) => { return String(role.id); }) : [] }; this.setState(nextState) } getRolesSelection() { if (this.state.id > 1) { return
  • 角色
  • } else if (this.state.id === 1) { return
  • 角色系统管理员
  • } } bindRoles(val) { this.setState({ bindroles: val }); } getRolesOptions() { let options = []; for (let i = 0; i < this.state.roles.length; i++) { options.push(); } return options; } render() { const Option = Select.Option; return (
    • 名字 { this.state.name = e.target.value; this.setState({ name: this.state.name }); }} />
    • 登录账号 { this.state.mobile = e.target.value; this.setState({ mobile: this.state.mobile }); }} />
    • 省份 { this.state.email = e.target.value; this.setState({ email: this.state.email }); }} />
    • 邮箱 { this.state.email = e.target.value; this.setState({ email: this.state.email }); }} />
    • 状态 { this.setState({ status: e }) }} />
    • {this.getRolesSelection()}
    ); } }