billing.jsx 64 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818
  1. import React from 'react';
  2. import $ from 'jquery/src/ajax';
  3. import { Form,Radio, Icon, Button, Input, Spin, Table, message, DatePicker, Modal, Upload ,Popconfirm,Cascader,Tabs} from 'antd';
  4. import NewService from "./addService.jsx";
  5. import moment from 'moment';
  6. import '../userMangagement.less';
  7. import {areaSelect} from '@/NewDicProvinceList';
  8. import {
  9. getApprovedState,
  10. getprovince,
  11. getProcessStatus,
  12. getLiquidationStatus,
  13. getNewOrderStatus,
  14. beforeUploadFile,
  15. getProvinceA,
  16. getInvoiceStatus,
  17. splitUrl,
  18. ShowModal
  19. } from "../../../tools.js";
  20. import ShowModalDiv from "@/showModal.jsx";
  21. const PicturesWall = React.createClass({
  22. getInitialState() {
  23. return {
  24. previewVisible: false,
  25. previewImage: '',
  26. fileList: this.props.pictureUrl,
  27. }
  28. },
  29. getDefaultProps(){
  30. return{
  31. changeClick:this.modifyChange
  32. }
  33. },
  34. handleCancel() {
  35. this.setState({ previewVisible: false })
  36. },
  37. handlePreview(file) {
  38. this.setState({
  39. previewImage: file.url || file.thumbUrl,
  40. previewVisible: true,
  41. });
  42. },
  43. handleChange(info) {
  44. let fileList = info.fileList;
  45. this.setState({ fileList });
  46. this.props.fileList(fileList);
  47. },
  48. componentWillReceiveProps(nextProps) {
  49. this.state.fileList = nextProps.pictureUrl;
  50. },
  51. render() {
  52. const { previewVisible, previewImage, fileList } = this.state;
  53. const uploadButton = (
  54. <div>
  55. <Icon type="plus" />
  56. <div className="ant-upload-text">点击上传</div>
  57. </div>
  58. );
  59. return (
  60. <div style={{display:"inline-block"}}>
  61. <Upload
  62. beforeUpload={beforeUploadFile}
  63. action={globalConfig.context + "/api/admin/orderInvoice/uploadOrderInvoiceFile"}
  64. data={{ 'sign': 'order_invoice_file' }}
  65. listType="picture-card"
  66. fileList={fileList}
  67. onPreview={this.handlePreview}
  68. onChange={this.handleChange} >
  69. {fileList.length >= 18 ? null : uploadButton}
  70. </Upload>
  71. <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
  72. <img alt="example" style={{ width: '100%' }} src={previewImage} />
  73. </Modal>
  74. </div>
  75. );
  76. }
  77. });
  78. const MyService=Form.create()(React.createClass({
  79. loadData(pageNo) {
  80. this.state.data = [];
  81. this.setState({
  82. loading: true
  83. });
  84. $.ajax({
  85. method: "get",
  86. dataType: "json",
  87. crossDomain: false,
  88. url: globalConfig.context + '/api/admin/newOrder/orderNewList',
  89. data: {
  90. pageNo: pageNo || 1,
  91. pageSize: this.state.pagination.pageSize,
  92. specially:0,
  93. name:this.state.customerName,
  94. orderNo:this.state.searchOrderNo,
  95. depId: this.state.departmenttSearch,
  96. starTime: this.state.releaseDate[0],
  97. endTime: this.state.releaseDate[1],
  98. },
  99. success: function (data) {
  100. ShowModal(this);
  101. let theArr = [];
  102. if (!data.data) {
  103. if (data.error && data.error.length) {
  104. message.warning(data.error[0].message);
  105. };
  106. } else {
  107. for (let i = 0; i < data.data.list.length; i++) {
  108. let thisdata = data.data.list[i];
  109. theArr.push({
  110. key: i,
  111. id: thisdata.id,
  112. orderNo: thisdata.orderNo,//订单编号
  113. totalAmount:thisdata.totalAmount,//签单金额
  114. processStatus:thisdata.processStatus,//流程状态
  115. liquidationStatus:thisdata.liquidationStatus,//结算状态
  116. approval:thisdata.approval,//特批状态
  117. signDate:thisdata.signDate,//签单时间
  118. userName:thisdata.userName,//客户名称
  119. salesmanName:thisdata.salesmanName,//营销员名称
  120. financeName:thisdata.financeName,//财务名称
  121. createDate:thisdata.createDate,//下单时间
  122. orderStatus:thisdata.orderStatus,//订单状态
  123. depName:thisdata.depName,//部门名称
  124. contractNo:thisdata.contractNo
  125. });
  126. };
  127. this.state.pagination.current = data.data.pageNo;
  128. this.state.pagination.total = data.data.totalCount;
  129. };
  130. if(!data.data.list.length){
  131. this.state.pagination.current=0
  132. this.state.pagination.total=0
  133. }
  134. this.setState({
  135. pageNo:pageNo,
  136. dataSource: theArr,
  137. pagination: this.state.pagination,
  138. selectedRowKeys:[],
  139. });
  140. }.bind(this),
  141. }).always(function () {
  142. this.setState({
  143. loading: false
  144. });
  145. }.bind(this));
  146. },
  147. getInitialState() {
  148. return {
  149. datauser:{},
  150. orgCodeUrl:[],
  151. selectedRowKeys: [],
  152. releaseDate: [],
  153. departmentArr: [],
  154. signBillState:false,
  155. signBillVisible:false,
  156. selectedRows: [],
  157. recordData:[],
  158. flag:false,
  159. searchMore: true,
  160. loading: false,
  161. alreadyAmount:0,
  162. intentOrder:true,
  163. formalOrder:true,
  164. pagination: {
  165. defaultCurrent: 1,
  166. defaultPageSize: 10,
  167. showQuickJumper: true,
  168. pageSize: 10,
  169. onChange: function (page) {
  170. this.loadData(page);
  171. }.bind(this),
  172. showTotal: function (total) {
  173. return '共' + total + '条数据';
  174. }
  175. },
  176. columns: [
  177. {
  178. title: '订单编号',
  179. dataIndex: 'orderNo',
  180. key: 'orderNo',
  181. fixed: 'left'
  182. },{
  183. title: '客户名称',
  184. dataIndex: 'userName',
  185. key: 'userName',
  186. render:(text)=>{
  187. return (text&&text.length>9?text.substr(0,9)+'...':text)
  188. }
  189. }, {
  190. title: '下单时间',
  191. dataIndex: 'createDate',
  192. key: 'createTime'
  193. },{
  194. title: '合同签订时间',
  195. dataIndex: 'signDate',
  196. key: 'signDate'
  197. }, {
  198. title: '流程状态',
  199. dataIndex: 'processStatus',
  200. key: 'processStatus',
  201. render:text=>{return getProcessStatus(text)}
  202. }, {
  203. title: '签单金额(万元)',
  204. dataIndex: 'totalAmount',
  205. key: 'totalAmount'
  206. },{
  207. title: '结算状态',
  208. dataIndex: 'liquidationStatus',
  209. key: 'liquidationStatus',
  210. render:text=>{return getLiquidationStatus(text)}
  211. }, {
  212. title: '是否特批',
  213. dataIndex: 'approval',
  214. key: 'approval',
  215. render:text=>{return getApprovedState(text)}
  216. },{
  217. title: '订单状态',
  218. dataIndex: 'orderStatus',
  219. key: 'orderStatus',
  220. render:text=>{return getNewOrderStatus(text)}
  221. },{
  222. title: '财务负责人',
  223. dataIndex: 'financeName',
  224. key: 'financeName'
  225. }, {
  226. title: '操作',
  227. dataIndex: 'abc',
  228. key: 'abc',
  229. render: (text, record, index) => {
  230. return (
  231. <div>
  232. {
  233. <Button
  234. type="primary"
  235. disabled={record.processStatus == 0 ? true : false}
  236. style={{
  237. marginRight: "10px",
  238. color: "#ffffff",
  239. border: "none",
  240. marginTop: "5px",
  241. background: record.processStatus == 0 ? "#ccc" : "red"
  242. }}
  243. onClick={e => {
  244. // console.log("2221", record);
  245. e.stopPropagation(), this.visit(record, index);
  246. }}
  247. >
  248. 开票
  249. </Button>
  250. }
  251. {
  252. <Button
  253. type="primary"
  254. onClick={e => {
  255. e.stopPropagation(), this.inRecord(record, index);
  256. }}
  257. style={{
  258. border: "none",
  259. background: "orangered",
  260. marginRight: "10px"
  261. }}
  262. >
  263. 开票记录
  264. </Button>
  265. }
  266. {record.liquidationStatus == 2 ? (
  267. <Popconfirm
  268. title="是否结项?"
  269. onConfirm={() => {
  270. this.delectRow(record);
  271. }}
  272. okText="是"
  273. cancelText="否"
  274. >
  275. <Button
  276. type="primary"
  277. style={{
  278. marginRight: "10px",
  279. color: "#ffffff",
  280. border: "none"
  281. }}
  282. onClick={e => {
  283. e.stopPropagation();
  284. }}
  285. >
  286. 结项
  287. </Button>
  288. </Popconfirm>
  289. ) : (
  290. ""
  291. )}
  292. </div>
  293. );
  294. }
  295. }
  296. ],
  297. columnsDate:[
  298. {
  299. title: '编号',
  300. dataIndex: 'id',
  301. key: 'id'
  302. },{
  303. title: '订单编号',
  304. dataIndex: 'orderno',
  305. key: 'orderno'
  306. },{
  307. title: '开票金额(万元)',
  308. dataIndex: 'amount',
  309. key: 'amount'
  310. },{
  311. title: '申请时间',
  312. dataIndex: 'createTime',
  313. key: 'createTime'
  314. },{
  315. title: '开票状态',
  316. dataIndex: 'status',
  317. key: 'status',
  318. render:(text,record)=>{
  319. return <div>
  320. {record.status === 3?<Button type="danger" onClick={(e) =>{ e.stopPropagation(),this.reject(record)}}>被拒,查看原因</Button>
  321. :getInvoiceStatus(text,record)}
  322. {record.status === 3?<Button type="primary" onClick={(e) =>{ e.stopPropagation(),this.recompose(record)}} style={{marginLeft:"10px"}}>修改开票</Button>
  323. :''}
  324. </div>
  325. }
  326. }
  327. ],
  328. dataSource: [],
  329. };
  330. },
  331. invoiceData(record) {
  332. if(this.state.flagA) return
  333. this.setState({
  334. flagA: true
  335. })
  336. let theorgCodeUrl = [];
  337. if (this.state.orgCodeUrl.length) {
  338. let picArr = [];
  339. this.state.orgCodeUrl.map(function (item) {
  340. if ( item.response && item.response.data && item.response.data.length ){
  341. picArr.push(item.response.data);
  342. }
  343. });
  344. theorgCodeUrl = picArr.join(",");
  345. };
  346. let api = '',
  347. api1 = '',
  348. method = '',
  349. fdata = {
  350. orderNo:this.state.orderNo3,
  351. type:this.state.type,
  352. status:this.state.status,
  353. approval:this.state.ordapproval,
  354. remarks:this.state.remarks,
  355. invoiceType:this.state.invoiceType,
  356. unitName:this.state.unitName,
  357. taxNumber:this.state.taxNumber,
  358. amount:parseFloat(this.state.amount),
  359. banks:this.state.banks,
  360. content:this.state.content,
  361. unitAddress:this.state.unitAddress,
  362. invoiceRemarks:this.state.invoiceRemarks,
  363. unitMobile:this.state.unitMobile,
  364. voucherUrl:theorgCodeUrl.length?theorgCodeUrl:'',
  365. post:this.state.post,
  366. addressee:this.state.addressee,
  367. addresseeMobile:this.state.addresseeMobile,
  368. addresseeProvince:this.state.post === 0?this.state.ProvinceCity[0]:'',
  369. addresseeCity:this.state.post === 0?this.state.ProvinceCity[1]:'',
  370. addresseeArea:this.state.post === 0?this.state.ProvinceCity[2]:'',
  371. recipientAddress:this.state.recipientAddress,
  372. alreadyAmount:parseFloat(this.state.alreadyAmount)},
  373. sumData = {},
  374. sumData1 = {};
  375. switch (this.state.status) {
  376. case 0:api = '/api/admin/orderInvoice/createOrderInvoice';
  377. sumData = fdata;
  378. method = 'post'
  379. break;
  380. case 1:api = '/api/admin/orderInvoice/createOrderInvoice';
  381. api1 = '/api/admin/orderInvoice/updateOrderInvoice'
  382. sumData = fdata;
  383. sumData1 = {
  384. orderNo:this.state.orderNo3,
  385. type:this.state.type,
  386. status:this.state.status,
  387. approval:this.state.ordapproval,
  388. remarks:this.state.remarks,
  389. invoiceType:this.state.invoiceType,
  390. unitName:this.state.unitName,
  391. taxNumber:this.state.taxNumber,
  392. amount:parseFloat(this.state.amount),
  393. banks:this.state.banks,
  394. content:this.state.content,
  395. unitAddress:this.state.unitAddress,
  396. invoiceRemarks:this.state.invoiceRemarks,
  397. unitMobile:this.state.unitMobile,
  398. voucherUrl:theorgCodeUrl.length?theorgCodeUrl:'',
  399. post:this.state.post,
  400. addressee:this.state.addressee,
  401. addresseeMobile:this.state.addresseeMobile,
  402. addresseeProvince:this.state.post === 0?this.state.ProvinceCity[0]:'',
  403. addresseeCity:this.state.post === 0?this.state.ProvinceCity[1]:'',
  404. addresseeArea:this.state.post === 0?this.state.ProvinceCity[2]:'',
  405. recipientAddress:this.state.recipientAddress,
  406. alreadyAmount:parseFloat(this.state.alreadyAmount)};
  407. sumData1.id = this.state.id;
  408. method = 'post'
  409. break;
  410. case 3:api = '/api/admin/orderInvoice/selectByIdOrderInvoice'
  411. sumData.id = record.id;
  412. method='get';
  413. break;
  414. default: api=''
  415. break;
  416. }
  417. if (this.state.status === 1 || this.state.status === 0) {
  418. if (typeof(this.state.type) !== 'number') {
  419. message.warning('省内/外不能为空')
  420. return
  421. }
  422. if (typeof(this.state.invoiceType) !== 'number') {
  423. message.warning('发票类型不能为空')
  424. return
  425. }
  426. if(typeof theorgCodeUrl !== 'string'){
  427. message.warning('未上传图片');
  428. return
  429. }
  430. if (!this.state.unitName) {
  431. message.warning('单位名称不能为空')
  432. return
  433. }
  434. if (!this.state.taxNumber) {
  435. message.warning('税号不能为空')
  436. return
  437. }
  438. if (!this.state.amount) {
  439. message.warning('金额不能为空')
  440. return
  441. }
  442. if (isNaN(this.state.amount)) {
  443. message.warning('开票金额包含非法字符,请重新输入')
  444. return
  445. }
  446. if (isNaN(this.state.alreadyAmount)) {
  447. message.warning('开票金额总计包含非法字符,请重新输入')
  448. return
  449. }
  450. if (parseFloat(this.state.alreadyAmount)<0) {
  451. message.warning('开票金额总计不能小于0,请重新输入')
  452. return
  453. }
  454. if (!this.state.banks) {
  455. message.warning('开户行不能为空')
  456. return
  457. }
  458. if (!this.state.content) {
  459. message.warning('开票内容及说明不能为空')
  460. return
  461. }
  462. if (!this.state.unitAddress) {
  463. message.warning('单位地址不能为空')
  464. return
  465. }
  466. if (!this.state.unitMobile) {
  467. message.warning('单位电话不能为空')
  468. return
  469. }
  470. if (this.state.alreadyAmount === '') {
  471. message.warning('开票金额总计不能为空')
  472. return
  473. }
  474. }
  475. // console.log(this.state.flag,this.state.status)
  476. this.setState({
  477. loading: true
  478. });
  479. $.ajax({
  480. method: method,
  481. dataType: "json",
  482. crossDomain: false,
  483. url: globalConfig.context + (this.state.flag?api1:api),
  484. data: this.state.flag?sumData1:sumData,
  485. success:function (data) {
  486. if(this.state.status === 3 && typeof data.data === 'object'){
  487. let thisdata = data.data;
  488. let ProvinceCityArr = [];
  489. let ProvinceS = thisdata.addresseeProvince; //省
  490. let citys = thisdata.addresseeCity;//市
  491. let Areas = thisdata.addresseeArea;//区
  492. ProvinceCityArr.push(ProvinceS, citys, Areas);
  493. this.setState({
  494. orderNo:thisdata.orderNo,
  495. type:thisdata.type,
  496. status:thisdata.status,
  497. ordapproval:thisdata.approval,
  498. remarks:thisdata.remarks,
  499. invoiceType:thisdata.invoiceType,
  500. unitName:thisdata.unitName,
  501. taxNumber:thisdata.taxNumber,
  502. amount:thisdata.amount + "",
  503. banks:thisdata.banks,
  504. content:thisdata.content,
  505. unitAddress:thisdata.unitAddress,
  506. invoiceRemarks:thisdata.invoiceRemarks,
  507. unitMobile:thisdata.unitMobile,
  508. post:thisdata.post,
  509. addressee:thisdata.addressee,
  510. addresseeMobile:thisdata.addresseeMobile,
  511. addresseeProvince:thisdata.addresseeProvince,
  512. addresseeCity:thisdata.addresseeCity,
  513. addresseeArea:thisdata.addresseeArea,
  514. alreadyAmount:thisdata.alreadyAmount + "",
  515. ProvinceCity: ProvinceCityArr[0]!=null?ProvinceCityArr:undefined,//省市区
  516. recipientAddress:thisdata.recipientAddress,
  517. orgCodeUrl: thisdata.voucherUrl ? splitUrl(thisdata.voucherUrl, ',', globalConfig.avatarHost + '/upload') : [],
  518. })
  519. }
  520. }.bind(this)
  521. }).done(function(data) {
  522. this.setState({
  523. loading: false
  524. });
  525. if(!data.error.length) {
  526. if(this.state.status === 1){
  527. message.success('提交成功!');
  528. this.visitCancels()
  529. if (this.state.flag) {
  530. this.inRecordData()
  531. }
  532. this.setState({
  533. flagA: false
  534. })
  535. }else if(this.state.status === 0){
  536. message.success('保存成功!');
  537. this.visitCancels()
  538. this.setState({
  539. flagA: false
  540. })
  541. }else if(this.state.status === 3){
  542. this.setState({
  543. flag:true,
  544. flagA: false
  545. })
  546. }
  547. } else {
  548. message.warning(data.error[0].message);
  549. this.setState({
  550. flagA: false
  551. })
  552. }
  553. }.bind(this));
  554. },
  555. areset(){
  556. this.setState({
  557. remarks:'',
  558. type:undefined,
  559. orgCodeUrl:'',
  560. invoiceType:undefined,
  561. unitName:'',
  562. taxNumber:'',
  563. unitName:'',
  564. amount:'',
  565. banks:'',
  566. content:'',
  567. unitAddress:'',
  568. invoiceRemarks:'',
  569. unitMobile:'',
  570. post:undefined,
  571. addressee:'',
  572. addresseeMobile:'',
  573. addresseeProvince:'',
  574. addresseeCity:'',
  575. addresseeArea:'',
  576. recipientAddress:'',
  577. ordapproval:undefined,
  578. alreadyAmount:'',
  579. ProvinceCity:[]
  580. })
  581. },
  582. recompose(record){
  583. // console.log(record)
  584. this.setState({
  585. avisible:true,
  586. orderNo3:record.orderno,
  587. id:record.id
  588. })
  589. this.setState({
  590. status:3,
  591. cvisible:true,
  592. flag:false
  593. },()=>{
  594. this.invoiceData(record)
  595. })
  596. },
  597. submitApp(){
  598. if (this.state.status === 3) {
  599. this.setState({
  600. flag:true
  601. })
  602. }
  603. this.setState({
  604. status:1
  605. },()=>{
  606. this.invoiceData()
  607. })
  608. },
  609. saveApp(){
  610. this.setState({
  611. status:0
  612. },()=>{
  613. this.invoiceData()
  614. })
  615. },
  616. reject(record){
  617. this.setState({
  618. visibleR:true,
  619. reason:record.rejectReason
  620. });
  621. },
  622. rejectCancels(){
  623. this.setState({
  624. visibleR:false
  625. })
  626. },
  627. //开票
  628. visit(record,index){
  629. this.areset()
  630. this.setState({
  631. contractNo:this.state.dataSource[index].contractNo,
  632. orderNo3:record.orderNo,
  633. avisible:true,
  634. flag:false,
  635. invoiceType:0,
  636. alreadyAmount:0,
  637. unitName:this.state.dataSource[index].userName,
  638. post:1
  639. })
  640. },
  641. visitCancels(){
  642. this.setState({
  643. avisible:false,
  644. cvisible:false
  645. })
  646. },
  647. //查看开票历史记录详情
  648. dtableRowClick(record){
  649. this.setState({
  650. dvisible:true
  651. })
  652. this.setState({
  653. loading: true
  654. });
  655. $.ajax({
  656. method: "get",
  657. dataType: "json",
  658. crossDomain: false,
  659. url: globalConfig.context + '/api/admin/orderInvoice/selectByIdOrderInvoice',
  660. data:{
  661. id:record.id
  662. },
  663. success:function (data) {
  664. let thisdata = data.data;
  665. this.setState({
  666. contractNo:thisdata.contractNo,
  667. orderNo:thisdata.orderNo,
  668. ordapproval:thisdata.approval,
  669. type:thisdata.type,
  670. status:thisdata.status,
  671. remarks:thisdata.remarks,
  672. invoiceType:thisdata.invoiceType,
  673. unitName:thisdata.unitName,
  674. taxNumber:thisdata.taxNumber,
  675. amount:thisdata.amount,
  676. banks:thisdata.banks,
  677. content:thisdata.content,
  678. unitAddress:thisdata.unitAddress,
  679. invoiceRemarks:thisdata.invoiceRemarks,
  680. unitMobile:thisdata.unitMobile,
  681. post:thisdata.post,
  682. addressee:thisdata.addressee,
  683. addresseeMobile:thisdata.addresseeMobile,
  684. addresseeProvince:thisdata.addresseeProvince,
  685. addresseeCity:thisdata.addresseeCity,
  686. addresseeArea:thisdata.addresseeArea,
  687. alreadyAmount:thisdata.alreadyAmount,
  688. recipientAddress:thisdata.recipientAddress,
  689. orgCodeUrl: thisdata.voucherUrl ? splitUrl(thisdata.voucherUrl, ',', globalConfig.avatarHost + '/upload') : [],
  690. })
  691. }.bind(this)
  692. }).done(function() {
  693. this.setState({
  694. loading: false
  695. });
  696. }.bind(this));
  697. },
  698. //关闭开票历史记录详情
  699. dvisitCancels(){
  700. this.setState({
  701. dvisible:false
  702. })
  703. },
  704. inRecordData(){
  705. this.setState({
  706. loading: true
  707. });
  708. $.ajax({
  709. method: "get",
  710. dataType: "json",
  711. crossDomain: false,
  712. url: globalConfig.context + '/api/admin/orderInvoice/salesmanOrderInvoiceList',
  713. data: {
  714. orderNo:this.state.orderNo2
  715. },
  716. success: function (data) {
  717. let theArr = [];
  718. let sum = 0;
  719. if (!data.data) {
  720. if (data.error && data.error.length) {
  721. message.warning(data.error[0].message);
  722. };
  723. } else {
  724. for (let i = 0; i < data.data.list.length; i++) {
  725. let thisdata = data.data.list[i];
  726. sum += parseFloat(thisdata.amount);
  727. theArr.push({
  728. id: thisdata.id,
  729. orderno: thisdata.orderno, //订单编号
  730. amount: thisdata.amount, //签单金额
  731. createTime: thisdata.createTime, //流程状态
  732. status: thisdata.status, //结算状态
  733. rejectReason: thisdata.rejectReason,
  734. approval: thisdata.approval
  735. });
  736. };
  737. };
  738. this.setState({
  739. recordData:theArr,
  740. sum:sum.toFixed(4)
  741. })
  742. }.bind(this),
  743. }).done(function() {
  744. this.setState({
  745. loading: false
  746. });
  747. }.bind(this));
  748. },
  749. inRecord(record){
  750. this.setState({
  751. bvisible:true,
  752. orderNo2:record.orderNo,
  753. },() => {this.inRecordData()})
  754. },
  755. inRecordCanl(){
  756. this.setState({
  757. bvisible:false
  758. })
  759. },
  760. //结项
  761. delectRow(record) {
  762. this.setState({
  763. loading: true
  764. });
  765. $.ajax({
  766. method: "get",
  767. dataType: "json",
  768. crossDomain: false,
  769. url: globalConfig.context + "/api/admin/newOrder/OrderOver",
  770. data: {
  771. orderNo:record.orderNo
  772. }
  773. }).done(function (data) {
  774. if (!data.error.length) {
  775. message.success('该项目已成功结项!');
  776. this.loadData();
  777. } else {
  778. message.warning(data.error[0].message);
  779. };
  780. this.setState({
  781. loading: false,
  782. });
  783. }.bind(this));
  784. },
  785. //是否退款
  786. refundCancel(record){
  787. this.refund(record,0)
  788. },
  789. refundOk(record){
  790. this.refund(record,1)
  791. },
  792. refund(record,index){
  793. this.setState({
  794. signBillVisible:false,
  795. selectedRowKeys: [],
  796. loading: true,
  797. userDetaile:false
  798. });
  799. $.ajax({
  800. method: "get",
  801. dataType: "json",
  802. crossDomain: false,
  803. url: globalConfig.context + '/api/admin/order/confirmRefund',
  804. data: {
  805. orderNo:record.orderNo,
  806. confirm:index
  807. }
  808. }).done(function (data) {
  809. if (!data.error.length) {
  810. message.success('操作成功!');
  811. this.setState({
  812. loading: false,
  813. showDesc:false
  814. });
  815. }
  816. this.loadData(this.state.pageNo);
  817. }.bind(this));
  818. },
  819. //受理订单
  820. admissibleOrderOk(e){
  821. this.admissibleOrder(e,true)
  822. },
  823. admissibleOrderCancel(e){
  824. this.admissibleOrder(e,false)
  825. },
  826. admissibleOrder(record,index) {
  827. this.setState({
  828. signBillVisible:false,
  829. selectedRowKeys: [],
  830. loading: true,
  831. userDetaile:false
  832. });
  833. $.ajax({
  834. method: "POST",
  835. dataType: "json",
  836. crossDomain: false,
  837. url: globalConfig.context + '/api/admin/order/confirmIntention',
  838. data: {
  839. orderNo:record.orderNo,
  840. confirm:index
  841. }
  842. }).done(function (data) {
  843. if (!data.error.length) {
  844. message.success('操作成功!');
  845. this.setState({
  846. loading: false,
  847. showDesc:false
  848. });
  849. } else {
  850. message.warning(data.error[0].message);
  851. this.setState({
  852. showDesc:true
  853. })
  854. };
  855. this.loadData(this.state.pageNo);
  856. }.bind(this));
  857. },
  858. //取消订单
  859. cancelOrder(e){
  860. this.operation(e,3)
  861. },
  862. //作废订单
  863. scrapOrder(e){
  864. this.operation(e,2)
  865. },
  866. //锁定订单
  867. lockOrder(e){
  868. this.operation(e,0)
  869. },
  870. //解锁订单
  871. unlockOrder(e){
  872. this.operation(e,1)
  873. },
  874. //签单
  875. signBill(ids){
  876. this.setState({
  877. uid:ids,
  878. signBillVisible:true
  879. })
  880. },
  881. componentWillMount() {
  882. this.departmentList();
  883. this.loadData();
  884. let data=localStorage.getItem('newData');
  885. if(data!='{}'&&data){
  886. var newData = JSON.parse(data);
  887. this.tableRowClick(newData);
  888. };
  889. },
  890. tableRowClick(record) {
  891. this.state.userDetaile=true;
  892. this.state.datauser = record;
  893. this.setState({
  894. signBillVisible:false,
  895. signBillState:true,
  896. showDesc: true
  897. });
  898. localStorage.setItem('newData','{}');
  899. },
  900. //列表各种骚操作
  901. operation(record,index) {
  902. this.setState({
  903. selectedRowKeys: [],
  904. loading: true,
  905. showDesc:false
  906. });
  907. $.ajax({
  908. method: "get",
  909. dataType: "json",
  910. crossDomain: false,
  911. url: globalConfig.context + '/api/admin/order/lockOrRevokeOrder',
  912. data: {
  913. orderNo:record.orderNo,
  914. operatorType:index
  915. }
  916. }).done(function (data) {
  917. if (!data.error.length) {
  918. message.success('操作成功!');
  919. this.setState({
  920. loading: false,
  921. });
  922. } else {
  923. message.warning(data.error[0].message);
  924. };
  925. this.loadData(this.state.pageNo);
  926. }.bind(this));
  927. },
  928. addClick() {
  929. this.state.userDetaile=false;
  930. this.setState({
  931. signBillVisible:false,
  932. showDesc: true
  933. });
  934. },
  935. closeDesc(e, s) {
  936. this.state.userDetaile=false;
  937. this.state.signBillVisible=false;
  938. this.state.showDesc = e;
  939. if (s) {
  940. this.loadData(this.state.pageNo);
  941. };
  942. },
  943. searchSwitch() {
  944. this.setState({
  945. signBillVisible:false,
  946. searchMore: !this.state.searchMore
  947. });
  948. },
  949. getOrgCodeUrl(e) {
  950. this.setState({ orgCodeUrl: e });
  951. },
  952. search() {
  953. this.setState({
  954. signBillVisible:false
  955. })
  956. this.loadData();
  957. },
  958. reset() {
  959. this.setState({
  960. signBillVisible:false
  961. })
  962. this.state.searchOrderNo=undefined;
  963. this.state.orderNo='';
  964. this.state.customerName='';
  965. this.state.departmenttSearch=undefined;
  966. this.state.releaseDate[0] = undefined;
  967. this.state.releaseDate[1] = undefined;
  968. this.state.projectProgress = undefined;
  969. this.state.approval= undefined;
  970. this.state.formalOrder=true;
  971. this.state.intentOrder=true;
  972. this.loadData();
  973. },
  974. //部门
  975. departmentList() {
  976. this.setState({
  977. loading: true
  978. });
  979. $.ajax({
  980. method: "get",
  981. dataType: "json",
  982. crossDomain: false,
  983. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  984. data: {
  985. },
  986. success: function(data) {
  987. let thedata = data.data;
  988. let theArr = [];
  989. if(!thedata) {
  990. if(data.error && data.error.length) {
  991. message.warning(data.error[0].message);
  992. };
  993. thedata = {};
  994. } else {
  995. thedata.map(function(item, index) {
  996. theArr.push({
  997. key: index,
  998. name: item.name,
  999. id: item.id,
  1000. })
  1001. })
  1002. }
  1003. this.setState({
  1004. departmentArr: theArr,
  1005. })
  1006. }.bind(this),
  1007. }).always(function() {
  1008. this.setState({
  1009. loading: false
  1010. });
  1011. }.bind(this));
  1012. },
  1013. render() {
  1014. const FormItem = Form.Item;
  1015. const formItemLayout = {
  1016. labelCol: { span: 8 },
  1017. wrapperCol: { span: 14 },
  1018. };
  1019. const RadioGroup = Radio.Group;
  1020. const { RangePicker } = DatePicker;
  1021. return (
  1022. <div className="user-content" >
  1023. <ShowModalDiv ShowModal={this.state.showModal} />
  1024. <div className="content-title">
  1025. <span style={{fontSize:'16px'}}>开单与签单</span>
  1026. <div className="user-search">
  1027. <Input placeholder="客户名称" style={{width:'150px'}}
  1028. value={this.state.customerName}
  1029. onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
  1030. <Input placeholder="订单编号" style={{width:'150px'}}
  1031. value={this.state.searchOrderNo}
  1032. onChange={(e) => { this.setState({ searchOrderNo: e.target.value }); }} />
  1033. <span style={{marginRight:"10px"}}>下单时间 :</span>
  1034. <RangePicker
  1035. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  1036. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  1037. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  1038. <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索<Icon type="search" /></Button>
  1039. <Button onClick={this.reset}>重置 <Icon type="reload" /></Button>
  1040. <Button type="primary" className="addButton" onClick={this.addClick} >开单<Icon type="plus" /></Button>
  1041. </div>
  1042. <div className="patent-table">
  1043. <Spin spinning={this.state.loading}>
  1044. <Table columns={this.state.columns}
  1045. dataSource={this.state.dataSource}
  1046. scroll={{ x: 1500, y: 0 }}
  1047. pagination={this.state.pagination}
  1048. onRowClick={this.tableRowClick} />
  1049. </Spin>
  1050. </div>
  1051. <NewService
  1052. uid={this.state.uid}
  1053. signBillVisible={this.state.signBillVisible}
  1054. signBillState={this.state.signBillState}
  1055. operation={this.operation}
  1056. admissibleOrder={this.admissibleOrder}
  1057. userDetaile={this.state.userDetaile}
  1058. datauser={this.state.datauser}
  1059. showDesc={this.state.showDesc}
  1060. closeDesc={this.closeDesc} />
  1061. <Modal
  1062. className="admin-desc-content"
  1063. footer=''
  1064. title = '开具发票申请单'
  1065. width='1000px'
  1066. visible={this.state.avisible}
  1067. onOk={this.visitOks}
  1068. onCancel={this.visitCancels}
  1069. style={{zIndex:999}}
  1070. >
  1071. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  1072. <Spin spinning={this.state.loading}>
  1073. <div className="clearfix">
  1074. <div className="clearfix">
  1075. <FormItem className="half-item"
  1076. {...formItemLayout}
  1077. label="合同编号" >
  1078. <span>{this.state.contractNo}</span>
  1079. </FormItem>
  1080. <FormItem className="half-item"
  1081. {...formItemLayout}
  1082. label="备注" >
  1083. {<Input placeholder="填写申请发票原因" value={this.state.remarks}
  1084. onChange={(e)=>{this.setState({remarks:e.target.value})}} style={{width:'240px'}} />}
  1085. </FormItem>
  1086. </div>
  1087. <div className="clearfix">
  1088. <FormItem className="half-item"
  1089. {...formItemLayout}
  1090. label="省内/外:" >
  1091. <RadioGroup value={this.state.type}
  1092. onChange={(e)=>{this.setState({type:e.target.value})}}
  1093. >
  1094. <Radio value={0}>省内</Radio>
  1095. <Radio value={1}>省外</Radio>
  1096. </RadioGroup>
  1097. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'20px'}}>
  1098. 省内:湖南省<br></br>省外:除湖南省以外
  1099. </span>
  1100. </FormItem>
  1101. <FormItem className="half-item"
  1102. {...formItemLayout}
  1103. label="特批:" >
  1104. <RadioGroup value={this.state.ordapproval}
  1105. onChange={(e)=>{this.setState({ordapproval:e.target.value})}}
  1106. >
  1107. <Radio value={0}>否</Radio>
  1108. <Radio value={1}>是</Radio>
  1109. </RadioGroup>
  1110. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px'}}>
  1111. 注:特批单,省内省外,<br></br>分别由周总,省外总经理<br></br>特批后,方可至开票流程
  1112. </span>
  1113. </FormItem>
  1114. </div>
  1115. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1116. <div style={{marginTop:'13px',marginLeft:'16px'}}>
  1117. <span style={{fontSize:'14px'}}>发票内容</span>
  1118. </div>
  1119. <div className="clearfix">
  1120. <FormItem className="half-item"
  1121. {...formItemLayout}
  1122. label={
  1123. <span>
  1124. <strong style={{ color: '#f00' }}>*</strong>发票类型
  1125. </span>
  1126. } >
  1127. <RadioGroup style={{width:'160%'}}
  1128. onChange={(e)=>{this.setState({invoiceType:e.target.value})}}
  1129. value={this.state.invoiceType}
  1130. >
  1131. <Radio value={0}>增值税专用发票</Radio>
  1132. <Radio value={1}>增值税普通发票</Radio>
  1133. <Radio value={2}>其他</Radio>
  1134. </RadioGroup>
  1135. </FormItem>
  1136. </div>
  1137. <div className="clearfix">
  1138. <FormItem className="half-item"
  1139. {...formItemLayout}
  1140. label={
  1141. <span>
  1142. <strong style={{ color: '#f00' }}>*</strong>单位名称
  1143. </span>
  1144. } >
  1145. {<Input placeholder="请输入单位名称" value={this.state.unitName}
  1146. onChange={(e)=>{this.setState({unitName:e.target.value})}} style={{width:'240px'}} />}
  1147. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1148. 系统读取单位<br></br>名称,可修改
  1149. </span>
  1150. </FormItem>
  1151. <FormItem className="half-item"
  1152. {...formItemLayout}
  1153. label={
  1154. <span>
  1155. <strong style={{ color: '#f00' }}>*</strong>税号
  1156. </span>
  1157. } >
  1158. {<Input placeholder="请输入税号" value={this.state.taxNumber}
  1159. onChange={(e)=>{this.setState({taxNumber:e.target.value})}} style={{width:'240px'}} />}
  1160. </FormItem>
  1161. <FormItem className="half-item"
  1162. {...formItemLayout}
  1163. label={
  1164. <span>
  1165. <strong style={{ color: '#f00' }}>*</strong>开票金额(万元)
  1166. </span>
  1167. } >
  1168. {<Input placeholder="请输入开票金额" value={this.state.amount}
  1169. onChange={(e)=>{this.setState({amount:e.target.value})}} style={{width:'240px'}} />}
  1170. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1171. 退票请写负数<br></br>金额
  1172. </span>
  1173. </FormItem>
  1174. <FormItem className="half-item"
  1175. {...formItemLayout}
  1176. label={
  1177. <span>
  1178. <strong style={{ color: '#f00' }}>*</strong>开户行及银行账号
  1179. </span>
  1180. } >
  1181. {<Input placeholder="请输入开户行及银行账号" value={this.state.banks}
  1182. onChange={(e)=>{this.setState({banks:e.target.value})}} style={{width:'240px'}} />}
  1183. </FormItem>
  1184. <FormItem className="half-item"
  1185. {...formItemLayout}
  1186. label={
  1187. <span>
  1188. <strong style={{ color: '#f00' }}>*</strong>开票内容及说明
  1189. </span>
  1190. } >
  1191. {<Input placeholder="请输入开票内容及说明" value={this.state.content}
  1192. onChange={(e)=>{this.setState({content:e.target.value})}} style={{width:'240px'}} />}
  1193. </FormItem>
  1194. <FormItem className="half-item"
  1195. {...formItemLayout}
  1196. label={
  1197. <span>
  1198. <strong style={{ color: '#f00' }}>*</strong>单位地址
  1199. </span>
  1200. } >
  1201. {<Input placeholder="请输入单位地址" value={this.state.unitAddress}
  1202. onChange={(e)=>{this.setState({unitAddress:e.target.value})}} style={{width:'240px'}} />}
  1203. </FormItem>
  1204. <FormItem className="half-item"
  1205. {...formItemLayout}
  1206. label="备注" >
  1207. {<Input placeholder="请备注开票公司名称" value={this.state.invoiceRemarks}
  1208. onChange={(e)=>{this.setState({invoiceRemarks:e.target.value})}} style={{width:'240px'}} />}
  1209. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1210. 开票公司名称,<br></br>如:科德集团
  1211. </span>
  1212. </FormItem>
  1213. <FormItem className="half-item"
  1214. {...formItemLayout}
  1215. label={
  1216. <span>
  1217. <strong style={{ color: '#f00' }}>*</strong>单位电话
  1218. </span>
  1219. } >
  1220. {<Input placeholder="请输入单位电话" value={this.state.unitMobile}
  1221. onChange={(e)=>{this.setState({unitMobile:e.target.value})}} style={{width:'240px'}} />}
  1222. </FormItem>
  1223. </div>
  1224. <div className="clearfix">
  1225. <FormItem
  1226. labelCol={{ span: 4 }}
  1227. wrapperCol={{ span: 18 }}
  1228. label={
  1229. <span>
  1230. <strong style={{ color: '#f00' }}>*</strong>上传附件
  1231. </span>
  1232. }
  1233. >
  1234. <PicturesWall
  1235. fileList={this.getOrgCodeUrl}
  1236. pictureUrl={this.state.orgCodeUrl} />
  1237. <span style={{paddingTop:'10px',paddingLeft:'10px',color:'red',fontSize:'14px'}}>注:请上传带"公司盖章"的开票申请纸质凭证</span>
  1238. <p>图片建议:要清晰。</p>
  1239. </FormItem>
  1240. </div>
  1241. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1242. <div className="clearfix" style={{marginTop:'10px'}}>
  1243. <FormItem className="half-item"
  1244. {...formItemLayout}
  1245. label="发票是否邮寄:" >
  1246. <RadioGroup value={this.state.post}
  1247. onChange={(e)=>{this.setState({post:e.target.value})}}
  1248. >
  1249. <Radio value={0}>是</Radio>
  1250. <Radio value={1}>否</Radio>
  1251. </RadioGroup>
  1252. </FormItem>
  1253. </div>
  1254. {this.state.post === 0?<div className="clearfix">
  1255. <FormItem className="half-item"
  1256. {...formItemLayout}
  1257. label="收信人姓名" >
  1258. {<Input placeholder="请输入收信人姓名" value={this.state.addressee}
  1259. onChange={(e)=>{this.setState({addressee:e.target.value})}} style={{width:'240px'}} />}
  1260. </FormItem>
  1261. <FormItem className="half-item"
  1262. {...formItemLayout}
  1263. label="电话" >
  1264. {<Input placeholder="请输入电话" value={this.state.addresseeMobile}
  1265. onChange={(e)=>{this.setState({addresseeMobile:e.target.value})}} style={{width:'240px'}} />}
  1266. </FormItem>
  1267. </div>:''}
  1268. {this.state.post === 0?<div className="clearfix">
  1269. <FormItem className="half-item"
  1270. {...formItemLayout}
  1271. label="省-市-区"
  1272. >
  1273. <Cascader options={areaSelect()} value={this.state.ProvinceCity} placeholder="选择城市" style={{width:'95%'}}
  1274. onChange={(e) => { this.setState({ ProvinceCity: e }) }} />
  1275. </FormItem>
  1276. </div>:''}
  1277. {this.state.post === 0?<div className="clearfix">
  1278. <FormItem className="half-item"
  1279. {...formItemLayout}
  1280. label="详细地址"
  1281. >
  1282. {<Input placeholder="请输入详细地址" value={this.state.recipientAddress}
  1283. onChange={(e)=>{this.setState({recipientAddress:e.target.value})}} style={{width:'240px'}} />}
  1284. </FormItem>
  1285. </div>:''}
  1286. <FormItem className="half-item"
  1287. {...formItemLayout}
  1288. label={
  1289. <span>
  1290. <strong style={{ color: '#f00' }}>*</strong>开票金额总计
  1291. </span>
  1292. } >
  1293. {<Input value={this.state.alreadyAmount}
  1294. onChange={(e)=>{this.setState({alreadyAmount:e.target.value})}} style={{width:'40px'}} />}万元
  1295. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',marginLeft:'20px'}}>
  1296. 默认值为0.新开票订单此项不用填.<br></br>以前已开票订单,请填写已开票的总计<br></br>金额,便于审核核对!
  1297. </span>
  1298. </FormItem>
  1299. </div>
  1300. <Button className="cancel" type="primary" style={{marginRight:"50px",float:'right'}} size="large" onClick={this.submitApp}>提交申请</Button>
  1301. {/*<Button className="cancel" type="primary" style={{marginRight:"50px",float:'right',background:'deepskyblue',border:'none'}} size="large" onClick={this.saveApp}>保存</Button>*/}
  1302. </Spin>
  1303. </Form>
  1304. </Modal>
  1305. <Modal visible={this.state.bvisible}
  1306. footer=''
  1307. title='开票历史记录'
  1308. className="admin-desc-content"
  1309. width='900px'
  1310. onCancel={this.inRecordCanl}
  1311. style={{zIndex:5}}>
  1312. <Spin spinning={this.state.loading}>
  1313. <div className="patent-table">
  1314. <Table columns={this.state.columnsDate}
  1315. onRowClick={this.dtableRowClick}
  1316. dataSource={this.state.recordData}
  1317. pagination={false}/>
  1318. <div className="clearfix" style={{marginTop:'20px'}}>
  1319. <FormItem className="half-item"
  1320. {...formItemLayout}
  1321. label={
  1322. <span style={{fontSize:'14px'}}>
  1323. 开票总计
  1324. </span>
  1325. } >
  1326. <span>{this.state.sum+'(万元)'}</span>
  1327. </FormItem>
  1328. </div>
  1329. </div>
  1330. </Spin>
  1331. </Modal>
  1332. <Modal visible={this.state.visibleR}
  1333. className="admin-desc-content"
  1334. footer=''
  1335. title = '拒绝理由'
  1336. width='400px'
  1337. onCancel={this.rejectCancels}>
  1338. <Input.TextArea disabled={true}
  1339. rows={4}
  1340. value={this.state.reason}
  1341. style={{color:'black'}}>
  1342. </Input.TextArea>
  1343. </Modal>
  1344. <Modal
  1345. className="admin-desc-content"
  1346. footer=''
  1347. title = '开具发票申请单'
  1348. width='1000px'
  1349. visible={this.state.cvisible}
  1350. onOk={this.visitOks}
  1351. onCancel={this.visitCancels}
  1352. style={{zIndex:999}}
  1353. >
  1354. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  1355. <Spin spinning={this.state.loading}>
  1356. <div className="clearfix">
  1357. <div className="clearfix">
  1358. <FormItem className="half-item"
  1359. {...formItemLayout}
  1360. label="合同编号" >
  1361. <span>{this.state.contractNo}</span>
  1362. </FormItem>
  1363. <FormItem className="half-item"
  1364. {...formItemLayout}
  1365. label="备注" >
  1366. {<Input placeholder="填写申请发票原因" value={this.state.remarks}
  1367. onChange={(e)=>{this.setState({remarks:e.target.value})}} style={{width:'240px'}} />}
  1368. </FormItem>
  1369. </div>
  1370. <div className="clearfix">
  1371. <FormItem className="half-item"
  1372. {...formItemLayout}
  1373. label="省内/外:" >
  1374. <RadioGroup value={this.state.type}
  1375. onChange={(e)=>{this.setState({type:e.target.value})}}
  1376. >
  1377. <Radio value={0}>省内</Radio>
  1378. <Radio value={1}>省外</Radio>
  1379. </RadioGroup>
  1380. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'20px'}}>
  1381. 省内:湖南省<br></br>省外:除湖南省以外
  1382. </span>
  1383. </FormItem>
  1384. <FormItem className="half-item"
  1385. {...formItemLayout}
  1386. label="特批:" >
  1387. <RadioGroup value={!this.state.ordapproval?0:1}
  1388. onChange={(e)=>{this.setState({ordapproval:e.target.value})}}
  1389. >
  1390. <Radio value={0}>否</Radio>
  1391. <Radio value={1}>是</Radio>
  1392. </RadioGroup>
  1393. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px'}}>
  1394. 注:特批单,省内省外,<br></br>分别由周总,省外总经理<br></br>特批后,方可至开票流程
  1395. </span>
  1396. </FormItem>
  1397. </div>
  1398. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1399. <div style={{marginTop:'13px',marginLeft:'16px'}}>
  1400. <span style={{fontSize:'14px'}}>发票内容</span>
  1401. </div>
  1402. <div className="clearfix">
  1403. <FormItem className="half-item"
  1404. {...formItemLayout}
  1405. label={
  1406. <span>
  1407. <strong style={{ color: '#f00' }}>*</strong>发票类型
  1408. </span>
  1409. } >
  1410. <RadioGroup style={{width:'160%'}}
  1411. onChange={(e)=>{this.setState({invoiceType:e.target.value})}}
  1412. value={this.state.invoiceType}
  1413. >
  1414. <Radio value={0}>增值税专用发票</Radio>
  1415. <Radio value={1}>增值税普通发票</Radio>
  1416. <Radio value={2}>其他</Radio>
  1417. </RadioGroup>
  1418. </FormItem>
  1419. </div>
  1420. <div className="clearfix">
  1421. <FormItem className="half-item"
  1422. {...formItemLayout}
  1423. label={
  1424. <span>
  1425. <strong style={{ color: '#f00' }}>*</strong>单位名称
  1426. </span>
  1427. } >
  1428. {<Input placeholder="请输入单位名称" value={this.state.unitName}
  1429. onChange={(e)=>{this.setState({unitName:e.target.value})}} style={{width:'240px'}} />}
  1430. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1431. 系统读取单位<br></br>名称,可修改
  1432. </span>
  1433. </FormItem>
  1434. <FormItem className="half-item"
  1435. {...formItemLayout}
  1436. label={
  1437. <span>
  1438. <strong style={{ color: '#f00' }}>*</strong>税号
  1439. </span>
  1440. } >
  1441. {<Input placeholder="请输入税号" value={this.state.taxNumber}
  1442. onChange={(e)=>{this.setState({taxNumber:e.target.value})}} style={{width:'240px'}} />}
  1443. </FormItem>
  1444. <FormItem className="half-item"
  1445. {...formItemLayout}
  1446. label={
  1447. <span>
  1448. <strong style={{ color: '#f00' }}>*</strong>开票金额(万元)
  1449. </span>
  1450. } >
  1451. {<Input placeholder="请输入开票金额" value={this.state.amount}
  1452. onChange={(e)=>{this.setState({amount:e.target.value})}} style={{width:'240px'}} />}
  1453. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1454. 填写本次开票<br></br>金额
  1455. </span>
  1456. </FormItem>
  1457. <FormItem className="half-item"
  1458. {...formItemLayout}
  1459. label={
  1460. <span>
  1461. <strong style={{ color: '#f00' }}>*</strong>开户行及银行账号
  1462. </span>
  1463. } >
  1464. {<Input placeholder="请输入开户行及银行账号" value={this.state.banks}
  1465. onChange={(e)=>{this.setState({banks:e.target.value})}} style={{width:'240px'}} />}
  1466. </FormItem>
  1467. <FormItem className="half-item"
  1468. {...formItemLayout}
  1469. label={
  1470. <span>
  1471. <strong style={{ color: '#f00' }}>*</strong>开票内容及说明
  1472. </span>
  1473. } >
  1474. {<Input placeholder="请输入开票内容及说明" value={this.state.content}
  1475. onChange={(e)=>{this.setState({content:e.target.value})}} style={{width:'240px'}} />}
  1476. </FormItem>
  1477. <FormItem className="half-item"
  1478. {...formItemLayout}
  1479. label={
  1480. <span>
  1481. <strong style={{ color: '#f00' }}>*</strong>单位地址
  1482. </span>
  1483. } >
  1484. {<Input placeholder="请输入单位地址" value={this.state.unitAddress}
  1485. onChange={(e)=>{this.setState({unitAddress:e.target.value})}} style={{width:'240px'}} />}
  1486. </FormItem>
  1487. <FormItem className="half-item"
  1488. {...formItemLayout}
  1489. label="备注" >
  1490. {<Input placeholder="请备注开票公司名称" value={this.state.invoiceRemarks}
  1491. onChange={(e)=>{this.setState({invoiceRemarks:e.target.value})}} style={{width:'240px'}} />}
  1492. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',width:'30%'}}>
  1493. 开票公司名称,<br></br>如:科德集团
  1494. </span>
  1495. </FormItem>
  1496. <FormItem className="half-item"
  1497. {...formItemLayout}
  1498. label={
  1499. <span>
  1500. <strong style={{ color: '#f00' }}>*</strong>单位电话
  1501. </span>
  1502. } >
  1503. {<Input placeholder="请输入单位电话" value={this.state.unitMobile}
  1504. onChange={(e)=>{this.setState({unitMobile:e.target.value})}} style={{width:'240px'}} />}
  1505. </FormItem>
  1506. </div>
  1507. <div className="clearfix">
  1508. <FormItem
  1509. labelCol={{ span: 4 }}
  1510. wrapperCol={{ span: 18 }}
  1511. label={
  1512. <span>
  1513. <strong style={{ color: '#f00' }}>*</strong>上传附件
  1514. </span>
  1515. }
  1516. >
  1517. <PicturesWall
  1518. fileList={this.getOrgCodeUrl}
  1519. pictureUrl={this.state.orgCodeUrl} />
  1520. <span style={{paddingTop:'10px',paddingLeft:'10px',color:'red',fontSize:'14px'}}>注:请上传带"公司盖章"的开票申请纸质凭证</span>
  1521. <p>图片建议:要清晰。</p>
  1522. </FormItem>
  1523. </div>
  1524. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1525. <div className="clearfix" style={{marginTop:'10px'}}>
  1526. <FormItem className="half-item"
  1527. {...formItemLayout}
  1528. label="发票是否邮寄:" >
  1529. <RadioGroup value={this.state.post}
  1530. onChange={(e)=>{this.setState({post:e.target.value})}}
  1531. >
  1532. <Radio value={0}>是</Radio>
  1533. <Radio value={1}>否</Radio>
  1534. </RadioGroup>
  1535. </FormItem>
  1536. </div>
  1537. {this.state.post === 0?<div className="clearfix">
  1538. <FormItem className="half-item"
  1539. {...formItemLayout}
  1540. label="收信人姓名" >
  1541. {<Input placeholder="请输入收信人姓名" value={this.state.addressee}
  1542. onChange={(e)=>{this.setState({addressee:e.target.value})}} style={{width:'240px'}} />}
  1543. </FormItem>
  1544. <FormItem className="half-item"
  1545. {...formItemLayout}
  1546. label="电话" >
  1547. {<Input placeholder="请输入电话" value={this.state.addresseeMobile}
  1548. onChange={(e)=>{this.setState({addresseeMobile:e.target.value})}} style={{width:'240px'}} />}
  1549. </FormItem>
  1550. </div>:''}
  1551. {this.state.post === 0?<div className="clearfix">
  1552. <FormItem className="half-item"
  1553. {...formItemLayout}
  1554. label="省-市-区"
  1555. >
  1556. <Cascader options={areaSelect()} value={this.state.ProvinceCity} placeholder="选择城市" style={{width:'95%'}}
  1557. onChange={(e) => { this.setState({ ProvinceCity: e }) }} />
  1558. </FormItem>
  1559. </div>:''}
  1560. {this.state.post === 0?<div className="clearfix">
  1561. <FormItem className="half-item"
  1562. {...formItemLayout}
  1563. label="详细地址"
  1564. >
  1565. {<Input placeholder="请输入详细地址" value={this.state.recipientAddress}
  1566. onChange={(e)=>{this.setState({recipientAddress:e.target.value})}} style={{width:'240px'}} />}
  1567. </FormItem>
  1568. </div>:''}
  1569. <FormItem className="half-item"
  1570. {...formItemLayout}
  1571. label={
  1572. <span>
  1573. <strong style={{ color: '#f00' }}>*</strong>开票金额总计
  1574. </span>
  1575. } >
  1576. {<Input value={this.state.alreadyAmount}
  1577. onChange={(e)=>{this.setState({alreadyAmount:e.target.value})}} style={{width:'40px'}} />}万元
  1578. <span style={{position:'absolute',color:'red',fontSize:'10px',lineHeight:'15px',marginLeft:'20px'}}>
  1579. 默认值为0.新开票订单此项不用填.<br></br>以前已开票订单,请填写已开票的总计<br></br>金额,便于审核核对!
  1580. </span>
  1581. </FormItem>
  1582. </div>
  1583. <Button className="cancel" type="primary" style={{marginRight:"50px",float:'right'}} size="large" onClick={this.submitApp}>提交申请</Button>
  1584. {/*<Button className="cancel" type="primary" style={{marginRight:"50px",float:'right',background:'deepskyblue',border:'none'}} size="large" onClick={this.saveApp}>保存</Button>*/}
  1585. </Spin>
  1586. </Form>
  1587. </Modal>
  1588. <Modal
  1589. className="admin-desc-content"
  1590. footer=''
  1591. title = '开具发票申请单'
  1592. width='900px'
  1593. visible={this.state.dvisible}
  1594. onOk={this.visitOks}
  1595. onCancel={this.dvisitCancels}
  1596. >
  1597. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  1598. <Spin spinning={this.state.loading}>
  1599. <div className="clearfix">
  1600. <div className="clearfix">
  1601. <FormItem className="half-item"
  1602. {...formItemLayout}
  1603. label="合同编号" >
  1604. <span>{this.state.contractNo}</span>
  1605. </FormItem>
  1606. <FormItem className="half-item"
  1607. {...formItemLayout}
  1608. label="备注" >
  1609. <span>{this.state.remarks}</span>
  1610. </FormItem>
  1611. </div>
  1612. <div className="clearfix">
  1613. <FormItem className="half-item"
  1614. {...formItemLayout}
  1615. label={
  1616. <span>
  1617. <strong style={{ color: '#f00' }}>*</strong>省内/外
  1618. </span>
  1619. } >
  1620. <span>{getProvinceA(this.state.type)}</span>
  1621. </FormItem>
  1622. <FormItem className="half-item"
  1623. {...formItemLayout}
  1624. label={
  1625. <span>
  1626. <strong style={{ color: '#f00' }}>*</strong>特批
  1627. </span>
  1628. } >
  1629. <span>{this.state.ordapproval === 0?'否':'是'}</span>
  1630. </FormItem>
  1631. </div>
  1632. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1633. <div style={{marginTop:'13px',marginLeft:'16px'}}>
  1634. <span style={{fontSize:'14px'}}>发票内容</span>
  1635. </div>
  1636. <div className="clearfix">
  1637. <FormItem className="half-item"
  1638. {...formItemLayout}
  1639. label={
  1640. <span>
  1641. <strong style={{ color: '#f00' }}>*</strong>发票类型
  1642. </span>
  1643. } >
  1644. <span>{this.state.invoiceType===0?'增值税专用发票':(this.state.invoiceType === 1?'增值税普通发票':'其他')}</span>
  1645. </FormItem>
  1646. </div>
  1647. <div className="clearfix">
  1648. <FormItem className="half-item"
  1649. {...formItemLayout}
  1650. label={
  1651. <span>
  1652. <strong style={{ color: '#f00' }}>*</strong>单位名称
  1653. </span>
  1654. } >
  1655. <span>{this.state.unitName}</span>
  1656. </FormItem>
  1657. <FormItem className="half-item"
  1658. {...formItemLayout}
  1659. label={
  1660. <span>
  1661. <strong style={{ color: '#f00' }}>*</strong>税号
  1662. </span>
  1663. } >
  1664. <span>{this.state.taxNumber}</span>
  1665. </FormItem>
  1666. <FormItem className="half-item"
  1667. {...formItemLayout}
  1668. label={
  1669. <span>
  1670. <strong style={{ color: '#f00' }}>*</strong>开票金额(万元)
  1671. </span>
  1672. } >
  1673. <span>{this.state.amount}</span>
  1674. </FormItem>
  1675. <FormItem className="half-item"
  1676. {...formItemLayout}
  1677. label={
  1678. <span>
  1679. <strong style={{ color: '#f00' }}>*</strong>开户行银行账号
  1680. </span>
  1681. } >
  1682. <span>{this.state.banks}</span>
  1683. </FormItem>
  1684. <FormItem className="half-item"
  1685. {...formItemLayout}
  1686. label={
  1687. <span>
  1688. <strong style={{ color: '#f00' }}>*</strong>开票内容及说明
  1689. </span>
  1690. } >
  1691. <span>{this.state.content}</span>
  1692. </FormItem>
  1693. <FormItem className="half-item"
  1694. {...formItemLayout}
  1695. label={
  1696. <span>
  1697. <strong style={{ color: '#f00' }}>*</strong>单位地址
  1698. </span>
  1699. } >
  1700. <span>{this.state.unitAddress}</span>
  1701. </FormItem>
  1702. <FormItem className="half-item"
  1703. {...formItemLayout}
  1704. label="备注" >
  1705. <span>{this.state.invoiceRemarks}</span>
  1706. </FormItem>
  1707. <FormItem className="half-item"
  1708. {...formItemLayout}
  1709. label={
  1710. <span>
  1711. <strong style={{ color: '#f00' }}>*</strong>单位电话
  1712. </span>
  1713. } >
  1714. <span>{this.state.unitMobile}</span>
  1715. </FormItem>
  1716. </div>
  1717. <div className="clearfix">
  1718. <FormItem
  1719. labelCol={{ span: 4 }}
  1720. wrapperCol={{ span: 18 }}
  1721. label={
  1722. <span>
  1723. <strong style={{ color: '#f00' }}>*</strong>附件
  1724. </span>
  1725. }
  1726. >
  1727. <Upload className="demandDetailShow-upload"
  1728. listType="picture-card"
  1729. fileList={this.state.orgCodeUrl}
  1730. onPreview={(file) => {
  1731. this.setState({
  1732. previewImage: file.url || file.thumbUrl,
  1733. previewVisible: true,
  1734. });
  1735. }} >
  1736. </Upload>
  1737. <Modal maskClosable={false} footer={null}
  1738. visible={this.state.previewVisible}
  1739. onCancel={() => { this.setState({ previewVisible: false }) }}>
  1740. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  1741. </Modal>
  1742. </FormItem>
  1743. </div>
  1744. <hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>
  1745. <div className="clearfix" style={{marginTop:'10px'}}>
  1746. <FormItem className="half-item"
  1747. {...formItemLayout}
  1748. label="发票是否邮寄:" >
  1749. <span>{this.state.post===0?'是':"否"}</span>
  1750. </FormItem>
  1751. </div>
  1752. {this.state.post === 0?<div>
  1753. <div className="clearfix">
  1754. <FormItem className="half-item"
  1755. {...formItemLayout}
  1756. label="收信人姓名" >
  1757. <span>{this.state.addressee}</span>
  1758. </FormItem>
  1759. <FormItem className="half-item"
  1760. {...formItemLayout}
  1761. label="电话" >
  1762. <span>{this.state.addresseeMobile}</span>
  1763. </FormItem>
  1764. </div>
  1765. <div className="clearfix">
  1766. <FormItem className="half-item"
  1767. {...formItemLayout}
  1768. label="省-市-区"
  1769. >
  1770. <span>{getprovince(this.state.addresseeProvince)}/{getprovince(this.state.addresseeCity)}/{getprovince(this.state.addresseeArea)}</span>
  1771. </FormItem>
  1772. </div>
  1773. <div className="clearfix">
  1774. <FormItem className="half-item"
  1775. {...formItemLayout}
  1776. label="详细地址"
  1777. >
  1778. <span>{this.state.recipientAddress}</span>
  1779. </FormItem>
  1780. </div>
  1781. </div>:''}
  1782. </div>
  1783. <FormItem className="half-item"
  1784. {...formItemLayout}
  1785. label={
  1786. <span>
  1787. <strong style={{ color: '#f00' }}>*</strong>开票金额总计
  1788. </span>
  1789. } >
  1790. <span>{this.state.alreadyAmount}万元</span>
  1791. </FormItem>
  1792. </Spin>
  1793. </Form>
  1794. </Modal>
  1795. </div >
  1796. </div>
  1797. );
  1798. }
  1799. }));
  1800. export default MyService;