invoiceApplyListWai.jsx 30 KB

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