organization.jsx 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041
  1. import React from 'react';
  2. import ReactDom from 'react-dom';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import '../content.less';
  6. import { citySelect } from '../../../NewDicProvinceList';
  7. import {
  8. getNewDiccityArr,
  9. } from "@/tools.js";
  10. import { Form,Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker, Modal, Upload,Popconfirm,AutoComplete,Tabs } from 'antd';
  11. import {patternOrganization,conditionOrganization} from '../../../dataDic.js';
  12. import {getPattern,getCondition} from '../../../tools.js';
  13. import {ChooseList} from "../../order/orderNew/chooseList";
  14. const {TabPane} = Tabs
  15. const Organization=Form.create()(React.createClass({
  16. loadData(pageNo) {
  17. this.state.data = [];
  18. this.setState({
  19. loading: true,
  20. });
  21. $.ajax({
  22. method: "post",
  23. dataType: "json",
  24. crossDomain: false,
  25. url: globalConfig.context + '/api/admin/organization/listOrganizationManagement',
  26. data: {
  27. pageNo: pageNo || 1,
  28. pageSize: this.state.pagination.pageSize,
  29. name: this.state.name, //组织名称
  30. superId:this.state.superId,//上级组织
  31. type:this.state.type,//组织类型
  32. depNo:this.state.depNo,//组织编号
  33. },
  34. success: function (data) {
  35. let theArr = [];
  36. if (!data.data || !data.data.list) {
  37. if (data.error && data.error.length) {
  38. message.warning(data.error[0].message);
  39. };
  40. } else {
  41. for (let i = 0; i < data.data.list.length; i++) {
  42. let thisdata = data.data.list[i];
  43. theArr.push({
  44. key: i,
  45. id: thisdata.id,//每一条记录的ID
  46. depNo:thisdata.depNo,//组织编号
  47. name:thisdata.name,//组织名称
  48. type:thisdata.type,//组织类型
  49. managerId:thisdata.managerName,//负责人
  50. superId:thisdata.superName,//上级组织
  51. status:thisdata.status,//组织状态
  52. });
  53. };
  54. this.state.pagination.current = data.data.pageNo;
  55. this.state.pagination.total = data.data.totalCount;
  56. };
  57. this.setState({
  58. dataSource: theArr,
  59. page:data.data.pageNo,
  60. pagination: this.state.pagination
  61. });
  62. }.bind(this),
  63. }).always(function () {
  64. this.setState({
  65. loading: false
  66. });
  67. }.bind(this));
  68. },
  69. getInitialState() {
  70. return {
  71. searchMore: true,
  72. selectedRowKeys: [],
  73. selectedRows: [],
  74. loading: false,
  75. pagination: {
  76. defaultCurrent: 1,
  77. defaultPageSize: 10,
  78. showQuickJumper: true,
  79. pageSize: 10,
  80. onChange: function (page) {
  81. this.loadData(page);
  82. }.bind(this),
  83. showTotal: function (total) {
  84. return '共' + total + '条数据';
  85. }
  86. },
  87. columns: [
  88. {
  89. title: '组织编号',
  90. dataIndex: 'depNo',
  91. key: 'depNo',
  92. }, {
  93. title: '组织名称',
  94. dataIndex: 'name',
  95. key: 'name',
  96. }, {
  97. title: '负责人',
  98. dataIndex: 'managerId',
  99. key: 'managerId',
  100. },{
  101. title: '组织类型',
  102. dataIndex: 'type',
  103. key: 'type',
  104. render: text => { return getPattern(text) }
  105. }, {
  106. title: '上级组织',
  107. dataIndex: 'superId',
  108. key: 'superId',
  109. },{
  110. title: '组织状态',
  111. dataIndex: 'status',
  112. key: 'status',
  113. render: text => { return getCondition(text) }
  114. }
  115. ],
  116. dataSource: [],
  117. searchTime: [,]
  118. };
  119. },
  120. componentWillMount() {
  121. this.selectSuperId();
  122. },
  123. //获取上级组织
  124. selectSuperId() {
  125. this.state.data = []
  126. $.ajax({
  127. method: "get",
  128. dataType: "json",
  129. crossDomain: false,
  130. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  131. data:{
  132. },
  133. success: function (data) {
  134. let theArr = [];
  135. let theId=[];//用于保存上级组织的ID和名称
  136. let thedata=data.data;
  137. if (!thedata) {
  138. if (data.error && data.error.length) {
  139. message.warning(data.error[0].message);
  140. };
  141. thedata = {};
  142. };
  143. var contactIds=[];
  144. for(var i=0;i<data.data.length;i++){
  145. let theData = data.data[i];
  146. theArr.push(
  147. <Select.Option value={theData.id} key={theData.id}>{theData.name}</Select.Option>
  148. );
  149. theId.push(
  150. [theData.id,theData.name]
  151. );
  152. };
  153. this.setState({
  154. SuperArr:thedata,
  155. contactsOption: theArr,
  156. theId: theId,
  157. orderStatusOptions:data.data,
  158. });
  159. }.bind(this),
  160. }).always(function () {
  161. this.loadData();
  162. this.setState({
  163. loading: false
  164. });
  165. }.bind(this));
  166. },
  167. //编辑部门,保存
  168. edithandleSubmit(e){
  169. e.preventDefault();
  170. //上级组织字典
  171. let nameText=this.state.SuperArr
  172. let superText=this.state.editSuperId;
  173. let upId=this.state.theId;
  174. let oldId='';
  175. let superOne=this.state.editDataSource[0].editSuperId;
  176. if(superOne==superText){
  177. for(let j=0;j<upId.length;j++){
  178. if(superText==upId[j][1]){
  179. oldId=upId[j][0]
  180. }
  181. }
  182. };
  183. let remarksText=(this.state.editRemarks)?this.state.editRemarks:'该组织没有职能说明,请完善!';
  184. let isStatus=this.state.editStatus;
  185. if(isStatus==1){
  186. if(confirm('是否要解散该部门?')){
  187. if(!(superOne==superText)){
  188. if(confirm('上级组织已修改,是否保存?')){
  189. $.ajax({
  190. method: "post",
  191. dataType: "json",
  192. crossDomain: false,
  193. url:
  194. globalConfig.context +
  195. "/api/admin/organization/updateOrganization",
  196. data: {
  197. name: this.state.editName, //组织名称
  198. type: this.state.editType, //组织类型
  199. managerId: this.state.theTypes
  200. ? this.state.theTypes
  201. : this.state.managerIdOrganizationId, //负责人ID
  202. financeId: this.state.theTypes2
  203. ? this.state.theTypes2
  204. : this.state.financeId, //负责人ID
  205. superId: this.state.editSuperId, //上级组织
  206. status: this.state.editStatus, //组织状态
  207. remarks: remarksText, //组织职能说明
  208. id: this.state.editId, //组织ID
  209. updateOrganization: this.state.updateOrganization,
  210. abbreviation: this.state.abbreviation,
  211. }
  212. }).done(
  213. function(data) {
  214. this.setState({
  215. loading: false
  216. });
  217. if (!data.error.length) {
  218. message.success("保存成功!");
  219. this.edithandleCancel();
  220. this.selectSuperId();
  221. } else {
  222. message.warning(data.error[0].message);
  223. }
  224. }.bind(this)
  225. );
  226. return false
  227. }
  228. }else {
  229. $.ajax({
  230. method: "post",
  231. dataType: "json",
  232. crossDomain: false,
  233. url:
  234. globalConfig.context +
  235. "/api/admin/organization/updateOrganization",
  236. data: {
  237. name: this.state.editName, //组织名称
  238. type: this.state.editType, //组织类型
  239. managerId: this.state.theTypes
  240. ? this.state.theTypes
  241. : this.state.managerIdOrganizationId, //负责人ID
  242. financeId: this.state.theTypes2
  243. ? this.state.theTypes2
  244. : this.state.financeId, //负责人ID
  245. superId: oldId, //上级组织
  246. status: this.state.editStatus, //组织状态
  247. remarks: remarksText, //组织职能说明
  248. id: this.state.editId, //组织ID
  249. abbreviation: this.state.abbreviation
  250. }
  251. }).done(
  252. function(data) {
  253. this.setState({
  254. loading: false
  255. });
  256. if (!data.error.length) {
  257. message.success("保存成功!");
  258. this.edithandleCancel();
  259. this.selectSuperId();
  260. } else {
  261. message.warning(data.error[0].message);
  262. }
  263. }.bind(this)
  264. );
  265. }
  266. }
  267. }else{
  268. if(!(superOne==superText)){
  269. if(confirm('上级组织已修改,是否保存?')){
  270. console.log(this.state.editSuperId);
  271. $.ajax({
  272. method: "post",
  273. dataType: "json",
  274. crossDomain: false,
  275. url:
  276. globalConfig.context +
  277. "/api/admin/organization/updateOrganization",
  278. data: {
  279. name: this.state.editName, //组织名称
  280. type: this.state.editType, //组织类型
  281. managerId: this.state.theTypes
  282. ? this.state.theTypes
  283. : this.state.managerIdOrganizationId, //负责人ID
  284. financeId: this.state.theTypes2
  285. ? this.state.theTypes2
  286. : this.state.financeId, //负责人ID
  287. superId: this.state.editSuperId, //上级组织
  288. status: this.state.editStatus, //组织状态
  289. province: thisdata.province,//省份
  290. remarks: remarksText, //组织职能说明
  291. id: this.state.editId, //组织ID
  292. abbreviation: this.state.abbreviation
  293. }
  294. }).done(
  295. function(data) {
  296. this.setState({
  297. loading: false
  298. });
  299. if (!data.error.length) {
  300. message.success("保存成功!");
  301. this.edithandleCancel();
  302. this.selectSuperId();
  303. } else {
  304. message.warning(data.error[0].message);
  305. }
  306. }.bind(this)
  307. );
  308. return false
  309. }
  310. }else {
  311. console.log(this.state.editSuperId);
  312. $.ajax({
  313. method: "post",
  314. dataType: "json",
  315. crossDomain: false,
  316. url:
  317. globalConfig.context +
  318. "/api/admin/organization/updateOrganization",
  319. data: {
  320. name: this.state.editName, //组织名称
  321. type: this.state.editType, //组织类型
  322. managerId: this.state.theTypes
  323. ? this.state.theTypes
  324. : this.state.managerIdOrganizationId, //负责人ID
  325. financeId: this.state.theTypes2
  326. ? this.state.theTypes2
  327. : this.state.financeId, //负责人ID
  328. superId: oldId, //上级组织
  329. status: this.state.editStatus, //组织状态
  330. remarks: remarksText, //组织职能说明
  331. id: this.state.editId, //组织ID
  332. abbreviation: this.state.abbreviation,
  333. province: this.state.province,
  334. }
  335. }).done(
  336. function(data) {
  337. this.setState({
  338. loading: false
  339. });
  340. if (!data.error.length) {
  341. message.success("保存成功!");
  342. this.edithandleCancel();
  343. this.selectSuperId();
  344. } else {
  345. message.warning(data.error[0].message);
  346. }
  347. }.bind(this)
  348. );
  349. }
  350. }
  351. },
  352. //整行点击
  353. tableRowClick(record, index) {
  354. this.selectSuperId();
  355. this.state.RowData = record;
  356. this.setState({
  357. editvisible: true,
  358. selectedRowKeys:[],
  359. rowId:record.businessId,
  360. })
  361. $.ajax({
  362. method: "post",
  363. dataType: "json",
  364. crossDomain: false,
  365. url: globalConfig.context +"/api/admin/organization/selectAllById" ,
  366. data: {
  367. id: record.id
  368. },
  369. success: function (data) {
  370. let theArr = [];
  371. let thisdata = data;
  372. if (!data) {
  373. if (data.error && data.error.length) {
  374. message.warning(data.error[0].message);
  375. };
  376. } else {
  377. theArr.push({
  378. editId: thisdata.id, //每一条记录的ID
  379. editName: thisdata.name, //组织名称
  380. editManagerId: thisdata.managerId, //负责人
  381. editType: thisdata.type, //组织类型
  382. editStatus: thisdata.status, //组织状态
  383. province: thisdata.province,//省份
  384. editSuperId: thisdata.superId, //上级组织
  385. editDepNo: thisdata.depNo, //组织编号
  386. editCreateId: thisdata.createId, //创建人
  387. editTime: thisdata.createTime, //创建时间
  388. editRemarks: thisdata.remarks, //组织职能说明
  389. financeId: thisdata.financeId
  390. });
  391. };
  392. this.setState({
  393. editId: thisdata.id, //每一条记录的ID
  394. financeId: thisdata.financeId,
  395. financeName: thisdata.financeName,
  396. editName: thisdata.name, //组织名称
  397. managerIdOrganization: thisdata.managerName, //负责人名字
  398. managerIdOrganizationId: thisdata.managerId, //负责人idmanagerName
  399. editType: thisdata.type, //组织类型
  400. editStatus: thisdata.status, //组织状态
  401. province: thisdata.province, //省份
  402. editSuperId: thisdata.superId, //上级组织
  403. editDepNo: thisdata.depNo, //组织编号
  404. editCreateId: thisdata.createId, //创建人
  405. editTime: thisdata.createTime, //创建时间
  406. editRemarks: thisdata.remarks, //组织职能说明
  407. editDataSource: theArr,
  408. abbreviation: thisdata.abbreviation
  409. });
  410. }.bind(this),
  411. }).always(function (data) {
  412. // if (data.error.length) {
  413. // message.warn(data.error[0].message);
  414. // };
  415. this.setState({
  416. loading: false
  417. });
  418. }.bind(this));
  419. },
  420. //整行删除
  421. delectRow() {
  422. let deletedIds ='';
  423. for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
  424. let rowItem = this.state.selectedRows[idx];
  425. if (rowItem.id) {
  426. deletedIds=rowItem.id;
  427. };
  428. };
  429. this.setState({
  430. selectedRowKeys: [],
  431. loading: deletedIds.length > 0
  432. });
  433. $.ajax({
  434. method: "POST",
  435. dataType: "json",
  436. crossDomain: false,
  437. url: globalConfig.context + "/api/admin/organization/deleteById",
  438. data: {
  439. id: deletedIds
  440. }
  441. }).done(function (data) {
  442. if (!data.error.length) {
  443. message.success('删除成功!');
  444. this.setState({
  445. loading: false,
  446. });
  447. } else {
  448. message.warning(data.error[0].message);
  449. };
  450. this.selectSuperId();
  451. }.bind(this));
  452. },
  453. //新增一个部门,保存
  454. addhandleSubmit(e){
  455. e.preventDefault();
  456. // if(!this.state.theTypes){
  457. // message.warning('请输入负责人姓名');
  458. // return false;
  459. // }
  460. if(!this.state.typeOrganization){
  461. message.warning('请选择组织类型');
  462. return false;
  463. }
  464. if(!this.state.upOrganization){
  465. message.warning('请选择上级组织');
  466. return false;
  467. }
  468. this.props.form.validateFields((err, values) => {
  469. if (!err) {
  470. this.setState({
  471. loading: true
  472. });
  473. $.ajax({
  474. method: "post",
  475. dataType: "json",
  476. crossDomain: false,
  477. url:globalConfig.context + '/api/admin/organization/addOrganization',
  478. data:{
  479. name:this.state.nameOrganization,//组织名称
  480. managerId:this.state.theTypes,//负责人ID
  481. type:this.state.typeOrganization, //组织类型
  482. superId:this.state.upOrganization,//上级组织
  483. remarks:this.state.remarksOrganization,//组织职能说明
  484. }
  485. }).done(function (data) {
  486. this.setState({
  487. loading: false
  488. });
  489. if (!data.error.length) {
  490. message.success('保存成功!');
  491. this.handleCancel();
  492. this.selectSuperId();
  493. } else {
  494. message.warning(data.error[0].message);
  495. }
  496. }.bind(this));
  497. }
  498. });
  499. },
  500. //主管初始加载(自动补全)
  501. supervisor(e){
  502. $.ajax({
  503. method: "post",
  504. dataType: "json",
  505. crossDomain: false,
  506. url: globalConfig.context + "/api/admin/organization/selectName",
  507. data:{
  508. name:e
  509. },
  510. success: function (data) {
  511. let thedata=data.data;
  512. if (!thedata) {
  513. if (data.error && data.error.length) {
  514. message.warning(data.error[0].message);
  515. };
  516. thedata = {};
  517. };
  518. this.setState({
  519. customerArr:thedata,
  520. });
  521. }.bind(this),
  522. }).always(function () {
  523. this.setState({
  524. loading: false
  525. });
  526. }.bind(this));
  527. },
  528. //上级主管输入框失去焦点是判断客户是否存在
  529. selectAuto(value,options){
  530. this.setState({
  531. managerIdOrganization:value
  532. })
  533. let theType='';
  534. let contactLists=this.state.customerArr||[];
  535. if (value) {
  536. contactLists.map(function (item) {
  537. if (item.name == value.toString()) {
  538. theType = item.id;
  539. }
  540. });
  541. }
  542. this.setState({
  543. theTypes:theType
  544. })
  545. },
  546. selectAuto2(value,options){
  547. this.setState({
  548. financeId:value
  549. })
  550. let theType='';
  551. let contactLists=this.state.customerArr||[];
  552. if (value) {
  553. contactLists.map(function (item) {
  554. if (item.name == value.toString()) {
  555. theType = item.id;
  556. }
  557. });
  558. }
  559. this.setState({
  560. theTypes2:theType
  561. })
  562. },
  563. //失去焦点时
  564. blurChange(e){
  565. },
  566. //值改变时请求客户名称
  567. httpChange(e){
  568. if(e.length>=1){
  569. this.supervisor(e);
  570. }
  571. this.setState({
  572. managerIdOrganization:e
  573. })
  574. },
  575. httpChange2(e){
  576. if(e.length>=1){
  577. this.supervisor(e);
  578. }
  579. this.setState({
  580. financeName:e
  581. })
  582. },
  583. addClick() {
  584. this.state.theTypes='';
  585. this.state.nameOrganization='';//组织名称清零
  586. this.state.managerIdOrganization= '';//负责人ID清零
  587. this.state.financeId = "";//负责人ID清零
  588. this.state.financeName = "";//负责人ID清零
  589. this.state.typeOrganization= undefined; //组织类型清零
  590. this.state.upOrganization= undefined;//上级组织清零
  591. this.state.remarksOrganization= '';//组织职能说明清零
  592. this.state.RowData = {};
  593. this.setState({
  594. visible: true
  595. });
  596. this.selectSuperId();
  597. },
  598. editClick() {
  599. this.state.RowData = {};
  600. this.setState({
  601. editvisible: true
  602. });
  603. },
  604. handleCancel() {
  605. this.setState({ visible: false })
  606. },
  607. edithandleCancel() {
  608. this.loadData(this.state.page);
  609. this.setState({ editvisible: false })
  610. },
  611. search() {
  612. this.loadData();
  613. },
  614. //把搜索的部分置零
  615. reset() {
  616. this.state.superId = undefined;//上级组织清零
  617. this.state.name = '';//组织名称清零
  618. this.state.type = undefined;//组织类型清零
  619. this.state.depNo = '';//组织编号清零
  620. this.loadData();
  621. },
  622. searchSwitch() {
  623. this.setState({
  624. searchMore: !this.state.searchMore
  625. });
  626. },
  627. changeList(arr) {
  628. const newArr = [];
  629. this.state.columns.forEach(item => {
  630. arr.forEach(val => {
  631. if (val === item.title) {
  632. newArr.push(item);
  633. }
  634. });
  635. });
  636. this.setState({
  637. changeList: newArr
  638. });
  639. },
  640. render() {
  641. const FormItem = Form.Item
  642. const rowSelection = {
  643. selectedRowKeys: this.state.selectedRowKeys,
  644. onChange: (selectedRowKeys, selectedRows) => {
  645. this.setState({
  646. selectedRows: selectedRows.slice(-1),
  647. selectedRowKeys: selectedRowKeys.slice(-1)
  648. });
  649. },
  650. onSelect: (recordt, selected, selectedRows) => {
  651. this.setState({
  652. recordt:recordt.id
  653. })
  654. },
  655. };
  656. const formItemLayout = {
  657. labelCol: { span: 8 },
  658. wrapperCol: { span: 14 },
  659. };
  660. const { getFieldDecorator } = this.props.form;
  661. const hasSelected = this.state.selectedRowKeys.length > 0;
  662. const { RangePicker } = DatePicker;
  663. const dataSources=this.state.customerArr || [];
  664. const options = dataSources.map((group,index) =>
  665. <Option key={index} value={group.name}>{group.name}</Option>
  666. )
  667. const options2 = dataSources.map((group,index) =>
  668. <Option key={index} value={group.name}>{group.name}</Option>
  669. )
  670. return (
  671. <div className="user-content" >
  672. <div className="content-title">
  673. <Tabs
  674. defaultActiveKey="1"
  675. onChange={this.callback}
  676. className="test">
  677. <TabPane tab="搜索" key="1">
  678. <div className="user-search">
  679. <Input placeholder="组织名称" style={{width:'150px',marginRight:'10px',marginBottom:'10px'}}
  680. value={this.state.name}
  681. onChange={(e) => { this.setState({ name: e.target.value }); }} />
  682. <Select placeholder="上级组织"
  683. style={{ width:'200px',marginRight:'10px' }}
  684. value={this.state.superId}
  685. onChange={(e) => { this.setState({ superId: e }) }} notFoundContent="未获取到上级组织列表">
  686. {this.state.contactsOption}
  687. </Select>
  688. <Button type="primary" onClick={this.search} style={{marginRight:'10px'}}>搜索</Button>
  689. <Button onClick={this.reset} style={{marginRight:'10px'}}>重置</Button>
  690. <Popconfirm title="是否删除?" onConfirm={this.delectRow} okText="是" cancelText="否">
  691. <Button style={{ background: "#ea0862", border: "none", color: "#fff",marginRight:'10px' ,marginLeft:'10px'}}
  692. disabled={!hasSelected}
  693. >删除<Icon type="minus" />
  694. </Button>
  695. </Popconfirm>
  696. <span style={{marginRight:'20px'}}>更多搜索 <Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
  697. <div style={this.state.searchMore ? { display: 'none' } : {display: 'inline-block'}}>
  698. <Input placeholder="组织编号" style={{width:'150px',marginRight:'10px'}}
  699. value={this.state.depNo}
  700. onChange={(e) => { this.setState({ depNo: e.target.value }); }} />
  701. <Select placeholder="组织类型"
  702. style={{width:'150px',marginRight:'50px'}}
  703. value={this.state.type}
  704. onChange={(e) => { this.setState({ type: e }) }}>
  705. <Select.Option value="0" >公司</Select.Option>
  706. <Select.Option value="1" >部门</Select.Option>
  707. <Select.Option value="2" >团队</Select.Option>
  708. </Select>
  709. </div>
  710. </div>
  711. </TabPane>
  712. <TabPane tab="新增组织" key="2" >
  713. <Button type="primary" className="addButton" onClick={this.addClick} style={{marginBottom:'10px',float:'left'}}>新增组织<Icon type="plus" /></Button>
  714. </TabPane>
  715. <TabPane tab="更改表格显示数据" key="3">
  716. <div style={{ marginLeft: 10 }}>
  717. <ChooseList
  718. columns={this.state.columns}
  719. changeFn={this.changeList}
  720. changeList={this.state.changeList}
  721. top={55}
  722. margin={11}
  723. />
  724. </div>
  725. </TabPane>
  726. </Tabs>
  727. <div className="patent-table">
  728. <Spin spinning={this.state.loading}>
  729. <Table size="middle" columns={
  730. this.state.changeList
  731. ? this.state.changeList
  732. : this.state.columns
  733. }
  734. dataSource={this.state.dataSource}
  735. rowSelection={rowSelection}
  736. pagination={this.state.pagination}
  737. onRowClick={this.tableRowClick} />
  738. </Spin>
  739. </div>
  740. <div className="patent-desc">
  741. <Modal maskClosable={false} visible={this.state.visible}
  742. onOk={this.checkPatentProcess} onCancel={this.handleCancel}
  743. width='600px'
  744. title='新增组织'
  745. footer=''
  746. className="admin-desc-content">
  747. <Form horizontal onSubmit={this.addhandleSubmit} id="add-form">
  748. <Spin spinning={this.state.loading}>
  749. <div className="clearfix">
  750. <FormItem
  751. labelCol={{ span: 7 }}
  752. wrapperCol={{ span: 12 }}
  753. label="组织名称" >
  754. <Input placeholder="组织名称" value={this.state.nameOrganization} style={{width:'95%'}}
  755. onChange={(e)=>{this.setState({nameOrganization:e.target.value})}} required="required"/>
  756. <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
  757. </FormItem>
  758. </div>
  759. <div className="clearfix">
  760. <FormItem
  761. labelCol={{ span: 7 }}
  762. wrapperCol={{ span: 12}}
  763. label="负责人"
  764. >
  765. <AutoComplete
  766. className="certain-category-search"
  767. dropdownClassName="certain-category-search-dropdown"
  768. dropdownMatchSelectWidth={false}
  769. dataSource={options}
  770. placeholder="输入名称"
  771. value={this.state.managerIdOrganization}
  772. onChange={this.httpChange}
  773. filterOption={true}
  774. onBlur={this.blurChange}
  775. onSelect={this.selectAuto}
  776. style={{width:'95%'}}
  777. >
  778. <Input />
  779. </AutoComplete>
  780. {/*<span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>*/}
  781. </FormItem>
  782. </div>
  783. <div className="clearfix">
  784. <FormItem
  785. labelCol={{ span: 7 }}
  786. wrapperCol={{ span: 12 }}
  787. label="组织类型"
  788. >
  789. <Select placeholder="组织类型" value={this.state.typeOrganization}
  790. onChange={(e)=>{this.setState({typeOrganization:e})}} style={{width:'95%'}} required="required">
  791. {
  792. patternOrganization.map(function (item) {
  793. return <Select.Option key={item.value} >{item.key}</Select.Option>
  794. })
  795. }
  796. </Select>
  797. <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
  798. </FormItem>
  799. </div>
  800. <div className="clearfix">
  801. <FormItem
  802. labelCol={{ span: 7 }}
  803. wrapperCol={{ span: 12 }}
  804. label="上级组织"
  805. >
  806. <Select placeholder="请选择上级组织"
  807. value={this.state.upOrganization}
  808. onChange={(e)=>{this.setState({upOrganization:e})}}
  809. notFoundContent="未获取到上级组织列表"
  810. style={{width:'95%'}} required="required">
  811. {this.state.contactsOption}
  812. </Select>
  813. <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span>
  814. </FormItem>
  815. </div>
  816. <div className="clearfix">
  817. <FormItem
  818. labelCol={{ span: 7 }}
  819. wrapperCol={{ span: 12 }}
  820. label="组织职能说明" >
  821. <Input type="textarea" rows={4} placeholder="组织职能说明" value={this.state.remarksOrganization}
  822. onChange={(e) => { this.setState({ remarksOrganization: e.target.value }) }} style={{width:'95%'}}/>
  823. </FormItem>
  824. </div>
  825. <FormItem wrapperCol={{ span: 12, offset: 7 }}>
  826. <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
  827. <Button className="set-submit" type="ghost" onClick={this.handleCancel} style={{marginLeft:'100px'}}>取消</Button>
  828. </FormItem>
  829. </Spin>
  830. </Form >
  831. </Modal>
  832. </div>
  833. <div className="patent-desc">
  834. <Modal maskClosable={false} visible={this.state.editvisible}
  835. onOk={this.checkPatentProcess} onCancel={this.edithandleCancel}
  836. width='600px'
  837. title='编辑组织'
  838. footer=''
  839. className="admin-desc-content">
  840. <Form horizontal onSubmit={this.edithandleSubmit} id="edit-form">
  841. <Spin spinning={this.state.loading}>
  842. <div className="clearfix">
  843. <FormItem
  844. labelCol={{ span: 7 }}
  845. wrapperCol={{ span: 12 }}
  846. label="组织名称" >
  847. <Input placeholder="组织名称" value={this.state.editName}
  848. onChange={(e)=>{this.setState({editName:e.target.value})}}/>
  849. </FormItem>
  850. </div>
  851. <div className="clearfix">
  852. <FormItem
  853. labelCol={{ span: 7 }}
  854. wrapperCol={{ span: 12}}
  855. label="负责人"
  856. >
  857. <AutoComplete
  858. className="certain-category-search"
  859. dropdownClassName="certain-category-search-dropdown"
  860. dropdownMatchSelectWidth={false}
  861. dataSource={options}
  862. placeholder="输入名称"
  863. value={this.state.managerIdOrganization}
  864. onChange={this.httpChange}
  865. filterOption={true}
  866. onBlur={this.blurChange}
  867. onSelect={this.selectAuto}
  868. style={{width:'95%'}}
  869. >
  870. <Input />
  871. </AutoComplete>
  872. {/* <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span> */}
  873. </FormItem>
  874. </div>
  875. <div className="clearfix">
  876. <FormItem
  877. labelCol={{ span: 7 }}
  878. wrapperCol={{ span: 12 }}
  879. label="组织类型"
  880. >
  881. <Select placeholder="组织类型" value={this.state.editType}
  882. onChange={(e)=>{this.setState({editType:e})}}>
  883. {
  884. patternOrganization.map(function (item) {
  885. return <Select.Option key={item.value} >{item.key}</Select.Option>
  886. })
  887. }
  888. </Select>
  889. </FormItem>
  890. </div>
  891. <div className="clearfix">
  892. <FormItem
  893. labelCol={{ span: 7 }}
  894. wrapperCol={{ span: 12 }}
  895. label="组织状态"
  896. >
  897. <Select placeholder="组织状态" value={this.state.editStatus}
  898. onChange={(e)=>{this.setState({editStatus:e})}}>
  899. {
  900. conditionOrganization.map(function (item) {
  901. return <Select.Option key={item.value} >{item.key}</Select.Option>
  902. })
  903. }
  904. </Select>
  905. </FormItem>
  906. </div>
  907. <div className="clearfix">
  908. <FormItem
  909. labelCol={{ span: 7 }}
  910. wrapperCol={{ span: 12 }}
  911. label="省份"
  912. >
  913. <Select
  914. placeholder="请选择省份"
  915. value={getNewDiccityArr(this.state.province)}
  916. onChange={e => {
  917. this.setState({ province: e });
  918. }}
  919. >
  920. {citySelect().map(function(item) {
  921. return (
  922. <Select.Option key={item.value} value={item.value}>{item.label}</Select.Option>
  923. );
  924. })}
  925. </Select>
  926. </FormItem>
  927. </div>
  928. <div className="clearfix">
  929. <FormItem
  930. labelCol={{ span: 7 }}
  931. wrapperCol={{ span: 12 }}
  932. label="上级组织"
  933. >
  934. <Select placeholder="请选择上级组织"
  935. value={this.state.editSuperId}
  936. onChange={(e)=>{this.setState({editSuperId:e})}}
  937. notFoundContent="未获取到上级组织列表">
  938. {this.state.contactsOption}
  939. </Select>
  940. </FormItem>
  941. </div>
  942. <div className="clearfix">
  943. <FormItem
  944. labelCol={{ span: 7 }}
  945. wrapperCol={{ span: 12 }}
  946. label="缩写" >
  947. <Input placeholder="缩写" value={this.state.abbreviation}
  948. onChange={(e)=>{this.setState({abbreviation:e.target.value})}}/>
  949. </FormItem>
  950. </div>
  951. <div className="clearfix">
  952. <FormItem
  953. labelCol={{ span: 7 }}
  954. wrapperCol={{ span: 12}}
  955. label="财务负责人"
  956. >
  957. <AutoComplete
  958. className="certain-category-search"
  959. dropdownClassName="certain-category-search-dropdown"
  960. dropdownMatchSelectWidth={false}
  961. dataSource={options2}
  962. placeholder="输入名称"
  963. value={this.state.financeName}
  964. onChange={this.httpChange2}
  965. filterOption={true}
  966. onBlur={this.blurChange}
  967. onSelect={this.selectAuto2}
  968. style={{width:'95%'}}
  969. >
  970. <Input />
  971. </AutoComplete>
  972. {/* <span className="mandatory" style={{color:'red',marginLeft:'5px'}}>*</span> */}
  973. </FormItem>
  974. </div>
  975. <div className="clearfix">
  976. <FormItem
  977. labelCol={{ span: 7 }}
  978. wrapperCol={{ span: 12 }}
  979. label="组织编号"
  980. >
  981. <span>{this.state.editDepNo}</span>
  982. </FormItem>
  983. </div>
  984. <div className="clearfix" >
  985. <FormItem
  986. labelCol={{ span: 7 }}
  987. wrapperCol={{ span: 12 }}
  988. label="创建人"
  989. >
  990. <span>{this.state.editCreateId}</span>
  991. </FormItem>
  992. </div>
  993. <div className="clearfix">
  994. <FormItem
  995. labelCol={{ span: 7 }}
  996. wrapperCol={{ span: 12 }}
  997. label="创建时间"
  998. >
  999. <span>{this.state.editTime}</span>
  1000. </FormItem>
  1001. </div>
  1002. <div className="clearfix">
  1003. <FormItem
  1004. labelCol={{ span: 7 }}
  1005. wrapperCol={{ span: 12 }}
  1006. label="组织职能说明" >
  1007. <Input type="textarea" rows={4} placeholder="组织职能说明" value={this.state.editRemarks}
  1008. onChange={(e) => { this.setState({ editRemarks: e.target.value }) }}/>
  1009. </FormItem>
  1010. </div>
  1011. <FormItem wrapperCol={{ span: 12, offset: 7 }}>
  1012. <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
  1013. <Button className="set-submit" type="ghost" onClick={this.edithandleCancel} style={{marginLeft:'100px'}}>取消</Button>
  1014. </FormItem>
  1015. </Spin>
  1016. </Form >
  1017. </Modal>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. );
  1022. }
  1023. }));
  1024. export default Organization;