projectvipall.jsx 25 KB

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