changeDetailJszj.js 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902
  1. import React, { Component } from "react";
  2. import { Form, Upload, Modal, Input, Button, message, Select, Table, Tooltip } from "antd";
  3. import AgreeButton from "./agreeButton.js";
  4. import Rizhi from "./rizhi.js";
  5. import { getProcessStatusNew, changeColor, splitUrl } from "@/tools.js";
  6. import { shenghePeo } from "@/tools.js";
  7. import { typeList } from '@/dataDic.js'
  8. import $ from "jquery/src/ajax";
  9. import tongguo from "../../../../../../image/tongguo.png";
  10. import quxiao from "../../../../../../image/quxiao.png";
  11. import ProAndCuiList from "./proAndCuiList.jsx";
  12. import "./xButton.less";
  13. import Refund from "./refund.js"
  14. import ImgList from "../../../../common/imgList";
  15. import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
  16. import FlowChart from '../../../../common/flowchart'; // 流程图
  17. import SelectReject from '../../../../common/selectreject'; // 驳回位置选择
  18. // import ReactToPrint from "react-to-print";
  19. import ConfidenBreachView from "../confidenBreachView.jsx";
  20. const formItemLayout = {
  21. labelCol: { span: 8 },
  22. wrapperCol: { span: 14 }
  23. };
  24. const getChangeType = function (e) {
  25. if (e || e == 0) {
  26. let str = e.toString();
  27. let theType = "";
  28. typeList.map(function (item) {
  29. if (item.value == str) {
  30. theType = item.key;
  31. }
  32. });
  33. return theType;
  34. }
  35. };
  36. class Itemlist extends Component {
  37. constructor(props) {
  38. super(props);
  39. }
  40. render() {
  41. let pageData = this.props.pageData;
  42. return (
  43. <div className="clearfix">
  44. <Form.Item
  45. label={pageData.labelA}
  46. {...pageData.formItemLayoutA}
  47. className="half-item"
  48. >
  49. {pageData.labelA === '变更原因' ? <Tooltip placement="topLeft" title={pageData.dataA}>
  50. <div style={{
  51. width: '150px !important',
  52. whiteSpace: 'nowrap',
  53. wordBreak: 'break-all',
  54. overflow: 'hidden',
  55. textOverflow: 'ellipsis',
  56. }}>{pageData.dataA}</div>
  57. </Tooltip> : pageData.dataA}
  58. {pageData.labelA === '客户名称' ? <EnterpriseNameChange
  59. type='journal'
  60. style={{ marginLeft: 10 }}
  61. enterpriseId={this.props.orderUid} /> : null}
  62. {
  63. pageData.labelA === '当前进度' &&
  64. <FlowChart id={this.props.id} />
  65. }
  66. </Form.Item>
  67. <Form.Item
  68. label={pageData.labelB}
  69. {...pageData.formItemLayoutB}
  70. className="half-item"
  71. >
  72. <span>{pageData.dataB}</span>
  73. </Form.Item>
  74. </div>
  75. );
  76. }
  77. }
  78. class ChangeDetail extends Component {
  79. constructor(props) {
  80. super(props);
  81. this.state = {
  82. rotateDeg: 0,
  83. previewVisible: false,
  84. buttonStatus: true,
  85. dataSource: [],
  86. reason: "",
  87. // 累计回收退票
  88. refundInvoice: 0,
  89. // 退票数组
  90. contactList: [],
  91. rejectState: 0,
  92. // 收款信息
  93. proceedsData: [],
  94. proceedsTotal: this.props.proceedsTotal,
  95. // 开票信息
  96. invoiceData: [],
  97. invoiceTotal: this.props.invoiceTotal,
  98. cost: 10,
  99. refund: 8,
  100. // 测试添加退票
  101. contactList: this.props.contactList,
  102. ContactsLists: [
  103. {
  104. title: "金额(万元)",
  105. dataIndex: "amount",
  106. key: "amount",
  107. render: (text, record) => {
  108. return (
  109. <div>
  110. 实际回收退票(万元)
  111. <Input
  112. value={record.amount}
  113. placeholder="请输入金额(必填项)"
  114. disabled={record.load}
  115. key={record.id}
  116. required="required"
  117. onChange={(e) => {
  118. record.amount = e.target.value;
  119. this.setState({ contactList: this.state.contactList });
  120. }}
  121. style={{ width: "120px" }}
  122. />
  123. </div>
  124. );
  125. },
  126. },
  127. {
  128. title: "时间",
  129. dataIndex: "createTimes",
  130. key: "createTimes",
  131. render: (text, record) => {
  132. return <div>{record.createTimes}</div>;
  133. },
  134. },
  135. ],
  136. };
  137. this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);
  138. this.changeButtonStatus = this.changeButtonStatus.bind(this);
  139. this.moneyOld = this.moneyOld.bind(this);
  140. this.rotate = this.rotate.bind(this);
  141. this.downImg = this.downImg.bind(this);
  142. this.upImg = this.upImg.bind(this);
  143. }
  144. componentWillReceiveProps(nextProps) {
  145. this.setState({
  146. paymentTimes: nextProps.data.paymentTimes,
  147. paymentAmount: nextProps.data.paymentAmount,
  148. invoiceTimes: nextProps.data.invoiceTimes,
  149. invoiceAmount: nextProps.data.invoiceAmount,
  150. cwCost: nextProps.data.cwCost,
  151. refundableAmount: nextProps.data.refundableAmount,
  152. cwRemarks: nextProps.data.cwRemarks,
  153. contactList: nextProps.contactList,
  154. refundInvoice: nextProps.data.refundInvoice,
  155. });
  156. }
  157. getOrgCodeUrl(e) {
  158. this.setState({
  159. orgCodeUrl: e,
  160. });
  161. }
  162. moneyOld(str, money) {
  163. if (money) {
  164. return (
  165. <span style={{ color: "red", fontWeight: 900, fontSize: 16 }}>
  166. {str}(原合同金额{money}万元)
  167. </span>
  168. );
  169. } else {
  170. return (
  171. <span style={{ color: "red", fontWeight: 900, fontSize: 16 }}>
  172. {str}
  173. </span>
  174. );
  175. }
  176. }
  177. //同意拒绝按钮的有无
  178. changeButtonStatus() {
  179. this.setState({
  180. buttonStatus: !this.state.buttonStatus,
  181. });
  182. }
  183. downImg() {
  184. let num = 0;
  185. for (let i = 0; i < this.props.pictureUrl.length; i++) {
  186. if (this.props.pictureUrl[i].url == this.state.previewImage) {
  187. num = i;
  188. }
  189. }
  190. if (num == this.props.pictureUrl.length - 1) {
  191. return message.warning("已经是最后一张了哦");
  192. }
  193. this.state.previewImage = this.props.pictureUrl[num + 1].url;
  194. this.setState({
  195. previewImage: this.state.previewImage,
  196. rotateDeg: 0,
  197. });
  198. }
  199. upImg() {
  200. let num = 0;
  201. for (let i = 0; i < this.props.pictureUrl.length; i++) {
  202. if (this.props.pictureUrl[i].url == this.state.previewImage) {
  203. num = i;
  204. }
  205. }
  206. if (num == 0) {
  207. return message.warning("已经是第一张了哦");
  208. }
  209. this.state.previewImage = this.props.pictureUrl[num - 1].url;
  210. this.setState({
  211. previewImage: this.state.previewImage,
  212. rotateDeg: 0,
  213. });
  214. }
  215. rotate() {
  216. let rotateDeg = this.state.rotateDeg + 90;
  217. this.setState({
  218. rotateDeg,
  219. });
  220. }
  221. render() {
  222. const pageData = [
  223. {
  224. labelA: "客户名称",
  225. formItemLayoutA: formItemLayout,
  226. dataA: this.props.data.userName,
  227. labelB: "合同编号",
  228. formItemLayoutB: formItemLayout,
  229. dataB: this.props.data.contractNo,
  230. },
  231. {
  232. labelA: "时间",
  233. formItemLayoutA: formItemLayout,
  234. dataA: this.props.data.createTimes,
  235. labelB: "发起人",
  236. formItemLayoutB: formItemLayout,
  237. dataB: this.props.data.applicant,
  238. },
  239. {
  240. labelA: "当前进度",
  241. formItemLayoutA: formItemLayout,
  242. // 当前是咨询师以及咨询师经理时使用shenhePeo函数,其他流程正常显示
  243. dataA:
  244. this.props.data.processState == 3 || this.props.data.processState == 4
  245. ? shenghePeo(this.props.data.examineName, this.props.data.processState)
  246. : getProcessStatusNew(
  247. this.props.data.examineName,
  248. this.props.data.processState,
  249. this.props.data.status
  250. ),
  251. labelB: "变更类型",
  252. formItemLayoutB: formItemLayout,
  253. dataB: getChangeType(this.props.data.type),
  254. },
  255. {
  256. labelA: this.props.data.type == 0 ? "企业总经理姓名" : "",
  257. formItemLayoutA: formItemLayout,
  258. dataA: this.props.data.managerContacts,
  259. labelB: "企业总经理联系电话",
  260. formItemLayoutB: formItemLayout,
  261. dataB: this.props.data.managerContactMobile,
  262. },
  263. {
  264. labelA: this.props.data.type == 0 ? "企业联系人姓名" : "",
  265. formItemLayoutA: formItemLayout,
  266. dataA: this.props.data.contacts,
  267. labelB: "企业联系人联系方式",
  268. formItemLayoutB: formItemLayout,
  269. dataB: this.props.data.contactMobile,
  270. },
  271. {
  272. labelA: "合同额(万元)",
  273. formItemLayoutA: formItemLayout,
  274. dataA: this.moneyOld(this.props.data.totalAmount, this.props.money),
  275. labelB: "已收款(万元)",
  276. formItemLayoutB: formItemLayout,
  277. dataB: changeColor(this.props.data.settlementAmount),
  278. },
  279. {
  280. labelA: "欠款(万元)",
  281. formItemLayoutA: formItemLayout,
  282. dataA: changeColor(this.props.data.arrears),
  283. labelB: "申请退款(万元)",
  284. formItemLayoutB: formItemLayout,
  285. dataB: changeColor(this.props.data.changeAmount),
  286. },
  287. {
  288. labelA: "首付款(万元)",
  289. formItemLayoutA: formItemLayout,
  290. dataA: changeColor(this.props.data.firstAmount),
  291. },
  292. {
  293. labelA: "变更原因",
  294. formItemLayoutA: formItemLayout,
  295. dataA: this.props.data.remarks,
  296. },
  297. ];
  298. const planData = [
  299. {
  300. labelA: "项目进度",
  301. formItemLayoutA: formItemLayout,
  302. dataA: this.props.data.projectState,
  303. onChangeA: (value) => {
  304. this.setState({
  305. projectState: value,
  306. });
  307. },
  308. labelB: "发生成本费用(万元)",
  309. formItemLayoutB: formItemLayout,
  310. dataB: this.props.data.zxsCost,
  311. onChangeB: (value) => {
  312. this.setState({
  313. zxsCost: value,
  314. });
  315. },
  316. },
  317. {
  318. labelA: "备注",
  319. formItemLayoutA: formItemLayout,
  320. dataA: this.props.data.zxsRemarks,
  321. onChangeA: (value) => {
  322. this.setState({
  323. zxsRemarks: value,
  324. });
  325. },
  326. },
  327. ];
  328. const financeData = [
  329. {
  330. labelA: "发生直接成本(万元)",
  331. formItemLayoutA: formItemLayout,
  332. dataA: this.props.data.cwCost,
  333. labelB: "发生间接成本(万元)",
  334. formItemLayoutB: formItemLayout,
  335. dataB: this.props.data.cwIndirectCost
  336. },
  337. {
  338. labelA: "应退金额(万元)",
  339. formItemLayoutA: formItemLayout,
  340. dataA: this.props.data.refundableAmount
  341. }
  342. ];
  343. const buttonData = [
  344. {
  345. name: "同意",
  346. title: "理由",
  347. placeholder: "请输入理由",
  348. type: "primary",
  349. status: 2,
  350. onChange: (value) => {
  351. this.setState({
  352. remarks: value,
  353. });
  354. },
  355. },
  356. {
  357. name: "拒绝",
  358. title: "理由",
  359. placeholder: "请输入理由",
  360. type: "danger",
  361. status: 3,
  362. onChange: (value) => {
  363. this.setState({
  364. remarks: value,
  365. });
  366. },
  367. },
  368. ];
  369. const orgCodeUrl = this.props.pictureUrl;
  370. const attachment = this.props.attachment;
  371. return (
  372. <div className="clearfix changeDetail">
  373. <div
  374. className="clearfix"
  375. ref={(e) => {
  376. this.refs = e;
  377. }}
  378. >
  379. <div
  380. style={{
  381. borderRadius: "50%",
  382. width: 300,
  383. height: 300,
  384. position: "absolute",
  385. top: 230,
  386. left: 525,
  387. transform: "rotate(-5deg)",
  388. zIndex: 1,
  389. display:
  390. this.props.data.status == 4
  391. ? "block"
  392. : "none",
  393. }}
  394. >
  395. <img src={tongguo} style={{ width: "100%" }} />
  396. </div>
  397. <div
  398. style={{
  399. borderRadius: "50%",
  400. width: 300,
  401. height: 300,
  402. position: "absolute",
  403. top: 284,
  404. left: 586,
  405. transform: "rotate(-5deg)",
  406. zIndex: 1,
  407. display: this.props.data.status == 5 ? "block" : "none",
  408. }}
  409. >
  410. <img src={quxiao} style={{ width: "63%" }} />
  411. </div>
  412. <h2 style={{ textAlign: "center", marginBottom: 10 }}>
  413. 合同变更记录
  414. </h2>
  415. {pageData.map((item, index) => {
  416. return !!item.labelA && <Itemlist key={index} pageData={item} orderUid={this.props.orderUid} id={this.props.id} />;
  417. })}
  418. <Form.Item
  419. label="变更凭证"
  420. labelCol={{ span: 4 }}
  421. wrapperCol={{ span: 18 }}
  422. >
  423. {orgCodeUrl ? <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  424. <ImgList fileList={orgCodeUrl} domId={'changeDetailJszj1'} />
  425. </div> : <div />}
  426. <Rizhi changeId={this.props.id} />
  427. </Form.Item>
  428. {
  429. this.props.contractPictureUrl && this.props.contractPictureUrl.length != 0 &&
  430. <div className="clearfix">
  431. <Form.Item
  432. labelCol={{ span: 4 }}
  433. wrapperCol={{ span: 18 }}
  434. label="最新合同"
  435. >
  436. <div style={{ paddingTop: 10 }}>
  437. <ImgList
  438. domId={"zxht"}
  439. fileList={
  440. this.props.contractPictureUrl
  441. }
  442. ItemWidth={"96px"}
  443. />
  444. </div>
  445. </Form.Item>
  446. </div>
  447. }
  448. { this.props.data.type == 7 ? (
  449. <ConfidenBreachView data={this.props.data} />
  450. ) : null }
  451. <ul
  452. style={{
  453. width: "868px",
  454. overflow: "hidden",
  455. paddingLeft: "90px",
  456. position: "relative",
  457. bottom: "0px",
  458. }}
  459. >
  460. {/* <span>操作人:</span> */}
  461. {this.props.dataSource.map((item, index) => {
  462. if (item.status == 0) {
  463. item.status = "发起";
  464. } else if (item.status == 1) {
  465. item.status = "审核中";
  466. } else if (item.status == 2) {
  467. item.status = "通过";
  468. } else if (item.status == 3) {
  469. item.status = "驳回";
  470. } else if (item.status == 4) {
  471. item.status = "完成";
  472. } else if (item.status == 5) {
  473. item.status = "撤销";
  474. }
  475. return (
  476. <li
  477. key={index}
  478. style={{
  479. width: "100%",
  480. height: "auto",
  481. wordBreak: "break-all",
  482. marginBottom: "10px",
  483. }}
  484. >
  485. {item.aname + ":" + "【" + item.status + "】" + item.remarks + "(" + item.createTimes + ")"}
  486. </li>
  487. );
  488. })}
  489. </ul>
  490. <ProAndCuiList id={this.props.id} />
  491. <div className="clearfix">
  492. <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
  493. 收款情况
  494. </h3>
  495. <div style={{ marginLeft: "90px" }}>
  496. <ul>
  497. {(this.props.proceedsData.bill || []).map((item, index) => (
  498. <li key={index}>
  499. {item.payTime +
  500. " " +
  501. item.aName +
  502. " 收款:" +
  503. item.transactionAmount +
  504. "万元"}
  505. </li>
  506. ))}
  507. </ul>
  508. <div>收款总计:{this.props.proceedsTotal}万元</div>
  509. </div>
  510. <br />
  511. <div style={{ marginLeft: "90px" }}>
  512. <ul>
  513. {(this.props.proceedsData.invoice || []).map((item, index) => (
  514. <li key={index}>
  515. {item.createTime + " " + " 开票:" + item.amount + "万元"}
  516. </li>
  517. ))}
  518. </ul>
  519. <div>开票总计:{this.props.invoiceTotal}万元</div>
  520. </div>
  521. <p style={{ marginLeft: "90px", color: "red" }}>
  522. 系统预估 产生成本(万元):
  523. {this.props.data.estimateCost
  524. ? this.props.data.estimateCost
  525. : "0"}{" "}
  526. &nbsp;应退金额(万元):
  527. {this.props.data.estimateRefundable
  528. ? this.props.data.estimateRefundable
  529. : "0"}
  530. </p>
  531. </div>
  532. <div
  533. style={{
  534. display: this.props.data.processState > 6 ? "block" : "none",
  535. marginTop: '10px'
  536. }}
  537. >
  538. <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
  539. 当前财务状态(财务填写)
  540. </h3>
  541. {financeData.map((item, index) => {
  542. return <Itemlist key={index} pageData={item} orderUid={this.props.orderUid} id={this.props.id} />;
  543. })}
  544. </div>
  545. {/* {this.props.data.type === 0 ? (
  546. <div>
  547. <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
  548. 当前项目进度(咨询师经理填写)
  549. </h3>
  550. {planData.map((item, index) => {
  551. return <Itemlist key={index} pageData={item} />;
  552. })}
  553. </div>
  554. ) : (
  555. ""
  556. )} */}
  557. <div
  558. style={{
  559. display:
  560. (this.props.data.processState == 9 ||
  561. this.props.data.processState == 8 ||
  562. this.props.data.processState == 10) &&
  563. (this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6)
  564. ? "block"
  565. : "none",
  566. }}
  567. >
  568. <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
  569. 回收退票
  570. </h3>
  571. <Table
  572. pagination={false}
  573. bordered
  574. columns={this.state.ContactsLists}
  575. dataSource={this.state.contactList}
  576. />
  577. </div>
  578. {/* 完成审核,上传附件 */}
  579. <div style={{
  580. position: "relative",
  581. display:
  582. (this.props.data.processState == 8 ||
  583. this.props.data.processState == 9 ||
  584. this.props.data.processState == 10) &&
  585. this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6
  586. ? "block"
  587. : "none",
  588. marginTop: 10,
  589. }}
  590. >
  591. <hr
  592. style={{
  593. marginTop: 12,
  594. marginBottom: 10,
  595. backgroundColor: "black",
  596. height: 1,
  597. border: "none",
  598. }}
  599. />
  600. <h3
  601. style={{
  602. marginLeft: 20,
  603. fontWeight: 800,
  604. marginBottom: 10,
  605. display: "inline-block",
  606. }}
  607. >
  608. 完成审核,上传附件{" "}
  609. <span
  610. style={{ fontSize: 12, fontWeight: "normal", color: "red" }}
  611. >
  612. (注:由营销员上传变更后附件,全变更流程完成。)
  613. </span>
  614. </h3>
  615. <div>
  616. <Form.Item
  617. label="变更附件"
  618. labelCol={{ span: 4 }}
  619. wrapperCol={{ span: 18 }}
  620. >
  621. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  622. {attachment.length > 0 ? <ImgList domId={this.props.domId + 2 ? this.props.domId + 2 : 'changeDetailCwjlqq2'} fileList={attachment} ItemWidth={'96px'} /> : '无附件'}
  623. </div>
  624. <Modal
  625. maskClosable={false}
  626. footer={null}
  627. width={"50%"}
  628. visible={this.state.previewVisible}
  629. onCancel={() => {
  630. this.setState({ previewVisible: false, rotateDeg: 0 }, () => {
  631. // this.reset();
  632. });
  633. }}
  634. >
  635. <img
  636. alt=""
  637. style={{
  638. width: "100%",
  639. transform: `rotate(${this.state.rotateDeg}deg)`,
  640. }}
  641. src={this.state.previewImage || ""}
  642. />
  643. <Button
  644. onClick={this.rotate}
  645. style={{
  646. position: "relative",
  647. left: "50%",
  648. transform: "translateX(-50%)",
  649. }}
  650. >
  651. 旋转
  652. </Button>
  653. <Button
  654. onClick={this.upImg}
  655. style={{
  656. position: "absolute",
  657. left: -81,
  658. top: "50%",
  659. transform: "translateY(-50%)",
  660. }}
  661. >
  662. 上一张
  663. </Button>
  664. <Button
  665. onClick={this.downImg}
  666. style={{
  667. position: "absolute",
  668. right: -81,
  669. top: "50%",
  670. transform: "translateY(-50%)",
  671. }}
  672. >
  673. 下一张
  674. </Button>
  675. </Modal>
  676. {/* <Rizhi changeId={this.props.id} /> */}
  677. </Form.Item>
  678. </div>
  679. </div>
  680. {/* {this.props.data.processState >= 4 ? (
  681. <div>
  682. <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
  683. 当前项目进度(咨询师经理填写)
  684. </h3>
  685. {planData.map((item, index) => {
  686. return <Itemlist key={index} pageData={item} />;
  687. })}
  688. </div>
  689. ) : (
  690. ""
  691. )} */}
  692. {/* {this.props.data.processState >= 5 ? (
  693. <div>
  694. <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
  695. 当前财务状态(财务填写)
  696. </h3>
  697. {financeData.map((item, index) => {
  698. return <Itemlist key={index} pageData={item} />;
  699. })}
  700. </div>
  701. ) : (
  702. ""
  703. )} */}
  704. <div
  705. style={{
  706. display:
  707. (this.props.data.processState == 8 ||
  708. this.props.data.processState == 9 ||
  709. this.props.data.processState == 10) &&
  710. this.props.data.status == 4 &&
  711. this.props.data.refundStatus
  712. ? "block"
  713. : "none",
  714. }}
  715. >
  716. <Refund data={this.props.data} id={this.props.id} />
  717. </div>
  718. </div>
  719. {this.props.data.processState === 5 &&
  720. (this.props.data.status == 1 || this.props.data.status == 3) ? (
  721. // this.state.buttonStatus ? (
  722. <div>
  723. <div style={{ marginBottom: 10 }}>
  724. <Form.Item
  725. label="备注"
  726. labelCol={{ span: 4 }}
  727. wrapperCol={{ span: 14 }}
  728. >
  729. <Input.TextArea
  730. value={this.state.reason}
  731. rows={4}
  732. placeholder="请输入备注"
  733. onChange={(e) => {
  734. let reason = e.target.value;
  735. this.setState({ reason });
  736. }}
  737. />
  738. </Form.Item>
  739. </div>
  740. <div
  741. className="clearfix"
  742. style={{ display: "flex", justifyContent: "space-around" }}
  743. >
  744. {buttonData.map((item, index) => {
  745. return (
  746. <AgreeButton
  747. data={item}
  748. key={index}
  749. backData={this.props.data}
  750. processState={this.props.processState}
  751. visible={this.changeButtonStatus}
  752. loadData={this.props.loadData}
  753. ajaxData={this.state}
  754. rejectState={this.state.rejectState}
  755. reason={this.state.reason}
  756. onCancel={this.props.onCancel}
  757. />
  758. );
  759. })}
  760. </div>
  761. <div style={{ width: 120, float: "left", position: "relative", bottom: "28px", right: "-600px", }}>
  762. <SelectReject
  763. type={this.props.data.type}
  764. processState={this.props.processState}
  765. onSelect={val => {
  766. this.setState({
  767. rejectState: val
  768. })
  769. }}
  770. />
  771. </div>
  772. {/* <Select
  773. defaultValue="0"
  774. style={{
  775. width: 120,
  776. float: "left",
  777. position: "relative",
  778. bottom: "28px",
  779. right: "-600px",
  780. }}
  781. onChange={(val) => {
  782. this.setState({ rejectState: val });
  783. }}
  784. >
  785. <Option
  786. value="0"
  787. style={{
  788. display: this.props.processState >= 2 ? "block" : "none",
  789. }}
  790. >
  791. 营销员
  792. </Option>
  793. <Option
  794. value="1"
  795. style={{
  796. display: this.props.processState >= 3 ? "block" : "none",
  797. }}
  798. >
  799. 营销管理员
  800. </Option>
  801. <Option
  802. value="2"
  803. style={{
  804. display: this.props.processState >= 4 ? "block" : "none",
  805. }}
  806. >
  807. 咨询师
  808. </Option>
  809. <Option
  810. value="3"
  811. style={{
  812. display: this.props.processState >= 5 ? "block" : "none",
  813. }}
  814. >
  815. 咨询师经理
  816. </Option>
  817. <Option
  818. value="4"
  819. style={{
  820. display: this.props.processState >= 6 ? "block" : "none",
  821. }}
  822. >
  823. 咨询师总监
  824. </Option>
  825. <Option
  826. value="5"
  827. style={{
  828. display: this.props.processState >= 7 ? "block" : "none",
  829. }}
  830. >
  831. 财务专员(退单)
  832. </Option>
  833. <Option
  834. value="6"
  835. style={{
  836. display: this.props.processState >= 8 ? "block" : "none",
  837. }}
  838. >
  839. 财务总监
  840. </Option>
  841. <Option
  842. value="7"
  843. style={{
  844. display: this.props.processState >= 9 ? "block" : "none",
  845. }}
  846. >
  847. 总裁
  848. </Option>
  849. </Select> */}
  850. </div>
  851. ) : (
  852. // ) : (
  853. // ""
  854. // )
  855. ""
  856. )}
  857. {/* <ReactToPrint
  858. trigger={() => (
  859. <div className="clearfix">
  860. <Button type="primary" style={{ float: "right", marginTop: 10 }}>
  861. 打印
  862. </Button>
  863. </div>
  864. )}
  865. content={() => this.refs}
  866. /> */}
  867. </div>
  868. );
  869. }
  870. }
  871. export { ChangeDetail };