projectvipall.jsx 24 KB

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