accountDetaillist.jsx 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import moment from "moment";
  4. import {
  5. Button,
  6. Form,
  7. Input,
  8. Spin,
  9. Table,
  10. Select,
  11. message,
  12. Tabs,
  13. AutoComplete,
  14. DatePicker,
  15. Modal,
  16. } from "antd";
  17. import { ChooseList } from "../../order/orderNew/chooseList";
  18. import { ShowModal, getAccountName, getSecondaryAccountName } from "../../../tools"
  19. import ShowModalDiv from "@/showModal.jsx";
  20. import AccountDetails from "./accountDetails";
  21. import { accountType, typeLists, accountStatus } from "@/dataDic";
  22. const FormItem = Form.Item;
  23. const { RangePicker } = DatePicker;
  24. const { TabPane } = Tabs;
  25. const AccountDetaillist = React.createClass({
  26. getInitialState() {
  27. return {
  28. showDetails: false,
  29. data: {},
  30. logvisible: false,
  31. logdataSour: [],
  32. visible: "",
  33. reason: "",
  34. checkData: {},
  35. aname: "",
  36. searchValues: {}, // 列表筛选条件
  37. loading: false, //加载动画
  38. changeList: undefined, // 更改后的表格显示数据
  39. dataSource: [], // 列表数据
  40. departmentArr: [],
  41. pagination: {
  42. defaultCurrent: 1,
  43. defaultPageSize: 10,
  44. showQuickJumper: true,
  45. pageSize: 10,
  46. onChange: function (page) {
  47. this.loadData(page);
  48. }.bind(this),
  49. showTotal: function (total) {
  50. return "共" + total + "条数据";
  51. },
  52. },
  53. columns: [
  54. {
  55. title: "类型",
  56. dataIndex: "type",
  57. key: "type",
  58. width: 140,
  59. render: (text, record) => {
  60. return (
  61. <span>
  62. {(text == 0 && !record.typeOther)
  63. ? getAccountName(record.sonType, record.sonTypeOther)
  64. : getSecondaryAccountName(text, record.typeOther)}
  65. </span>
  66. );
  67. },
  68. },
  69. {
  70. title: "报销金额(元)",
  71. dataIndex: "amount",
  72. key: "amount",
  73. },
  74. {
  75. title: "实报金额(元)",
  76. dataIndex: "realAmount",
  77. key: "realAmount",
  78. },
  79. {
  80. title: "报销编号",
  81. dataIndex: "checkNo",
  82. key: "checkNo",
  83. },
  84. {
  85. title: "报销至订单",
  86. dataIndex: "buyerName",
  87. key: "buyerName",
  88. render: (text, record) => {
  89. return (
  90. record.targetType == 0
  91. ? <div>固定费用</div>
  92. : <div>
  93. <div>{text || ""}</div>
  94. <div>{record.contractNo || ""}</div>
  95. </div>
  96. );
  97. },
  98. },
  99. {
  100. title: "报销至部门",
  101. dataIndex: "applyDepName",
  102. key: "applyDepName",
  103. render: (text, record) => {
  104. return (
  105. <span>{record.targetType == 0 && text}</span>
  106. );
  107. },
  108. },
  109. {
  110. title: "报销人",
  111. dataIndex: "aname",
  112. key: "aname",
  113. },
  114. {
  115. title: "财务负责人",
  116. dataIndex: "financeName",
  117. key: "financeName",
  118. },
  119. {
  120. title: "报销公司/支付公司",
  121. dataIndex: "payDepName",
  122. key: "payDepName",
  123. render: (text, record) => {
  124. return (
  125. <div>
  126. <div>{record.applyDepName || ""}</div>
  127. <div>{text || ""}</div>
  128. </div>
  129. );
  130. },
  131. },
  132. {
  133. title: "报销时间",
  134. dataIndex: "createTimeStr",
  135. key: "createTimeStr",
  136. },
  137. {
  138. title: "状态",
  139. dataIndex: "status",
  140. key: "status",
  141. render: (text, record) => {
  142. return (
  143. <span style={{ color: accountStatus[text].color }}>
  144. {accountStatus[text].label}
  145. </span>
  146. );
  147. },
  148. },
  149. {
  150. title: "操作",
  151. dataIndex: "operate",
  152. key: "operate",
  153. render: (text, record) => {
  154. return (
  155. <div>
  156. <div>
  157. {this.props.isOperate &&
  158. <Button type="primary"
  159. style={{ margin: 4 }}
  160. onClick={() => { this.download(record.attachmentUrl) }}
  161. >下载</Button>}
  162. {this.props.isOperate && record.examine == 1 &&
  163. <Button type="primary"
  164. style={{ margin: 4 }}
  165. onClick={(e) => {
  166. e.stopPropagation();
  167. this.setState({
  168. visible: "adopt",
  169. checkData: record,
  170. })
  171. }}
  172. >同意</Button>}
  173. {this.props.isOperate && record.examine == 1 &&
  174. <Button type="danger"
  175. style={{ margin: 4 }}
  176. onClick={(e) => {
  177. e.stopPropagation();
  178. this.setState({
  179. visible: "reject",
  180. checkData: record,
  181. })
  182. }}
  183. >驳回</Button>}
  184. {record.status != 0 && <Button
  185. style={{ margin: 4 }}
  186. onClick={() => {
  187. this.setState({
  188. logvisible: true
  189. })
  190. this.getLogData(record.mainId || record.sonId)
  191. }}>日志</Button>}
  192. </div>
  193. </div>
  194. )
  195. }
  196. },
  197. ],
  198. logcolumns: [
  199. {
  200. title: "审核人",
  201. dataIndex: "auditorName",
  202. key: "auditorName"
  203. },
  204. {
  205. title: "操作",
  206. dataIndex: "status",
  207. key: "status",
  208. width: 120,
  209. render: (text, record) => {
  210. return (
  211. <span style={{ color: ["#1D4FEA", "#34DE38", "#108EE9", "red", "#808080", "#1D4FEA"][text] }}>
  212. {["【发起】", "【通过】", "【完成】", "【驳回】", "【撤销】", "【修改】"][text]}
  213. {this.state.processStatus == record.processStatus && !record.id &&
  214. <span style={{ color: "#FFA500" }}>&nbsp;审核中...</span>}
  215. </span>
  216. );
  217. },
  218. },
  219. {
  220. title: "操作时间",
  221. dataIndex: "createTimeStr",
  222. key: "createTimeStr",
  223. width: 88,
  224. },
  225. {
  226. title: "备注",
  227. dataIndex: "remarks",
  228. key: "remarks",
  229. render: (text, record) => {
  230. return (
  231. <div style={{ minWidth: 250 }}>{text}</div>
  232. )
  233. }
  234. }
  235. ],
  236. };
  237. },
  238. componentWillMount() {
  239. this.departmentList();
  240. this.loadData();
  241. },
  242. // 列表接口
  243. loadData(pageNo) {
  244. const { searchValues, pagination } = this.state;
  245. this.setState({
  246. loading: true,
  247. });
  248. let datas = Object.assign(searchValues, {
  249. pageNo: pageNo || 1,
  250. pageSize: pagination.pageSize,
  251. // expenseMain: 1,
  252. // processStatus: this.props.isOperate ? 1 : 2,
  253. });
  254. $.ajax({
  255. method: "get",
  256. dataType: "json",
  257. crossDomain: false,
  258. url: globalConfig.context + "/api/admin/expenseAccount/detailsList",
  259. data: datas,
  260. success: function (data) {
  261. ShowModal(this);
  262. this.setState({
  263. loading: false,
  264. });
  265. if (data.error && data.error.length === 0) {
  266. if (data.data.list) {
  267. pagination.current = data.data.pageNo;
  268. pagination.total = data.data.totalCount;
  269. if (data.data && data.data.list && !data.data.list.length) {
  270. pagination.current = 0;
  271. pagination.total = 0;
  272. }
  273. this.setState({
  274. dataSource: data.data.list,
  275. pagination: this.state.pagination,
  276. pageNo: data.data.pageNo,
  277. totalAmount: data.data.totalAmount,
  278. });
  279. } else {
  280. this.setState({
  281. dataSource: data.data,
  282. pagination: false,
  283. });
  284. }
  285. } else {
  286. message.warning(data.error[0].message);
  287. }
  288. }.bind(this),
  289. }).always(
  290. function () {
  291. this.setState({
  292. loading: false,
  293. });
  294. }.bind(this)
  295. );
  296. },
  297. // 日志
  298. getLogData(eaid) {
  299. $.ajax({
  300. method: "get",
  301. dataType: "json",
  302. crossDomain: false,
  303. url: globalConfig.context + "/api/admin/expenseAccount/log/list",
  304. data: { eaid },
  305. success: function (data) {
  306. if (data.error.length === 0) {
  307. this.setState({
  308. logdataSour: data.data || []
  309. });
  310. this.isHere(data.data || [])
  311. } else {
  312. message.warning(data.error[0].message);
  313. }
  314. }.bind(this)
  315. }).always(
  316. function () {
  317. }.bind(this)
  318. );
  319. },
  320. //
  321. isHere(list = []) {
  322. for (var i = 0; i < list.length; i++) {
  323. if (!list[i].id) {
  324. this.setState({
  325. processStatus: list[i].processStatus
  326. })
  327. return
  328. }
  329. }
  330. },
  331. download(urls) {
  332. if (!urls) {
  333. message.error("暂无可下载的附件!");
  334. } else {
  335. let list = urls.split(',') || []
  336. list.forEach(e => {
  337. var aLink = document.createElement('a');
  338. aLink.download = e;
  339. aLink.href = globalConfig.context + `/open/download?fileName=${e}&delete=false`;
  340. document.body.appendChild(aLink);
  341. aLink.click();
  342. document.body.removeChild(aLink);
  343. });
  344. }
  345. },
  346. departmentList() {
  347. $.ajax({
  348. method: "get",
  349. dataType: "json",
  350. crossDomain: false,
  351. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  352. data: {},
  353. success: function (data) {
  354. let thedata = data.data;
  355. let theArr = [];
  356. if (!thedata) {
  357. if (data.error && data.error.length) {
  358. message.warning(data.error[0].message);
  359. }
  360. } else {
  361. thedata.map(function (item, index) {
  362. theArr.push({
  363. key: index,
  364. name: item.name,
  365. id: item.id
  366. });
  367. });
  368. }
  369. this.setState({
  370. departmentArr: theArr
  371. });
  372. }.bind(this)
  373. }).always(
  374. function () {
  375. }.bind(this)
  376. );
  377. },
  378. // 审核
  379. toExamine(num) {
  380. const { checkData, reason } = this.state
  381. if (!reason) {
  382. message.warning("请填写审核说明~");
  383. return;
  384. }
  385. this.setState({
  386. loading: true,
  387. });
  388. $.ajax({
  389. method: "POST",
  390. dataType: "json",
  391. crossDomain: false,
  392. url: globalConfig.context + "/api/admin/expenseAccount/examine",
  393. data: {
  394. id: checkData.id,
  395. reason,
  396. status: num,//1同意 3驳回
  397. },
  398. }).done(
  399. function (data) {
  400. if (!data.error.length) {
  401. message.success("审核成功!");
  402. this.setState({
  403. visible: "",
  404. reason: "",
  405. showDetails: false,
  406. checkData: {},
  407. });
  408. this.loadData()
  409. } else {
  410. message.warning(data.error[0].message);
  411. }
  412. }.bind(this)
  413. );
  414. },
  415. tableRowClick(e) {
  416. this.setState({
  417. showDetails: true,
  418. id: e.id,
  419. })
  420. // this.getDetails(e.id)
  421. },
  422. // 查询负责人
  423. followUp(e) {
  424. this.setState({
  425. aname: e
  426. });
  427. $.ajax({
  428. method: "get",
  429. dataType: "json",
  430. crossDomain: false,
  431. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  432. data: {
  433. adminName: e,
  434. },
  435. success: function (data) {
  436. let thedata = data.data || [];
  437. if (!thedata) {
  438. if (data.error && data.error.length) {
  439. message.warning(data.error[0].message);
  440. }
  441. thedata = {};
  442. }
  443. this.setState({
  444. fjlist: thedata,
  445. });
  446. }.bind(this),
  447. }).always(
  448. function () {
  449. this.setState({
  450. loading: false,
  451. });
  452. }.bind(this)
  453. );
  454. },
  455. // 选中负责人
  456. selectF(value) {
  457. const { searchValues, fjlist } = this.state;
  458. const newdataSources = JSON.stringify(fjlist) == "{}" ? [] : fjlist;
  459. this.setState({
  460. searchValues: Object.assign(searchValues, {
  461. aid: newdataSources.find((item) => item.name == value).id,
  462. }),
  463. });
  464. },
  465. // 搜索
  466. search() {
  467. this.loadData();
  468. },
  469. // 重置
  470. reset() {
  471. this.setState({
  472. aname: "",
  473. searchValues: JSON.parse(JSON.stringify({})),
  474. }, () => {
  475. this.loadData();
  476. })
  477. },
  478. changeList(arr) {
  479. const newArr = [];
  480. this.state.columns.forEach((item) => {
  481. arr.forEach((val) => {
  482. if (val === item.title) {
  483. newArr.push(item);
  484. }
  485. });
  486. });
  487. this.setState({
  488. changeList: newArr,
  489. });
  490. },
  491. export() {
  492. this.setState({
  493. exportExecLoading: true
  494. })
  495. let loading = message.loading('加载中...');
  496. let data = this.state.searchValues;
  497. $.ajax({
  498. method: "get",
  499. dataType: "json",
  500. crossDomain: false,
  501. url: globalConfig.context + "/api/admin/expenseAccount/detailsListExport",
  502. data,
  503. success: function (data) {
  504. if (data.error.length === 0) {
  505. this.download(data.data.data);
  506. } else {
  507. message.warning(data.error[0].message);
  508. }
  509. }.bind(this),
  510. }).always(function () {
  511. loading();
  512. this.setState({
  513. exportExecLoading: false
  514. })
  515. }.bind(this));
  516. },
  517. // 下载
  518. download(fileName) {
  519. window.location.href = globalConfig.context + "/open/download?fileName=" + fileName
  520. },
  521. render() {
  522. const { TextArea } = Input
  523. const { searchValues, visible, } = this.state
  524. const formItemLayout = {
  525. labelCol: { span: 5 },
  526. wrapperCol: { span: 18 },
  527. };
  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 }}>报销明细列表</span>
  539. </div>
  540. <Tabs defaultActiveKey="2" className="test">
  541. <TabPane tab="搜索" key="2">
  542. <div className="user-search" style={{ marginLeft: 10 }}>
  543. <Input
  544. placeholder="合同编号"
  545. value={searchValues["contractNo"]
  546. ? searchValues["contractNo"]
  547. : ""}
  548. onChange={(e) => {
  549. searchValues["contractNo"] = e.target.value;
  550. this.setState({
  551. searchValues: searchValues,
  552. });
  553. }}
  554. />
  555. <Input
  556. placeholder="客户名称"
  557. value={searchValues["username"]
  558. ? searchValues["username"]
  559. : ""}
  560. onChange={(e) => {
  561. searchValues["username"] = e.target.value;
  562. this.setState({
  563. searchValues: searchValues,
  564. });
  565. }}
  566. />
  567. <Select
  568. style={{ width: 140 }}
  569. placeholder="报销类型"
  570. value={searchValues["type"]
  571. ? searchValues["type"]
  572. : undefined}
  573. onChange={(e) => {
  574. searchValues["type"] = e;
  575. this.setState({
  576. searchValues: searchValues,
  577. });
  578. }}
  579. >
  580. <Option value="1">交通费</Option>
  581. <Option value="2">住宿费</Option>
  582. <Option value="3">市内车费</Option>
  583. <Option value="4">餐费</Option>
  584. <Option value="5">出差补贴</Option>
  585. <Option value="6">预借支</Option>
  586. <Option value="7">油费</Option>
  587. <Option value="8">招待费</Option>
  588. <Option value="9">办公费</Option>
  589. <Option value="10">福利费</Option>
  590. <Option value="11">物业水电费</Option>
  591. <Option value="12">打印费</Option>
  592. <Option value="0">其他</Option>
  593. </Select>
  594. <AutoComplete
  595. className="certain-category-search"
  596. dropdownClassName="certain-category-search-dropdown"
  597. dropdownMatchSelectWidth={false}
  598. style={{ width: 140 }}
  599. dataSource={options}
  600. placeholder="报销人"
  601. value={this.state.aname}
  602. onChange={this.followUp.bind(this)}
  603. filterOption={true}
  604. onSelect={this.selectF.bind(this)}
  605. >
  606. <Input />
  607. </AutoComplete>
  608. <Select
  609. placeholder="所属部门"
  610. style={{ width: 200, marginRight: 10 }}
  611. value={searchValues["depId"]
  612. ? searchValues["depId"]
  613. : undefined}
  614. onChange={e => {
  615. searchValues["depId"] = e;
  616. this.setState({
  617. searchValues: searchValues,
  618. });
  619. }}
  620. >
  621. {this.state.departmentArr.map(function (item) {
  622. return <Select.Option key={item.id}>{item.name}</Select.Option>;
  623. })}
  624. </Select>
  625. <Select
  626. placeholder="申请部门"
  627. style={{ width: 200, marginRight: 10 }}
  628. value={searchValues["applyDep"]
  629. ? searchValues["applyDep"]
  630. : undefined}
  631. onChange={e => {
  632. searchValues["applyDep"] = e;
  633. this.setState({
  634. searchValues: searchValues,
  635. });
  636. }}
  637. >
  638. {this.state.departmentArr.map(function (item) {
  639. return <Select.Option key={item.id}>{item.name}</Select.Option>;
  640. })}
  641. </Select>
  642. <Select
  643. placeholder="支付部门"
  644. style={{ width: 200, marginRight: 10 }}
  645. value={searchValues["payDep"]
  646. ? searchValues["payDep"]
  647. : undefined}
  648. onChange={e => {
  649. searchValues["payDep"] = e;
  650. this.setState({
  651. searchValues: searchValues,
  652. });
  653. }}
  654. >
  655. {this.state.departmentArr.map(function (item) {
  656. return <Select.Option key={item.id}>{item.name}</Select.Option>;
  657. })}
  658. </Select>
  659. <Input
  660. placeholder="报销编号"
  661. value={searchValues["checkNo"]
  662. ? searchValues["checkNo"]
  663. : ""}
  664. onChange={(e) => {
  665. searchValues["checkNo"] = e.target.value;
  666. this.setState({
  667. searchValues: searchValues,
  668. });
  669. }}
  670. />
  671. <div style={{ marginTop: 10 }}>
  672. <span>报销时间:</span>
  673. <RangePicker
  674. style={{ width: 300 }}
  675. value={[
  676. searchValues.startTime ? moment(searchValues.startTime) : null,
  677. searchValues.endTime ? moment(searchValues.endTime) : null,
  678. ]}
  679. onChange={(data, dataString) => {
  680. this.setState({
  681. searchValues: Object.assign(searchValues, {
  682. startTime: dataString[0],
  683. endTime: dataString[1],
  684. }),
  685. });
  686. }}
  687. />
  688. <Select
  689. style={{ width: 140, marginLeft: 10 }}
  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="0">未提交</Option>
  702. <Option value="1">审核中</Option>
  703. <Option value="2">完成</Option>
  704. <Option value="3">驳回</Option>
  705. <Option value="4">撤销</Option>
  706. </Select>
  707. <Button
  708. type="primary"
  709. onClick={this.search}
  710. style={{ margin: "0 10px" }}
  711. >
  712. 搜索
  713. </Button>
  714. <Button onClick={this.reset}>重置</Button>
  715. </div>
  716. </div>
  717. </TabPane>
  718. <TabPane tab="更改表格显示数据" key="1">
  719. <div style={{ marginLeft: 10 }}>
  720. <ChooseList
  721. columns={this.state.columns}
  722. changeFn={this.changeList}
  723. changeList={this.state.changeList}
  724. top={55}
  725. margin={11}
  726. />
  727. </div>
  728. </TabPane>
  729. <TabPane tab="导出" key="3">
  730. <div style={{ float: "left" }}>
  731. <Button
  732. type="primary"
  733. loading={this.state.exportPendingLoading}
  734. onClick={this.export}
  735. style={{ margin: 10 }}
  736. >
  737. 导出excel
  738. </Button>
  739. </div>
  740. </TabPane>
  741. </Tabs>
  742. <div className="patent-table">
  743. <Spin spinning={this.state.loading}>
  744. <Table
  745. bordered
  746. columns={
  747. this.state.changeList == undefined
  748. ? this.state.columns
  749. : this.state.changeList
  750. }
  751. dataSource={this.state.dataSource}
  752. pagination={this.state.pagination}
  753. // onRowDoubleClick={this.tableRowClick.bind(this)}
  754. size="small"
  755. />
  756. </Spin>
  757. <p
  758. style={{ display: "inline-block", fontSize: "14px", color: "red" }}
  759. >
  760. {
  761. <span style={{ marginRight: 10 }}>
  762. {`金额总计(元):${this.state.totalAmount}`}
  763. </span>
  764. }
  765. </p>
  766. </div>
  767. {
  768. //审核弹窗
  769. this.state.visible != "" &&
  770. <Modal
  771. width="400px"
  772. maskClosable={false}
  773. title="审核"
  774. confirmLoading={this.state.loading}
  775. visible={this.state.visible != ""}
  776. onOk={() => { this.toExamine(visible == "adopt" ? 1 : visible == "reject" && 3) }}
  777. okText={this.state.visible == "adopt" ? "通过" : this.state.visible == "reject" && "驳回"}
  778. onCancel={() => {
  779. this.setState({
  780. visible: '',
  781. reason: "",
  782. checkData: {},
  783. })
  784. }}
  785. >
  786. <div style={{ width: "90%", margin: "0 auto" }}>
  787. <TextArea
  788. rows={4}
  789. value={this.state.reason}
  790. onChange={(e) => {
  791. this.setState({
  792. reason: e.target.value,
  793. })
  794. }}
  795. placeholder="请填写审核内容"
  796. />
  797. </div>
  798. </Modal>
  799. }
  800. {
  801. this.state.showDetails &&
  802. <AccountDetails
  803. showDetails={this.state.showDetails}
  804. id={this.state.id}
  805. isOperate={this.props.isOperate}
  806. onCancel={() => { this.setState({ showDetails: false }) }}
  807. />
  808. }
  809. {
  810. // 审核日志
  811. this.state.logvisible &&
  812. <Modal
  813. visible={this.state.logvisible}
  814. className="admin-desc-content"
  815. width="800px"
  816. maskClosable={false}
  817. title="审核日志"
  818. footer={null}
  819. onCancel={() => {
  820. this.setState({
  821. logvisible: false,
  822. })
  823. }}
  824. >
  825. <div className="patent-table">
  826. <Spin spinning={this.state.loading}>
  827. <Table
  828. columns={this.state.logcolumns}
  829. dataSource={this.state.logdataSour}
  830. pagination={false}
  831. bordered
  832. size="small"
  833. />
  834. </Spin>
  835. </div>
  836. </Modal>
  837. }
  838. </div>
  839. );
  840. },
  841. });
  842. export default AccountDetaillist;