projectvipall.jsx 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837
  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. const { TabPane } = Tabs;
  15. //财务总监会员项目查看
  16. const ProjectVipAll = React.createClass({
  17. //
  18. getInitialState() {
  19. return {
  20. dvisible: false,
  21. pageNo: 1,
  22. totalPage: 0,
  23. searchValues: {
  24. status: "5"
  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: 160,
  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. },
  152. {
  153. title: "订单负责人",
  154. dataIndex: "salesmanName",
  155. key: "salesmanName",
  156. },
  157. {
  158. title: "财务负责人",
  159. dataIndex: "financeName",
  160. key: "financeName",
  161. },
  162. {
  163. title: "会员项目",
  164. dataIndex: "projectName",
  165. key: "projectName",
  166. render: (text, record) => {
  167. return (
  168. <div>
  169. {text}
  170. {(record.memberType == 1 || record.memberType == 2) && <Tag color="#ff0000">特批项目</Tag>}
  171. </div>
  172. )
  173. }
  174. },
  175. {
  176. title: "数量",
  177. dataIndex: "commodityQuantity",
  178. key: "commodityQuantity",
  179. },
  180. {
  181. title: "总年限",
  182. dataIndex: "yearSum",
  183. key: "yearSum",
  184. render: (text, record) => {
  185. return (
  186. <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
  187. );
  188. }
  189. },
  190. {
  191. title: "年限",
  192. dataIndex: "serviceLife",
  193. key: "serviceLife",
  194. width: 60,
  195. render: (text, record) => {
  196. return (
  197. !!text && JSON.parse(text).map(item =>
  198. <div>{item}年 </div>
  199. )
  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. }, () => {
  252. this.setState({
  253. imgListVisible: true,
  254. })
  255. })
  256. }}
  257. >
  258. 查看附件
  259. </Button>
  260. <VipLogs id={recard.id} />
  261. </div>
  262. );
  263. },
  264. },
  265. ],
  266. dataSource: [],
  267. fjlist: [],// 营销员列表
  268. checkOrderNo: "",//操作订单编号
  269. checkData: "",//操作描述
  270. checkVisible: "",//审核弹窗开关
  271. checkId: "",//会员项目编号
  272. result: -1,//1同意 0驳回
  273. imgListVisible: false,//附件弹窗
  274. pictureUrlArr: [],//附件
  275. };
  276. },
  277. componentWillMount() {
  278. this.loadData();
  279. this.departmentList();
  280. },
  281. // 获取订单部门
  282. departmentList() {
  283. $.ajax({
  284. method: "get",
  285. dataType: "json",
  286. crossDomain: false,
  287. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  288. data: {},
  289. success: function (data) {
  290. let thedata = data.data;
  291. let theArr = [];
  292. if (!thedata) {
  293. if (data.error && data.error.length) {
  294. message.warning(data.error[0].message);
  295. }
  296. } else {
  297. thedata.map(function (item, index) {
  298. theArr.push({
  299. key: index,
  300. name: item.name,
  301. id: item.id,
  302. });
  303. });
  304. }
  305. this.setState({
  306. departmentArr: theArr,
  307. });
  308. }.bind(this),
  309. }).always(
  310. function () {
  311. }.bind(this)
  312. );
  313. },
  314. // 列表数据
  315. loadData(pageNo, pageSize) {
  316. const { searchValues, pagination } = this.state
  317. this.setState({
  318. loading: true,
  319. });
  320. let datas = Object.assign(searchValues, {
  321. pageNo: pageNo || 1,
  322. pageSize: pageSize || 10,
  323. shiroType: 0, //所有
  324. });
  325. $.ajax({
  326. method: "get",
  327. dataType: "json",
  328. crossDomain: false,
  329. url: globalConfig.context + "/api/admin/orderProject/memberList",
  330. data: datas,
  331. success: function (data) {
  332. this.setState({
  333. loading: false,
  334. });
  335. if (data.error && data.error.length === 0) {
  336. if (data.data.list) {
  337. pagination.current = data.data.pageNo;
  338. pagination.total = data.data.totalCount;
  339. if (data.data && data.data.list && !data.data.list.length) {
  340. pagination.current = 0;
  341. pagination.total = 0;
  342. }
  343. this.setState({
  344. dataSource: data.data.list,
  345. pagination: this.state.pagination,
  346. pageNo: data.data.pageNo,
  347. totalPage: data.data.totalPage,
  348. });
  349. } else {
  350. this.setState({
  351. dataSource: data.data,
  352. pagination: false,
  353. });
  354. }
  355. } else {
  356. message.warning(data.error[0].message);
  357. }
  358. }.bind(this),
  359. }).always(
  360. function () {
  361. this.setState({
  362. loading: false,
  363. });
  364. }.bind(this)
  365. );
  366. },
  367. // 点击行
  368. tableRowClick(record) {
  369. this.state.RowData = record;
  370. this.setState({
  371. showDesc: true,
  372. });
  373. },
  374. // 关闭
  375. closeDesc(e, s) {
  376. this.state.showDesc = e;
  377. if (s) {
  378. this.loadData(this.state.pageNo);
  379. }
  380. },
  381. // 搜索
  382. search() {
  383. this.setState({
  384. selectedRowKeys: []
  385. })
  386. this.loadData();
  387. },
  388. // 重置
  389. reset() {
  390. this.setState({
  391. searchValues: JSON.parse(JSON.stringify({})),
  392. }, () => {
  393. this.loadData();
  394. })
  395. },
  396. // 更改表格显示数据
  397. changeList(arr) {
  398. const newArr = [];
  399. this.state.columns.forEach((item) => {
  400. arr.forEach((val) => {
  401. if (val === item.title) {
  402. newArr.push(item);
  403. }
  404. });
  405. });
  406. this.setState({
  407. changeList: newArr,
  408. });
  409. },
  410. // 导出当前列表
  411. exportAll() {
  412. message.config({
  413. duration: 20,
  414. });
  415. let loading = message.loading("下载中...");
  416. this.setState({
  417. exportPendingLoading: true,
  418. });
  419. let data = {
  420. shiroType: 0, //所有
  421. };
  422. let obj1 = JSON.parse(JSON.stringify(this.state.searchValues));
  423. data = Object.assign(data, obj1);
  424. $.ajax({
  425. method: "get",
  426. dataType: "json",
  427. crossDomain: false,
  428. url: "/api/admin/orderProject/memberList/export",
  429. data,
  430. success: function (data) {
  431. if (data.error.length === 0) {
  432. this.download(data.data);
  433. } else {
  434. message.warning(data.error[0].message);
  435. }
  436. }.bind(this),
  437. }).always(
  438. function () {
  439. loading();
  440. this.setState({
  441. exportPendingLoading: false,
  442. });
  443. }.bind(this)
  444. );
  445. },
  446. // 打印
  447. printAll() {
  448. this.setState({
  449. dvisible: true,
  450. });
  451. this.loadData(1, 9999999);
  452. },
  453. // 下载
  454. download(fileName) {
  455. window.location.href =
  456. globalConfig.context + "/open/download?fileName=" + fileName;
  457. },
  458. // 查询订单负责人列表
  459. followUp(e) {
  460. const { searchValues } = this.state;
  461. this.setState({
  462. searchValues: Object.assign(searchValues, {
  463. aname: e,
  464. }),
  465. });
  466. $.ajax({
  467. method: "get",
  468. dataType: "json",
  469. crossDomain: false,
  470. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  471. data: {
  472. adminName: e,
  473. },
  474. success: function (data) {
  475. let thedata = data.data;
  476. if (!thedata) {
  477. if (data.error && data.error.length) {
  478. message.warning(data.error[0].message);
  479. }
  480. thedata = {};
  481. }
  482. this.setState({
  483. fjlist: thedata,
  484. });
  485. }.bind(this),
  486. }).always(
  487. function () {
  488. this.setState({
  489. loading: false,
  490. });
  491. }.bind(this)
  492. );
  493. },
  494. // 选中订单负责人
  495. selectF(value) {
  496. const { searchValues, fjlist } = this.state;
  497. const newdataSources = JSON.stringify(fjlist) == "{}" ? [] : fjlist;
  498. this.setState({
  499. searchValues: Object.assign(searchValues, {
  500. salesmanId: newdataSources.find((item) => item.name == value).id,
  501. }),
  502. });
  503. },
  504. // 失去焦点
  505. blurChange(e) {
  506. let theType = "";
  507. let contactLists = this.state.customerArr || [];
  508. if (e) {
  509. contactLists.map(function (item) {
  510. if (item.name == e.toString()) {
  511. theType = item.id;
  512. }
  513. });
  514. }
  515. this.setState({
  516. theTypes: theType,
  517. });
  518. },
  519. // 删除数组最后一项(删除操作列)
  520. truncate(arr) {
  521. return arr.filter(function (v, i, ar) {
  522. return i !== ar.length - 1
  523. })
  524. },
  525. render() {
  526. const { TextArea } = Input
  527. const { searchValues, departmentArr = [] } = this.state
  528. const dataSources = this.state.fjlist || [];
  529. const options = dataSources.map((group) => (
  530. <Select.Option key={group.id} value={group.name}>
  531. {group.name}
  532. </Select.Option>
  533. ));
  534. return (
  535. <div className="user-content">
  536. <ShowModalDiv ShowModal={this.state.showModal} />
  537. <div className="content-title" style={{ marginBottom: 10 }}>
  538. <span style={{ fontWeight: 900, fontSize: 16 }}>会员项目(all)</span>
  539. </div>
  540. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  541. <TabPane tab="更改表格显示数据" key="1">
  542. <div style={{ marginLeft: 10 }}>
  543. <ChooseList
  544. columns={this.state.columns}
  545. changeFn={this.changeList}
  546. changeList={this.state.changeList}
  547. top={55}
  548. margin={11}
  549. />
  550. </div>
  551. </TabPane>
  552. <TabPane tab="搜索" key="2">
  553. <div className="user-search" style={{ marginLeft: 10 }}>
  554. <Input
  555. placeholder="订单编号"
  556. value={searchValues["orderNo"]
  557. ? searchValues["orderNo"]
  558. : ""}
  559. onChange={(e) => {
  560. searchValues["orderNo"] = e.target.value;
  561. this.setState({
  562. searchValues: searchValues,
  563. });
  564. }}
  565. />
  566. <Input
  567. placeholder="客户名称"
  568. value={searchValues["userName"]
  569. ? searchValues["userName"]
  570. : ""}
  571. onChange={(e) => {
  572. searchValues["userName"] = e.target.value;
  573. this.setState({
  574. searchValues: searchValues,
  575. });
  576. }}
  577. />
  578. <Select
  579. placeholder="订单部门"
  580. style={{ width: 190, marginRight: 10 }}
  581. value={searchValues["depId"]
  582. ? searchValues["depId"]
  583. : undefined}
  584. onChange={(e) => {
  585. searchValues["depId"] = e;
  586. this.setState({
  587. searchValues: searchValues,
  588. });
  589. }}
  590. >
  591. {departmentArr.map(function (item) {
  592. return (
  593. <Select.Option key={item.id}>{item.name}</Select.Option>
  594. );
  595. })}
  596. </Select>
  597. <Input
  598. placeholder="合同编号"
  599. value={searchValues["contractNo"]
  600. ? searchValues["contractNo"]
  601. : ""}
  602. onChange={(e) => {
  603. searchValues["contractNo"] = e.target.value;
  604. this.setState({
  605. searchValues: searchValues,
  606. });
  607. }}
  608. />
  609. <AutoComplete
  610. className="certain-category-search"
  611. dropdownClassName="certain-category-search-dropdown"
  612. dropdownMatchSelectWidth={false}
  613. style={{ width: "120px" }}
  614. dataSource={options}
  615. placeholder="订单负责人"
  616. value={searchValues.aname || undefined}
  617. onChange={this.followUp.bind(this)}
  618. filterOption={true}
  619. onSelect={this.selectF.bind(this)}
  620. >
  621. <Input />
  622. </AutoComplete>
  623. <Input
  624. placeholder="项目名称"
  625. value={searchValues["projectName"]
  626. ? searchValues["projectName"]
  627. : ""}
  628. onChange={(e) => {
  629. searchValues["projectName"] = e.target.value;
  630. this.setState({
  631. searchValues: searchValues,
  632. });
  633. }}
  634. />
  635. <Select
  636. style={{ width: 120 }}
  637. placeholder="签单金额"
  638. value={searchValues["amountStatus"]
  639. ? searchValues["amountStatus"]
  640. : undefined}
  641. onChange={(e) => {
  642. searchValues["amountStatus"] = e;
  643. this.setState({
  644. searchValues: searchValues,
  645. });
  646. }}
  647. >
  648. <Option value="0">10万元以下</Option>
  649. <Option value="1">10~20万元</Option>
  650. <Option value="2">20~30万元</Option>
  651. <Option value="3">30~40万元</Option>
  652. <Option value="4">40万元以上</Option>
  653. </Select>
  654. <Select
  655. style={{ width: 120 }}
  656. placeholder="特批状态"
  657. value={searchValues["approval"]
  658. ? searchValues["approval"]
  659. : undefined}
  660. onChange={(e) => {
  661. searchValues["approval"] = e;
  662. this.setState({
  663. searchValues: searchValues,
  664. });
  665. }}
  666. >
  667. <Option value="0">非特批</Option>
  668. <Option value="1">特批待审</Option>
  669. <Option value="2">特批通过</Option>
  670. <Option value="4">全部特批</Option>
  671. </Select>
  672. <Select
  673. style={{ width: 120 }}
  674. placeholder="审核状态"
  675. value={searchValues["status"]
  676. ? searchValues["status"]
  677. : undefined}
  678. onChange={(e) => {
  679. searchValues["status"] = e;
  680. this.setState({
  681. searchValues: searchValues,
  682. });
  683. }}
  684. >
  685. <Option value="1">财务审核</Option>
  686. <Option value="2">特批审核</Option>
  687. <Option value="3">通过</Option>
  688. <Option value="5">全部</Option>
  689. </Select>
  690. <Button
  691. type="primary"
  692. onClick={this.search}
  693. style={{ marginLeft: 10 }}
  694. disabled={this.state.loading ? true : false}
  695. >
  696. 搜索
  697. </Button>
  698. <Button onClick={this.reset}>重置</Button>
  699. </div>
  700. </TabPane>
  701. <TabPane tab="打印" key="3">
  702. <Button
  703. type="primary"
  704. style={{ margin: "11px 0px 10px 10px" }}
  705. onClick={this.printAll}
  706. >
  707. 打印当前列表
  708. </Button>
  709. </TabPane>
  710. <TabPane tab="导出Excel" key="4">
  711. <Button
  712. type="primary"
  713. style={{ margin: "11px 0px 10px 10px" }}
  714. onClick={this.exportAll}
  715. >
  716. 导出当前列表
  717. </Button>
  718. </TabPane>
  719. </Tabs>
  720. <div className="patent-table">
  721. <Spin spinning={this.state.loading}>
  722. <Table
  723. bordered
  724. columns={
  725. this.state.changeList == undefined
  726. ? this.state.columns
  727. : this.state.changeList
  728. }
  729. dataSource={this.state.dataSource}
  730. pagination={this.state.pagination}
  731. onRowDoubleClick={this.tableRowClick.bind(this)}
  732. size="small"
  733. />
  734. </Spin>
  735. </div>
  736. <textarea id="copyText" style={{ opacity: 0 }} />
  737. {/* 订单详情 */}
  738. <OrderDesc
  739. data={this.state.RowData}
  740. showDesc={this.state.showDesc}
  741. closeDesc={this.closeDesc.bind(this)}
  742. />
  743. {
  744. //打印预览
  745. this.state.dvisible &&
  746. <Modal
  747. visible={this.state.dvisible}
  748. footer=""
  749. title="所有列表信息"
  750. className="admin-desc-content"
  751. width="1300px"
  752. onCancel={() => {
  753. this.loadData();
  754. this.setState({
  755. dvisible: false,
  756. });
  757. }}
  758. >
  759. <Spin spinning={this.state.loading}>
  760. <div
  761. className="patent-table"
  762. style={{
  763. padding: "25px 0 30px 30px",
  764. }}
  765. ref={(e) => {
  766. this.refs.all = e;
  767. }}
  768. >
  769. <Table
  770. columns={this.truncate(this.state.columns)}
  771. dataSource={this.state.dataSource}
  772. pagination={false}
  773. bordered
  774. size="small"
  775. />
  776. </div>
  777. </Spin>
  778. <ReactToPrint
  779. trigger={() => (
  780. <Button
  781. type="primary"
  782. style={{
  783. float: "right",
  784. marginTop: 10,
  785. position: "absolute",
  786. top: 0,
  787. right: 30,
  788. }}
  789. >
  790. 打印
  791. </Button>
  792. )}
  793. content={() => this.refs.all}
  794. />
  795. </Modal>
  796. }
  797. {
  798. //查看附件
  799. this.state.imgListVisible &&
  800. <Modal
  801. maskClosable={false}
  802. visible={this.state.imgListVisible}
  803. onOk={() => {
  804. this.setState({
  805. imgListVisible: false,
  806. });
  807. }}
  808. onCancel={() => {
  809. this.setState({
  810. imgListVisible: false,
  811. });
  812. }}
  813. width="600px"
  814. title="附件"
  815. footer=""
  816. >
  817. <div>
  818. <ImgList
  819. fileList={this.state.pictureUrlArr}
  820. domId="publicStatistics"
  821. />
  822. </div>
  823. </Modal>
  824. }
  825. </div>
  826. );
  827. },
  828. });
  829. export default ProjectVipAll;