changeDetailJszj.js 26 KB

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