123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 |
- import React from 'react';
- import { Modal, message, layout, Spin, Input, Button, Form, Row, Col, Radio } from 'antd';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- const FormItem =Form.Item;
- const AddContact = React.createClass({
- getInitialState() {
- return {
- addcontactModul: false,
- }
- },
- addcontactModulOK() {
- this.setState({
- addcontactModul: false
- })
- this.props.closeFollow(true, true)
- },
- addcontactModulcancel() {
- this.setState({
- addcontactModul: false
- })
- this.props.closeFollow(false, false)
- },
- //新增联系人保存函数
- submitcontactman(e) {
- e.preventDefault();
- if(!this.state.newname){
- message.warn('请输入姓名');
- return ;
- };
- if(!this.state.newmobile){
- message.warn('请输入手机号码');
- return ;
- };
- this.setState({
- loading: true
- })
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/customer/addOneContact",
- data: {
- uid: this.state.uid,
- name: this.state.newname,
- mobile: this.state.newmobile,
- email: this.state.newemail,
- wechat: this.state.newwechat,
- depatrment: this.state.newdepatrment,
- position: this.state.newposition,
- sex: this.state.newsex,
- qq: this.state.newqq
- },
- success: function(data) {
- if(!data.error.length) {
- this.addcontactModulOK()
- this.setState({
- loading: false,
- })
- } else {
- message.warning(data.error[0].message);
- };
- }.bind(this)
- });
- },
- componentWillReceiveProps(nextProps) {
- if(nextProps.addcontactModul && nextProps.uids) {
- this.setState({
- newsex: undefined,
- newname: '',
- newmobile: '',
- newwechat: '',
- newqq: '',
- newdepatrment: '',
- newposition: '',
- newemail: '',
- addcontactModul: true,
- uid: nextProps.uids,
- loading:false
- })
- };
- },
- render() {
- return(
- <div>
- <Modal
- footer=''
- width='800px'
- title="新增联系人"
- visible={this.state.addcontactModul}
- onOk={this.addcontactModulOK}
- onCancel={this.addcontactModulcancel}
- >
- <Form layout="horizontal" onSubmit={this.submitcontactman} id="demand-form">
- <Spin spinning={this.state.loading}>
- <Row>
- <FormItem
- labelCol={{ span: 3 }}
- wrapperCol={{ span: 14 }}
- label="性别:" style={{marginRight:'10px',marginTop: '-15px'}}>
- <Radio.Group value={this.state.newsex} onChange={(e) => {
- this.setState({ newsex: e.target.value })
- }}>
- <Radio value='男'>男</Radio>
- <Radio value='女'>女</Radio>
- </Radio.Group>
- </FormItem>
- </Row>
- <Row style={{ paddingLeft:'50px' }}>
- <Col span={2}><span style={{color:'red'}}>*</span>姓名:</Col>
- <Col span={8}>
- <Input value={this.state.newname}
- onChange={(e) => { this.setState({ newname: e.target.value }) }} />
- </Col>
- <Col span={2} style={{ marginLeft: '50px' }}><span style={{color:'red'}}>*</span>手机:</Col>
- <Col span={8}>
- <Input value={this.state.newmobile}
- onChange={(e) => { this.setState({ newmobile: e.target.value }) }} />
- </Col>
-
- </Row>
- <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
- <Col span={2}>微信:</Col>
- <Col span={8}>
- <Input value={this.state.newwechat}
- onChange={(e) => { this.setState({ newwechat: e.target.value }) }} />
- </Col>
- <Col span={2} style={{ marginLeft: '50px' }}>Q Q:</Col>
- <Col span={8}>
- <Input value={this.state.newqq}
- onChange={(e) => { this.setState({ newqq: e.target.value }) }} />
- </Col>
- </Row>
- <Row style={{ marginTop: '20px' ,paddingLeft:'50px'}}>
- <Col span={2}>部门:</Col>
- <Col span={8}>
- <Input value={this.state.newdepatrment}
- onChange={(e) => { this.setState({ newdepatrment: e.target.value }) }} />
- </Col>
- <Col span={2} style={{ marginLeft: '50px' }}>职位:</Col>
- <Col span={8}>
- <Input value={this.state.newposition}
- onChange={(e) => { this.setState({ newposition: e.target.value }) }} />
- </Col>
- </Row>
- <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
- <Col span={2}>邮箱:</Col>
- <Col span={8}>
- <Input value={this.state.newemail}
- onChange={(e) => { this.setState({ newemail: e.target.value }) }} />
- </Col>
- </Row>
- <Row style={{ marginTop: '20px',paddingLeft:'50px' ,marginBottom:'50px'}}>
- <Button className="set-submit" type="primary" htmlType="submit" id="change_keep" style={{marginLeft:'60px'}}>保存</Button>
- <Button className="set-submit" type="ghost" onClick={this.addcontactModulcancel} id='change_rem'>取消</Button>
- </Row>
- </Spin>
- </Form>
- </Modal>
- </div>
- )
- }
- })
- export default AddContact;
|