invoiceApplyListWai.jsx 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import "./public.less";
  4. import {
  5. Form,
  6. Button,
  7. Input,
  8. Select,
  9. Spin,
  10. Table,
  11. message,
  12. Modal,
  13. Upload,
  14. Tabs,
  15. Popconfirm,
  16. Tooltip,
  17. } from "antd";
  18. import {
  19. getProvinceA,
  20. getInvoiceStatus,
  21. getProcessStatus,
  22. getprovince,
  23. getStatus,
  24. getPeople,
  25. splitUrl,
  26. } from "@/tools";
  27. const FormItem = Form.Item;
  28. const { TabPane } = Tabs;
  29. import OrderDesc from "../orderDetail/orderDesc";
  30. import { ChooseList } from "../../order/orderNew/chooseList";
  31. import { getProjectName } from "../../../tools";
  32. import DepartmentList from "../../../common/departmentList";
  33. import LogPopup from "../../../common/logPopup";
  34. import Cascaders from "../../../common/cascaders";
  35. const invoiceApplyListWai = React.createClass({
  36. loadData(pageNo) {
  37. this.state.data = [];
  38. this.setState({
  39. loading: true,
  40. });
  41. $.ajax({
  42. method: "get",
  43. dataType: "json",
  44. crossDomain: false,
  45. url:
  46. globalConfig.context +
  47. "/api/admin/orderInvoice/financeOrderInvoiceList",
  48. data: {
  49. pageNo: pageNo || 1,
  50. pageSize: this.state.pagination.pageSize,
  51. name: this.state.nameSearch, //客户名称
  52. orderNo: this.state.orderNoSearch,
  53. deps: this.state.departmenttList,
  54. type: 1,
  55. },
  56. success: function (data) {
  57. let theArr = [];
  58. if (!data.data || !data.data.list) {
  59. if (data.error && data.error.length) {
  60. message.warning(data.error[0].message);
  61. }
  62. } else {
  63. for (let i = 0; i < data.data.list.length; i++) {
  64. let thisdata = data.data.list[i];
  65. theArr.push({
  66. key: i,
  67. id: thisdata.id,
  68. status: thisdata.status,
  69. unitName: thisdata.unitName,
  70. orderNo: thisdata.orderno,
  71. name: thisdata.name,
  72. projectStatus: thisdata.projectStatus,
  73. examineName: thisdata.examineName,
  74. processStatus: thisdata.processStatus,
  75. amount: thisdata.amount,
  76. sumAmount: thisdata.sumAmount,
  77. createTime: thisdata.createTime
  78. ? new Date(thisdata.createTime).toLocaleString()
  79. : "",
  80. settlementAmount: thisdata.settlementAmount,
  81. notAmount: thisdata.notAmount,
  82. });
  83. }
  84. }
  85. this.state.pagination.current = data.data.pageNo;
  86. this.state.pagination.total = data.data.totalCount;
  87. if (data.data && data.data.list && !data.data.list.length) {
  88. this.state.pagination.current = 0;
  89. this.state.pagination.total = 0;
  90. }
  91. this.setState({
  92. totalPage: data.data.totalPage,
  93. dataSource: theArr,
  94. pagination: this.state.pagination,
  95. });
  96. }.bind(this),
  97. }).always(
  98. function () {
  99. this.setState({
  100. loading: false,
  101. });
  102. }.bind(this)
  103. );
  104. },
  105. tableRowClick(record) {
  106. // 要求 营销管理员不允许查看 详情(省外开票审核详情)
  107. let newShiroList = window.adminData.shiroList == "" ? [] : window.adminData.shiroList.split(",");
  108. if (!newShiroList.includes("3")) {
  109. this.state.RowData = record;
  110. this.setState({
  111. showDesc: true,
  112. });
  113. } else {
  114. // message.warn("暂无权限查看")
  115. }
  116. },
  117. closeDesc(e, s) {
  118. this.state.showDesc = e;
  119. if (s) {
  120. this.loadData(this.state.page);
  121. }
  122. },
  123. invoiceData() {
  124. this.setState({
  125. loading: true,
  126. });
  127. $.ajax({
  128. method: "get",
  129. dataType: "json",
  130. crossDomain: false,
  131. url:
  132. globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
  133. data: {
  134. id: this.state.id,
  135. },
  136. success: function (data) {
  137. let thisdata = data.data;
  138. this.setState({
  139. contractNo: thisdata.contractNo,
  140. orderNo: thisdata.orderNo,
  141. approval: thisdata.approval,
  142. type: thisdata.type,
  143. status: thisdata.status,
  144. remarks: thisdata.remarks,
  145. invoiceType: thisdata.invoiceType,
  146. unitName: thisdata.unitName,
  147. taxNumber: thisdata.taxNumber,
  148. amount: thisdata.amount,
  149. banks: thisdata.banks,
  150. content: thisdata.content,
  151. unitAddress: thisdata.unitAddress,
  152. invoiceRemarks: thisdata.invoiceRemarks,
  153. unitMobile: thisdata.unitMobile,
  154. post: thisdata.post,
  155. addressee: thisdata.addressee,
  156. addresseeMobile: thisdata.addresseeMobile,
  157. addresseeProvince: thisdata.addresseeProvince,
  158. addresseeCity: thisdata.addresseeCity,
  159. addresseeArea: thisdata.addresseeArea,
  160. alreadyAmount: thisdata.alreadyAmount,
  161. recipientAddress: thisdata.recipientAddress,
  162. orgCodeUrl: thisdata.voucherUrl
  163. ? splitUrl(
  164. thisdata.voucherUrl,
  165. ",",
  166. globalConfig.avatarHost + "/upload"
  167. )
  168. : [],
  169. });
  170. }.bind(this),
  171. }).done(
  172. function () {
  173. this.setState({
  174. loading: false,
  175. });
  176. }.bind(this)
  177. );
  178. },
  179. getInitialState() {
  180. return {
  181. searchMore: true,
  182. assignVisible: false,
  183. releaseDate: [],
  184. totalPage: 0,
  185. boHuivisible: false,
  186. selectedRowKeys: [],
  187. selectedRows: [],
  188. loading: false,
  189. contractNo: "",
  190. reason: "",
  191. foo: 0,
  192. pagination: {
  193. defaultCurrent: 1,
  194. defaultPageSize: 10,
  195. showQuickJumper: true,
  196. pageSize: 10,
  197. onChange: function (page) {
  198. this.loadData(page);
  199. }.bind(this),
  200. showTotal: function (total) {
  201. return "共" + total + "条数据";
  202. },
  203. },
  204. columns: [
  205. {
  206. title: "编号",
  207. dataIndex: "id",
  208. key: "id",
  209. },
  210. {
  211. title: "客户",
  212. dataIndex: "unitName",
  213. key: "unitName",
  214. // width: 100,
  215. render: (text) => {
  216. return (
  217. <Tooltip title={text}>
  218. <div
  219. style={{
  220. // maxWidth: "100px",
  221. // overflow: "hidden",
  222. // textOverflow: "ellipsis",
  223. // whiteSpace: "nowrap",
  224. }}
  225. >
  226. {text}
  227. </div>
  228. </Tooltip>
  229. );
  230. },
  231. },
  232. {
  233. title: "跟单人/签单人",
  234. dataIndex: "name",
  235. key: "name",
  236. },
  237. {
  238. title: "开票状态",
  239. dataIndex: "status",
  240. key: "status",
  241. render: (text, record) => {
  242. // return getStatus(text);
  243. return getInvoiceStatus(text, record);
  244. },
  245. },
  246. {
  247. title: "流程状态",
  248. dataIndex: "processStatus",
  249. key: "processStatus",
  250. render: (text, record) => {
  251. return getProcessStatus(text, record.examineName, record.approval);
  252. },
  253. },
  254. {
  255. title: "项目状态",
  256. dataIndex: "projectStatus",
  257. key: "projectStatus",
  258. render: (text) => {
  259. return getProjectName(text);
  260. },
  261. },
  262. {
  263. title: "申请开票(万)",
  264. dataIndex: "amount",
  265. key: "amount",
  266. },
  267. {
  268. title: "已开票(万)",
  269. dataIndex: "sumAmount",
  270. key: "sumAmount",
  271. },
  272. {
  273. title: "已收款",
  274. dataIndex: "settlementAmount",
  275. key: "settlementAmount",
  276. },
  277. {
  278. title: "未收款",
  279. dataIndex: "notAmount",
  280. key: "notAmount",
  281. },
  282. {
  283. title: "申请时间",
  284. dataIndex: "createTime",
  285. key: "createTime",
  286. },
  287. {
  288. title: "操作",
  289. dataIndex: "caozuo",
  290. key: "caouzo",
  291. render: (_text, record, index) => {
  292. return (
  293. <div>
  294. {
  295. <Button
  296. type="primary"
  297. onClick={(e) => {
  298. e.stopPropagation(), this.visit(index);
  299. }}
  300. style={{ background: "deepskyblue", border: "none" }}
  301. >
  302. 申请内容
  303. </Button>
  304. }
  305. {record.status !== 2 ? (
  306. <Popconfirm
  307. placement="top"
  308. title="确定要通过吗?"
  309. onConfirm={(e) => {
  310. e.stopPropagation();
  311. this.setState({ examine: 2 }, () => {
  312. this.sende(record);
  313. });
  314. }}
  315. okText="确定"
  316. cancelText="取消"
  317. >
  318. <Button
  319. type="primary"
  320. style={{ marginLeft: "10px" }}
  321. onClick={(e) => {
  322. e.stopPropagation();
  323. }}
  324. >
  325. 通过
  326. </Button>
  327. </Popconfirm>
  328. ) : (
  329. ""
  330. )}
  331. {record.status !== 2 ? (
  332. <Popconfirm
  333. placement="top"
  334. title="确定要拒绝吗?"
  335. onConfirm={(e) => {
  336. e.stopPropagation();
  337. this.setState({ examine: 3 }, () => {
  338. this.reject(record);
  339. });
  340. }}
  341. okText="确定"
  342. cancelText="取消"
  343. >
  344. <Button
  345. type="danger"
  346. onClick={(e) => {
  347. e.stopPropagation();
  348. }}
  349. style={{ marginLeft: "10px" }}
  350. >
  351. 拒绝
  352. </Button>
  353. </Popconfirm>
  354. ) : (
  355. ""
  356. )}
  357. {record.status === 2 ? (
  358. <Button
  359. style={{ marginLeft: "10px", color: "black" }}
  360. disabled={true}
  361. >
  362. 已通过
  363. </Button>
  364. ) : (
  365. ""
  366. )}
  367. {
  368. <Button
  369. type="primary"
  370. style={{
  371. marginLeft: "10px",
  372. background: "orangered",
  373. border: "none",
  374. }}
  375. onClick={(e) => {
  376. e.stopPropagation(), this.inRecord(record, index);
  377. }}
  378. >
  379. 开票记录
  380. </Button>
  381. }
  382. </div>
  383. );
  384. },
  385. },
  386. ],
  387. columnsDate: [
  388. {
  389. title: "编号",
  390. dataIndex: "id",
  391. key: "id",
  392. },
  393. {
  394. title: "订单编号",
  395. dataIndex: "orderno",
  396. key: "orderno",
  397. },
  398. {
  399. title: "开票金额(万元)",
  400. dataIndex: "amount",
  401. key: "amount",
  402. },
  403. {
  404. title: "申请时间",
  405. dataIndex: "createTime",
  406. key: "createTime",
  407. },
  408. {
  409. title: "开票状态",
  410. dataIndex: "status",
  411. key: "status",
  412. render: (text, record) => {
  413. return (
  414. <div>
  415. {getInvoiceStatus(text, record)} <LogPopup id={record.id} />
  416. </div>
  417. );
  418. },
  419. },
  420. ],
  421. dataSource: [],
  422. searchTime: [,],
  423. };
  424. },
  425. loadSend(record) {
  426. this.setState({
  427. loading: true,
  428. });
  429. if (this.state.examine === 3 && this.state.reason === "") {
  430. message.warning("拒绝理由不能为空!");
  431. this.setState({
  432. loading: false,
  433. })
  434. return;
  435. }
  436. $.ajax({
  437. method: "post",
  438. dataType: "json",
  439. crossDomain: false,
  440. url: globalConfig.context + "/api/admin/orderInvoice/financeExamine",
  441. data: {
  442. id: this.state.examine === 2 ? record.id : this.state.id,
  443. examine: this.state.examine,
  444. reason: this.state.reason,
  445. },
  446. success: function () { }.bind(this),
  447. }).done(
  448. function () {
  449. this.setState({
  450. loading: false,
  451. });
  452. if (this.state.examine === 2) {
  453. message.success("通过成功!");
  454. this.loadData();
  455. } else {
  456. message.success("拒绝成功!");
  457. this.resetReason();
  458. this.rejectCancels();
  459. this.loadData();
  460. }
  461. }.bind(this)
  462. );
  463. },
  464. //重置拒绝理由
  465. resetReason() {
  466. this.setState({
  467. reason: "",
  468. });
  469. },
  470. sende(record) {
  471. this.loadSend(record);
  472. },
  473. commit() {
  474. this.loadSend();
  475. this.setState({
  476. avisible: false,
  477. });
  478. },
  479. visit(index) {
  480. this.setState(
  481. {
  482. id: this.state.dataSource[index].id,
  483. avisible: true,
  484. },
  485. () => {
  486. this.invoiceData();
  487. }
  488. );
  489. },
  490. visitCancels() {
  491. this.setState({
  492. avisible: false,
  493. });
  494. },
  495. reject(record) {
  496. this.setState({
  497. visibleR: true,
  498. id: record.id,
  499. });
  500. },
  501. rejectCancels() {
  502. this.setState({
  503. visibleR: false,
  504. });
  505. },
  506. inRecordData() {
  507. this.setState({
  508. loading: true,
  509. });
  510. $.ajax({
  511. method: "get",
  512. dataType: "json",
  513. crossDomain: false,
  514. url:
  515. globalConfig.context +
  516. "/api/admin/orderInvoice/salesmanOrderInvoiceList",
  517. data: {
  518. orderNo: this.state.orderNo2,
  519. },
  520. success: function (data) {
  521. let theArr = [];
  522. let sum = 0;
  523. if (!data.data) {
  524. if (data.error && data.error.length) {
  525. message.warning(data.error[0].message);
  526. }
  527. } else {
  528. for (let i = 0; i < data.data.list.length; i++) {
  529. let thisdata = data.data.list[i];
  530. sum += parseFloat(thisdata.amount);
  531. theArr.push({
  532. id: thisdata.id,
  533. orderno: thisdata.orderno, //订单编号
  534. amount: thisdata.amount, //签单金额
  535. createTime: thisdata.createTime, //流程状态
  536. status: thisdata.status, //结算状态
  537. rejectReason: thisdata.rejectReason,
  538. approval: thisdata.approval, //0非特批 1待审核 2审核通过
  539. examineName: !thisdata.examineName ? undefined : thisdata.examineName,
  540. });
  541. }
  542. }
  543. this.setState({
  544. recordData: theArr,
  545. sum: sum.toFixed(6),
  546. });
  547. }.bind(this),
  548. }).done(
  549. function () {
  550. this.setState({
  551. loading: false,
  552. });
  553. }.bind(this)
  554. );
  555. },
  556. inRecord(record) {
  557. this.setState(
  558. {
  559. bvisible: true,
  560. orderNo2: record.orderNo,
  561. },
  562. () => {
  563. this.inRecordData();
  564. }
  565. );
  566. },
  567. inRecordCanl() {
  568. this.setState({
  569. bvisible: false,
  570. });
  571. },
  572. search() {
  573. this.loadData();
  574. },
  575. componentWillMount() {
  576. this.loadData();
  577. },
  578. reset() {
  579. this.state.nameSearch = undefined;
  580. this.state.releaseDate = undefined;
  581. this.state.orderNoSearch = undefined;
  582. this.state.processStatus = undefined;
  583. this.state.departmenttList = undefined;
  584. this.Cascaders.empty();
  585. this.loadData();
  586. },
  587. changeList(arr) {
  588. const newArr = [];
  589. this.state.columns.forEach((item) => {
  590. arr.forEach((val) => {
  591. if (val === item.title) {
  592. newArr.push(item);
  593. }
  594. });
  595. });
  596. this.setState({
  597. changeList: newArr,
  598. });
  599. },
  600. render() {
  601. const formItemLayout = {
  602. labelCol: { span: 8 },
  603. wrapperCol: { span: 14 },
  604. };
  605. return (
  606. <div className="user-content">
  607. <div className="content-title" style={{ marginBottom: 10 }}>
  608. <span style={{ fontWeight: 900, fontSize: 16 }}>省外开票审核</span>
  609. </div>
  610. <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
  611. <TabPane tab="搜索" key="1">
  612. <div className="user-search" style={{ padding: "0 10px" }}>
  613. <Input
  614. placeholder="订单编号"
  615. value={this.state.orderNoSearch}
  616. onChange={(e) => {
  617. this.setState({ orderNoSearch: e.target.value });
  618. }}
  619. />
  620. <Input
  621. placeholder="营销员名称"
  622. value={this.state.nameSearch}
  623. onChange={(e) => {
  624. this.setState({ nameSearch: e.target.value });
  625. }}
  626. />
  627. <Cascaders
  628. ref={node => this.Cascaders = node}
  629. placeholder="订单部门"
  630. id="id"
  631. name="name"
  632. children="list"
  633. height={28}
  634. onSel={(e) => {
  635. this.setState({
  636. departmenttList: JSON.stringify(e),
  637. });
  638. }}
  639. />
  640. {/* <DepartmentList
  641. value={this.state.departmenttList}
  642. onChange={(e) => {
  643. this.setState({ departmenttList: e });
  644. }}
  645. /> */}
  646. <Button
  647. type="primary"
  648. onClick={this.search}
  649. style={{ marginLeft: 10 }}
  650. >
  651. 搜索
  652. </Button>
  653. <Button onClick={this.reset}>重置</Button>
  654. </div>
  655. </TabPane>
  656. <TabPane tab="更改表格显示数据" key="2">
  657. <div style={{ marginLeft: 10 }}>
  658. <ChooseList
  659. columns={this.state.columns}
  660. changeFn={this.changeList}
  661. changeList={this.state.changeList}
  662. top={55}
  663. margin={11}
  664. />
  665. </div>
  666. </TabPane>
  667. </Tabs>
  668. <div className="patent-table">
  669. <Spin spinning={this.state.loading}>
  670. <Table
  671. columns={
  672. this.state.changeList
  673. ? this.state.changeList
  674. : this.state.columns
  675. }
  676. scroll={{ x: 1500, y: 0 }}
  677. onRowClick={this.tableRowClick}
  678. dataSource={this.state.dataSource}
  679. pagination={this.state.pagination}
  680. bordered
  681. size="small"
  682. />
  683. </Spin>
  684. </div>
  685. <Modal
  686. visible={this.state.visibleR}
  687. className="admin-desc-content"
  688. footer=""
  689. title="拒绝理由"
  690. width="400px"
  691. onCancel={this.rejectCancels}
  692. >
  693. <Input.TextArea
  694. placeholder="请输入拒绝理由"
  695. rows={4}
  696. value={this.state.reason}
  697. onChange={(e) => {
  698. this.setState({ reason: e.target.value });
  699. }}
  700. />
  701. <div className="clearfix" style={{ marginTop: "20px" }}>
  702. <Button
  703. loading={this.state.loading}
  704. type="primary"
  705. onClick={(e) => {
  706. e.stopPropagation();
  707. this.commit();
  708. }}
  709. style={{ float: "right" }}
  710. >
  711. 提交
  712. </Button>
  713. </div>
  714. </Modal>
  715. <Modal
  716. className="admin-desc-content"
  717. footer=""
  718. title="开具发票申请单"
  719. width="1200px"
  720. visible={this.state.avisible}
  721. onOk={this.visitOks}
  722. onCancel={this.visitCancels}
  723. >
  724. <Form
  725. layout="horizontal"
  726. id="demand-form"
  727. style={{ paddingBottom: "40px" }}
  728. >
  729. <Spin spinning={this.state.loading}>
  730. <div className="clearfix">
  731. <div className="clearfix">
  732. <FormItem
  733. className="half-item"
  734. {...formItemLayout}
  735. label="合同编号"
  736. >
  737. <span>{this.state.contractNo}</span>
  738. </FormItem>
  739. <FormItem
  740. className="half-item"
  741. {...formItemLayout}
  742. label="备注"
  743. >
  744. <span>{this.state.remarks}</span>
  745. </FormItem>
  746. </div>
  747. <div className="clearfix">
  748. <FormItem
  749. className="half-item"
  750. {...formItemLayout}
  751. label={
  752. <span>
  753. <strong style={{ color: "#f00" }}>*</strong>省内/外
  754. </span>
  755. }
  756. >
  757. <span>{getProvinceA(this.state.type)}</span>
  758. </FormItem>
  759. <FormItem
  760. className="half-item"
  761. {...formItemLayout}
  762. label={
  763. <span>
  764. <strong style={{ color: "#f00" }}>*</strong>特批
  765. </span>
  766. }
  767. >
  768. <span>{this.state.approval === 0 ? "否" : "是"}</span>
  769. </FormItem>
  770. </div>
  771. <hr
  772. style={{
  773. border: "1px dashed #aaa",
  774. width: "90%",
  775. margin: "auto",
  776. }}
  777. />
  778. <div style={{ marginTop: "13px", marginLeft: "16px" }}>
  779. <span style={{ fontSize: "14px" }}>发票内容</span>
  780. </div>
  781. <div className="clearfix">
  782. <FormItem
  783. className="half-item"
  784. {...formItemLayout}
  785. label={
  786. <span>
  787. <strong style={{ color: "#f00" }}>*</strong>发票类型
  788. </span>
  789. }
  790. >
  791. <span>
  792. {this.state.invoiceType === 0
  793. ? "增值税专用发票"
  794. : this.state.invoiceType === 1
  795. ? "增值税普通发票"
  796. : "其他"}
  797. </span>
  798. </FormItem>
  799. </div>
  800. <div className="clearfix">
  801. <FormItem
  802. className="half-item"
  803. {...formItemLayout}
  804. label={
  805. <span>
  806. <strong style={{ color: "#f00" }}>*</strong>单位名称
  807. </span>
  808. }
  809. >
  810. <span>{this.state.unitName}</span>
  811. </FormItem>
  812. <FormItem
  813. className="half-item"
  814. {...formItemLayout}
  815. label={
  816. <span>
  817. <strong style={{ color: "#f00" }}>*</strong>税号
  818. </span>
  819. }
  820. >
  821. <span>{this.state.taxNumber}</span>
  822. </FormItem>
  823. <FormItem
  824. className="half-item"
  825. {...formItemLayout}
  826. label={
  827. <span>
  828. <strong style={{ color: "#f00" }}>*</strong>
  829. 开票金额(万元)
  830. </span>
  831. }
  832. >
  833. <span>{this.state.amount}</span>
  834. </FormItem>
  835. <FormItem
  836. className="half-item"
  837. {...formItemLayout}
  838. label={
  839. <span>
  840. <strong style={{ color: "#f00" }}>*</strong>
  841. 开户行银行账号
  842. </span>
  843. }
  844. >
  845. <span>{this.state.banks}</span>
  846. </FormItem>
  847. <FormItem
  848. className="half-item"
  849. {...formItemLayout}
  850. label={
  851. <span>
  852. <strong style={{ color: "#f00" }}>*</strong>
  853. 开票内容及说明
  854. </span>
  855. }
  856. >
  857. <span>{this.state.content}</span>
  858. </FormItem>
  859. <FormItem
  860. className="half-item"
  861. {...formItemLayout}
  862. label={
  863. <span>
  864. <strong style={{ color: "#f00" }}>*</strong>单位地址
  865. </span>
  866. }
  867. >
  868. <span>{this.state.unitAddress}</span>
  869. </FormItem>
  870. <FormItem
  871. className="half-item"
  872. {...formItemLayout}
  873. label="备注"
  874. >
  875. <span>{this.state.invoiceRemarks}</span>
  876. </FormItem>
  877. <FormItem
  878. className="half-item"
  879. {...formItemLayout}
  880. label={
  881. <span>
  882. <strong style={{ color: "#f00" }}>*</strong>单位电话
  883. </span>
  884. }
  885. >
  886. <span>{this.state.unitMobile}</span>
  887. </FormItem>
  888. </div>
  889. <div className="clearfix">
  890. <FormItem
  891. labelCol={{ span: 4 }}
  892. wrapperCol={{ span: 18 }}
  893. label={
  894. <span>
  895. <strong style={{ color: "#f00" }}>*</strong>附件
  896. </span>
  897. }
  898. >
  899. <Upload
  900. className="demandDetailShow-upload"
  901. listType="picture-card"
  902. fileList={this.state.orgCodeUrl}
  903. onPreview={(file) => {
  904. this.setState({
  905. previewImage: file.url || file.thumbUrl,
  906. previewVisible: true,
  907. });
  908. }}
  909. ></Upload>
  910. <Modal
  911. maskClosable={false}
  912. footer={null}
  913. visible={this.state.previewVisible}
  914. onCancel={() => {
  915. this.setState({ previewVisible: false });
  916. }}
  917. >
  918. <img
  919. alt=""
  920. style={{ width: "100%" }}
  921. src={this.state.previewImage || ""}
  922. />
  923. </Modal>
  924. </FormItem>
  925. </div>
  926. <hr
  927. style={{
  928. border: "1px dashed #aaa",
  929. width: "90%",
  930. margin: "auto",
  931. }}
  932. />
  933. <div className="clearfix" style={{ marginTop: "10px" }}>
  934. <FormItem
  935. className="half-item"
  936. {...formItemLayout}
  937. label="发票是否邮寄:"
  938. >
  939. <span>{this.state.post === 0 ? "是" : "否"}</span>
  940. </FormItem>
  941. </div>
  942. {this.state.post === 0 ? (
  943. <div>
  944. <div className="clearfix">
  945. <FormItem
  946. className="half-item"
  947. {...formItemLayout}
  948. label="收信人姓名"
  949. >
  950. <span>{this.state.addressee}</span>
  951. </FormItem>
  952. <FormItem
  953. className="half-item"
  954. {...formItemLayout}
  955. label="电话"
  956. >
  957. <span>{this.state.addresseeMobile}</span>
  958. </FormItem>
  959. </div>
  960. <div className="clearfix">
  961. <FormItem
  962. className="half-item"
  963. {...formItemLayout}
  964. label="省-市-区"
  965. >
  966. <span>
  967. {getprovince(this.state.addresseeProvince)}/
  968. {getprovince(this.state.addresseeCity)}/
  969. {getprovince(this.state.addresseeArea)}
  970. </span>
  971. </FormItem>
  972. </div>
  973. <div className="clearfix">
  974. <FormItem
  975. className="half-item"
  976. {...formItemLayout}
  977. label="详细地址"
  978. >
  979. <span>{this.state.recipientAddress}</span>
  980. </FormItem>
  981. </div>
  982. </div>
  983. ) : (
  984. ""
  985. )}
  986. {/* <FormItem
  987. className="half-item"
  988. {...formItemLayout}
  989. label={
  990. <span>
  991. <strong style={{ color: "#f00" }}>*</strong>开票金额总计
  992. </span>
  993. }
  994. >
  995. <span>{this.state.alreadyAmount}万元</span>
  996. </FormItem> */}
  997. </div>
  998. </Spin>
  999. </Form>
  1000. </Modal>
  1001. <Modal
  1002. visible={this.state.bvisible}
  1003. footer=""
  1004. title="开票历史记录"
  1005. className="admin-desc-content"
  1006. width="1200px"
  1007. onCancel={this.inRecordCanl}
  1008. >
  1009. <Spin spinning={this.state.loading}>
  1010. <div className="patent-table">
  1011. <Table
  1012. columns={this.state.columnsDate}
  1013. dataSource={this.state.recordData}
  1014. pagination={false}
  1015. bordered
  1016. size="small"
  1017. />
  1018. <div className="clearfix" style={{ marginTop: "20px" }}>
  1019. <FormItem
  1020. className="half-item"
  1021. {...formItemLayout}
  1022. label={<span style={{ fontSize: "14px" }}>开票总计</span>}
  1023. >
  1024. <span>{this.state.sum + "(万元)"}</span>
  1025. </FormItem>
  1026. </div>
  1027. </div>
  1028. </Spin>
  1029. </Modal>
  1030. <OrderDesc
  1031. data={this.state.RowData}
  1032. showDesc={this.state.showDesc}
  1033. closeDesc={this.closeDesc.bind(this)}
  1034. />
  1035. </div>
  1036. );
  1037. },
  1038. });
  1039. export default invoiceApplyListWai;