approvedvipproject.jsx 24 KB

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