organization.jsx 32 KB

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