organization.jsx 36 KB

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