approvedvipproject.jsx 24 KB

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