organization.jsx 41 KB

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