organization.jsx 36 KB

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