organization.jsx 36 KB

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