import React from 'react'; import { Icon, Modal, message, AutoComplete,Spin, Input, Select, Button, Form,Upload,Popconfirm } from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import './userMangagement.less'; import {socialAttribute,cityArr,station,post} from '../../../dataDic.js'; const Option = AutoComplete.Option; //图片组件 const PicturesWall = React.createClass({ getInitialState() { return { previewVisible: false, previewImage: '', fileList: [], } }, handleCancel() { this.setState({ previewVisible: false }) }, handlePreview(file) { this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }); }, handleChange(info) { let fileList = info.fileList; this.setState({ fileList }); this.props.fileList(fileList); }, componentWillReceiveProps(nextProps) { this.state.fileList = nextProps.pictureUrl; }, render() { const { previewVisible, previewImage, fileList } = this.state; const uploadButton = (
点击上传
); return (
{fileList.length >= 1 ? null : uploadButton} example
); } }); const Newuser = Form.create()(React.createClass({ getInitialState() { return { orgCodeUrl:[], loading: false, loaduser: {}, visible:false }; }, handleSubmit(e) { e.preventDefault(); if(!this.state.role){ message.warning('亲!请选择角色'); return false; }; if(!this.state.roleState){ message.warning('亲!请选择角色状态'); return false; } let theorgCodeUrl = []; if (this.state.orgCodeUrl.length) { let picArr = []; this.state.orgCodeUrl.map(function (item) { picArr.push(item.response.data); }); theorgCodeUrl = picArr.join(","); }; this.setState({ loading: true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/customer/addCustomer', data: { id:this.props.datauser.id, uesrName:this.state.uesrName, role:this.state.role, roleState:this.state.roleState, customerName:this.state.customerName, department:this.state.department, post:this.state.post, station:this.state.station, phone:this.state.phone, email:this.state.email, director:this.state.theTypes, companyIntention:JSON.stringify(this.state.companyIntention), } }).done(function (data) { this.setState({ loading: false }); if (!data.error.length) { message.success('保存成功!'); this.handleOk(); } else { message.warning(data.error[0].message); } }.bind(this)); }, //主管初始加载(自动补全) supervisor(e){ $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/findCustomerByName", data:{ name:e }, success: function (data) { let thedata=data.data; if (!thedata) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thedata = {}; }; this.setState({ customerArr:thedata, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, //上级主管输入框失去焦点是判断客户是否存在 selectAuto(value,options){ this.setState({ auto:value }) }, blurChange(e){ console.log(e) let theType=''; let contactLists=this.state.customerArr||[]; if (e) { contactLists.map(function (item) { if (item.name == e.toString()) { theType = item.id; } }); } this.setState({ theTypes:theType }) }, //值改变时请求客户名称 httpChange(e){ if(e.length>=2){ this.supervisor(e); } this.setState({ auto:e }) }, //查看基本详情基本信息 loaduser(record){ if(record){ $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/customer/toUpdateBusiness', data: { businessId: record.name }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; this.setState({ orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [], uids:thisData.uid, followSituation:thisData.followSituation, businessGlossoryId:thisData.businessGlossoryId, customerStatus:thisData.customerStatus, remarks:thisData.remarks, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); } }, //重置密码 resetPwd(e) { this.setState({ loading: true }) $.ajax({ type: 'post', url: globalConfig.context + "/api/admin/supervise/resetPwd", dataType: "json", data: { id: this.state.id } }).done((res) => { if (res.error && res.error.length) { message.error(res.error[0].message); } else { message.success("密码重置成功"); } }).always(() => { this.setState({ loading: false }) }); }, handleOk(e) { this.setState({ visible: false, }); this.props.closeDesc(false, true); }, handleCancel(e) { this.setState({ visible: false, }); this.props.closeDesc(false); }, getOrgCodeUrl(e) { this.setState({ orgCodeUrl: e }); }, componentWillMount(e){ const cityArrs=[]; cityArr.map(function (item) { cityArrs.push( {item.key} ) }); this.state.cityOption=cityArrs; }, componentWillReceiveProps(nextProps) { this.state.visible = nextProps.showDesc; this.state.Detaile=nextProps.userDetaile; if(!nextProps.userDetaile){ this.state.uesrName=''; this.state.role=undefined; this.state.roleState=undefined; this.state.customerName=''; this.state.department=undefined; this.state.post=undefined; this.state.station=undefined; this.state.phone=''; this.state.email=''; this.state.auto=''; this.state.companyIntention=[]; this.state.orgCodeUrl=[]; }else{ this.loaduser(nextProps.datauser) } }, render() { const FormItem = Form.Item const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; const dataSources=this.state.customerArr || []; const options = dataSources.map((group,index) => {group.name} ) return (
{this.setState({uesrName:e.target.value})}} required="required" style={{width:'200px'}}/> * {this.props.userDetaile? :''}
* {this.props.userDetaile? * :''} {this.setState({customerName:e.target.value})}} required="required"/> * {this.setState({department:e.target.value})}} required="required"/> * {this.setState({phone:e.target.value})}} required="required"/> * {this.setState({email:e.target.value})}} /> * {this.props.userDetaile? {this.state.id} :''}

图片建议:要萌。

) } })); export default Newuser;