organization.jsx 40 KB

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