| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013 | 
							- import React from "react";
 
- import $ from "jquery/src/ajax";
 
- import "./public.less";
 
- import { Form, Button, Input, Spin, Table, message, Modal, Upload,Tabs } from "antd";
 
- import {
 
-   getProjectStatus,
 
-   getProvinceA,
 
-   getInvoiceStatus,
 
-   getprovince,
 
-   getStatus,
 
-   getProcessStatus,
 
-   getPeople,
 
-   splitUrl
 
- } from "@/tools";
 
- const FormItem = Form.Item;
 
- import OrderDesc from "../orderDetail/orderDesc";
 
- import {ChooseList} from "../../order/orderNew/chooseList";
 
- const outSpecial = React.createClass({
 
-   departmentList() {
 
-     this.setState({
 
-       loading: true
 
-     });
 
-     $.ajax({
 
-       method: "get",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url: globalConfig.context + "/api/admin/organization/selectSuperId",
 
-       data: {},
 
-       success: function(data) {
 
-         let thedata = data.data;
 
-         let theArr = [];
 
-         if (!thedata) {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message);
 
-           }
 
-         } else {
 
-           thedata.map(function(item, index) {
 
-             theArr.push({
 
-               key: index,
 
-               name: item.name,
 
-               id: item.id
 
-             });
 
-           });
 
-         }
 
-         this.setState({
 
-           departmentArr: theArr
 
-         });
 
-       }.bind(this)
 
-     }).always(
 
-       function() {
 
-         this.setState({
 
-           loading: false
 
-         });
 
-       }.bind(this)
 
-     );
 
-   },
 
-   loadData(pageNo) {
 
-     this.state.data = [];
 
-     this.setState({
 
-       loading: true
 
-     });
 
-     $.ajax({
 
-       method: "get",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url:
 
-         globalConfig.context +
 
-         "/api/admin/orderInvoice/approvalOrderInvoiceList",
 
-       data: {
 
-         pageNo: pageNo || 1,
 
-         pageSize: this.state.pagination.pageSize,
 
-         name: this.state.nameSearch, //客户名称
 
-         orderNo: this.state.orderNoSearch,
 
-         orderDep: this.state.departmenttList,
 
-         type: 1
 
-       },
 
-       success: function(data) {
 
-         let theArr = [];
 
-         if (!data.data || !data.data.list) {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message);
 
-           }
 
-         } else {
 
-           for (let i = 0; i < data.data.list.length; i++) {
 
-             let thisdata = data.data.list[i];
 
-             theArr.push({
 
-               key: i,
 
-               id: thisdata.id,
 
-               status: thisdata.status,
 
-               unitName: thisdata.unitName,
 
-               orderNo: thisdata.orderno,
 
-               name: thisdata.name,
 
-               projectStatus: thisdata.projectStatus,
 
-               processStatus: thisdata.processStatus,
 
-               amount: thisdata.amount,
 
-               sumAmount: thisdata.sumAmount,
 
-               createTime: thisdata.createTime
 
-                 ? new Date(thisdata.createTime).toLocaleString()
 
-                 : "",
 
-               settlementAmount: thisdata.settlementAmount,
 
-               notAmount: thisdata.notAmount,
 
-               approval: thisdata.approval
 
-             });
 
-           }
 
-         }
 
-         this.state.pagination.current = data.data.pageNo;
 
-         this.state.pagination.total = data.data.totalCount;
 
-         if (data.data && data.data.list && !data.data.list.length) {
 
-           this.state.pagination.current = 0;
 
-           this.state.pagination.total = 0;
 
-         }
 
-         this.setState({
 
-           totalPage: data.data.totalPage,
 
-           dataSource: theArr,
 
-           pagination: this.state.pagination
 
-         });
 
-       }.bind(this)
 
-     }).always(
 
-       function() {
 
-         this.setState({
 
-           loading: false
 
-         });
 
-       }.bind(this)
 
-     );
 
-   },
 
-   invoiceData() {
 
-     this.setState({
 
-       loading: true
 
-     });
 
-     $.ajax({
 
-       method: "get",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url:
 
-         globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
 
-       data: {
 
-         id: this.state.id
 
-       },
 
-       success: function(data) {
 
-         let thisdata = data.data;
 
-         this.setState({
 
-           orderNo: thisdata.orderNo,
 
-           type: thisdata.type,
 
-           status: thisdata.status,
 
-           remarks: thisdata.remarks,
 
-           invoiceType: thisdata.invoiceType,
 
-           unitName: thisdata.unitName,
 
-           taxNumber: thisdata.taxNumber,
 
-           amount: thisdata.amount,
 
-           banks: thisdata.banks,
 
-           content: thisdata.content,
 
-           unitAddress: thisdata.unitAddress,
 
-           invoiceRemarks: thisdata.invoiceRemarks,
 
-           unitMobile: thisdata.unitMobile,
 
-           contractNo: thisdata.contractNo,
 
-           post: thisdata.post,
 
-           addressee: thisdata.addressee,
 
-           addresseeMobile: thisdata.addresseeMobile,
 
-           addresseeProvince: thisdata.addresseeProvince,
 
-           addresseeCity: thisdata.addresseeCity,
 
-           addresseeArea: thisdata.addresseeArea,
 
-           alreadyAmount: thisdata.alreadyAmount,
 
-           recipientAddress: thisdata.recipientAddress,
 
-           orgCodeUrl: thisdata.voucherUrl
 
-             ? splitUrl(
 
-                 thisdata.voucherUrl,
 
-                 ",",
 
-                 globalConfig.avatarHost + "/upload"
 
-               )
 
-             : []
 
-         });
 
-       }.bind(this)
 
-     }).done(
 
-       function() {
 
-         this.setState({
 
-           loading: false
 
-         });
 
-       }.bind(this)
 
-     );
 
-   },
 
-   getInitialState() {
 
-     return {
 
-       searchMore: true,
 
-       assignVisible: false,
 
-       releaseDate: [],
 
-       totalPage: 0,
 
-       boHuivisible: false,
 
-       selectedRowKeys: [],
 
-       selectedRows: [],
 
-       contractNo: "",
 
-       loading: false,
 
-       reason: "",
 
-       foo: 0,
 
-       pagination: {
 
-         defaultCurrent: 1,
 
-         defaultPageSize: 10,
 
-         showQuickJumper: true,
 
-         pageSize: 10,
 
-         onChange: function(page) {
 
-           this.loadData(page);
 
-         }.bind(this),
 
-         showTotal: function(total) {
 
-           return "共" + total + "条数据";
 
-         }
 
-       },
 
-       columns: [
 
-         {
 
-           title: "编号",
 
-           dataIndex: "id",
 
-           key: "id",
 
-         },
 
-         {
 
-           title: "客户",
 
-           dataIndex: "unitName",
 
-           key: "unitName"
 
-         },
 
-         {
 
-           title: "跟单人/签单人",
 
-           dataIndex: "name",
 
-           key: "name"
 
-         },
 
-         {
 
-           title: "开票状态",
 
-           dataIndex: "status",
 
-           key: "status",
 
-           render: text => {
 
-             return getStatus(text);
 
-           }
 
-         },
 
-         {
 
-           title: "流程状态",
 
-           dataIndex: "processStatus",
 
-           key: "processStatus",
 
-           render: text => {
 
-             return getProcessStatus(text);
 
-           }
 
-         },
 
-         {
 
-           title: "项目状态",
 
-           dataIndex: "projectStatus",
 
-           key: "projectStatus",
 
-           render: text => {
 
-             return getProjectStatus(text);
 
-           }
 
-         },
 
-         {
 
-           title: "申请开票(万)",
 
-           dataIndex: "amount",
 
-           key: "amount"
 
-         },
 
-         {
 
-           title: "已开票(万)",
 
-           dataIndex: "sumAmount",
 
-           key: "sumAmount"
 
-         },
 
-         {
 
-           title: "已收款",
 
-           dataIndex: "settlementAmount",
 
-           key: "settlementAmount"
 
-         },
 
-         {
 
-           title: "未收款",
 
-           dataIndex: "notAmount",
 
-           key: "notAmount"
 
-         },
 
-         {
 
-           title: "申请时间",
 
-           dataIndex: "createTime",
 
-           key: "createTime"
 
-         },
 
-         {
 
-           title: "操作",
 
-           dataIndex: "caozuo",
 
-           key: "caouzo",
 
-           render: (text, record, index) => {
 
-             return (
 
-               <div>
 
-                 {
 
-                   <Button
 
-                     type="primary"
 
-                     onClick={e => {
 
-                       e.stopPropagation(), this.visit(index);
 
-                     }}
 
-                     style={{ background: "deepskyblue", border: "none" }}
 
-                   >
 
-                     申请内容
 
-                   </Button>
 
-                 }
 
-                 {record.approval !== 2 ? (
 
-                   <Button
 
-                     type="primary"
 
-                     style={{ marginLeft: "10px" }}
 
-                     onClick={e => {
 
-                       e.stopPropagation(),
 
-                         this.setState({ examine: 2 }, () => {
 
-                           this.sende(record);
 
-                         });
 
-                     }}
 
-                   >
 
-                     通过
 
-                   </Button>
 
-                 ) : (
 
-                   ""
 
-                 )}
 
-                 {record.approval !== 2 ? (
 
-                   <Button
 
-                     type="danger"
 
-                     onClick={e => {
 
-                       e.stopPropagation(),
 
-                         this.setState({ examine: 3 }, () => {
 
-                           this.reject(record);
 
-                         });
 
-                     }}
 
-                     style={{ marginLeft: "10px" }}
 
-                   >
 
-                     拒绝
 
-                   </Button>
 
-                 ) : (
 
-                   ""
 
-                 )}
 
-                 {record.approval === 2 ? (
 
-                   <Button
 
-                     style={{ marginLeft: "10px", color: "black" }}
 
-                     disabled={true}
 
-                   >
 
-                     已通过
 
-                   </Button>
 
-                 ) : (
 
-                   ""
 
-                 )}
 
-                 {
 
-                   <Button
 
-                     type="primary"
 
-                     style={{
 
-                       marginLeft: "10px",
 
-                       background: "orangered",
 
-                       border: "none"
 
-                     }}
 
-                     onClick={e => {
 
-                       e.stopPropagation(), this.inRecord(record, index);
 
-                     }}
 
-                   >
 
-                     开票记录
 
-                   </Button>
 
-                 }
 
-               </div>
 
-             );
 
-           }
 
-         }
 
-       ],
 
-       columnsDate: [
 
-         {
 
-           title: "编号",
 
-           dataIndex: "id",
 
-           key: "id"
 
-         },
 
-         {
 
-           title: "订单编号",
 
-           dataIndex: "orderno",
 
-           key: "orderno"
 
-         },
 
-         {
 
-           title: "开票金额(万元)",
 
-           dataIndex: "amount",
 
-           key: "amount"
 
-         },
 
-         {
 
-           title: "申请时间",
 
-           dataIndex: "createTime",
 
-           key: "createTime"
 
-         },
 
-         {
 
-           title: "开票状态",
 
-           dataIndex: "status",
 
-           key: "status",
 
-           render: text => {
 
-             return getInvoiceStatus(text);
 
-           }
 
-         }
 
-       ],
 
-       dataSource: [],
 
-       searchTime: [,]
 
-     };
 
-   },
 
-   loadSend(record) {
 
-     this.setState({
 
-       loading: true
 
-     });
 
-     if (this.state.examine === 3 && this.state.reason === "") {
 
-       message.warning("拒绝理由不能为空!");
 
-       return;
 
-     }
 
-     $.ajax({
 
-       method: "post",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url: globalConfig.context + "/api/admin/orderInvoice/approvalExamine",
 
-       data: {
 
-         id: this.state.examine === 2 ? record.id : this.state.id,
 
-         examine: this.state.examine,
 
-         reason: this.state.reason
 
-       },
 
-       success: function() {}.bind(this)
 
-     }).done(
 
-       function() {
 
-         this.setState({
 
-           loading: false
 
-         });
 
-         if (this.state.examine === 2) {
 
-           message.success("通过成功!");
 
-           this.loadData();
 
-         } else {
 
-           message.success("拒绝成功!");
 
-           this.resetReason();
 
-           this.rejectCancels();
 
-           this.loadData();
 
-         }
 
-       }.bind(this)
 
-     );
 
-   },
 
-   //重置拒绝理由
 
-   resetReason() {
 
-     this.setState({
 
-       reason: ""
 
-     });
 
-   },
 
-   sende(record) {
 
-     this.loadSend(record);
 
-   },
 
-   commit() {
 
-     this.loadSend();
 
-     this.setState({
 
-       avisible: false
 
-     });
 
-   },
 
-   visit(index) {
 
-     this.setState(
 
-       {
 
-         id: this.state.dataSource[index].id,
 
-         avisible: true
 
-       },
 
-       () => {
 
-         this.invoiceData();
 
-       }
 
-     );
 
-   },
 
-   visitCancels() {
 
-     this.setState({
 
-       avisible: false
 
-     });
 
-   },
 
-   reject(record) {
 
-     this.setState({
 
-       visibleR: true,
 
-       id: record.id
 
-     });
 
-   },
 
-   rejectCancels() {
 
-     this.setState({
 
-       visibleR: false
 
-     });
 
-   },
 
-   inRecordData() {
 
-     this.setState({
 
-       loading: true
 
-     });
 
-     $.ajax({
 
-       method: "get",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url:
 
-         globalConfig.context +
 
-         "/api/admin/orderInvoice/salesmanOrderInvoiceList",
 
-       data: {
 
-         orderNo: this.state.orderNo2
 
-       },
 
-       success: function(data) {
 
-         let theArr = [];
 
-         let sum = 0;
 
-         if (!data.data) {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message);
 
-           }
 
-         } else {
 
-           for (let i = 0; i < data.data.list.length; i++) {
 
-             let thisdata = data.data.list[i];
 
-             sum += parseFloat(thisdata.amount);
 
-             theArr.push({
 
-               id: thisdata.id,
 
-               orderno: thisdata.orderno, //订单编号
 
-               amount: thisdata.amount, //签单金额
 
-               createTime: thisdata.createTime, //流程状态
 
-               status: thisdata.status, //结算状态
 
-               rejectReason: thisdata.rejectReason
 
-             });
 
-           }
 
-         }
 
-         this.setState({
 
-           recordData: theArr,
 
-           sum: sum.toFixed(6)
 
-         });
 
-       }.bind(this)
 
-     }).done(
 
-       function() {
 
-         this.setState({
 
-           loading: false
 
-         });
 
-       }.bind(this)
 
-     );
 
-   },
 
-   inRecord(record) {
 
-     this.setState(
 
-       {
 
-         bvisible: true,
 
-         orderNo2: record.orderNo
 
-       },
 
-       () => {
 
-         this.inRecordData();
 
-       }
 
-     );
 
-   },
 
-   inRecordCanl() {
 
-     this.setState({
 
-       bvisible: false
 
-     });
 
-   },
 
-   search() {
 
-     this.loadData();
 
-   },
 
-   componentWillMount() {
 
-     this.departmentList();
 
-     this.loadData();
 
-   },
 
-   // componentDidMount() {
 
-   //   window.setTimeout(() => {
 
-   //      console.log("321", this.state);
 
-   //   },100)
 
-   // },
 
-   reset() {
 
-     this.state.nameSearch = "";
 
-     this.state.releaseDate = [];
 
-     this.state.orderNoSearch = "";
 
-     this.state.processStatus = [];
 
-     this.state.departmenttList = [];
 
-     this.loadData();
 
-   },
 
-   tableRowClick(record) {
 
-     this.state.RowData = record;
 
-     this.setState({
 
-       showDesc: true
 
-     });
 
-   },
 
-   closeDesc(e, s) {
 
-     this.state.showDesc = e;
 
-     if (s) {
 
-       this.loadData(this.state.page);
 
-     }
 
-   },
 
-   changeList(arr) {
 
-     const newArr = [];
 
-     this.state.columns.forEach(item => {
 
-       arr.forEach(val => {
 
-         if (val === item.title) {
 
-           newArr.push(item);
 
-         }
 
-       });
 
-     });
 
-     this.setState({
 
-       changeList: newArr
 
-     });
 
-   },
 
-   render() {
 
-     const formItemLayout = {
 
-       labelCol: { span: 8 },
 
-       wrapperCol: { span: 14 }
 
-     }; 
 
-     const { TabPane } = Tabs
 
-     return (
 
-       <div className="user-content">
 
-         <div className="content-title">
 
-           <span>省外特批</span>
 
-         </div>
 
-         <Tabs
 
-           defaultActiveKey="1"
 
-           onChange={this.callback}
 
-           className="test">
 
-           <TabPane tab="搜索" key="1">
 
-         <div className="user-search">
 
-           <Input
 
-             placeholder="营销员名称"
 
-             value={this.state.nameSearch}
 
-             style={{marginLeft:10}}
 
-             onChange={e => {
 
-               this.setState({ nameSearch: e.target.value });
 
-             }}
 
-           />
 
-           <Input
 
-             placeholder="订单编号"
 
-             value={this.state.orderNoSearch}
 
-             onChange={e => {
 
-               this.setState({ orderNoSearch: e.target.value });
 
-             }}
 
-           />
 
-           {/*<Select placeholder="订单部门"
 
- 					    style={{ width: 150 ,marginRight:10}}
 
- 					    value={this.state.departmenttList}
 
- 					    onChange={(e) => { this.setState({ departmenttList: e }) }}>
 
- 					    {
 
- 					        departmentArr.map(function (item) {
 
- 					                return <Select.Option key={item.id} >{item.name}</Select.Option>
 
- 					        })
 
- 					    }
 
- 					</Select>*/}
 
-           <Button
 
-             type="primary"
 
-             onClick={this.search}
 
-             style={{ marginLeft: 10 }}
 
-           >
 
-             搜索
 
-           </Button>
 
-           <Button onClick={this.reset}>重置</Button>
 
-         </div>
 
-           </TabPane>
 
-           <TabPane tab="更改表格显示数据" key="2">
 
-             <div style={{ marginLeft: 10 }}>
 
-               <ChooseList
 
-                   columns={this.state.columns}
 
-                   changeFn={this.changeList}
 
-                   changeList={this.state.changeList}
 
-                   top={55}
 
-                   margin={11}
 
-               />
 
-             </div>
 
-           </TabPane>
 
-         </Tabs>
 
-         <div className="patent-table">
 
-           <Spin spinning={this.state.loading}>
 
-             <Table
 
-               columns={
 
-                 this.state.changeList
 
-                     ? this.state.changeList
 
-                     : this.state.columns
 
-               }
 
-               scroll={{ x: 1500, y: 0 }}
 
-               onRowClick={this.tableRowClick}
 
-               dataSource={this.state.dataSource}
 
-               pagination={this.state.pagination}
 
-               bordered
 
-               size="small"
 
-             />
 
-           </Spin>
 
-         </div>
 
-         <Modal
 
-           visible={this.state.visibleR}
 
-           className="admin-desc-content"
 
-           footer=""
 
-           title="拒绝理由"
 
-           width="400px"
 
-           onCancel={this.rejectCancels}
 
-         >
 
-           <Input.TextArea
 
-             placeholder="请输入拒绝理由"
 
-             rows={4}
 
-             value={this.state.reason}
 
-             onChange={e => {
 
-               this.setState({ reason: e.target.value });
 
-             }}
 
-           />
 
-           <div className="clearfix" style={{ marginTop: "20px" }}>
 
-             <Button
 
-               type="primary"
 
-               onClick={e => {
 
-                 e.stopPropagation(), this.commit();
 
-               }}
 
-               style={{ float: "right" }}
 
-             >
 
-               提交
 
-             </Button>
 
-           </div>
 
-         </Modal>
 
-         <Modal
 
-           className="admin-desc-content"
 
-           footer=""
 
-           title="开具发票申请单"
 
-           width="900px"
 
-           visible={this.state.avisible}
 
-           onOk={this.visitOks}
 
-           onCancel={this.visitCancels}
 
-         >
 
-           <Form
 
-             layout="horizontal"
 
-             id="demand-form"
 
-             style={{ paddingBottom: "40px" }}
 
-           >
 
-             <Spin spinning={this.state.loading}>
 
-               <div className="clearfix">
 
-                 <div className="clearfix">
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label="合同编号"
 
-                   >
 
-                     <span>{this.state.contractNo}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label="备注"
 
-                   >
 
-                     <span>{this.state.remarks}</span>
 
-                   </FormItem>
 
-                 </div>
 
-                 <div className="clearfix">
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>省内/外
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{getProvinceA(this.state.type)}</span>
 
-                   </FormItem>
 
-                 </div>
 
-                 <hr
 
-                   style={{
 
-                     border: "1px dashed #aaa",
 
-                     width: "90%",
 
-                     margin: "auto"
 
-                   }}
 
-                 />
 
-                 <div style={{ marginTop: "13px", marginLeft: "16px" }}>
 
-                   <span style={{ fontSize: "14px" }}>发票内容</span>
 
-                 </div>
 
-                 <div className="clearfix">
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>发票类型
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>
 
-                       {this.state.invoiceType === 0
 
-                         ? "增值税专用发票"
 
-                         : this.state.invoiceType === 1
 
-                         ? "增值税普通发票"
 
-                         : "其他"}
 
-                     </span>
 
-                   </FormItem>
 
-                 </div>
 
-                 <div className="clearfix">
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>单位名称
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.unitName}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>税号
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.taxNumber}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>
 
-                         开票金额(万元)
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.amount}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>
 
-                         开户行银行账号
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.banks}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>
 
-                         开票内容及说明
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.content}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>单位地址
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.unitAddress}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label="备注"
 
-                   >
 
-                     <span>{this.state.invoiceRemarks}</span>
 
-                   </FormItem>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>单位电话
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <span>{this.state.unitMobile}</span>
 
-                   </FormItem>
 
-                 </div>
 
-                 <div className="clearfix">
 
-                   <FormItem
 
-                     labelCol={{ span: 4 }}
 
-                     wrapperCol={{ span: 18 }}
 
-                     label={
 
-                       <span>
 
-                         <strong style={{ color: "#f00" }}>*</strong>附件
 
-                       </span>
 
-                     }
 
-                   >
 
-                     <Upload
 
-                       className="demandDetailShow-upload"
 
-                       listType="picture-card"
 
-                       fileList={this.state.orgCodeUrl}
 
-                       onPreview={file => {
 
-                         this.setState({
 
-                           previewImage: file.url || file.thumbUrl,
 
-                           previewVisible: true
 
-                         });
 
-                       }}
 
-                     ></Upload>
 
-                     <Modal
 
-                       maskClosable={false}
 
-                       footer={null}
 
-                       visible={this.state.previewVisible}
 
-                       onCancel={() => {
 
-                         this.setState({ previewVisible: false });
 
-                       }}
 
-                     >
 
-                       <img
 
-                         alt=""
 
-                         style={{ width: "100%" }}
 
-                         src={this.state.previewImage || ""}
 
-                       />
 
-                     </Modal>
 
-                   </FormItem>
 
-                 </div>
 
-                 <hr
 
-                   style={{
 
-                     border: "1px dashed #aaa",
 
-                     width: "90%",
 
-                     margin: "auto"
 
-                   }}
 
-                 />
 
-                 <div className="clearfix" style={{ marginTop: "10px" }}>
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label="发票是否邮寄:"
 
-                   >
 
-                     <span>{this.state.post === 0 ? "是" : "否"}</span>
 
-                   </FormItem>
 
-                 </div>
 
-                 {this.state.post === 0 ? (
 
-                   <div>
 
-                     <div className="clearfix">
 
-                       <FormItem
 
-                         className="half-item"
 
-                         {...formItemLayout}
 
-                         label="收信人姓名"
 
-                       >
 
-                         <span>{this.state.addressee}</span>
 
-                       </FormItem>
 
-                       <FormItem
 
-                         className="half-item"
 
-                         {...formItemLayout}
 
-                         label="电话"
 
-                       >
 
-                         <span>{this.state.addresseeMobile}</span>
 
-                       </FormItem>
 
-                     </div>
 
-                     <div className="clearfix">
 
-                       <FormItem
 
-                         className="half-item"
 
-                         {...formItemLayout}
 
-                         label="省-市-区"
 
-                       >
 
-                         <span>
 
-                           {getprovince(this.state.addresseeProvince)}/
 
-                           {getprovince(this.state.addresseeCity)}/
 
-                           {getprovince(this.state.addresseeArea)}
 
-                         </span>
 
-                       </FormItem>
 
-                     </div>
 
-                     <div className="clearfix">
 
-                       <FormItem
 
-                         className="half-item"
 
-                         {...formItemLayout}
 
-                         label="详细地址"
 
-                       >
 
-                         <span>{this.state.recipientAddress}</span>
 
-                       </FormItem>
 
-                     </div>
 
-                   </div>
 
-                 ) : (
 
-                   ""
 
-                 )}
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label={
 
-                     <span>
 
-                       <strong style={{ color: "#f00" }}>*</strong>开票金额总计
 
-                     </span>
 
-                   }
 
-                 >
 
-                   <span>{this.state.alreadyAmount}万元</span>
 
-                 </FormItem>
 
-               </div>
 
-             </Spin>
 
-           </Form>
 
-         </Modal>
 
-         <Modal
 
-           visible={this.state.bvisible}
 
-           footer=""
 
-           title="开票历史记录"
 
-           className="admin-desc-content"
 
-           width="900px"
 
-           onCancel={this.inRecordCanl}
 
-         >
 
-           <Spin spinning={this.state.loading}>
 
-             <div className="patent-table">
 
-               <Table
 
-                 columns={this.state.columnsDate}
 
-                 dataSource={this.state.recordData}
 
-                 pagination={false}
 
-                 bordered
 
-                 size="small"
 
-               />
 
-               <div className="clearfix" style={{ marginTop: "20px" }}>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label={<span style={{ fontSize: "14px" }}>开票总计</span>}
 
-                 >
 
-                   <span>{this.state.sum}</span>
 
-                 </FormItem>
 
-               </div>
 
-             </div>
 
-           </Spin>
 
-         </Modal>
 
-         <OrderDesc
 
-           data={this.state.RowData}
 
-           showDesc={this.state.showDesc}
 
-           closeDesc={this.closeDesc.bind(this)}
 
-         />
 
-       </div>
 
-     );
 
-   }
 
- });
 
- export default outSpecial;
 
 
  |