inSpecial.jsx 30 KB

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