123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258 |
- import React from 'react';
- import {Modal, message, layout, Spin, Input, Button, Form, Row, Col, Radio, Select} 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,
- major:0,
- }
- },
- 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 (/.*[\u4e00-\u9fa5]+.*$/.test(this.state.newname)) {
- } else {
- message.error("请填写正确的姓名,且至少包含一个汉字");
- return ;
- };
- if(this.state.newmobile.length!=11){
- message.error('请填写正确的手机号码');
- return
- }
- if (/.*[\u4e00-\u9fa5]+.*$/.test(this.state.newdepatrment)) {
- } else {
- message.error("请填写正确的部门,且至少包含一个汉字");
- return;
- };
- if (/.*[\u4e00-\u9fa5]+.*$/.test(this.state.newposition)) {
- } else {
- message.error("请填写正确的职位,且至少包含一个汉字");
- 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,
- fixedTel:this.state.fixedTelModal,
- major: this.state.major,
- 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) {
- message.success('添加成功')
- 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: '',
- fixedTelModal:'',
- major:0,
- addcontactModul: true,
- uid: nextProps.uids,
- loading:false
- })
- };
- },
- render() {
- return (
- <div>
- <Modal
- maskClosable={false}
- footer=""
- width="800px"
- title="新增联系人"
- visible={this.state.addcontactModul}
- onCancel={this.addcontactModulcancel}
- >
- <Form
- layout="horizontal"
- onSubmit={this.submitcontactman}
- id="demand-form"
- >
- <Spin spinning={this.state.loading}>
- <Row style={{ paddingLeft: "50px" }}>
- <Col span={2}>
- <span style={{ color: "red" }}>*</span>姓名:
- </Col>
- <Col span={8}>
- <Input
- value={this.state.newname}
- required="required"
- 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}
- required="required"
- onChange={(e) => {
- this.setState({ newmobile: e.target.value });
- }}
- />
- </Col>
- </Row>
- <Row style={{ marginTop: "20px", paddingLeft: "50px" }}>
- <Col span={2}>
- <span style={{ color: "red" }}>*</span>部门:
- </Col>
- <Col span={8}>
- <Input
- value={this.state.newdepatrment}
- required="required"
- onChange={(e) => {
- this.setState({ newdepatrment: e.target.value });
- }}
- />
- </Col>
- <Col span={2} style={{ marginLeft: "50px" }}>
- <span style={{ color: "red" }}>*</span>职位:
- </Col>
- <Col span={8}>
- <Input
- value={this.state.newposition}
- required="required"
- 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.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
- onChange={(e) => { this.setState({ newemail: e.target.value }) }} />
- </Col>
- <Col span={2} style={{ marginLeft: '50px' }}>座机:</Col>
- <Col span={8}>
- <Input
- onChange={(e) => { this.setState({ fixedTelModal: e.target.value }) }} />
- </Col>
- </Row>
- <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
- <Col span={2}><span style={{whiteSpace:'nowrap',marginLeft:'-36px'}}>主要联系人:</span></Col>
- <Col span={8}>
- <Select value={this.state.major} onChange={(e) => { this.setState({ major: e }) }}>
- <Select.Option value={1}>是</Select.Option>
- <Select.Option value={0}>否</Select.Option>
- </Select>
- </Col>
- <Col span={2} style={{ marginLeft: "50px" }}><span>性别:</span></Col>
- <Col span={8}>
- <Radio.Group
- value={this.state.newsex}
- onChange={(e) => {
- this.setState({ newsex: e.target.value });
- }}
- >
- <Radio value="男">男</Radio>
- <Radio value="女">女</Radio>
- </Radio.Group>
- </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;
|