organization.jsx 34 KB

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