press.jsx 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717
  1. import React from 'react';
  2. import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message,Calendar , DatePicker, Upload, Form ,Modal,Tabs,Card ,Col} from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import Jquery from 'jquery/dist/jquery.js';
  6. import moment from 'moment';
  7. import {boutique } from '@/dataDic.js';
  8. import { getLiquidationStatus,getApprovedState,getProcessStatus,splitUrl,getjiedian,getboutique,getNewOrderStatus,getProjectStatus} from '@/tools.js';
  9. import './customer.less';
  10. const TabPane = Tabs.TabPane;
  11. const Dragger = Upload.Dragger;
  12. //图片组件
  13. const PicturesWall = React.createClass({
  14. getInitialState() {
  15. return {
  16. previewVisible: false,
  17. previewImage: '',
  18. fileList: [],
  19. }
  20. },
  21. handleCancel() {
  22. this.setState({
  23. previewVisible: false
  24. })
  25. },
  26. handlePreview(file) {
  27. this.setState({
  28. previewImage: file.url || file.thumbUrl,
  29. previewVisible: true,
  30. });
  31. },
  32. handleChange(info) {
  33. let fileList = info.fileList;
  34. this.setState({
  35. fileList
  36. });
  37. this.props.fileList(fileList);
  38. },
  39. componentWillReceiveProps(nextProps) {
  40. this.state.fileList = nextProps.pictureUrl;
  41. this.state.pojectApplicationUrl = undefined;
  42. },
  43. render() {
  44. const {
  45. previewVisible,
  46. previewImage,
  47. fileList
  48. } = this.state;
  49. const uploadButton = (
  50. <div>
  51. <Icon type="plus" />
  52. <div className="ant-upload-text">点击上传</div>
  53. </div>
  54. );
  55. return(
  56. <div style={{display:"inline-block"}}>
  57. <Upload
  58. action={globalConfig.context + "/api/admin/customer/uploadCustomerImg"}
  59. data={{ 'sign': '' }}
  60. listType="picture-card"
  61. fileList={fileList}
  62. onPreview={this.handlePreview}
  63. onChange={this.handleChange} >
  64. {fileList.length >= 1 ? null : uploadButton}
  65. </Upload>
  66. <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
  67. <img alt="example" style={{ width: '100%' }} src={previewImage} />
  68. </Modal>
  69. </div>
  70. );
  71. }
  72. });
  73. const IntentionCustomer = Form.create()(React.createClass({
  74. loadData(pageNo, apiUrl) {
  75. this.setState({
  76. visitModul:false,
  77. loading: true,
  78. ispage:pageNo,
  79. modalVisible:false
  80. });
  81. $.ajax({
  82. method: "get",
  83. dataType: "json",
  84. crossDomain: false,
  85. url: globalConfig.context +"/api/admin/newOrder/dunOrderNewList",
  86. data: {
  87. pageNo: pageNo || 1,
  88. pageSize: this.state.pagination.pageSize,
  89. name: this.state.customerName,//名称
  90. orderNo: this.state.orderNo,//订单编号
  91. starTime: this.state.releaseDate[0],//开始时间
  92. endTime: this.state.releaseDate[1],//结束时间
  93. },
  94. success: function(data) {
  95. let theArr = [];
  96. if(data.error.length || data.data.list == "") {
  97. if(data.error && data.error.length) {
  98. message.warning(data.error[0].message);
  99. };
  100. } else {
  101. for(let i = 0; i < data.data.list.length; i++) {
  102. let thisdata = data.data.list[i];
  103. theArr.push({
  104. key: i,
  105. orderNo: thisdata.orderNo,//订单编号
  106. totalAmount:thisdata.totalAmount,//签单金额
  107. settlementAmount:thisdata.settlementAmount,//已收款
  108. orderStatus:thisdata.orderStatus,//订单状态
  109. projectStatus:thisdata.projectStatus,//项目状态
  110. liquidationStatus:thisdata.liquidationStatus,//结算状态
  111. signDate:thisdata.signDate,//签单时间
  112. userName:thisdata.userName,//客户名称
  113. salesmanName:thisdata.salesmanName,//营销员名称
  114. dunSubject:thisdata.dunSubject,//催收科目
  115. startDate:thisdata.startDate,//催收启动时间
  116. });
  117. };
  118. this.state.pagination.total = data.data.totalCount;
  119. };
  120. if(data.data&&data.data.list&&!data.data.list.length){
  121. this.state.pagination.total=0
  122. }
  123. this.setState({
  124. dataSource: theArr,
  125. pageNo: pageNo,
  126. pagination: this.state.pagination,
  127. selectedRowKeys:[]
  128. });
  129. }.bind(this),
  130. }).always(function() {
  131. this.setState({
  132. loading: false
  133. });
  134. }.bind(this));
  135. },
  136. getInitialState() {
  137. return {
  138. page:1,
  139. releaseDate: [],
  140. selectedRowKeys: [],
  141. orgCodeUrl:[],
  142. paginations:false,
  143. pagination: {
  144. defaultCurrent: 1,
  145. defaultPageSize: 10,
  146. showQuickJumper: true,
  147. pageSize: 10,
  148. onChange: function(page) {
  149. this.loadData(page);
  150. }.bind(this),
  151. showTotal: function(total) {
  152. return '共' + total + '条数据';
  153. }
  154. },
  155. columns: [
  156. {
  157. title: '订单编号',
  158. dataIndex: 'orderNo',
  159. key: 'orderNo'
  160. }, {
  161. title: '签单时间',
  162. dataIndex: 'signDate',
  163. key: 'signDate'
  164. },{
  165. title: '客户名称',
  166. dataIndex: 'userName',
  167. key: 'userName',
  168. render:(text)=>{
  169. return (text&&text.length>9?text.substr(0,9)+'...':text)
  170. }
  171. },{
  172. title: '订单状态',
  173. dataIndex: 'orderStatus',
  174. key: 'orderStatus',
  175. render:text=>{return getNewOrderStatus(text)}
  176. }, {
  177. title: '签单金额(万元)',
  178. dataIndex: 'totalAmount',
  179. key: 'totalAmount'
  180. },{
  181. title: '项目状态',
  182. dataIndex: 'projectStatus',
  183. key: 'projectStatus',
  184. render:text=>{return getProjectStatus(text)}
  185. },{
  186. title: '结算状态',
  187. dataIndex: 'liquidationStatus',
  188. key: 'liquidationStatus',
  189. render:text=>{return getLiquidationStatus(text)}
  190. }, {
  191. title: '已收款',
  192. dataIndex: 'settlementAmount',
  193. key: 'settlementAmount'
  194. },{
  195. title: '订单负责人',
  196. dataIndex: 'salesmanName',
  197. key: 'salesmanName'
  198. },{
  199. title: '催收科目',
  200. dataIndex: 'dunSubject',
  201. key: 'dunSubject'
  202. },{
  203. title: '催款启动日期',
  204. dataIndex: 'startDate',
  205. key: 'startDate'
  206. }, {
  207. title: '跟进操作',
  208. dataIndex: 'abc',
  209. key: 'abc',
  210. render: (text, record, index) => {
  211. return <div>
  212. <Button onClick={(e) =>{ e.stopPropagation(), this.visit(record)}} type="primary">添加催款记录</Button>
  213. </div>
  214. }
  215. }
  216. ],
  217. data: [],
  218. dataSource: [],
  219. columnsX: [
  220. {
  221. title: '业务项目名称',
  222. dataIndex: 'commodityName',
  223. key: 'commodityName'
  224. }, {
  225. title: '项目类别',
  226. dataIndex: 'cname',
  227. key: 'cname',
  228. },{
  229. title: '项目数量',
  230. dataIndex: 'commodityQuantity',
  231. key: 'commodityQuantity'
  232. }, {
  233. title: '金额(万元)',
  234. dataIndex: 'commodityPrice',
  235. key: 'commodityPrice'
  236. }, {
  237. title: '负责人',
  238. dataIndex: 'contacts',
  239. key: 'contacts'
  240. }, {
  241. title: '负责人电话',
  242. dataIndex: 'contactsMobile',
  243. key: 'contactsMobile'
  244. }, {
  245. title: '主要项目',
  246. dataIndex: 'main',
  247. key: 'main',
  248. render:(text)=>{
  249. return (text?'是':'否')
  250. }
  251. }, {
  252. title: '项目说明',
  253. dataIndex: 'taskComment',
  254. key: 'taskComment',
  255. render:(text)=>{
  256. return (text&&text.length>8?text.substr(0,8)+'…':text)
  257. }
  258. }
  259. ],
  260. dataSourceX: [],
  261. }
  262. },
  263. //页面加载函数
  264. componentWillMount() {
  265. this.loadData();
  266. },
  267. //进入新增拜访记录
  268. visit(e) {
  269. this.setState({
  270. visible:true,
  271. })
  272. },
  273. // //整行点击
  274. // tableRowClick(record, index) {
  275. // this.setState({
  276. // visible:true,
  277. // });
  278. // this.xiangqing(record.orderNo);
  279. // this.xiangmu(record.orderNo);
  280. // this.jiedian(record.orderNo);
  281. // },
  282. //项目列表
  283. xiangmu(orderNos) {
  284. $.ajax({
  285. method: "get",
  286. dataType: "json",
  287. crossDomain: false,
  288. url: globalConfig.context +"/api/admin/newOrder/getOrderTask",
  289. data: {
  290. orderNo:orderNos
  291. },
  292. success: function(data) {
  293. let theArr = [];
  294. if(data.error.length || data.data.list == "") {
  295. if(data.error && data.error.length) {
  296. message.warning(data.error[0].message);
  297. };
  298. } else {
  299. for (let i = 0; i < data.data.length; i++) {
  300. let thisdata = data.data[i];
  301. theArr.push({
  302. key: i,
  303. id:thisdata.id,
  304. orderNo:thisdata.orderNo,//订单编号
  305. commodityId:thisdata.commodityId,//项目ID
  306. commodityName:thisdata.commodityName,//项目名称
  307. cname:thisdata.cname,//项目类别
  308. commodityPrice:thisdata.commodityPrice,//项目价格
  309. commodityQuantity:thisdata.commodityQuantity,//项目数量
  310. main:thisdata.main,//是否为主要任务
  311. taskComment:thisdata.taskComment,//任务说明
  312. contacts:thisdata.contacts,//联系人
  313. contactsMobile:thisdata.contactsMobile,//联系人电话
  314. });
  315. };
  316. };
  317. this.setState({
  318. dataSourceX: theArr,
  319. });
  320. }.bind(this),
  321. }).always(function() {
  322. this.setState({
  323. loading: false
  324. });
  325. }.bind(this));
  326. },
  327. //审核通过
  328. examOk(){
  329. $.ajax({
  330. method: "post",
  331. dataType: "json",
  332. crossDomain: false,
  333. url: globalConfig.context +"/api/admin/newOrder/approvalOrder",
  334. data: {
  335. orderNo:this.state.orderNo,
  336. confirm:2,
  337. },
  338. success: function(data) {
  339. if(data.error.length || data.data.list == "") {
  340. if(data.error && data.error.length) {
  341. message.warning(data.error[0].message);
  342. };
  343. } else {
  344. message.success("该特批订单已通过审核~");
  345. this.setState({
  346. visible:false,
  347. });
  348. this.loadData();
  349. this.resets();
  350. };
  351. }.bind(this),
  352. }).always(function() {
  353. this.setState({
  354. loading: false
  355. });
  356. }.bind(this));
  357. },
  358. //关闭输入理由框
  359. noCancel(){
  360. this.setState({
  361. noVisible:false
  362. })
  363. },
  364. //搜索
  365. search() {
  366. this.setState({
  367. //signBillVisible:false
  368. })
  369. this.loadData();
  370. },
  371. //重置
  372. reset() {
  373. this.setState({
  374. signBillVisible:false
  375. })
  376. this.state.orderNo='';
  377. this.state.customerName='';
  378. this.state.releaseDate[0] = undefined;
  379. this.state.releaseDate[1] = undefined;
  380. this.loadData();
  381. },
  382. resets(){
  383. this.state.orderNo='';
  384. this.state.customerName='';
  385. this.state.releaseDate[0] = undefined;
  386. this.state.releaseDate[1] = undefined;
  387. },
  388. getOrgCodeUrl(e) {
  389. this.setState({ orgCodeUrl: e });
  390. },
  391. //关闭详情
  392. visitCancel(e){
  393. this.setState({
  394. visible:false
  395. })
  396. this.resets();
  397. },
  398. visitOk(e){
  399. this.setState({
  400. visible:false
  401. })
  402. this.resets();
  403. },
  404. render() {
  405. const formItemLayout = {
  406. labelCol: { span: 8 },
  407. wrapperCol: { span: 14 },
  408. };
  409. const FormItem = Form.Item;
  410. const { RangePicker } = DatePicker;
  411. const rowSelection = {
  412. selectedRowKeys: this.state.selectedRowKeys,
  413. onChange: (selectedRowKeys, selectedRows) => {
  414. this.setState({
  415. modalVisible:false,
  416. selectedRows: selectedRows.slice(-1),
  417. selectedRowKeys: selectedRowKeys.slice(-1)
  418. });
  419. },
  420. onSelect: (recordt, selected, selectedRows) => {
  421. this.setState({
  422. modalVisible:false,
  423. recordt: recordt.id
  424. })
  425. },
  426. };
  427. const hasSelected = this.state.selectedRowKeys.length > 0;
  428. return(
  429. <div className="user-content">
  430. <div className="content-title">
  431. <span>催款节点统计</span>
  432. </div>
  433. <div className="user-search">
  434. <Input placeholder="客户名称" style={{width:'150px',marginBottom:'10px'}}
  435. value={this.state.customerName}
  436. onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
  437. <Input placeholder="订单编号" style={{width:'150px'}}
  438. value={this.state.orderNo}
  439. onChange={(e) => { this.setState({ orderNo: e.target.value }); }} />
  440. <span style={{marginRight:"10px"}}>合同签订时间 :</span>
  441. <RangePicker
  442. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  443. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  444. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  445. <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索</Button>
  446. <Button onClick={this.reset}>重置</Button>
  447. <div className="patent-table">
  448. <Spin spinning={this.state.loading}>
  449. <Table columns={this.state.columns}
  450. dataSource={this.state.dataSource}
  451. rowSelection={rowSelection}
  452. pagination={this.state.pagination}
  453. onRowClick={this.tableRowClick}
  454. />
  455. </Spin>
  456. </div>
  457. <Modal
  458. className="customeDetails"
  459. footer=''
  460. title="订单详情"
  461. width='900px'
  462. visible={this.state.visible}
  463. onOk={this.visitOk}
  464. onCancel={this.visitCancel}
  465. >
  466. <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
  467. <Spin spinning={this.state.loading}>
  468. <div className="clearfix">
  469. <FormItem className="half-item"
  470. {...formItemLayout}
  471. label="订单编号" >
  472. <span>{this.state.orderNo}</span>
  473. </FormItem>
  474. <FormItem className="half-item"
  475. {...formItemLayout}
  476. label="合同编号" >
  477. <span>{this.state.contractNo}</span>
  478. </FormItem>
  479. <FormItem className="half-item"
  480. {...formItemLayout}
  481. label="客户名称" >
  482. <span>{this.state.userName}</span>
  483. </FormItem>
  484. <FormItem className="half-item"
  485. {...formItemLayout}
  486. label="合同签订时间" >
  487. <span>{this.state.signDate}</span>
  488. </FormItem>
  489. <FormItem className="half-item"
  490. {...formItemLayout}
  491. label="流程状态" >
  492. <span>{getProcessStatus(this.state.processStatus)}</span>
  493. </FormItem>
  494. <FormItem className="half-item"
  495. {...formItemLayout}
  496. label="结算状态" >
  497. <span>{getLiquidationStatus(this.state.liquidationStatus)}</span>
  498. </FormItem>
  499. <FormItem className="half-item"
  500. {...formItemLayout}
  501. label="企业联系人" >
  502. <span>{this.state.contacts}</span>
  503. </FormItem>
  504. <FormItem className="half-item"
  505. {...formItemLayout}
  506. label="联系人电话" >
  507. <span>{this.state.contactMobile}</span>
  508. </FormItem>
  509. <FormItem className="half-item"
  510. {...formItemLayout}
  511. label="企业法人" >
  512. <span>{this.state.legalPerson}</span>
  513. </FormItem>
  514. <FormItem className="half-item"
  515. {...formItemLayout}
  516. label="法人电话" >
  517. <span>{this.state.legalPersonTel}</span>
  518. </FormItem>
  519. <FormItem className="half-item"
  520. {...formItemLayout}
  521. label="签单金额(万元)" >
  522. <span>{this.state.firstAmount}</span>
  523. </FormItem>
  524. <FormItem className="half-item"
  525. {...formItemLayout}
  526. label="首付金额(万元)" >
  527. <span>{this.state.totalAmount}</span>
  528. </FormItem>
  529. <FormItem className="half-item"
  530. {...formItemLayout}
  531. label="特批立项" >
  532. <span>{getApprovedState(this.state.approval)}</span>
  533. </FormItem>
  534. <FormItem className="half-item"
  535. {...formItemLayout}
  536. label="已收款项(万元)" >
  537. <span>{this.state.settlementAmount}</span>
  538. </FormItem>
  539. <div className='clearfix'>
  540. <FormItem
  541. labelCol={{ span: 4 }}
  542. wrapperCol={{ span: 16 }}
  543. label="订单留言" >
  544. <span>{this.state.orderRemarks}</span>
  545. </FormItem>
  546. </div>
  547. <div className='clearfix'>
  548. <FormItem
  549. labelCol={{ span: 4 }}
  550. wrapperCol={{ span: 18 }}
  551. label={
  552. <span>
  553. <strong style={{ color: '#f00' }}>*</strong>合同扫描件
  554. </span>
  555. }
  556. >
  557. <PicturesWall
  558. fileList={this.getOrgCodeUrl}
  559. pictureUrl={this.state.orgCodeUrl} />
  560. <p>图片建议:要清晰。</p>
  561. </FormItem>
  562. </div>
  563. <div className='clearfix'>
  564. <FormItem className="half-item"
  565. {...formItemLayout}
  566. label="订单负责人" >
  567. <span>{this.state.salesmanName}</span>
  568. </FormItem>
  569. <FormItem className="half-item"
  570. {...formItemLayout}
  571. label="订单负责人电话" >
  572. <span>{this.state.salesmanMobile}</span>
  573. </FormItem>
  574. </div>
  575. <div className='clearfix'>
  576. <FormItem className="half-item"
  577. {...formItemLayout}
  578. label="财务负责人" >
  579. <span>{this.state.financeName}</span>
  580. </FormItem>
  581. <FormItem className="half-item"
  582. {...formItemLayout}
  583. label="财务负责人电话" >
  584. <span>{this.state.financeMobile}</span>
  585. </FormItem>
  586. </div>
  587. <div>
  588. <span style={{marginLeft:'50px',fontSize:'20px'}}>催款节点</span>
  589. {this.state.processStatus==0?<Button type='primary' onClick={this.addcontact} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加催款节点</Button>:""}
  590. </div>
  591. <div className="clearfix">
  592. <Spin spinning={this.state.loading}>
  593. <Form layout="horizontal" id="demand-form" >
  594. <Table
  595. pagination={false}
  596. columns={this.state.ContactsLists}
  597. dataSource={this.state.contactList}
  598. />
  599. <Col span={24} offset={9} style={{marginTop:'15px'}}>
  600. </Col>
  601. </Form>
  602. </Spin>
  603. </div>
  604. <div>
  605. <span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
  606. {this.state.processStatus==0?<Button type='primary' onClick={this.addDetailed} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加项目明细</Button>:""}
  607. </div>
  608. <div className="patent-table">
  609. <Spin spinning={this.state.loading}>
  610. <Table columns={this.state.columnsX}
  611. dataSource={this.state.dataSourceX}
  612. pagination={this.state.paginations}
  613. onRowClick={this.tableRowClickX}
  614. />
  615. </Spin>
  616. </div>
  617. <div className='addSave' style={{marginTop:'15px'}}>
  618. <Button className="cancel" type="primary" onClick={this.examOk} style={{marginLeft:"200px"}} htmlType="submit">通过</Button>
  619. <Button className="cancel" type="primary" onClick={this.examNo} style={{marginLeft:"50px"}} htmlType="submit">驳回</Button>
  620. <Button className="cancel" type="ghost" onClick={this.visitCancel} style={{marginLeft:"50px"}}>取消</Button>
  621. </div>
  622. </div>
  623. </Spin>
  624. </Form>
  625. </Modal>
  626. <Modal maskClosable={false} visible={this.state.addnextVisible}
  627. onOk={this.nextCancel} onCancel={this.nextCancel}
  628. width='800px'
  629. title={'项目任务详情'}
  630. footer=''
  631. className="admin-desc-content">
  632. <Form layout="horizontal" id="demand-form">
  633. <Spin spinning={this.state.loading}>
  634. <div className='clearfix'>
  635. <FormItem className="half-item"
  636. {...formItemLayout}
  637. label="项目名称" >
  638. <span>{this.state.commodityName}</span>
  639. </FormItem>
  640. <FormItem className="half-item"
  641. {...formItemLayout}
  642. label="项目数量" >
  643. <span>{this.state.commodityQuantity}</span>
  644. </FormItem>
  645. <FormItem className="half-item"
  646. {...formItemLayout}
  647. label="金额(万元)" >
  648. <span>{this.state.commodityPrice}</span>
  649. </FormItem>
  650. <FormItem className="half-item"
  651. {...formItemLayout}
  652. label="主要项目" >
  653. <span>{getboutique(this.state.main)}</span>
  654. </FormItem>
  655. <div className='clearfix'>
  656. <FormItem
  657. labelCol={{ span: 4 }}
  658. wrapperCol={{ span: 16 }}
  659. label="服务说明" >
  660. <span>{this.state.taskComment}</span>
  661. </FormItem>
  662. </div>
  663. </div>
  664. </Spin>
  665. </Form >
  666. </Modal>
  667. <Modal maskClosable={false} visible={this.state.noVisible}
  668. onOk={this.noCancel} onCancel={this.noCancel}
  669. width='400px'
  670. title={'拒绝理由'}
  671. footer=''
  672. className="admin-desc-content">
  673. <Form layout="horizontal" id="demand-form">
  674. <Spin spinning={this.state.loading}>
  675. <div className='clearfix'>
  676. <FormItem
  677. labelCol={{ span: 4 }}
  678. wrapperCol={{ span: 16 }}
  679. label="拒绝理由" >
  680. <Input type="textarea" placeholder="请输入拒绝理由" rows={4} value={this.state.reason}
  681. onChange={(e)=>{this.setState({reason:e.target.value})}}/>
  682. </FormItem>
  683. </div>
  684. <div className='clearfix'>
  685. <Button className="cancel" type="primary" onClick={this.examOks} style={{marginLeft:"50px"}} htmlType="submit">确定</Button>
  686. <Button className="cancel" type="ghost" onClick={this.noCancel} style={{marginLeft:"50px"}}>取消</Button>
  687. </div>
  688. </Spin>
  689. </Form >
  690. </Modal>
  691. </div>
  692. </div>
  693. );
  694. }
  695. }));
  696. export default IntentionCustomer;