| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053 | 
							- import React from 'react';
 
- import ReactDom from 'react-dom';
 
- import ajax from 'jquery/src/ajax/xhr.js';
 
- import $ from 'jquery/src/ajax';
 
- import '../content.less';
 
- import { citySelect } from '../../../NewDicProvinceList';
 
- import {
 
-     getNewDiccityArr,
 
- } from "@/tools.js";
 
- import { Form,Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker, Modal, Upload,Popconfirm,AutoComplete,Tabs } from 'antd';
 
- import {patternOrganization,conditionOrganization} from '../../../dataDic.js';
 
- import {getPattern,getCondition} from '../../../tools.js';
 
- import {ChooseList} from "../../order/orderNew/chooseList";
 
- const confirm = Modal.confirm;
 
- const {TabPane} = Tabs
 
- const Organization=Form.create()(React.createClass({
 
- 	loadData(pageNo) {
 
-         this.state.data = [];
 
-         this.setState({
 
-             loading: true,
 
-         });
 
-         $.ajax({
 
-             method: "post",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + '/api/admin/organization/listOrganizationManagement',
 
-             data: {
 
-                 pageNo: pageNo ||  1,
 
-                 pageSize: this.state.pagination.pageSize,
 
-                 name: this.state.name, //组织名称
 
-                 superId:this.state.superId,//上级组织
 
-                 type:this.state.type,//组织类型
 
-                 depNo:this.state.depNo,//组织编号
 
-             },
 
-             success: function (data) {
 
-                 let theArr = [];
 
-                 if (!data.data || !data.data.list) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                 } else {
 
-                     for (let i = 0; i < data.data.list.length; i++) {
 
-                         let thisdata = data.data.list[i];
 
-                         theArr.push({
 
-                             key: i,
 
-                             id: thisdata.id,//每一条记录的ID
 
-                             depNo:thisdata.depNo,//组织编号
 
-                             name:thisdata.name,//组织名称
 
-                             type:thisdata.type,//组织类型
 
-                             managerId:thisdata.managerName,//负责人
 
-                             superId:thisdata.superName,//上级组织
 
-                             status:thisdata.status,//组织状态
 
-                         });
 
-                     };
 
-                     this.state.pagination.current = data.data.pageNo;
 
-                     this.state.pagination.total = data.data.totalCount;
 
-                     this.setState({
 
-                         dataSource: theArr,
 
-                         page:data.data.pageNo,
 
-                         pagination: this.state.pagination
 
-                     });
 
-                 };
 
-             }.bind(this),
 
-         }).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
-     },
 
-     getInitialState() {
 
-         return {
 
-             searchMore: true,
 
-             selectedRowKeys: [],
 
-             selectedRows: [],
 
-             loading: false,
 
-             pagination: {
 
-                 defaultCurrent: 1,
 
-                 defaultPageSize: 10,
 
-                 showQuickJumper: true,
 
-                 pageSize: 10,
 
-                 onChange: function (page) {
 
-                     this.loadData(page);
 
-                 }.bind(this),
 
-                 showTotal: function (total) {
 
-                     return '共' + total + '条数据';
 
-                 }
 
-             },
 
-             columns: [
 
-                 {
 
-                     title: '组织编号',
 
-                     dataIndex: 'depNo',
 
-                     key: 'depNo',
 
-                 }, {
 
-                     title: '组织名称',
 
-                     dataIndex: 'name',
 
-                     key: 'name',
 
-                 }, {
 
-                     title: '负责人',
 
-                     dataIndex: 'managerId',
 
-                     key: 'managerId',
 
-                 },{
 
-                     title: '组织类型',
 
-                     dataIndex: 'type',
 
-                     key: 'type',
 
-                     render: text => { return getPattern(text) }
 
-                 },  {
 
-                     title: '上级组织',
 
-                     dataIndex: 'superId',
 
-                     key: 'superId',
 
-                 },{
 
-                     title: '组织状态',
 
-                     dataIndex: 'status',
 
-                     key: 'status',
 
-                     render: text => { return getCondition(text) }
 
-                 }
 
-             ],
 
-             dataSource: [],
 
-             searchTime: [,]
 
-         };
 
-     },
 
-     componentWillMount() {
 
-         this.selectSuperId();
 
-     },
 
-     //获取上级组织
 
-     selectSuperId() {
 
-     	this.state.data = []
 
-          $.ajax({
 
-                 method: "get",
 
-                 dataType: "json",
 
-                 crossDomain: false,
 
-                 url: globalConfig.context + "/api/admin/organization/selectSuperId",
 
-                 data:{
 
-                 },
 
-                 success: function (data) {
 
-                 		let theArr = [];
 
-                 		let theId=[];//用于保存上级组织的ID和名称
 
- 					    let thedata=data.data;
 
- 					    if (!thedata) {
 
- 		                    if (data.error && data.error.length) {
 
- 		                        message.warning(data.error[0].message);
 
- 		                    };
 
- 		                    thedata = {};
 
- 		              };
 
- 					    var contactIds=[];
 
- 				        for(var i=0;i<data.data.length;i++){
 
- 		                    let theData = data.data[i];
 
- 		                    theArr.push(
 
- 		                        <Select.Option value={theData.id} key={theData.id}>{theData.name}</Select.Option>
 
- 		                    );
 
- 		                    theId.push(
 
- 		                        [theData.id,theData.name]
 
- 		                    );
 
- 		                };
 
- 						this.setState({
 
- 							SuperArr:thedata,
 
- 		                    contactsOption: theArr,
 
- 		                    theId: theId,
 
- 		                    orderStatusOptions:data.data,
 
- 	                    });
 
- 					}.bind(this),
 
- 				}).always(function () {
 
- 				this.loadData(this.state.page);
 
- 	            this.setState({
 
- 	                loading: false
 
- 	            });
 
- 	        }.bind(this));
 
- 	},
 
- 	//编辑部门,保存
 
-     edithandleSubmit(e){
 
-     	e.preventDefault();
 
-     	//上级组织字典
 
-         let nameText=this.state.SuperArr
 
-         let superText=this.state.editSuperId;
 
-         let upId=this.state.theId;
 
-         let oldId='';
 
-         let superOne=this.state.editDataSource[0].editSuperId;
 
-     	if(superOne==superText){
 
-     		for(let j=0;j<upId.length;j++){
 
-     			if(superText==upId[j][1]){
 
-     				oldId=upId[j][0]
 
-     			}
 
-     		}
 
-     	};
 
-     	let remarksText=(this.state.editRemarks)?this.state.editRemarks:'该组织没有职能说明,请完善!';
 
-     	let isStatus=this.state.editStatus;
 
-     	let _this = this;
 
-     	if(isStatus==1){
 
-             confirm({
 
-                 title:'是否要解散该部门?',
 
-                 onOk() {
 
-                     if(!(superOne==superText)){
 
-                         confirm({
 
-                             title:'上级组织已修改,是否保存?',
 
-                             onOk() {
 
-                                 $.ajax({
 
-                                     method: "post",
 
-                                     dataType: "json",
 
-                                     crossDomain: false,
 
-                                     url:
 
-                                         globalConfig.context +
 
-                                         "/api/admin/organization/updateOrganization",
 
-                                     data: {
 
-                                         name: _this.state.editName, //组织名称
 
-                                         type: _this.state.editType, //组织类型
 
-                                         managerId: _this.state.theTypes
 
-                                             ? _this.state.theTypes
 
-                                             : _this.state.managerIdOrganizationId, //负责人ID
 
-                                         financeId: _this.state.theTypes2
 
-                                             ? _this.state.theTypes2
 
-                                             : _this.state.financeId, //负责人ID
 
-                                         superId: _this.state.editSuperId, //上级组织
 
-                                         status: _this.state.editStatus, //组织状态
 
-                                         remarks: remarksText, //组织职能说明
 
-                                         id: _this.state.editId, //组织ID
 
-                                         updateOrganization: _this.state.updateOrganization,
 
-                                         abbreviation: _this.state.abbreviation,
 
-                                     }
 
-                                 }).done(
 
-                                     function(data) {
 
-                                         _this.setState({
 
-                                             loading: false
 
-                                         });
 
-                                         if (!data.error.length) {
 
-                                             message.success("保存成功!");
 
-                                             _this.edithandleCancel();
 
-                                             _this.selectSuperId();
 
-                                         } else {
 
-                                             message.warning(data.error[0].message);
 
-                                         }
 
-                                     }.bind(_this)
 
-                                 );
 
-                                 return false
 
-                             }
 
-                         })
 
-                     }else {
 
-                         $.ajax({
 
-                             method: "post",
 
-                             dataType: "json",
 
-                             crossDomain: false,
 
-                             url:
 
-                                 globalConfig.context +
 
-                                 "/api/admin/organization/updateOrganization",
 
-                             data: {
 
-                                 name: _this.state.editName, //组织名称
 
-                                 type: _this.state.editType, //组织类型
 
-                                 managerId: _this.state.theTypes
 
-                                     ? _this.state.theTypes
 
-                                     : _this.state.managerIdOrganizationId, //负责人ID
 
-                                 financeId: _this.state.theTypes2
 
-                                     ? _this.state.theTypes2
 
-                                     : _this.state.financeId, //负责人ID
 
-                                 superId: oldId, //上级组织
 
-                                 status: _this.state.editStatus, //组织状态
 
-                                 remarks: remarksText, //组织职能说明
 
-                                 id: _this.state.editId, //组织ID
 
-                                 abbreviation: _this.state.abbreviation
 
-                             }
 
-                         }).done(
 
-                             function(data) {
 
-                                 _this.setState({
 
-                                     loading: false
 
-                                 });
 
-                                 if (!data.error.length) {
 
-                                     message.success("保存成功!");
 
-                                     _this.edithandleCancel();
 
-                                     _this.selectSuperId();
 
-                                 } else {
 
-                                     message.warning(data.error[0].message);
 
-                                 }
 
-                             }.bind(_this)
 
-                         );
 
-                     }
 
-                 }
 
-             })
 
-     	}else{
 
-     		if(!(superOne==superText)){
 
- 		    		confirm({
 
-                         title:'上级组织已修改,是否保存?',
 
-                         onOk(){
 
-                             $.ajax({
 
-                                 method: "post",
 
-                                 dataType: "json",
 
-                                 crossDomain: false,
 
-                                 url:
 
-                                     globalConfig.context +
 
-                                     "/api/admin/organization/updateOrganization",
 
-                                 data: {
 
-                                     name: _this.state.editName, //组织名称
 
-                                     type: _this.state.editType, //组织类型
 
-                                     managerId: _this.state.theTypes
 
-                                         ? _this.state.theTypes
 
-                                         : _this.state.managerIdOrganizationId, //负责人ID
 
-                                     financeId: _this.state.theTypes2
 
-                                         ? _this.state.theTypes2
 
-                                         : _this.state.financeId, //负责人ID
 
-                                     superId: _this.state.editSuperId, //上级组织
 
-                                     status: _this.state.editStatus, //组织状态
 
-                                     province: _this.state.province,//省份
 
-                                     remarks: remarksText, //组织职能说明
 
-                                     id: _this.state.editId, //组织ID
 
-                                     abbreviation: _this.state.abbreviation
 
-                                 }
 
-                             }).done(
 
-                                 function(data) {
 
-                                     _this.setState({
 
-                                         loading: false
 
-                                     });
 
-                                     if (!data.error.length) {
 
-                                         message.success("保存成功!");
 
-                                         _this.edithandleCancel();
 
-                                         _this.selectSuperId();
 
-                                     } else {
 
-                                         message.warning(data.error[0].message);
 
-                                     }
 
-                                 }.bind(_this)
 
-                             );
 
-                             return false
 
-                         }
 
-                     })
 
- 		    	}else {
 
- 		    		$.ajax({
 
-               method: "post",
 
-               dataType: "json",
 
-               crossDomain: false,
 
-               url:
 
-                 globalConfig.context +
 
-                 "/api/admin/organization/updateOrganization",
 
-               data: {
 
-                 name: _this.state.editName, //组织名称
 
-                 type: _this.state.editType, //组织类型
 
-                 managerId: _this.state.theTypes
 
-                   ? _this.state.theTypes
 
-                   : _this.state.managerIdOrganizationId, //负责人ID
 
-                 financeId: _this.state.theTypes2
 
-                   ? _this.state.theTypes2
 
-                   : _this.state.financeId, //负责人ID
 
-                 superId: oldId, //上级组织
 
-                 status: _this.state.editStatus, //组织状态
 
-                 remarks: remarksText, //组织职能说明
 
-                 id: _this.state.editId, //组织ID
 
-                 abbreviation: _this.state.abbreviation,
 
-                   province: _this.state.province,
 
-               }
 
-             }).done(
 
-               function(data) {
 
-                   _this.setState({
 
-                   loading: false
 
-                 });
 
-                 if (!data.error.length) {
 
-                   message.success("保存成功!");
 
-                     _this.edithandleCancel();
 
-                     _this.selectSuperId();
 
-                 } else {
 
-                   message.warning(data.error[0].message);
 
-                 }
 
-               }.bind(_this)
 
-             );
 
- 		        }
 
-     	}
 
-     },
 
- 	//整行点击
 
-     tableRowClick(record, index) {
 
-     	this.selectSuperId();
 
-     	this.state.RowData = record;
 
-         this.setState({
 
-         	editvisible: true,
 
-         	selectedRowKeys:[],
 
-         	rowId:record.businessId,
 
-         })
 
-         $.ajax({
 
-             method: "post",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context +"/api/admin/organization/selectAllById" ,
 
-             data: {
 
-                id: record.id
 
-             },
 
-             success: function (data) {
 
-                 let theArr = [];
 
-                 let thisdata = data;
 
-                 if (!data) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                 } else {
 
-                     theArr.push({
 
-                       editId: thisdata.id, //每一条记录的ID
 
-                       editName: thisdata.name, //组织名称
 
-                       editManagerId: thisdata.managerId, //负责人
 
-                       editType: thisdata.type, //组织类型
 
-                       editStatus: thisdata.status, //组织状态
 
-                         province: thisdata.province,//省份
 
-                       editSuperId: thisdata.superId, //上级组织
 
-                       editDepNo: thisdata.depNo, //组织编号
 
-                       editCreateId: thisdata.createId, //创建人
 
-                       editTime: thisdata.createTime, //创建时间
 
-                       editRemarks: thisdata.remarks, //组织职能说明
 
-                       financeId: thisdata.financeId
 
-                     });
 
-                 };
 
-                 this.setState({
 
-                   editId: thisdata.id, //每一条记录的ID
 
-                   financeId: thisdata.financeId,
 
-                   financeName: thisdata.financeName,
 
-                   editName: thisdata.name, //组织名称
 
-                   managerIdOrganization: thisdata.managerName, //负责人名字
 
-                   managerIdOrganizationId: thisdata.managerId, //负责人idmanagerName
 
-                   editType: thisdata.type, //组织类型
 
-                   editStatus: thisdata.status, //组织状态
 
-                     province: thisdata.province, //省份
 
-                   editSuperId: thisdata.superId, //上级组织
 
-                   editDepNo: thisdata.depNo, //组织编号
 
-                   editCreateId: thisdata.createId, //创建人
 
-                   editTime: thisdata.createTime, //创建时间
 
-                   editRemarks: thisdata.remarks, //组织职能说明
 
-                   editDataSource: theArr,
 
-                   abbreviation: thisdata.abbreviation
 
-                 });
 
-             }.bind(this),
 
-         }).always(function (data) {
 
- //      	if (data.error.length) {
 
- //      		message.warn(data.error[0].message);
 
- //      	};
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
-     },
 
-     //整行删除
 
-     delectRow() {
 
-         let deletedIds ='';
 
-         for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
 
-             let rowItem = this.state.selectedRows[idx];
 
-             if (rowItem.id) {
 
-                 deletedIds=rowItem.id;
 
-             };
 
-         };
 
-         this.setState({
 
-             selectedRowKeys: [],
 
-             loading: deletedIds.length > 0
 
-         });
 
-         $.ajax({
 
-             method: "POST",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + "/api/admin/organization/deleteById",
 
-             data: {
 
-                 id: deletedIds
 
-             }
 
-         }).done(function (data) {
 
-             if (!data.error.length) {
 
-                 message.success('删除成功!');
 
-                 this.setState({
 
-                     loading: false,
 
-                 });
 
-             } else {
 
-                 message.warning(data.error[0].message);
 
-             };
 
-             this.selectSuperId();
 
-         }.bind(this));
 
-     },
 
-     //新增一个部门,保存
 
-     addhandleSubmit(e){
 
-     	e.preventDefault();
 
- //  	if(!this.state.theTypes){
 
- //  		message.warning('请输入负责人姓名');
 
- //  		return false;
 
- //  	}
 
-     	if(!this.state.typeOrganization){
 
-     		message.warning('请选择组织类型');
 
-     		return false;
 
-     	}
 
-     	if(!this.state.upOrganization){
 
-     		message.warning('请选择上级组织');
 
-     		return false;
 
-     	}
 
- 		this.props.form.validateFields((err, values) => {
 
-             if (!err) {
 
-                 this.setState({
 
-                     loading: true
 
-                 });
 
-                 $.ajax({
 
-                     method: "post",
 
-                     dataType: "json",
 
-                     crossDomain: false,
 
-                     url:globalConfig.context + '/api/admin/organization/addOrganization',
 
-                     data:{
 
-                     	name:this.state.nameOrganization,//组织名称
 
-                     	managerId:this.state.theTypes,//负责人ID
 
-                         type:this.state.typeOrganization, //组织类型
 
-                         superId:this.state.upOrganization,//上级组织
 
-                         remarks:this.state.remarksOrganization,//组织职能说明
 
-                     	}
 
-                 }).done(function (data) {
 
-                     this.setState({
 
-                         loading: false
 
-                     });
 
-                     if (!data.error.length) {
 
-                         message.success('保存成功!');
 
-                         this.handleCancel();
 
-                         this.selectSuperId();
 
-                     } else {
 
-                         message.warning(data.error[0].message);
 
-                     }
 
-                 }.bind(this));
 
-             }
 
-         });
 
-     },
 
-     //主管初始加载(自动补全)
 
- 	supervisor(e){
 
- 		$.ajax({
 
-             method: "post",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + "/api/admin/organization/selectName",
 
-             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({
 
- 			managerIdOrganization:value
 
- 		})
 
- 		let theType='';
 
- 		let contactLists=this.state.customerArr||[];
 
- 			if (value) {
 
-             contactLists.map(function (item) {
 
-                 if (item.name == value.toString()) {
 
-                     theType = item.id;
 
-                 }
 
-            });
 
-    	    }
 
- 		this.setState({
 
- 			theTypes:theType
 
- 		})
 
- 	},
 
- 	selectAuto2(value,options){
 
- 		this.setState({
 
- 			financeId:value
 
- 		})
 
- 		let theType='';
 
- 		let contactLists=this.state.customerArr||[];
 
- 			if (value) {
 
-             contactLists.map(function (item) {
 
-                 if (item.name == value.toString()) {
 
-                     theType = item.id;
 
-                 }
 
-            });
 
-    	    }
 
- 		this.setState({
 
- 			theTypes2:theType
 
- 		})
 
- 	},
 
- 	//失去焦点时
 
- 	blurChange(e){
 
- 	},
 
- 	//值改变时请求客户名称
 
- 	httpChange(e){
 
- 		if(e.length>=1){
 
- 			this.supervisor(e);
 
- 		}
 
- 		this.setState({
 
- 			managerIdOrganization:e
 
- 		})
 
- 	},
 
- 	httpChange2(e){
 
- 		if(e.length>=1){
 
- 			this.supervisor(e);
 
- 		}
 
- 		this.setState({
 
- 			financeName:e
 
- 		})
 
- 	},
 
-     addClick() {
 
-     	this.state.theTypes='';
 
-     	this.state.nameOrganization='';//组织名称清零
 
-     	this.state.managerIdOrganization= '';//负责人ID清零
 
-     	this.state.financeId = "";//负责人ID清零
 
-     	this.state.financeName = "";//负责人ID清零
 
-         this.state.typeOrganization= undefined; //组织类型清零
 
-         this.state.upOrganization= undefined;//上级组织清零
 
-         this.state.remarksOrganization= '';//组织职能说明清零
 
-         this.state.RowData = {};
 
-         this.setState({
 
-             visible: true
 
-         });
 
-         this.selectSuperId();
 
-     },
 
-     editClick() {
 
-         this.state.RowData = {};
 
-         this.setState({
 
-             editvisible: true
 
-         });
 
-     },
 
-    	handleCancel() {
 
-         this.setState({ visible: false })
 
-     },
 
-     edithandleCancel() {
 
-         this.loadData(this.state.page);
 
-         this.setState({ editvisible: false })
 
-     },
 
-     search() {
 
-         this.loadData();
 
-     },
 
-     //把搜索的部分置零
 
-     reset() {
 
-         this.state.superId = undefined;//上级组织清零
 
-         this.state.name = '';//组织名称清零
 
-         this.state.type = undefined;//组织类型清零
 
-         this.state.depNo = '';//组织编号清零
 
-         this.loadData();
 
-     },
 
-     searchSwitch() {
 
-         this.setState({
 
-             searchMore: !this.state.searchMore
 
-         });
 
-     },
 
-     changeList(arr) {
 
-         const newArr = [];
 
-         this.state.columns.forEach(item => {
 
-             arr.forEach(val => {
 
-                 if (val === item.title) {
 
-                     newArr.push(item);
 
-                 }
 
-             });
 
-         });
 
-         this.setState({
 
-             changeList: newArr
 
-         });
 
-     },
 
-     render() {
 
-     	const FormItem = Form.Item
 
-         const rowSelection = {
 
-             selectedRowKeys: this.state.selectedRowKeys,
 
-             onChange: (selectedRowKeys, selectedRows) => {
 
-                 this.setState({
 
-                     selectedRows: selectedRows.slice(-1),
 
-                     selectedRowKeys: selectedRowKeys.slice(-1)
 
-                 });
 
-             },
 
-             onSelect: (recordt, selected, selectedRows) => {
 
- 			    this.setState({
 
- 			    	recordt:recordt.id
 
- 			    })
 
- 			},
 
-         };
 
-         const formItemLayout = {
 
-             labelCol: { span: 8 },
 
-             wrapperCol: { span: 14 },
 
-         };
 
-        	const { getFieldDecorator } = this.props.form;
 
-         const hasSelected = this.state.selectedRowKeys.length > 0;
 
-         const { RangePicker } = DatePicker;
 
-         const dataSources=this.state.customerArr || [];
 
-         const options = dataSources.map((group,index) =>
 
- 				      <Option key={index} value={group.name}>{group.name}</Option>
 
- 				     )
 
-         const options2 = dataSources.map((group,index) =>
 
- 				      <Option key={index} value={group.name}>{group.name}</Option>
 
- 				     )
 
-         return (
 
-             <div className="user-content" >
 
-                 <div className="content-title">
 
-                     <Tabs
 
-                         defaultActiveKey="1"
 
-                         onChange={this.callback}
 
-                         className="test">
 
-                         <TabPane tab="搜索" key="1">
 
- 	                <div className="user-search">
 
- 	                    <Input placeholder="组织名称" style={{width:'150px',marginRight:'10px',marginBottom:'10px'}}
 
- 	                        value={this.state.name}
 
- 	                        onChange={(e) => { this.setState({ name: e.target.value }); }} />
 
- 	                    <Select placeholder="上级组织"
 
-                             style={{ width:'200px',marginRight:'10px' }}
 
-                             value={this.state.superId}
 
-                             onChange={(e) => { this.setState({ superId: e }) }} notFoundContent="未获取到上级组织列表">
 
-                             {this.state.contactsOption}
 
- 		                </Select>
 
- 	                    <Button type="primary" onClick={this.search} style={{marginRight:'10px'}}>搜索</Button>
 
- 	                    <Button onClick={this.reset} style={{marginRight:'10px'}}>重置</Button>
 
-                         <Popconfirm title="是否删除?" onConfirm={this.delectRow} okText="是" cancelText="否">
 
- 						     <Button style={{ background: "#ea0862", border: "none", color: "#fff",marginRight:'10px' ,marginLeft:'10px'}}
 
- 	                   			 disabled={!hasSelected}
 
- 	                    		 >删除<Icon type="minus" />
 
- 	           			     </Button>
 
- 						</Popconfirm>
 
- 	                    <span style={{marginRight:'20px'}}>更多搜索    <Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
 
- 	                    <div  style={this.state.searchMore ? { display: 'none' } : {display: 'inline-block'}}>
 
- 	                    	<Input placeholder="组织编号" style={{width:'150px',marginRight:'10px'}}
 
- 		                        value={this.state.depNo}
 
- 		                        onChange={(e) => { this.setState({ depNo: e.target.value }); }} />
 
- 		                    <Select placeholder="组织类型"
 
- 		                            style={{width:'150px',marginRight:'50px'}}
 
- 		                            value={this.state.type}
 
- 		                            onChange={(e) => { this.setState({ type: e }) }}>
 
- 		                            <Select.Option value="0" >公司</Select.Option>
 
- 		                            <Select.Option value="1" >部门</Select.Option>
 
- 		                            <Select.Option value="2" >团队</Select.Option>
 
- 		                    </Select>
 
- 	                    </div>
 
-                     </div>
 
-                     </TabPane>
 
-                         <TabPane tab="新增组织" key="2"   >
 
-                         <Button type="primary" className="addButton" onClick={this.addClick} style={{marginBottom:'10px',float:'left'}}>新增组织<Icon type="plus" /></Button>
 
-                     </TabPane>
 
-                         <TabPane tab="更改表格显示数据" key="3">
 
-                             <div style={{ marginLeft: 10 }}>
 
-                                 <ChooseList
 
-                                     columns={this.state.columns}
 
-                                     changeFn={this.changeList}
 
-                                     changeList={this.state.changeList}
 
-                                     top={55}
 
-                                     margin={11}
 
-                                 />
 
-                             </div>
 
-                         </TabPane>
 
-                     </Tabs>
 
- 	                <div className="patent-table">
 
- 	                    <Spin spinning={this.state.loading}>
 
- 	                        <Table size="middle" columns={
 
-                                     this.state.changeList
 
-                                         ? this.state.changeList
 
-                                         : this.state.columns
 
-                                 }
 
- 	                            dataSource={this.state.dataSource}
 
- 	                            rowSelection={rowSelection}
 
-                                 style={{
 
-                                    cursor: 'pointer',
 
-                                 }}
 
- 	                            pagination={this.state.pagination}
 
- 	                            onRowClick={this.tableRowClick} />
 
- 	                    </Spin>
 
- 	                </div>
 
- 	                 <div className="patent-desc">
 
- 	                    <Modal maskClosable={false} visible={this.state.visible}
 
- 	                        onOk={this.checkPatentProcess} onCancel={this.handleCancel}
 
- 	                        width='600px'
 
- 	                        title='新增组织'
 
- 	                        footer=''
 
- 	                        className="admin-desc-content">
 
- 	                         <Form horizontal onSubmit={this.addhandleSubmit} id="add-form">
 
- 				                <Spin spinning={this.state.loading}>
 
- 				                    <div className="clearfix">
 
- 				                    	<FormItem
 
- 					                            labelCol={{ span: 7 }}
 
- 					                        	wrapperCol={{ span: 12 }}
 
- 					                            label="组织名称" >
 
- 				                                <Input placeholder="组织名称" value={this.state.nameOrganization} style={{width:'95%'}}
 
- 				                                onChange={(e)=>{this.setState({nameOrganization:e.target.value})}} required="required"/>
 
- 				                           		<span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
 
- 					                    </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 					                    <FormItem
 
- 			                           		 labelCol={{ span: 7 }}
 
- 				                        	 wrapperCol={{ span: 12}}
 
- 				                             label="负责人"
 
- 				                             >
 
- 						                    <AutoComplete
 
- 											        className="certain-category-search"
 
- 											        dropdownClassName="certain-category-search-dropdown"
 
- 											        dropdownMatchSelectWidth={false}
 
- 											        dataSource={options}
 
- 											        placeholder="输入名称"
 
- 											        value={this.state.managerIdOrganization}
 
- 											        onChange={this.httpChange}
 
- 											        filterOption={true}
 
- 											        onBlur={this.blurChange}
 
- 											        onSelect={this.selectAuto}
 
- 											        style={{width:'95%'}}
 
- 											      >
 
- 											        <Input />
 
- 											</AutoComplete>
 
- 											{/*<span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>*/}
 
- 							            </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 				                    	<FormItem
 
- 				                         	labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 				                           	label="组织类型"
 
- 				                         >
 
- 											  <Select placeholder="组织类型" value={this.state.typeOrganization}
 
- 				                                onChange={(e)=>{this.setState({typeOrganization:e})}} style={{width:'95%'}} required="required">
 
- 				                                {
 
- 				                                    patternOrganization.map(function (item) {
 
- 				                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 				                                    })
 
- 				                                }
 
- 				                              </Select>
 
- 				                              <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
 
- 				                   		 </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 					                    <FormItem
 
- 					                    	labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 				                           label="上级组织"
 
- 			                               >
 
- 					                        <Select placeholder="请选择上级组织"
 
- 					                        	value={this.state.upOrganization}
 
- 					                        	onChange={(e)=>{this.setState({upOrganization:e})}}
 
- 				                                notFoundContent="未获取到上级组织列表"
 
- 				                                style={{width:'95%'}} required="required">
 
- 				                                {this.state.contactsOption}
 
- 				                            </Select>
 
- 				                            <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
 
- 			                   		    </FormItem>
 
- 		                   		    </div>
 
- 		                   		    <div className="clearfix">
 
- 			                   		    <FormItem
 
- 					                        labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 					                        label="组织职能说明" >
 
- 					                        <Input type="textarea" rows={4} placeholder="组织职能说明" value={this.state.remarksOrganization}
 
- 	                           				 	onChange={(e) => { this.setState({ remarksOrganization: e.target.value }) }} style={{width:'95%'}}/>
 
- 					                    </FormItem>
 
- 					                </div>
 
- 				                    <FormItem wrapperCol={{ span: 12, offset: 7 }}>
 
- 				                        <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
 
- 				                        <Button className="set-submit" type="ghost" onClick={this.handleCancel} style={{marginLeft:'100px'}}>取消</Button>
 
- 				                    </FormItem>
 
- 				                </Spin>
 
- 				            </Form >
 
- 	                    </Modal>
 
-                 	 </div>
 
-                 	 <div className="patent-desc">
 
- 	                    <Modal maskClosable={false} visible={this.state.editvisible}
 
- 	                        onOk={this.checkPatentProcess} onCancel={this.edithandleCancel}
 
- 	                        width='600px'
 
- 	                        title='编辑组织'
 
- 	                        footer=''
 
- 	                        className="admin-desc-content">
 
- 	                         <Form horizontal onSubmit={this.edithandleSubmit} id="edit-form">
 
- 				                <Spin spinning={this.state.loading}>
 
- 				                    <div className="clearfix">
 
- 				                    	<FormItem
 
- 					                            labelCol={{ span: 7 }}
 
- 					                        	wrapperCol={{ span: 12 }}
 
- 					                            label="组织名称" >
 
- 				                    	     <Input placeholder="组织名称" value={this.state.editName}
 
- 				                                onChange={(e)=>{this.setState({editName:e.target.value})}}/>
 
- 					                    </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 					                    <FormItem
 
- 			                           		 labelCol={{ span: 7 }}
 
- 				                        	 wrapperCol={{ span: 12}}
 
- 				                             label="负责人"
 
- 				                             >
 
- 						                    <AutoComplete
 
- 											        className="certain-category-search"
 
- 											        dropdownClassName="certain-category-search-dropdown"
 
- 											        dropdownMatchSelectWidth={false}
 
- 											        dataSource={options}
 
- 											        placeholder="输入名称"
 
- 											        value={this.state.managerIdOrganization}
 
- 											        onChange={this.httpChange}
 
- 											        filterOption={true}
 
- 											        onBlur={this.blurChange}
 
- 											        onSelect={this.selectAuto}
 
- 											        style={{width:'95%'}}
 
- 											      >
 
- 											        <Input />
 
- 											</AutoComplete>
 
- 											{/* <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span> */}
 
- 							            </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 				                    	<FormItem
 
- 				                         	labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 				                           	label="组织类型"
 
- 				                         >
 
- 					                          <Select placeholder="组织类型" value={this.state.editType}
 
- 				                                onChange={(e)=>{this.setState({editType:e})}}>
 
- 				                                {
 
- 				                                    patternOrganization.map(function (item) {
 
- 				                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 				                                    })
 
- 				                                }
 
- 				                              </Select>
 
- 				                   		 </FormItem>
 
- 				                    </div>
 
- 				                    <div className="clearfix">
 
- 				                    	<FormItem
 
- 				                         	labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 				                           	label="组织状态"
 
- 				                         >
 
- 					                          <Select placeholder="组织状态" value={this.state.editStatus}
 
- 				                                onChange={(e)=>{this.setState({editStatus:e})}}>
 
- 				                                {
 
- 				                                    conditionOrganization.map(function (item) {
 
- 				                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 				                                    })
 
- 				                                }
 
- 				                              </Select>
 
- 				                   		 </FormItem>
 
- 				                    </div>
 
-                                     <div className="clearfix">
 
-                                         <FormItem
 
-                                             labelCol={{ span: 7 }}
 
-                                             wrapperCol={{ span: 12 }}
 
-                                             label="省份"
 
-                                         >
 
-                                             <Select
 
-                                                 placeholder="请选择省份"
 
-                                                 value={getNewDiccityArr(this.state.province)}
 
-                                                 onChange={e => {
 
-                                                     this.setState({ province: e });
 
-                                                 }}
 
-                                             >
 
-                                                 {citySelect().map(function(item) {
 
-                                                     return (
 
-                                                         <Select.Option key={item.value} value={item.value}>{item.label}</Select.Option>
 
-                                                     );
 
-                                                 })}
 
-                                             </Select>
 
-                                         </FormItem>
 
-                                     </div>
 
- 				                    <div className="clearfix">
 
- 					                    <FormItem
 
- 					                    	labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 				                           label="上级组织"
 
- 			                               >
 
- 			                              <Select placeholder="请选择上级组织"
 
- 			                              		value={this.state.editSuperId}
 
- 			                              		onChange={(e)=>{this.setState({editSuperId:e})}}
 
- 				                                notFoundContent="未获取到上级组织列表">
 
- 				                                {this.state.contactsOption}
 
- 				                            </Select>
 
- 			                   		    </FormItem>
 
- 		                   		    </div>
 
- 									<div className="clearfix">
 
- 				                    	<FormItem
 
- 					                            labelCol={{ span: 7 }}
 
- 					                        	wrapperCol={{ span: 12 }}
 
- 					                            label="缩写" >
 
- 				                    	     <Input placeholder="缩写" value={this.state.abbreviation}
 
- 				                                onChange={(e)=>{this.setState({abbreviation:e.target.value})}}/>
 
- 					                    </FormItem>
 
- 				                    </div>
 
- 									<div className="clearfix">
 
- 					                    <FormItem
 
- 			                           		 labelCol={{ span: 7 }}
 
- 				                        	 wrapperCol={{ span: 12}}
 
- 				                             label="财务负责人"
 
- 				                             >
 
- 						                    <AutoComplete
 
- 											        className="certain-category-search"
 
- 											        dropdownClassName="certain-category-search-dropdown"
 
- 											        dropdownMatchSelectWidth={false}
 
- 											        dataSource={options2}
 
- 											        placeholder="输入名称"
 
- 											        value={this.state.financeName}
 
- 											        onChange={this.httpChange2}
 
- 											        filterOption={true}
 
- 											        onBlur={this.blurChange}
 
- 											        onSelect={this.selectAuto2}
 
- 											        style={{width:'95%'}}
 
- 											      >
 
- 											        <Input />
 
- 											</AutoComplete>
 
- 											{/* <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span> */}
 
- 							            </FormItem>
 
- 				                    </div>
 
- 		                   		    <div className="clearfix">
 
- 				                    	<FormItem
 
- 						                    labelCol={{ span: 7 }}
 
- 						                    wrapperCol={{ span: 12 }}
 
- 						                    label="组织编号"
 
- 					                        >
 
- 					                        <span>{this.state.editDepNo}</span>
 
- 					                    </FormItem>
 
- 					                </div>
 
- 					                <div className="clearfix" >
 
- 				                    	<FormItem
 
- 						                    labelCol={{ span: 7 }}
 
- 						                    wrapperCol={{ span: 12 }}
 
- 						                    label="创建人"
 
- 					                        >
 
- 					                        <span>{this.state.editCreateId}</span>
 
- 					                    </FormItem>
 
- 					                </div>
 
- 					                <div className="clearfix">
 
- 				                    	<FormItem
 
- 						                    labelCol={{ span: 7 }}
 
- 						                    wrapperCol={{ span: 12 }}
 
- 						                    label="创建时间"
 
- 					                        >
 
- 					                        <span>{this.state.editTime}</span>
 
- 					                    </FormItem>
 
- 					                </div>
 
- 		                   		    <div className="clearfix">
 
- 			                   		    <FormItem
 
- 					                        labelCol={{ span: 7 }}
 
- 					                        wrapperCol={{ span: 12 }}
 
- 					                        label="组织职能说明" >
 
- 					                        <Input type="textarea" rows={4} placeholder="组织职能说明" value={this.state.editRemarks}
 
- 	                           				 	onChange={(e) => { this.setState({ editRemarks: e.target.value }) }}/>
 
- 					                    </FormItem>
 
- 					                </div>
 
- 				                    <FormItem wrapperCol={{ span: 12, offset: 7 }}>
 
- 				                        <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
 
- 				                   		<Button className="set-submit" type="ghost" onClick={this.edithandleCancel} style={{marginLeft:'100px'}}>取消</Button>
 
- 				                    </FormItem>
 
- 				                </Spin>
 
- 				            </Form >
 
- 	                    </Modal>
 
-                 	 </div>
 
-             	</div>
 
-             </div>
 
-         );
 
-     }
 
- }));
 
- export default Organization;
 
 
  |