index.jsx 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846
  1. import React, { Component } from "react";
  2. import TabelContent from "../../../common/tabelContent";
  3. import {
  4. Button,
  5. Modal,
  6. Tag,
  7. Form,
  8. DatePicker,
  9. Input,
  10. message,
  11. Upload,
  12. Icon,
  13. Radio,
  14. Popconfirm,
  15. } from "antd";
  16. import $ from "jquery/src/ajax";
  17. import DunningRecord from "./dunningRecord";
  18. import ImgList from "../../../common/imgList";
  19. import { splitUrl } from "../../../tools.js";
  20. import download from "downloadjs";
  21. import LegalRecd from "../../legalAffairs/collectioning/legalRecd";
  22. import TablePopup from "../../legalAffairs/collectioning/tablePopup";
  23. const confirm = Modal.confirm;
  24. const { TextArea } = Input;
  25. const RadioGroup = Radio.Group;
  26. class PressMoney extends Component {
  27. constructor(props) {
  28. super(props);
  29. this.state = {
  30. columns: [
  31. {
  32. title: "序号",
  33. dataIndex: "key",
  34. key: "key",
  35. width: 35,
  36. },
  37. {
  38. title: "合同编号",
  39. dataIndex: "contractNo",
  40. key: "contractNo",
  41. width:90,
  42. },
  43. {
  44. title: "客户名称",
  45. dataIndex: "buyerName",
  46. key: "buyerName",
  47. width: 150,
  48. },
  49. {
  50. title: "订单负责人",
  51. dataIndex: "salesmanName",
  52. key: "salesmanName",
  53. width: 100,
  54. },
  55. {
  56. title: "订单部门",
  57. dataIndex: "depName",
  58. key: "depName",
  59. width: 120,
  60. },
  61. {
  62. title: "签单金额(万元)",
  63. dataIndex: "totalAmount",
  64. key: "totalAmount",
  65. width: 80,
  66. },
  67. {
  68. title: "已收款(万元)",
  69. dataIndex: "settlementAmount",
  70. key: "settlementAmount",
  71. width: 80,
  72. },
  73. {
  74. title: "应收款(万元)",
  75. dataIndex: "orderReceivables",
  76. key: "orderReceivables",
  77. width: 80,
  78. },
  79. {
  80. title: "欠款(万元)",
  81. dataIndex: "orderArrears",
  82. key: "orderArrears",
  83. width: 80,
  84. },
  85. {
  86. title: "催款启动日期",
  87. dataIndex: "dunStartTimes",
  88. key: "dunStartTimes",
  89. width: 100,
  90. },
  91. {
  92. title: "自动移交法务(天)",
  93. dataIndex: "daysRemaining",
  94. key: "daysRemaining",
  95. width: 90,
  96. render: (text) => {
  97. return text === 0 ? "已移交法务" : text + "天";
  98. },
  99. },
  100. {
  101. title: "操作",
  102. dataIndex: "id",
  103. key: "id",
  104. width: 250,
  105. render: (text, record, index) => {
  106. let _this = this;
  107. return (
  108. <div style={{ display: "flex", alignItems: "center" }}>
  109. <Button
  110. disabled={record.daysRemaining === 0}
  111. type="primary"
  112. style={{ marginRight: "10px" }}
  113. onClick={(e) => {
  114. this.setState({
  115. visibleTransfer: true,
  116. orderNoTransfer: record.orderNo,
  117. });
  118. // e.stopPropagation();
  119. // confirm({
  120. // title: "提醒",
  121. // content: "你确定移交法务吗?",
  122. // okText: "转交",
  123. // cancelText: "取消",
  124. // onOk() {
  125. // _this.transfer(record.orderNo);
  126. // },
  127. // });
  128. }}
  129. >
  130. 移交法务
  131. </Button>
  132. <Button
  133. type="primary"
  134. style={{ marginRight: "10px" }}
  135. onClick={(e) => {
  136. e.stopPropagation();
  137. this.setState({
  138. visible: true,
  139. dataInfor: record,
  140. });
  141. // console.log(record);
  142. }}
  143. >
  144. 催款记录
  145. </Button>
  146. <Button
  147. type="primary"
  148. style={{ marginRight: "10px" }}
  149. onClick={(e) => {
  150. this.setState({
  151. visibleTwo: true,
  152. dataInfor: record,
  153. });
  154. e.stopPropagation();
  155. }}
  156. >
  157. 法务记录
  158. </Button>
  159. </div>
  160. );
  161. },
  162. },
  163. ],
  164. searchList: [
  165. {
  166. type: "text",
  167. dataKey: "userName",
  168. placeholder: "请输入客户名称",
  169. },
  170. {
  171. type: "text",
  172. dataKey: "contractNo",
  173. placeholder: "请输入合同编号",
  174. },
  175. {
  176. type: "autoComplete",
  177. dataKey: "aid",
  178. api: "/api/admin/customer/listAdminByName",
  179. search: "adminName",
  180. placeholder: "请输入营销人名称",
  181. },
  182. {
  183. type: "departmentSelect",
  184. dataKey: "depId",
  185. placeholder: "请选择订单部门",
  186. },
  187. {
  188. type: "select",
  189. dataKey: "legalAffairs",
  190. placeholder: "请选择是否移交法务",
  191. selectList: [
  192. {
  193. value: "1",
  194. label: "已移交法务",
  195. },
  196. {
  197. value: "0",
  198. label: "未移交法务",
  199. },
  200. ],
  201. },
  202. {
  203. type: "times",
  204. title: "催款启动",
  205. dataKey: ["startTime", "endTime"],
  206. },
  207. ],
  208. columnsTwo: [
  209. {
  210. title: "序号",
  211. dataIndex: "key",
  212. key: "key",
  213. width: 45,
  214. },
  215. {
  216. title: "操作人名称",
  217. dataIndex: "adminName",
  218. key: "adminName",
  219. width: 140,
  220. },
  221. {
  222. title: "客户名称",
  223. dataIndex: "userName",
  224. key: "userName",
  225. width: 140,
  226. },
  227. {
  228. title: "法务时间",
  229. dataIndex: "operationDate",
  230. key: "operationDate",
  231. width: 140,
  232. },
  233. {
  234. title: "详细",
  235. dataIndex: "remarks",
  236. key: "remarks",
  237. width: 140,
  238. },
  239. {
  240. title: "法务类型",
  241. dataIndex: "type",
  242. key: "type",
  243. width: 140,
  244. },
  245. {
  246. title: "操作时间",
  247. dataIndex: "createDate",
  248. key: "createDate",
  249. width: 140,
  250. },
  251. {
  252. title: "操作",
  253. dataIndex: "attachmentUrl",
  254. key: "attachmentUrl",
  255. width: 100,
  256. render: (text, record) => {
  257. return (
  258. <Button
  259. type="primary"
  260. disabled={record.name === 0}
  261. onClick={(attachmentUrl) => {
  262. // alert(1)
  263. let data = JSON.parse(text);
  264. this.setState({
  265. visibleTree: true,
  266. downloadList: data,
  267. });
  268. console.log(data);
  269. }}
  270. >
  271. 下载凭证
  272. </Button>
  273. );
  274. },
  275. },
  276. ],
  277. visible: false,
  278. visibleRest: false,
  279. date: "",
  280. remarks: "",
  281. mainModalKeys: 0,
  282. voucher: "下载凭证",
  283. loading: false,
  284. downloadList: [],
  285. visibleLegal: false,
  286. LegalKeys: 10,
  287. visibleTwo: false,
  288. visibleTree: false,
  289. visibleTransfer: false,
  290. orderNoTransfer: "",
  291. transferKey:0,
  292. };
  293. // this.tabelContentRef = null;
  294. this.transfer = this.transfer.bind(this);
  295. this.formRef = {};
  296. this.downloadAll = this.downloadAll.bind(this);
  297. // this.tabelContentRef = null;
  298. this.addLegal = this.addLegal.bind(this);
  299. }
  300. transfer(orderNo) {
  301. this.setState({
  302. transferLoading: true,
  303. });
  304. if (this.state.remarks == "") {
  305. message.warning("请填写原因");
  306. }
  307. $.ajax({
  308. method: "post",
  309. dataType: "json",
  310. crossDomain: false,
  311. url: globalConfig.context + "/api/admin/lagalAffairs/transfer",
  312. data: {
  313. orderNo,
  314. remarks: this.state.remarks,
  315. },
  316. success: function (data) {
  317. if (data.error.length) {
  318. message.warning(data.error[0].message);
  319. } else {
  320. message.success("移交成功");
  321. this.setState({
  322. visibleTransfer: false,
  323. transferKey:this.state.transferKey+13
  324. });
  325. this.tabelContentRef && this.tabelContentRef.onRefresh();
  326. }
  327. }.bind(this),
  328. }).done(
  329. function () {
  330. this.setState({
  331. transferLoading: false,
  332. });
  333. }.bind(this)
  334. );
  335. }
  336. downloadAll() {
  337. let list = this.state.downloadList;
  338. list.forEach((element, key) => {
  339. console.log(element);
  340. setTimeout(() => {
  341. const a = document.createElement("a");
  342. a.style.display = "none";
  343. a.href = `${window.window.globalConfig.context}/open/download?fileName=${element.url}&delete=false&attName=${element.name}`;
  344. console.log(a.href);
  345. document.body.appendChild(a);
  346. a.click(); // 自动触发点击a标签的click事件
  347. document.body.removeChild(a);
  348. }, key * 100);
  349. });
  350. }
  351. // getUrl(e, n) {
  352. // let url = splitUrl(e, ",", globalConfig.avatarHost + "/upload");
  353. // url.forEach((element) => {
  354. // download(element.url, n);
  355. // console.log(element.url, n);
  356. // });
  357. // }
  358. addLegal() {
  359. let theorgCodeUrl = [];
  360. if (!this.state.fileList) {
  361. message.warning("请上传凭证");
  362. return;
  363. } else {
  364. let picArr = [];
  365. this.state.fileList.map(function (item) {
  366. if (item.response && item.response.data && item.response.data.length) {
  367. picArr.push({ name: item.name, url: item.response.data });
  368. }
  369. });
  370. theorgCodeUrl = JSON.stringify(picArr);
  371. // console.log(theorgCodeUrl);
  372. }
  373. if (!this.state.date) {
  374. message.warning("请选择时间");
  375. return;
  376. }
  377. this.setState({
  378. addDunOrderLoading: true,
  379. loading: true,
  380. });
  381. $.ajax({
  382. method: "post",
  383. dataType: "json",
  384. crossDomain: false,
  385. url: globalConfig.context + "/api/admin/lagalAffairs/addLagalAffairsLog",
  386. data: {
  387. orderNo: this.state.dataInfor.orderNo,
  388. type: this.state.type,
  389. status: this.state.status ? this.state.status : 0,
  390. date: this.state.date,
  391. remarks: this.state.remarks,
  392. attachmentUrl: theorgCodeUrl.length ? theorgCodeUrl : "",
  393. },
  394. success: function (data) {
  395. if (data.error.length) {
  396. this.setState({
  397. loading: false,
  398. });
  399. message.warning(data.error[0].message);
  400. } else {
  401. this.setState({
  402. loading: false,
  403. visibleLegal: false,
  404. LegalKeys: this.state.LegalKeys + 10,
  405. fileList: undefined,
  406. });
  407. // this.props.visible = false
  408. message.success("添加成功");
  409. this.tabelContentRef && this.tabelContentRef.onRefresh();
  410. // console.log(this.tabelContentRef);
  411. }
  412. }.bind(this),
  413. }).done(
  414. function () {
  415. this.setState({
  416. addDunOrderLoading: false,
  417. });
  418. }.bind(this)
  419. );
  420. }
  421. render() {
  422. let downloadList = this.state.downloadList;
  423. const formItemLayout = {
  424. labelCol: { span: 10 },
  425. wrapperCol: { span: 12 },
  426. };
  427. // console.log(this.props.visibleRest);
  428. // console.log(this.props.infor);
  429. return (
  430. <div className="user-content signatureStatistics">
  431. <div className="content-title" style={{ marginBottom: 10 }}>
  432. <span style={{ fontWeight: 900, fontSize: 16 }}>催款记录</span>
  433. </div>
  434. <TabelContent
  435. ref={(ref) => (this.tabelContentRef = ref)}
  436. scroll={{ x: 0, y: 1000 }}
  437. changeFn={this.state.columns}
  438. searchList={this.state.searchList}
  439. columns={this.state.columns}
  440. tabelApi={"/api/admin/lagalAffairs/orderList"}
  441. exportApi={"/api/admin/lagalAffairs/orderList/Exprot"}
  442. query={{ type: 0 }}
  443. exportExecProcessing={(data) => {
  444. data.type = 0;
  445. return data;
  446. }}
  447. dataProcessing={(data) => {
  448. let theArr = [];
  449. for (let i = 0; i < data.data.list.length; i++) {
  450. let thisdata = data.data.list[i];
  451. thisdata.key = i + 1;
  452. theArr.push(thisdata);
  453. }
  454. return theArr;
  455. }}
  456. />
  457. {this.state.visibleTwo ? (
  458. <Modal
  459. visible={this.state.visibleTwo}
  460. onOk={() => {
  461. this.setState({
  462. visibleTwo: false,
  463. });
  464. }}
  465. onCancel={() => {
  466. this.setState({
  467. visibleTwo: false,
  468. });
  469. }}
  470. width="1100px"
  471. title={
  472. <span
  473. style={{
  474. display: "flex",
  475. alignItems: "center",
  476. justifyContent: "space-between",
  477. paddingRight: "10px",
  478. }}
  479. >
  480. <span>
  481. <span style={{ marginRight: "5px" }}>法务记录列表</span>
  482. <Tag color="pink">
  483. 客户名称:{this.state.dataInfor.buyerName}
  484. </Tag>
  485. </span>
  486. {/* <Button
  487. type="primary"
  488. onClick={(e) => {
  489. e.stopPropagation();
  490. this.setState({
  491. visibleLegal: true,
  492. });
  493. }}
  494. >
  495. 添加法务记录
  496. </Button> */}
  497. </span>
  498. }
  499. footer=""
  500. className="admin-desc-content"
  501. >
  502. <TablePopup
  503. ref={(ref) => (this.tabelContentRef = ref)}
  504. columns={this.state.columnsTwo}
  505. tabelApi={"/api/admin/lagalAffairs/lagalAffairsLogList"}
  506. query={{ orderNo: this.state.dataInfor.orderNo }}
  507. dataProcessing={(data) => {
  508. console.log(this.state);
  509. // console.log(data.data);
  510. let theArr = [];
  511. for (let i = 0; i < data.data.length; i++) {
  512. let thisdata = data.data[i];
  513. thisdata.key = i + 1;
  514. // console.log(thisdata.attachmentUrl);
  515. // console.log(this.state.voucher);
  516. if (!thisdata.attachmentUrl) {
  517. thisdata.name = 0;
  518. }
  519. let status;
  520. if (thisdata.status == 0) {
  521. status = "否";
  522. } else if (thisdata.status == 1) {
  523. status = "已回款";
  524. } else if (thisdata.status == 2) {
  525. status = "已诉讼";
  526. } else if (thisdata.status == 3) {
  527. status = "已坏账处理";
  528. }
  529. if (thisdata.type == 0) {
  530. thisdata.type = "法务催收中";
  531. } else if (thisdata.type == 1) {
  532. thisdata.type = "延期法务";
  533. } else if (thisdata.type == 2) {
  534. thisdata.type = `已完成法务/${status}`;
  535. } else if (thisdata.type == 3) {
  536. thisdata.type = "自动转交";
  537. } else if (thisdata.type == 4) {
  538. thisdata.type = "营销转交";
  539. }
  540. console.log(thisdata);
  541. theArr.push(thisdata);
  542. }
  543. return theArr;
  544. }}
  545. />
  546. {/* */}
  547. <div>
  548. <Modal
  549. maskClosable={false}
  550. visible={this.state.visibleLegal}
  551. key={this.state.LegalKeys + 10}
  552. onCancel={() => {
  553. this.setState({
  554. visibleLegal: false,
  555. LegalKeys: this.state.LegalKeys + 10,
  556. });
  557. }}
  558. width="900px"
  559. title="新增法务数据"
  560. footer=""
  561. className="admin-desc-content"
  562. >
  563. <Form
  564. onSubmit={this.handleSubmit}
  565. ref={this.formRef}
  566. style={{ marginRight: "100px" }}
  567. >
  568. <Form.Item
  569. {...formItemLayout}
  570. label="法务类型"
  571. name="type"
  572. hasFeedback
  573. >
  574. <RadioGroup
  575. onChange={(e) => {
  576. this.setState({
  577. type: e.target.value,
  578. });
  579. }}
  580. >
  581. <Radio value="0">法务催收中</Radio>
  582. <Radio value="1">延期法务</Radio>
  583. <Radio value="2">法务已完成</Radio>
  584. </RadioGroup>
  585. </Form.Item>
  586. {this.state.type == 2 ? (
  587. <Form.Item
  588. {...formItemLayout}
  589. label="完成状态"
  590. name="status"
  591. hasFeedback
  592. >
  593. <RadioGroup
  594. onChange={(e) => {
  595. this.setState({
  596. status: e.target.value,
  597. });
  598. }}
  599. >
  600. <Radio value="1">已回款</Radio>
  601. <Radio value="2">以诉讼</Radio>
  602. <Radio value="3">以坏账处理</Radio>
  603. </RadioGroup>
  604. </Form.Item>
  605. ) : (
  606. ""
  607. )}
  608. <Form.Item
  609. name="date"
  610. {...formItemLayout}
  611. label="延期时间"
  612. hasFeedback
  613. >
  614. <DatePicker
  615. onChange={(date, dateString) => {
  616. this.setState({
  617. date: dateString,
  618. });
  619. }}
  620. />
  621. </Form.Item>
  622. <Form.Item
  623. name="remarks"
  624. {...formItemLayout}
  625. label="法务情况"
  626. hasFeedback
  627. >
  628. <TextArea
  629. rows={4}
  630. onChange={(e) => {
  631. this.setState({
  632. remarks: e.target.value,
  633. });
  634. }}
  635. />
  636. </Form.Item>
  637. <Form.Item
  638. name="fileList"
  639. {...formItemLayout}
  640. label="附件"
  641. hasFeedback
  642. >
  643. <ImgList
  644. accept="application/pdf,image/png,application/msword"
  645. domId="nowProjectStatus"
  646. uploadConfig={{
  647. action:
  648. globalConfig.context +
  649. "/api/admin/newOrder/uploadDunLogFile",
  650. data: { sign: "dun_log_attachment" },
  651. multiple: true,
  652. listType: "text",
  653. }}
  654. onChange={(info) => {
  655. let fileList = info.fileList;
  656. this.setState({ fileList });
  657. }}
  658. fileList={this.state.fileList}
  659. />
  660. </Form.Item>
  661. </Form>
  662. <div style={{ display: "flex", justifyContent: "center" }}>
  663. <Button type="primary" loading={this.state.loading}>
  664. <Popconfirm
  665. title="您确定此订单提交法务数据?"
  666. onConfirm={this.addLegal}
  667. onCancel={() => {
  668. this.setState({
  669. loading: false,
  670. });
  671. }}
  672. okText="确定"
  673. cancelText="取消"
  674. loading={this.state.loading}
  675. >
  676. <a href="#">提交</a>
  677. </Popconfirm>
  678. </Button>
  679. <Button
  680. type="dashed"
  681. style={{ marginLeft: "15px" }}
  682. onClick={() => {
  683. this.setState({
  684. visibleLegal: false,
  685. LegalKeys: this.state.LegalKeys + 10,
  686. });
  687. }}
  688. >
  689. 取消
  690. </Button>
  691. </div>
  692. </Modal>
  693. </div>
  694. <Modal
  695. visible={this.state.visibleTree}
  696. onCancel={(e) =>
  697. this.setState({
  698. visibleTree: false,
  699. mainModalKeys: this.state.mainModalKeys + 10,
  700. })
  701. }
  702. width="900px"
  703. title="下载凭证"
  704. footer=""
  705. className="admin-desc-content"
  706. >
  707. <ul style={{ margin: "0 0 10px 0" }}>
  708. {downloadList.map((item, key) => (
  709. <li key={key}>
  710. <span style={{ fontSize: "18px" }}>{item.name}</span>
  711. <div
  712. style={{
  713. marginLeft: "10px",
  714. color: "#333",
  715. display: "inline-block",
  716. cursor: "pointer",
  717. fontSize: "18px",
  718. }}
  719. // onClick={() => this.getUrl(item.url, item.name)}
  720. >
  721. <a href={`${window.window.globalConfig.context}/open/download?fileName=${item.url}&delete=false&attName=${item.name}`}>下载附件</a>
  722. </div>
  723. </li>
  724. ))}
  725. </ul>
  726. <div style={{ display: "flex", justifyContent: "right" }}>
  727. <Button
  728. type="primary"
  729. onClick={this.downloadAll}
  730. loading={this.state.loading}
  731. >
  732. 下载全部
  733. </Button>
  734. <Button
  735. type="dashed"
  736. style={{ marginLeft: "15px" }}
  737. onClick={(e) => {
  738. this.setState({
  739. visibleTree: false,
  740. mainModalKeys: this.state.mainModalKeys + 10,
  741. });
  742. }}
  743. >
  744. 取消
  745. </Button>
  746. </div>
  747. </Modal>
  748. </Modal>
  749. ) : (
  750. ""
  751. )}
  752. {this.state.visible ? (
  753. <DunningRecord
  754. dataInfor={this.state.dataInfor}
  755. visible={this.state.visible}
  756. onCancel={() => {
  757. this.setState({
  758. visible: false,
  759. dataInfor: {},
  760. });
  761. }}
  762. />
  763. ) : (
  764. ""
  765. )}
  766. <Modal
  767. visible={this.state.visibleTransfer}
  768. key={this.state.transferKey+13}
  769. onCancel={() => {
  770. this.setState({
  771. visibleTransfer: false,
  772. transferKey:this.state.transferKey+13
  773. });
  774. }}
  775. width="500px"
  776. style={{ color: "red" }}
  777. footer=""
  778. className="admin-desc-content"
  779. >
  780. <div>
  781. {" "}
  782. <Icon
  783. type="exclamation-circle-o"
  784. style={{ color: "red", fontSize: "16px" }}
  785. />
  786. <span
  787. style={{
  788. color: "red",
  789. fontSize: "16px",
  790. display: "inline-block",
  791. marginLeft: "10px",
  792. }}
  793. >
  794. 您确定移交法务?
  795. </span>
  796. </div>
  797. <div style={{ margin: "30px 0" }}>
  798. <Form onSubmit={this.handleSubmit} ref={this.formRef}>
  799. <Form.Item
  800. {...formItemLayout}
  801. label="请填写移交法务的原因"
  802. name="type"
  803. hasFeedback
  804. >
  805. <TextArea
  806. rows={4}
  807. onChange={(e) => {
  808. this.setState({
  809. remarks: e.target.value,
  810. });
  811. }}
  812. />
  813. </Form.Item>
  814. </Form>
  815. </div>
  816. <div style={{ display: "flex", justifyContent: "right" }}>
  817. <Button
  818. type="primary"
  819. loading={this.state.loading}
  820. onClick={() => this.transfer(this.state.orderNoTransfer)}
  821. >
  822. 提交
  823. </Button>
  824. <Button
  825. type="dashed"
  826. style={{ marginLeft: "15px" }}
  827. onClick={() => {
  828. this.setState({
  829. visibleTransfer: false,
  830. transferKey:this.state.transferKey+13
  831. });
  832. }}
  833. >
  834. 取消
  835. </Button>
  836. </div>
  837. </Modal>
  838. </div>
  839. );
  840. }
  841. }
  842. export default PressMoney;