organization.jsx 32 KB

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