organization.jsx 40 KB

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