approvedvipproject.jsx 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import { AutoComplete, Button, Input, Spin, Table, Select, message, Tabs, Tag, Tooltip, Modal } from "antd";
  4. import OrderDesc from "../../financialManage/orderDetail/orderDesc"
  5. import ResolutionDetail from "@/resolutionDetail";
  6. import { ChooseList } from "../../order/orderNew/chooseList"
  7. import ReactToPrint from "react-to-print";
  8. import OrderItemStatus from "../../../common/orderItemStatus";
  9. import { salesList } from "@/dataDic.js";
  10. import ShowModalDiv from "@/showModal.jsx";
  11. import VipLogs from "../../../common/logPopup/viplogs";//会员日志
  12. import { splitUrl } from "@/tools";
  13. import ImgList from "../../../common/imgList";
  14. const { TabPane } = Tabs;
  15. //总裁特批会员项目
  16. const ApprovedVipProject = React.createClass({
  17. //
  18. getInitialState() {
  19. return {
  20. dvisible: false,
  21. pageNo: 1,
  22. totalPage: 0,
  23. searchValues: {
  24. status: "2"
  25. },//查询条件
  26. loading: false,
  27. changeList: undefined,// 子组件改变的表格title数组
  28. pagination: {
  29. defaultCurrent: 1,
  30. defaultPageSize: 10,
  31. showQuickJumper: true,
  32. pageSize: 10,
  33. onChange: function (page) {
  34. this.setState({
  35. pageNo: page,
  36. });
  37. this.loadData(page);
  38. }.bind(this),
  39. showTotal: function (total) {
  40. return "共" + total + "条数据";
  41. },
  42. },
  43. columns: [
  44. {
  45. title: "销售类型",
  46. dataIndex: "salesType",
  47. key: "salesType",
  48. render: (text, record) => {
  49. return (
  50. <Tooltip
  51. title={salesList[text] + ((text == 3 || text == 4 || text == 5) ? (!record.other ? "" : "," + record.other) : "")}
  52. >
  53. <span>
  54. {salesList[text]}
  55. </span>
  56. </Tooltip>
  57. );
  58. },
  59. },
  60. {
  61. title: "合同编号",
  62. dataIndex: "contractNo",
  63. key: "contractNo",
  64. width: 160,
  65. render: (text, record) => {
  66. return (
  67. <Tooltip
  68. title={
  69. <Button
  70. type="primary"
  71. onClick={(e) => {
  72. e.stopPropagation();
  73. let input = document.getElementById("copyText");
  74. input.value = text;
  75. input.select();
  76. document.execCommand("copy");
  77. message.success("复制成功");
  78. }}
  79. >
  80. 复制
  81. </Button>
  82. }
  83. >
  84. <div>
  85. {text}
  86. <div style={{ display: "flex" }}>
  87. <OrderItemStatus deleteSign={record.deleteSign} />
  88. {
  89. record.approval == 1
  90. ? <Tag color="#faa755">特批待审</Tag> :
  91. record.approval == 2 && <Tag color="#ff0000">特批通过</Tag>
  92. }
  93. </div>
  94. </div>
  95. </Tooltip>
  96. );
  97. },
  98. },
  99. {
  100. title: "客户名称",
  101. dataIndex: "userName",
  102. key: "userName",
  103. width: 200,
  104. render: text => {
  105. return (
  106. <Tooltip title={text}>
  107. <div>{text}</div>
  108. </Tooltip>
  109. )
  110. }
  111. },
  112. {
  113. title: "订单编号",
  114. dataIndex: "orderNo",
  115. key: "orderNo",
  116. width: 140,
  117. render: (text, record) => {
  118. return (
  119. <Tooltip
  120. title={
  121. <Button
  122. type="primary"
  123. onClick={(e) => {
  124. e.stopPropagation();
  125. let input = document.getElementById("copyText");
  126. input.value = text;
  127. input.select();
  128. document.execCommand("copy");
  129. message.success("复制成功");
  130. }}
  131. >
  132. 复制
  133. </Button>
  134. }
  135. >
  136. <div>
  137. {text}
  138. <div>
  139. {record.totalAmount >= 10 && <Tag color="#ef7207">大客户</Tag>}
  140. {record.projectType == 1 && <Tag color="rgb(22, 155, 213)">会员</Tag>}
  141. </div>
  142. </div>
  143. </Tooltip>
  144. );
  145. },
  146. },
  147. {
  148. title: "订单部门",
  149. dataIndex: "depName",
  150. key: "depName",
  151. className: "title-table",
  152. },
  153. {
  154. title: "订单负责人",
  155. dataIndex: "salesmanName",
  156. key: "salesmanName",
  157. className: "title-table",
  158. },
  159. {
  160. title: "财务负责人",
  161. dataIndex: "financeName",
  162. key: "financeName",
  163. className: "title-table",
  164. },
  165. {
  166. title: "会员项目",
  167. dataIndex: "projectName",
  168. key: "projectName",
  169. className: "title-table",
  170. render: (text, record) => {
  171. return (
  172. <div>
  173. {text}
  174. {(record.memberType == 1 || record.memberType == 2) && <Tag color="#ff0000">特批项目</Tag>}
  175. </div>
  176. )
  177. }
  178. },
  179. {
  180. title: "数量",
  181. dataIndex: "commodityQuantity",
  182. key: "commodityQuantity",
  183. className: "title-table",
  184. },
  185. {
  186. title: "项目说明",
  187. dataIndex: "taskComment",
  188. key: "taskComment",
  189. className: "title-table",
  190. width: 300,
  191. },
  192. {
  193. title: "状态",
  194. dataIndex: "status",
  195. key: "status",
  196. className: "title-table",
  197. width: 80,
  198. render: (text) => {
  199. return (
  200. <div>
  201. {["", "财务审核", "特批审核", "通过", "驳回"][text]}
  202. </div>
  203. );
  204. }
  205. },
  206. {
  207. title: "操作",
  208. dataIndex: "pictureUrl",
  209. key: "pictureUrl",
  210. render: (text, recard) => {
  211. return (
  212. <div>
  213. <Button
  214. type="primary"
  215. style={{ margin: 5 }}
  216. onClick={(e) => {
  217. e.stopPropagation();
  218. let arr = text || [];
  219. this.setState({
  220. pictureUrlArr: splitUrl(arr, ",", globalConfig.avatarHost + "/upload"),
  221. recard,
  222. }, () => {
  223. this.setState({
  224. imgListVisible: true,
  225. })
  226. })
  227. }}
  228. >
  229. 审核
  230. </Button>
  231. <VipLogs id={recard.id} />
  232. </div>
  233. );
  234. },
  235. },
  236. ],
  237. dataSource: [],
  238. fjlist: [],// 营销员列表
  239. checkOrderNo: "",//操作订单编号
  240. checkData: "",//操作描述
  241. checkVisible: "",//审核弹窗开关
  242. checkId: "",//会员项目编号
  243. result: -1,//1同意 0驳回
  244. imgListVisible: false,//附件弹窗
  245. pictureUrlArr: [],//附件
  246. recard: {},
  247. };
  248. },
  249. componentWillMount() {
  250. this.loadData();
  251. this.departmentList();
  252. },
  253. // 获取订单部门
  254. departmentList() {
  255. $.ajax({
  256. method: "get",
  257. dataType: "json",
  258. crossDomain: false,
  259. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  260. data: {},
  261. success: function (data) {
  262. let thedata = data.data;
  263. let theArr = [];
  264. if (!thedata) {
  265. if (data.error && data.error.length) {
  266. message.warning(data.error[0].message);
  267. }
  268. } else {
  269. thedata.map(function (item, index) {
  270. theArr.push({
  271. key: index,
  272. name: item.name,
  273. id: item.id,
  274. });
  275. });
  276. }
  277. this.setState({
  278. departmentArr: theArr,
  279. });
  280. }.bind(this),
  281. }).always(
  282. function () {
  283. }.bind(this)
  284. );
  285. },
  286. // 列表数据
  287. loadData(pageNo, pageSize) {
  288. const { searchValues, pagination } = this.state
  289. this.setState({
  290. loading: true,
  291. });
  292. let datas = Object.assign(searchValues, {
  293. pageNo: pageNo || 1,
  294. pageSize: pageSize || 10,
  295. shiroType: 3, //特批审核
  296. });
  297. $.ajax({
  298. method: "get",
  299. dataType: "json",
  300. crossDomain: false,
  301. url: globalConfig.context + "/api/admin/orderProject/memberList",
  302. data: datas,
  303. success: function (data) {
  304. this.setState({
  305. loading: false,
  306. });
  307. if (data.error && data.error.length === 0) {
  308. if (data.data.list) {
  309. pagination.current = data.data.pageNo;
  310. pagination.total = data.data.totalCount;
  311. if (data.data && data.data.list && !data.data.list.length) {
  312. pagination.current = 0;
  313. pagination.total = 0;
  314. }
  315. this.setState({
  316. dataSource: data.data.list,
  317. pagination: this.state.pagination,
  318. pageNo: data.data.pageNo,
  319. totalPage: data.data.totalPage,
  320. });
  321. } else {
  322. this.setState({
  323. dataSource: data.data,
  324. pagination: false,
  325. });
  326. }
  327. } else {
  328. message.warning(data.error[0].message);
  329. }
  330. }.bind(this),
  331. }).always(
  332. function () {
  333. this.setState({
  334. loading: false,
  335. });
  336. }.bind(this)
  337. );
  338. },
  339. // 点击行
  340. tableRowClick(record) {
  341. this.state.RowData = record;
  342. this.setState({
  343. showDesc: true,
  344. });
  345. },
  346. // 关闭
  347. closeDesc(e, s) {
  348. this.state.showDesc = e;
  349. if (s) {
  350. this.loadData(this.state.pageNo);
  351. }
  352. },
  353. // 搜索
  354. search() {
  355. this.setState({
  356. selectedRowKeys: []
  357. })
  358. this.loadData();
  359. },
  360. // 重置
  361. reset() {
  362. this.setState({
  363. searchValues: JSON.parse(JSON.stringify({})),
  364. }, () => {
  365. this.loadData();
  366. })
  367. },
  368. // 点击审核
  369. checkRemark(nmb) {
  370. this.setState({
  371. checkVisible: true,
  372. checkId: this.state.recard.id,
  373. result: nmb
  374. });
  375. },
  376. // 审核
  377. toExamine() {
  378. if (!this.state.checkData) {
  379. message.warning("请填写审核说明~");
  380. return;
  381. }
  382. this.setState({
  383. loading: true,
  384. });
  385. $.ajax({
  386. method: "POST",
  387. dataType: "json",
  388. crossDomain: false,
  389. url: globalConfig.context + "/api/admin/orderProject/examineMemberProject",
  390. data: {
  391. id: this.state.checkId,
  392. remarks: this.state.checkData,
  393. result: this.state.result, //1同意 0驳回
  394. type: 1, //0财务审核 1特批审核
  395. },
  396. }).done(
  397. function (data) {
  398. if (!data.error.length) {
  399. message.success("审核成功!");
  400. this.setState({
  401. loading: false,
  402. checkVisible: false,
  403. checkData: '',
  404. imgListVisible: false,
  405. });
  406. this.loadData()
  407. } else {
  408. message.warning(data.error[0].message);
  409. }
  410. }.bind(this)
  411. );
  412. },
  413. // 更改表格显示数据
  414. changeList(arr) {
  415. const newArr = [];
  416. this.state.columns.forEach((item) => {
  417. arr.forEach((val) => {
  418. if (val === item.title) {
  419. newArr.push(item);
  420. }
  421. });
  422. });
  423. this.setState({
  424. changeList: newArr,
  425. });
  426. },
  427. // 导出当前列表
  428. exportAll() {
  429. message.config({
  430. duration: 20,
  431. });
  432. let loading = message.loading("下载中...");
  433. this.setState({
  434. exportPendingLoading: true,
  435. });
  436. let data = {
  437. shiroType: 3, //特批审核
  438. };
  439. let obj1 = JSON.parse(JSON.stringify(this.state.searchValues));
  440. data = Object.assign(data, obj1);
  441. $.ajax({
  442. method: "get",
  443. dataType: "json",
  444. crossDomain: false,
  445. url: "/api/admin/orderProject/memberList/export",
  446. data,
  447. success: function (data) {
  448. if (data.error.length === 0) {
  449. this.download(data.data);
  450. } else {
  451. message.warning(data.error[0].message);
  452. }
  453. }.bind(this),
  454. }).always(
  455. function () {
  456. loading();
  457. this.setState({
  458. exportPendingLoading: false,
  459. });
  460. }.bind(this)
  461. );
  462. },
  463. // 打印
  464. printAll() {
  465. this.setState({
  466. dvisible: true,
  467. });
  468. this.loadData(1, 9999999);
  469. },
  470. // 下载
  471. download(fileName) {
  472. window.location.href =
  473. globalConfig.context + "/open/download?fileName=" + fileName;
  474. },
  475. // 查询订单负责人列表
  476. followUp(e) {
  477. const { searchValues } = this.state;
  478. this.setState({
  479. searchValues: Object.assign(searchValues, {
  480. aname: e,
  481. }),
  482. });
  483. $.ajax({
  484. method: "get",
  485. dataType: "json",
  486. crossDomain: false,
  487. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  488. data: {
  489. adminName: e,
  490. },
  491. success: function (data) {
  492. let thedata = data.data;
  493. if (!thedata) {
  494. if (data.error && data.error.length) {
  495. message.warning(data.error[0].message);
  496. }
  497. thedata = {};
  498. }
  499. this.setState({
  500. fjlist: thedata,
  501. });
  502. }.bind(this),
  503. }).always(
  504. function () {
  505. this.setState({
  506. loading: false,
  507. });
  508. }.bind(this)
  509. );
  510. },
  511. // 选中订单负责人
  512. selectF(value) {
  513. const { searchValues, fjlist } = this.state;
  514. const newdataSources = JSON.stringify(fjlist) == "{}" ? [] : fjlist;
  515. this.setState({
  516. searchValues: Object.assign(searchValues, {
  517. salesmanId: newdataSources.find((item) => item.name == value).id,
  518. }),
  519. });
  520. },
  521. // 失去焦点
  522. blurChange(e) {
  523. let theType = "";
  524. let contactLists = this.state.customerArr || [];
  525. if (e) {
  526. contactLists.map(function (item) {
  527. if (item.name == e.toString()) {
  528. theType = item.id;
  529. }
  530. });
  531. }
  532. this.setState({
  533. theTypes: theType,
  534. });
  535. },
  536. // 删除数组最后一项(删除操作列)
  537. truncate(arr) {
  538. return arr.filter(function (v, i, ar) {
  539. return i !== ar.length - 1
  540. })
  541. },
  542. render() {
  543. const { TextArea } = Input
  544. const { searchValues, departmentArr = [] } = this.state
  545. const dataSources = this.state.fjlist || [];
  546. const options = dataSources.map((group) => (
  547. <Select.Option key={group.id} value={group.name}>
  548. {group.name}
  549. </Select.Option>
  550. ));
  551. return (
  552. <div className="user-content">
  553. <ShowModalDiv ShowModal={this.state.showModal} />
  554. <div className="content-title" style={{ marginBottom: 10 }}>
  555. <span style={{ fontWeight: 900, fontSize: 16 }}>特批会员项目</span>
  556. </div>
  557. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  558. <TabPane tab="更改表格显示数据" key="1">
  559. <div style={{ marginLeft: 10 }}>
  560. <ChooseList
  561. columns={this.state.columns}
  562. changeFn={this.changeList}
  563. changeList={this.state.changeList}
  564. top={55}
  565. margin={11}
  566. />
  567. </div>
  568. </TabPane>
  569. <TabPane tab="搜索" key="2">
  570. <div className="user-search" style={{ marginLeft: 10 }}>
  571. <Input
  572. placeholder="订单编号"
  573. value={searchValues["orderNo"]
  574. ? searchValues["orderNo"]
  575. : ""}
  576. onChange={(e) => {
  577. searchValues["orderNo"] = e.target.value;
  578. this.setState({
  579. searchValues: searchValues,
  580. });
  581. }}
  582. />
  583. <Input
  584. placeholder="客户名称"
  585. value={searchValues["userName"]
  586. ? searchValues["userName"]
  587. : ""}
  588. onChange={(e) => {
  589. searchValues["userName"] = e.target.value;
  590. this.setState({
  591. searchValues: searchValues,
  592. });
  593. }}
  594. />
  595. <Select
  596. placeholder="订单部门"
  597. style={{ width: 190, marginRight: 10 }}
  598. value={searchValues["depId"]
  599. ? searchValues["depId"]
  600. : undefined}
  601. onChange={(e) => {
  602. searchValues["depId"] = e;
  603. this.setState({
  604. searchValues: searchValues,
  605. });
  606. }}
  607. >
  608. {departmentArr.map(function (item) {
  609. return (
  610. <Select.Option key={item.id}>{item.name}</Select.Option>
  611. );
  612. })}
  613. </Select>
  614. <Input
  615. placeholder="合同编号"
  616. value={searchValues["contractNo"]
  617. ? searchValues["contractNo"]
  618. : ""}
  619. onChange={(e) => {
  620. searchValues["contractNo"] = e.target.value;
  621. this.setState({
  622. searchValues: searchValues,
  623. });
  624. }}
  625. />
  626. <AutoComplete
  627. className="certain-category-search"
  628. dropdownClassName="certain-category-search-dropdown"
  629. dropdownMatchSelectWidth={false}
  630. style={{ width: "120px" }}
  631. dataSource={options}
  632. placeholder="订单负责人"
  633. value={searchValues.aname || undefined}
  634. onChange={this.followUp.bind(this)}
  635. filterOption={true}
  636. onSelect={this.selectF.bind(this)}
  637. >
  638. <Input />
  639. </AutoComplete>
  640. <Input
  641. placeholder="项目名称"
  642. value={searchValues["projectName"]
  643. ? searchValues["projectName"]
  644. : ""}
  645. onChange={(e) => {
  646. searchValues["projectName"] = e.target.value;
  647. this.setState({
  648. searchValues: searchValues,
  649. });
  650. }}
  651. />
  652. <Select
  653. style={{ width: 120 }}
  654. placeholder="签单金额"
  655. value={searchValues["amountStatus"]
  656. ? searchValues["amountStatus"]
  657. : undefined}
  658. onChange={(e) => {
  659. searchValues["amountStatus"] = e;
  660. this.setState({
  661. searchValues: searchValues,
  662. });
  663. }}
  664. >
  665. <Option value="0">10万元以下</Option>
  666. <Option value="1">10~20万元</Option>
  667. <Option value="2">20~30万元</Option>
  668. <Option value="3">30~40万元</Option>
  669. <Option value="4">40万元以上</Option>
  670. </Select>
  671. <Select
  672. style={{ width: 120 }}
  673. placeholder="特批状态"
  674. value={searchValues["approval"]
  675. ? searchValues["approval"]
  676. : undefined}
  677. onChange={(e) => {
  678. searchValues["approval"] = e;
  679. this.setState({
  680. searchValues: searchValues,
  681. });
  682. }}
  683. >
  684. <Option value="0">非特批</Option>
  685. <Option value="1">特批待审</Option>
  686. <Option value="2">特批通过</Option>
  687. <Option value="4">全部特批</Option>
  688. </Select>
  689. <Select
  690. style={{ width: 120 }}
  691. placeholder="审核状态"
  692. value={searchValues["status"]
  693. ? searchValues["status"]
  694. : undefined}
  695. onChange={(e) => {
  696. searchValues["status"] = e;
  697. this.setState({
  698. searchValues: searchValues,
  699. });
  700. }}
  701. >
  702. <Option value="1">财务审核</Option>
  703. <Option value="2">特批审核</Option>
  704. <Option value="3">通过</Option>
  705. <Option value="5">全部</Option>
  706. </Select>
  707. <Button
  708. type="primary"
  709. onClick={this.search}
  710. style={{ marginLeft: 10 }}
  711. disabled={this.state.loading ? true : false}
  712. >
  713. 搜索
  714. </Button>
  715. <Button onClick={this.reset}>重置</Button>
  716. </div>
  717. </TabPane>
  718. <TabPane tab="打印" key="3">
  719. <Button
  720. type="primary"
  721. style={{ margin: "11px 0px 10px 10px" }}
  722. onClick={this.printAll}
  723. >
  724. 打印当前列表
  725. </Button>
  726. </TabPane>
  727. <TabPane tab="导出Excel" key="4">
  728. <Button
  729. type="primary"
  730. style={{ margin: "11px 0px 10px 10px" }}
  731. onClick={this.exportAll}
  732. >
  733. 导出当前列表
  734. </Button>
  735. </TabPane>
  736. </Tabs>
  737. <div className="patent-table">
  738. <Spin spinning={this.state.loading}>
  739. <Table
  740. bordered
  741. columns={
  742. this.state.changeList == undefined
  743. ? this.state.columns
  744. : this.state.changeList
  745. }
  746. dataSource={this.state.dataSource}
  747. pagination={this.state.pagination}
  748. onRowDoubleClick={this.tableRowClick.bind(this)}
  749. size="small"
  750. />
  751. </Spin>
  752. </div>
  753. <textarea id="copyText" style={{ opacity: 0 }} />
  754. {/* 订单详情 */}
  755. <OrderDesc
  756. data={this.state.RowData}
  757. showDesc={this.state.showDesc}
  758. closeDesc={this.closeDesc.bind(this)}
  759. />
  760. {
  761. //打印预览
  762. this.state.dvisible &&
  763. <Modal
  764. visible={this.state.dvisible}
  765. footer=""
  766. title="所有列表信息"
  767. className="admin-desc-content"
  768. width="1300px"
  769. onCancel={() => {
  770. this.loadData();
  771. this.setState({
  772. dvisible: false,
  773. });
  774. }}
  775. >
  776. <Spin spinning={this.state.loading}>
  777. <div
  778. className="patent-table"
  779. style={{
  780. padding: "25px 0 30px 30px",
  781. }}
  782. ref={(e) => {
  783. this.refs.all = e;
  784. }}
  785. >
  786. <Table
  787. columns={this.truncate(this.state.columns)}
  788. dataSource={this.state.dataSource}
  789. pagination={false}
  790. bordered
  791. size="small"
  792. />
  793. </div>
  794. </Spin>
  795. <ReactToPrint
  796. trigger={() => (
  797. <Button
  798. type="primary"
  799. style={{
  800. float: "right",
  801. marginTop: 10,
  802. position: "absolute",
  803. top: 0,
  804. right: 30,
  805. }}
  806. >
  807. 打印
  808. </Button>
  809. )}
  810. content={() => this.refs.all}
  811. />
  812. </Modal>
  813. }
  814. {
  815. //审核弹窗
  816. this.state.checkVisible &&
  817. <Modal
  818. width="400px"
  819. maskClosable={false}
  820. title="审核订单"
  821. confirmLoading={this.state.loading}
  822. visible={this.state.checkVisible}
  823. onOk={this.toExamine}
  824. okText={this.state.result == 1 ? "通过" : this.state.result == 0 && "驳回"}
  825. onCancel={() => {
  826. this.loadData()
  827. this.setState({
  828. checkVisible: false,
  829. checkData: '',
  830. })
  831. }}
  832. >
  833. <TextArea
  834. rows={4}
  835. value={this.state.checkData}
  836. onChange={(e) => {
  837. this.setState({
  838. checkData: e.target.value,
  839. })
  840. }}
  841. placeholder="请填写审核内容"
  842. />
  843. </Modal>
  844. }
  845. {
  846. //查看附件
  847. this.state.imgListVisible &&
  848. <Modal
  849. maskClosable={false}
  850. visible={this.state.imgListVisible}
  851. onOk={() => {
  852. this.setState({
  853. imgListVisible: false,
  854. });
  855. }}
  856. onCancel={() => {
  857. this.setState({
  858. imgListVisible: false,
  859. });
  860. }}
  861. width="600px"
  862. title="审核"
  863. footer=""
  864. >
  865. <div>附件</div>
  866. <div>
  867. <ImgList
  868. fileList={this.state.pictureUrlArr}
  869. domId="publicStatistics"
  870. />
  871. </div>
  872. <div
  873. style={{
  874. display: "flex",
  875. flexDirection: "row",
  876. justifyContent: "center",
  877. }}
  878. >
  879. {
  880. this.state.recard.status == 2 &&
  881. <Button
  882. type="primary"
  883. style={{ margin: '20px 10px 5px' }}
  884. onClick={(e) => {
  885. e.stopPropagation();
  886. this.checkRemark(1);
  887. }}
  888. >
  889. 通过
  890. </Button>
  891. }
  892. {
  893. this.state.recard.status == 2 &&
  894. <Button
  895. type="danger"
  896. style={{ margin: '20px 10px 5px' }}
  897. onClick={(e) => {
  898. e.stopPropagation();
  899. this.checkRemark(0);
  900. }}
  901. >
  902. 驳回
  903. </Button>
  904. }
  905. </div>
  906. </Modal>
  907. }
  908. </div>
  909. );
  910. },
  911. });
  912. export default ApprovedVipProject;