payprint3.html 64 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="stylesheet" href="../cdn/element-ui/2.13.2/theme-chalk/index.css">
  6. <title></title>
  7. <style>
  8. table tr td {
  9. border: 2px solid #333333;
  10. padding: 5px 0;
  11. }
  12. #app {
  13. height: 88vh;
  14. position: relative;
  15. }
  16. .simple {
  17. height: 120vh !important;
  18. }
  19. .content {
  20. width: 1000px;
  21. margin: auto;
  22. display: flex;
  23. }
  24. table {
  25. width: 100%;
  26. text-align: center;
  27. border-collapse: collapse;
  28. }
  29. .col-bgc {
  30. background: #f6f7fb;
  31. }
  32. .bottom-row1 {
  33. display: flex;
  34. justify-content: space-between;
  35. margin: 20px 0;
  36. }
  37. .bottom-row2 {
  38. display: flex;
  39. margin: 10px 0;
  40. }
  41. img {
  42. width: 80px;
  43. height: 80px;
  44. /* margin-right: 118px; */
  45. }
  46. .leftimg {
  47. width: 80px;
  48. height: 80px;
  49. position: absolute;
  50. right: 20px;
  51. top: 3px;
  52. }
  53. .config {
  54. margin-right: 240px;
  55. }
  56. .bottom-row3 {
  57. margin: 10px 0;
  58. }
  59. .title {
  60. text-align: center;
  61. font-size: 24px;
  62. }
  63. .number {
  64. text-align: right;
  65. margin-bottom: 10px;
  66. }
  67. .number1 {
  68. text-align: right;
  69. margin-bottom: 10px;
  70. margin-top: 60px;
  71. }
  72. .small-row {
  73. display: flex;
  74. }
  75. .small-content {
  76. width: 400px;
  77. margin: 0 auto;
  78. border: 1px solid #ccc;
  79. padding: 20px 20px 160px 20px;
  80. position: absolute;
  81. top: 0;
  82. bottom: 0;
  83. left: 0;
  84. right: 0;
  85. margin: auto;
  86. height: 650px;
  87. }
  88. .small-title {
  89. text-align: center;
  90. font-size: 18px;
  91. display: flex;
  92. justify-content: space-between;
  93. align-items: center;
  94. }
  95. .small-row {
  96. display: flex;
  97. justify-content: space-between;
  98. margin: 10px;
  99. }
  100. .small-img {
  101. margin-right: 0;
  102. }
  103. .sign {
  104. margin-right: 100px;
  105. }
  106. .header {
  107. display: flex;
  108. justify-content: space-between;
  109. font-size: 16px;
  110. margin: 10px 0;
  111. }
  112. .header1 {
  113. font-size: 24px;
  114. /* margin: 30px 60px 10px 60px; */
  115. display: flex;
  116. justify-content: center;
  117. }
  118. .line {
  119. height: 2px;
  120. width: 410px;
  121. margin: 3px auto;
  122. background: black;
  123. }
  124. .line:nth-of-type(3) {
  125. margin-bottom: 30px;
  126. }
  127. .header-top {
  128. display: flex;
  129. justify-content: space-between;
  130. }
  131. .sfcard {
  132. background: red;
  133. }
  134. .sfcard-content {
  135. /* display: flex;
  136. align-items: center;
  137. justify-content: space-evenly; */
  138. }
  139. .sfcard-content img {
  140. width: 50vw;
  141. height: 110vh;
  142. }
  143. .sfcard-title {
  144. font-size: 24px;
  145. text-align: center;
  146. }
  147. .center {
  148. height: 99.5vh;
  149. }
  150. .part2 {
  151. /* background: red; */
  152. }
  153. .part5 {
  154. width: 100%
  155. }
  156. .paymentScreenshot {
  157. width: 100%;
  158. height: 130vh
  159. }
  160. /* .onlypz-center{
  161. height: 130vh;
  162. } */
  163. </style>
  164. </head>
  165. <body>
  166. <div id="app">
  167. <div v-if="selectPrint">
  168. <div v-for="(item,index) in printData1" :key="index">
  169. <div class="content">
  170. <!-- <div class="part5" v-if="isShowPrintType5">
  171. <div class="header1">
  172. 付款回执单
  173. </div>
  174. <img :src="printData1[index].codeUrl" class="paymentScreenshot" />
  175. </div> -->
  176. <div class="center" v-if="isShowPrintType3">
  177. <div class="header1">{{ printData1[index].compName}}结算凭证</div>
  178. <div class="line"></div>
  179. <div class="line"></div>
  180. <div class="header">
  181. <div>单位名称:{{ printData1[index].compName}}</div>
  182. <!-- <div>税务登记编号:91230230MA1BNL7Q93</div> -->
  183. </div>
  184. <div class="header-top">
  185. <div>单位:公斤/元</div>
  186. <div>No.</div>
  187. </div>
  188. <div class="header-top">
  189. <div>开票日期:{{printData1[index].createDate}}</div>
  190. <!-- <div>开票日期:{{new Date(yyyy,mm,dd)}}</div> -->
  191. <div class="number">
  192. {{dealNo(printData1[index].paymentNo)}}
  193. </div>
  194. </div>
  195. <table class="table">
  196. <tr class="row">
  197. <td rowspan="4" class="col col-bgc">买方</td>
  198. <td class="col col-bgc">单位名称</td>
  199. <td class="col" colspan="3">
  200. {{ printData1[index].compName}}
  201. </td>
  202. <td rowspan="4" class="col col-bgc">卖方</td>
  203. <td class="col col-bgc">姓名</td>
  204. <td class="col" colspan="4">
  205. {{ printData1[index].customerName}}
  206. </td>
  207. </tr>
  208. <tr class="row">
  209. <td class="col col-bgc">税务登记号</td>
  210. <td class="col" colspan="3">
  211. {{ printData1[index].taxRegistrationNo}}
  212. </td>
  213. <td class="col col-bgc">身份证号</td>
  214. <td class="col" colspan="4">
  215. {{ printData1[index].identityAuthenticationInfo.customerNumberCard}}
  216. </td>
  217. </tr>
  218. <tr class="row">
  219. <td class="col col-bgc">业务编号</td>
  220. <td class="col" colspan="3">
  221. {{ printData1[index].paymentNo}}
  222. </td>
  223. <td class="col col-bgc">卡号</td>
  224. <td class="col" colspan="4">
  225. {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
  226. </td>
  227. </tr>
  228. <tr class="row">
  229. <td class="col col-bgc">收货仓库</td>
  230. <td v-if="pengyuPrint" class="col" colspan="3">北京天维康油脂调销中心有限公司</td>
  231. <td v-if="!pengyuPrint" class="col" colspan="3">{{printData1[index].warehouseName}}</td>
  232. <td class="col col-bgc">地址</td>
  233. <td class="col" colspan="4">
  234. {{printData1[index].identityAuthenticationInfo.compAddress}}
  235. </td>
  236. </tr>
  237. <tr class="row">
  238. <td class="col col-bgc">货名</td>
  239. <td class="col col-bgc">类型</td>
  240. <td class="col col-bgc">等级</td>
  241. <td class="col col-bgc">水分%</td>
  242. <td class="col col-bgc">杂质%</td>
  243. <td class="col col-bgc">{{printData1[index].goodsName != '大豆'?'容重':'蛋白'}}</td>
  244. <td class="col col-bgc">毛重</td>
  245. <td class="col col-bgc">皮重</td>
  246. <td class="col col-bgc">扣重</td>
  247. <td class="col col-bgc">净重</td>
  248. </tr>
  249. <tr class="row">
  250. <td class="col">{{ printData1[index].goodsName}}</td>
  251. <td class="col">{{ printData1[index].type}}</td>
  252. <td class="col">
  253. {{ printData1[index].qualityInspectionManagement.grade}}
  254. </td>
  255. <td class="col">
  256. {{ printData1[index].qualityInspectionManagement.waterContent}}
  257. </td>
  258. <td class="col">
  259. {{ printData1[index].qualityInspectionManagement.impurity}}
  260. </td>
  261. <td class="col">
  262. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.bulkDensity:''}}
  263. </td>
  264. <td class="col">{{ printData1[index].grossWeight}}</td>
  265. <td class="col">{{ printData1[index].tare}}</td>
  266. <td class="col" v-if="compId!='6a713699e08c4cbc97a87f7648a95e3d'
  267. || printData1[index].netWeight == null
  268. || printData1[index].pureWeight == null">
  269. {{printData1[index].weighingManagement?printData1[index].weighingManagement.buckleMiscellaneous:''}}
  270. </td>
  271. <td class="col " v-if="compId=='6a713699e08c4cbc97a87f7648a95e3d'
  272. && printData1[index].netWeight != null
  273. && printData1[index].pureWeight != null ">{{printData1[index].netWeight-printData1[index].pureWeight}}</td>
  274. <td class="col">{{ printData1[index].netWeight}}</td>
  275. </tr>
  276. <tr class="row">
  277. <td class="col col-bgc">纯重</td>
  278. <td class="col col-bgc">
  279. 单价
  280. </td>
  281. <td class="col col-bgc">扣单价</td>
  282. <td class="col col-bgc">粮款</td>
  283. <td class="col col-bgc">霉变粒</td>
  284. <td class="col col-bgc">热损伤</td>
  285. <td class="col col-bgc">不完善粒</td>
  286. <td class="col col-bgc">扣重比</td>
  287. <td class="col col-bgc">扣量%</td>
  288. <td class="col col-bgc"></td>
  289. </tr>
  290. <tr class="row">
  291. <td class="col">{{ printData1[index].pureWeight}}</td>
  292. <td class="col " v-if="printData1[index].type == '潮粮' && !pengyuPrint">
  293. {{printData1[index].tidalGrainPrice}}
  294. </td>
  295. <td class="col " v-if="printData1[index].type == '干粮' && !pengyuPrint">
  296. {{printData1[index].qualityInspectionManagement.dryGrainPrice}}
  297. </td>
  298. <td class="col " v-if="pengyuPrint">
  299. {{printData1[index].unitContractPrice/1000}}
  300. </td>
  301. <td class="col ">{{ printData1[index].unitDeduction}}</td>
  302. <td class="col " v-if="pengyuPrint">
  303. {{Number(printData1[index].unitContractPrice/1000*printData1[index].pureWeight).toFixed(2)}}
  304. </td>
  305. <td class="col " v-if="!pengyuPrint">
  306. {{printData1[index].grainMoney}}
  307. </td>
  308. <td class="col "> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.mildewGrain:''}}</td>
  309. <td class="col "> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.jiaorenli:''}}</td>
  310. <td class="col "> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.imperfectGrain:''}}</td>
  311. <td class="col ">{{compId=='6a713699e08c4cbc97a87f7648a95e3d'?'1.25':printData1[index].buckleWeightRatio}}</td>
  312. <td class="col " v-if="compId=='6a713699e08c4cbc97a87f7648a95e3d'">{{ (printData1[index].qualityInspectionManagement.waterContent-14.5)*1.25}}</td>
  313. <td class="col " v-if="compId!='6a713699e08c4cbc97a87f7648a95e3d'"></td>
  314. <td class="col "></td>
  315. <!-- <td class="col ">{{ printData1[index].unloadDeduction}}</td> -->
  316. </tr>
  317. <tr class="row">
  318. <td class="col col-bgc">卸车扣款</td>
  319. <td class="col col-bgc">质量扣款</td>
  320. <td class="col col-bgc">其他扣款</td>
  321. <!-- <td class="col col-bgc" v-if="printData.type == '潮粮'">
  322. 纯重单价
  323. </td> -->
  324. <td class="col col-bgc">合计应付</td>
  325. <td class="col col-bgc">购粮性质</td>
  326. <td class="col col-bgc">车牌号</td>
  327. <td class="col col-bgc" colspan="4">记事</td>
  328. </tr>
  329. <tr class="row">
  330. <td class="col ">{{ printData1[index].unloadDeduction}}</td>
  331. <td class="col ">{{ printData1[index].qualityDeduction}}</td>
  332. <td class="col ">{{ printData1[index].otherDeduction}}</td>
  333. <!-- <td class="col " v-if="printData1[index].type == '潮粮'">
  334. {{ printData1[index].solidGrainPrice}}
  335. </td> -->
  336. <td class="col " v-if="pengyuPrint">
  337. {{Number(printData1[index].unitContractPrice/1000*printData1[index].pureWeight).toFixed(2)}}
  338. </td>
  339. <td class="col " v-if="!pengyuPrint">
  340. {{printData1[index].calculationPayable}}
  341. </td>
  342. <td class="col ">
  343. {{ printData1[index].qualityInspectionManagement.natureOfGrainPurchase}}
  344. </td>
  345. <td class="col ">{{ printData1[index].carNo}}</td>
  346. <td class="col " colspan="4">
  347. {{ printData1[index].remarks}}
  348. </td>
  349. </tr>
  350. <tr class="row">
  351. <td class="col col-bgc">实付金额</td>
  352. <td class="col " colspan="2">
  353. </td>
  354. <td class="col col-bgc" colspan="3">人民币(大写)</td>
  355. <td class="col " v-if="!pengyuPrint" colspan="4">
  356. {{printData1[index].capitalize}}
  357. </td>
  358. <td class="col " v-if="pengyuPrint" colspan="4">
  359. </td>
  360. </tr>
  361. </table>
  362. <div class="bottom">
  363. <div class="bottom-row1">
  364. <div>
  365. 质检:{{ printData1[index].qualityInspectionManagement.qualityInspector}}
  366. </div>
  367. <div>
  368. 毛检:{{ printData1[index].weighingManagement.secretaryWeigher}}
  369. </div>
  370. <div>
  371. 皮检:{{ printData1[index].weighingManagement.skinInspector}}
  372. </div>
  373. <div>结算:{{ printData1[index].settlementClerk}}</div>
  374. <div>付款:{{ printData1[index].cashier}}</div>
  375. <div>复点:{{ }}</div>
  376. <div></div>
  377. </div>
  378. <div class="bottom-row2">
  379. <!-- <div class="left">
  380. <img src="../../../../public/img/add.png" alt="" />
  381. </div> -->
  382. <div class="config">收货单位签名或盖章</div>
  383. <div class="">客户签名</div>
  384. </div>
  385. <!-- <div class="bottom-row3">扫一扫</div> -->
  386. <!-- <div class="bottom-row4">
  387. <el-button type="primary">关闭</el-button>
  388. <el-button type="primary" @click="printSmall">打印小票</el-button>
  389. <el-button type="primary" @click="printBig">打印单据</el-button>
  390. </div> -->
  391. </div>
  392. </div>
  393. <div v-if="isShowPrintType4" class="part2">
  394. <div style="height: 120px;">
  395. <div class="title">入库检斤单</div>
  396. <!-- <div class="leftimg">
  397. <img :src="printData1[index].weighingManagement.codeUrl" alt="">
  398. </div> -->
  399. <div class="number1">{{printData1[index].weighingManagement.number}}</div>
  400. </div>
  401. <table class="table">
  402. <tr class="row">
  403. <td class="col col-bgc">客户姓名</td>
  404. <td class="col" colspan="2">{{printData1[index].weighingManagement.customer}}</td>
  405. <td class="col col-bgc">客户电话</td>
  406. <td class="col">{{printData1[index].weighingManagement.customerPhone}}</td>
  407. <td class="col col-bgc">车牌号</td>
  408. <td class="col" colspan="2">{{printData1[index].weighingManagement.carNumber}}</td>
  409. </tr>
  410. <tr class="row">
  411. <td class="col col-bgc">收货单位</td>
  412. <td class="col" colspan="2">{{printData1[index].weighingManagement.compName}}</td>
  413. <td class="col col-bgc">联系人</td>
  414. <td class="col">{{printData1[index].weighingManagement.person}}</td>
  415. <td class="col col-bgc">联系电话</td>
  416. <td class="col" colspan="2">{{printData1[index].weighingManagement.personPhone}}</td>
  417. </tr>
  418. <tr class="row">
  419. <td class="col col-bgc">货名</td>
  420. <td class="col">{{printData1[index].weighingManagement.goodsName}}</td>
  421. <td class="col col-bgc">类型</td>
  422. <td class="col">{{printData1[index].weighingManagement.type}}</td>
  423. <td class="col col-bgc">{{printData1[index].weighingManagement.goodsName != '大豆'?'容重(克/升)':'蛋白'}}</td>
  424. <td class="col">
  425. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.bulkDensity:''}}
  426. </td>
  427. <td class="col col-bgc">不完善粒(%)</td>
  428. <td class="col">
  429. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.imperfectGrain:''}}
  430. </td>
  431. </tr>
  432. <tr class="row">
  433. <td class="col col-bgc">等级</td>
  434. <td class="col">
  435. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.grade:''}}
  436. </td>
  437. <td class="col col-bgc">水分(%)</td>
  438. <td class="col">
  439. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.waterContent:''}}
  440. </td>
  441. <td class="col col-bgc">热损伤(%)</td>
  442. <td class="col">
  443. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.jiaorenli:''}}
  444. </td>
  445. <td class="col col-bgc">质检时间</td>
  446. <td class="col">
  447. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.qualityDate:''}}
  448. </td>
  449. </tr>
  450. <tr class="row">
  451. <td class="col col-bgc">杂质(%)</td>
  452. <td class="col">
  453. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.impurity:''}}
  454. </td>
  455. <td class="col col-bgc">霉变粒(%)</td>
  456. <td class="col">
  457. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.mildewGrain:''}}
  458. </td>
  459. <td class="col col-bgc">扣杂</td>
  460. <td class="col">
  461. {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.buckleMiscellaneous:''}}
  462. </td>
  463. <td class="col " colspan="2"></td>
  464. </tr>
  465. <tr class="row">
  466. <td class="col col-bgc">毛重(公斤)</td>
  467. <td class="col">{{printData1[index].weighingManagement.grossWeight}}</td>
  468. <td class="col col-bgc">皮重(公斤)</td>
  469. <td class="col">{{printData1[index].weighingManagement.tare}}</td>
  470. <td class="col col-bgc">扣重(公斤)</td>
  471. <td class="col" v-if="compId!='6a713699e08c4cbc97a87f7648a95e3d'
  472. || printData1[index].netWeight == null
  473. || printData1[index].pureWeight == null">
  474. {{printData1[index].weighingManagement?printData1[index].weighingManagement.buckleMiscellaneous:''}}
  475. </td>
  476. <td class="col " v-if="compId=='6a713699e08c4cbc97a87f7648a95e3d'
  477. && printData1[index].netWeight != null
  478. && printData1[index].pureWeight != null ">{{printData1[index].netWeight-printData1[index].pureWeight}}</td>
  479. <!-- <td class="col">{{printData1[index].weighingManagement.buckleMiscellaneous}}</td> -->
  480. <td class="col col-bgc">净重(公斤)</td>
  481. <td class="col">{{printData1[index].weighingManagement.netWeight}}</td>
  482. </tr>
  483. <tr class="row">
  484. <td class="col col-bgc" colspan="2">毛重检斤时间</td>
  485. <td class="col" colspan="2">{{printData1[index].weighingManagement.grossDate}}</td>
  486. <td class="col col-bgc" colspan="2">皮重检斤时间</td>
  487. <td class="col" colspan="2">{{printData1[index].weighingManagement.tareDate}}</td>
  488. </tr>
  489. </table>
  490. <div class="bottom">
  491. <div class="bottom-row1">
  492. <div>毛检:{{printData1[index].weighingManagement.secretaryWeigher}}</div>
  493. <div style="margin-left:60px">
  494. 皮检:{{printData1[index].weighingManagement.skinInspector}}
  495. </div>
  496. <!-- <div>{{tableData.qualityDate}}</div> -->
  497. </div>
  498. <div class="bottom-row2">
  499. <!-- <div class="leftimg">
  500. <img src="../img/add.png" alt="">
  501. </div> -->
  502. <div class="config">收货单位签名或盖章:</div>
  503. <div class="autograph">客户签名:</div>
  504. </div>
  505. <!-- <div class="bottom-row3">扫一扫</div> -->
  506. </div>
  507. </div>
  508. <div class="part1" v-if="isShowPrintType1">
  509. <div class="sfcard-content">
  510. <div class="sfcard-title">
  511. {{ printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
  512. </div>
  513. <img :src="customerList1[index].imgURl.imageUrl1" class="avatar" />
  514. </div>
  515. <!-- <div class="sfcard-content">
  516. <div class="sfcard-title">
  517. {{
  518. printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
  519. </div>
  520. <img :src="customerList1[index].imgURl.imageUrl2" class="avatar" />
  521. </div> -->
  522. </div>
  523. <div class="bankcard" v-if="isShowPrintType2">
  524. <div class="sfcard-content part2">
  525. <div class="sfcard-title">
  526. {{printData1[index].bankDeposit}}{{printData1[index].bankCard}}
  527. </div>
  528. <!-- <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" /> -->
  529. <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl3" class="avatar" />
  530. <!-- <img v-else class="avatar" /> -->
  531. <!-- <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl4" class="avatar" />
  532. <img v-else class="avatar" /> -->
  533. </div>
  534. <!-- <div class="sfcard-content part2">
  535. <div class="sfcard-title">
  536. {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
  537. </div>
  538. <img :src="customerList1[index].imgURl.imageUrl4" class="avatar" />
  539. </div> -->
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. <div class="content" v-else>
  545. <!-- <div class="part5" v-if="isShowPrintType5">
  546. <div class="header1">
  547. 付款回执单
  548. </div>
  549. <img :src="printData.paymentScreenshot" class="paymentScreenshot" />
  550. </div> -->
  551. <div class="center part1" v-if="isShowPrintType3" :class="!selectPrint? 'simple':''">
  552. <div class="header1">{{ printData.compName}}结算凭证</div>
  553. <div class="line"></div>
  554. <div class="line"></div>
  555. <div class="header">
  556. <div>单位名称:{{ printData.compName}}</div>
  557. <!-- <div>税务登记编号:91230230MA1BNL7Q93</div> -->
  558. </div>
  559. <div class="header-top">
  560. <div>单位:公斤/元</div>
  561. <div>No.</div>
  562. </div>
  563. <div class="header-top">
  564. <div>开票日期:{{printData.createDate}}</div>
  565. <!-- <div>开票日期:{{new Date(yyyy,mm,dd)}}</div> -->
  566. <div class="number">{{dealNo(printData.paymentNo)}}</div>
  567. </div>
  568. <table class="table">
  569. <tr class="row">
  570. <td rowspan="4" class="col col-bgc">买方</td>
  571. <td class="col col-bgc">单位名称</td>
  572. <td class="col" colspan="3">{{ printData.compName}}</td>
  573. <td rowspan="4" class="col col-bgc">卖方</td>
  574. <td class="col col-bgc">姓名</td>
  575. <td class="col" colspan="4">{{ printData.customerName}}</td>
  576. </tr>
  577. <tr class="row">
  578. <td class="col col-bgc">税务登记号</td>
  579. <td class="col" colspan="3">{{ printData.taxRegistrationNo}}</td>
  580. <td class="col col-bgc">身份证号</td>
  581. <td class="col" colspan="4">
  582. {{ printData.identityAuthenticationInfo.customerNumberCard}}
  583. </td>
  584. </tr>
  585. <tr class="row">
  586. <td class="col col-bgc">业务编号</td>
  587. <td class="col" colspan="3">{{ printData.paymentNo}}</td>
  588. <td class="col col-bgc">卡号</td>
  589. <td class="col" colspan="4">
  590. {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
  591. </td>
  592. </tr>
  593. <tr class="row">
  594. <td class="col col-bgc">收货仓库</td>
  595. <td v-if="pengyuPrint" class="col" colspan="3">北京天维康油脂调销中心有限公司</td>
  596. <td v-if="!pengyuPrint" class="col" colspan="3">{{printData.warehouseName}}</td>
  597. <td class="col col-bgc">地址</td>
  598. <td class="col" colspan="4">
  599. {{printData.identityAuthenticationInfo.compAddress}}
  600. </td>
  601. </tr>
  602. <tr class="row">
  603. <td class="col col-bgc">货名</td>
  604. <td class="col col-bgc">类型</td>
  605. <td class="col col-bgc">等级</td>
  606. <td class="col col-bgc">水分%</td>
  607. <td class="col col-bgc">杂质%</td>
  608. <td class="col col-bgc">{{printData.goodsName!= '大豆'?'容重':'蛋白'}}</td>
  609. <td class="col col-bgc">毛重</td>
  610. <td class="col col-bgc">皮重</td>
  611. <td class="col col-bgc">扣重</td>
  612. <td class="col col-bgc">净重</td>
  613. <!-- <td class="col col-bgc">出库净重</td> -->
  614. <!-- <td class="col col-bgc">纯重</td> -->
  615. </tr>
  616. <tr class="row">
  617. <td class="col">{{ printData.goodsName}}</td>
  618. <td class="col">{{ printData.type}}</td>
  619. <td class="col">
  620. {{ printData.qualityInspectionManagement.grade}}
  621. </td>
  622. <td class="col">
  623. {{ printData.qualityInspectionManagement.waterContent}}
  624. </td>
  625. <td class="col">
  626. {{ printData.qualityInspectionManagement.impurity}}
  627. </td>
  628. <td class="col">{{printData.qualityInspectionManagement?printData.qualityInspectionManagement.bulkDensity:''}}</td>
  629. <td class="col">{{ printData.grossWeight}}</td>
  630. <td class="col">{{ printData.tare}}</td>
  631. <td class="col" v-if="compId!='6a713699e08c4cbc97a87f7648a95e3d'
  632. || printData.netWeight == null
  633. || printData.pureWeight == null">
  634. {{printData.weighingManagement?printData.weighingManagement.buckleMiscellaneous:''}}
  635. </td>
  636. <td class="col " v-if="compId=='6a713699e08c4cbc97a87f7648a95e3d'
  637. && printData.netWeight != null
  638. && printData.pureWeight != null ">{{printData.netWeight-printData.pureWeight}}</td>
  639. <!-- <td class="col">
  640. {{ printData.weighingManagement.buckleMiscellaneous}}
  641. </td> -->
  642. <td class="col">{{ printData.netWeight}}</td>
  643. <!-- <td class="col">{{ printData.pureWeight}}</td> -->
  644. </tr>
  645. <tr class="row">
  646. <td class="col col-bgc">纯重</td>
  647. <td class="col col-bgc">单价</td>
  648. <td class="col col-bgc">扣单价</td>
  649. <td class="col col-bgc">粮款</td>
  650. <td class="col col-bgc">霉变粒</td>
  651. <td class="col col-bgc">热损伤</td>
  652. <td class="col col-bgc">不完善粒</td>
  653. <td class="col col-bgc">扣重比</td>
  654. <td class="col col-bgc">扣量%</td>
  655. <td class="col col-bgc"></td>
  656. <!-- <td class="col col-bgc">1卸车扣款</td> -->
  657. </tr>
  658. <tr class="row">
  659. <td class="col">{{ printData.pureWeight}}</td>
  660. <td class="col " v-if="printData.type == '潮粮' && !pengyuPrint">
  661. {{printData.tidalGrainPrice}}
  662. </td>
  663. <td class="col " v-if="printData.type == '干粮' && !pengyuPrint">
  664. {{printData.qualityInspectionManagement.dryGrainPrice}}
  665. </td>
  666. <td class="col " v-if="pengyuPrint">
  667. {{printData.unitContractPrice/1000}}
  668. </td>
  669. <td class="col ">{{ printData.unitDeduction}}</td>
  670. <td class="col " v-if="pengyuPrint">
  671. {{Number(printData.unitContractPrice/1000*printData.pureWeight).toFixed(2)}}
  672. </td>
  673. <td class="col " v-if="!pengyuPrint">
  674. {{printData.grainMoney}}
  675. </td>
  676. <td class="col "> {{printData.qualityInspectionManagement.mildewGrain}}</td>
  677. <td class="col "> {{printData.qualityInspectionManagement.jiaorenli}}</td>
  678. <td class="col "> {{printData.qualityInspectionManagement.imperfectGrain}}</td>
  679. <td class="col ">{{compId=='6a713699e08c4cbc97a87f7648a95e3d'?'1.25':printData.buckleWeightRatio}}</td>
  680. <td class="col " v-if="compId=='6a713699e08c4cbc97a87f7648a95e3d'">{{ (printData.qualityInspectionManagement.waterContent-14.5)*1.25}}</td>
  681. <td class="col " v-if="compId!='6a713699e08c4cbc97a87f7648a95e3d'"></td>
  682. <td class="col "></td>
  683. <!-- <td class="col ">{{ printData.unloadDeduction}}</td> -->
  684. </tr>
  685. <tr class="row">
  686. <td class="col col-bgc">卸车扣款</td>
  687. <td class="col col-bgc">质量扣款</td>
  688. <td class="col col-bgc">其他扣款</td>
  689. <!-- <td class="col col-bgc" v-if="printData.type == '潮粮'">
  690. 纯重单价
  691. </td> -->
  692. <td class="col col-bgc">合计应付</td>
  693. <td class="col col-bgc">购粮性质</td>
  694. <td class="col col-bgc">车牌号</td>
  695. <td class="col col-bgc" colspan="4">记事</td>
  696. </tr>
  697. <tr class="row">
  698. <td class="col ">{{ printData.unloadDeduction}}</td>
  699. <td class="col ">{{ printData.qualityDeduction}}</td>
  700. <td class="col ">{{ printData.otherDeduction}}</td>
  701. <!-- <td class="col " v-if="printData.type == '潮粮'">
  702. {{ printData.solidGrainPrice}}
  703. </td> -->
  704. <td class="col " v-if="pengyuPrint">
  705. {{Number(printData.unitContractPrice/1000*printData.pureWeight).toFixed(2)}}
  706. </td>
  707. <td class="col " v-if="!pengyuPrint">
  708. {{printData.calculationPayable}}
  709. </td>
  710. <td class="col ">
  711. {{ printData.qualityInspectionManagement.natureOfGrainPurchase}}
  712. </td>
  713. <td class="col ">{{ printData.carNo}}</td>
  714. <td class="col " colspan="4">{{ printData.remarks}}</td>
  715. </tr>
  716. <tr class="row">
  717. <td class="col col-bgc">实付金额</td>
  718. <td class="col " colspan="2"></td>
  719. <td class="col col-bgc" colspan="3">人民币(大写)</td>
  720. <td class="col " v-if="!pengyuPrint" colspan="4">
  721. {{printData.capitalize}}
  722. </td>
  723. <td class="col " v-if="pengyuPrint" colspan="4">
  724. </td>
  725. </tr>
  726. </table>
  727. <div class="bottom">
  728. <div class="bottom-row1">
  729. <div>
  730. 质检:{{ printData.qualityInspectionManagement.qualityInspector}}
  731. </div>
  732. <div>
  733. 毛检:{{ printData.weighingManagement.secretaryWeigher}}
  734. </div>
  735. <div>皮检:{{ printData.weighingManagement.skinInspector}}</div>
  736. <div>结算:{{ printData.settlementClerk}}</div>
  737. <div>付款:{{ printData.cashier}}</div>
  738. <div>复点:{{ }}</div>
  739. <div></div>
  740. </div>
  741. <div class="bottom-row2">
  742. <!-- <div class="left">
  743. <img src="../../../../public/img/add.png" alt="" />
  744. </div> -->
  745. <div class="config">收货单位签名或盖章</div>
  746. <div class="">客户签名</div>
  747. </div>
  748. <!-- <div class="bottom-row3">扫一扫</div> -->
  749. <!-- <div class="bottom-row4">
  750. <el-button type="primary">关闭</el-button>
  751. <el-button type="primary" @click="printSmall">打印小票</el-button>
  752. <el-button type="primary" @click="printBig">打印单据</el-button>
  753. </div> -->
  754. </div>
  755. </div>
  756. <div v-if="isShowPrintType4" class="part2">
  757. <div>
  758. <div class="title">入库检斤单</div>
  759. <!-- <div class="leftimg">
  760. <img :src="tableData.codeUrl" alt="">
  761. </div> -->
  762. <div class="number1">{{tableData.number}}</div>
  763. </div>
  764. <table class="table">
  765. <tr class="row">
  766. <td class="col col-bgc">客户姓名</td>
  767. <td class="col" colspan="2">{{tableData.customer}}</td>
  768. <td class="col col-bgc">客户电话</td>
  769. <td class="col">{{tableData.customerPhone}}</td>
  770. <td class="col col-bgc">车牌号</td>
  771. <td class="col" colspan="2">{{tableData.carNumber}}</td>
  772. </tr>
  773. <tr class="row">
  774. <td class="col col-bgc">收货单位</td>
  775. <td class="col" colspan="2">{{tableData.compName}}</td>
  776. <td class="col col-bgc">联系人</td>
  777. <td class="col">{{tableData.person}}</td>
  778. <td class="col col-bgc">联系电话</td>
  779. <td class="col" colspan="2">{{tableData.personPhone}}</td>
  780. </tr>
  781. <tr class="row">
  782. <td class="col col-bgc">货名</td>
  783. <td class="col">{{tableData.goodsName}}</td>
  784. <td class="col col-bgc">类型</td>
  785. <td class="col">{{tableData.type}}</td>
  786. <td class="col col-bgc">{{tableData.goodsName != '大豆'?'容重(克/升)':'蛋白'}}</td>
  787. <td class="col">
  788. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.bulkDensity:''}}
  789. </td>
  790. <td class="col col-bgc">不完善粒(%)</td>
  791. <td class="col">
  792. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.imperfectGrain:''}}
  793. </td>
  794. </tr>
  795. <tr class="row">
  796. <td class="col col-bgc">等级</td>
  797. <td class="col">
  798. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.grade:''}}
  799. </td>
  800. <td class="col col-bgc">水分(%)</td>
  801. <td class="col">
  802. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.waterContent:''}}
  803. </td>
  804. <td class="col col-bgc">热损伤(%)</td>
  805. <td class="col">
  806. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.jiaorenli:''}}
  807. </td>
  808. <td class="col col-bgc">质检时间</td>
  809. <td class="col">
  810. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.qualityDate:''}}
  811. </td>
  812. </tr>
  813. <tr class="row">
  814. <td class="col col-bgc">杂质(%)</td>
  815. <td class="col">
  816. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.impurity:''}}
  817. </td>
  818. <td class="col col-bgc">霉变粒(%)</td>
  819. <td class="col">
  820. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.mildewGrain:''}}
  821. </td>
  822. <td class="col col-bgc">扣杂</td>
  823. <td class="col">
  824. {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.buckleMiscellaneous:''}}
  825. </td>
  826. <td class="col " colspan="2"></td>
  827. </tr>
  828. <tr class="row">
  829. <td class="col col-bgc">毛重(公斤)</td>
  830. <td class="col">{{tableData.grossWeight}}</td>
  831. <td class="col col-bgc">皮重(公斤)</td>
  832. <td class="col">{{tableData.tare}}</td>
  833. <td class="col col-bgc">扣重(公斤)</td>
  834. <td class="col">{{tableData.buckleMiscellaneous}}</td>
  835. <td class="col col-bgc">净重(公斤)</td>
  836. <td class="col">{{tableData.netWeight}}</td>
  837. </tr>
  838. <tr class="row">
  839. <td class="col col-bgc" colspan="2">毛重检斤时间</td>
  840. <td class="col" colspan="2">{{tableData.grossDate}}</td>
  841. <td class="col col-bgc" colspan="2">皮重检斤时间</td>
  842. <td class="col" colspan="2">{{tableData.tareDate}}</td>
  843. </tr>
  844. </table>
  845. <div class="bottom">
  846. <div class="bottom-row1">
  847. <div>毛检:{{tableData.secretaryWeigher}}</div>
  848. <div style="margin-left:60px">
  849. 皮检:{{tableData.skinInspector}}
  850. </div>
  851. <!-- <div>{{tableData.qualityDate}}</div> -->
  852. </div>
  853. <div class="bottom-row2">
  854. <!-- <div class="left">
  855. <img src="../img/add.png" alt="">
  856. </div> -->
  857. <div class="config">收货单位签名或盖章:</div>
  858. <div class="autograph">客户签名:</div>
  859. </div>
  860. <!-- <div class="bottom-row3">扫一扫</div> -->
  861. </div>
  862. </div>
  863. <div class="sfcard part3" v-if="isShowPrintType1">
  864. <div class="sfcard-content">
  865. <div class="sfcard-title">
  866. {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}
  867. </div>
  868. <img :src="imageUrl1" class="avatar" />
  869. </div>
  870. <!-- <div class="sfcard-content">
  871. <div class="sfcard-title">
  872. {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}
  873. </div>
  874. <img :src="imageUrl2" class="avatar" />
  875. </div> -->
  876. </div>
  877. <div class="bankcard part4" v-if="isShowPrintType2">
  878. <div class="sfcard-content">
  879. <div class="sfcard-title">
  880. {{printData.bankDeposit}}{{printData.bankCard}}
  881. </div>
  882. <img :src="imageUrl3" class="avatar" />
  883. </div>
  884. <!-- <div class="sfcard-content">
  885. <div class="sfcard-title">
  886. {{printData.bankDeposit}}{{printData.bankCard}}
  887. </div>
  888. <img :src="imageUrl4" class="avatar" />
  889. </div> -->
  890. </div>
  891. </div>
  892. <div class="small-content" v-if="smallContent">
  893. <div class="small-title">
  894. <div>
  895. {{printData.compName}}结算凭证
  896. </div>
  897. <img class="small-img" src="../img/add.png" alt="" />
  898. </div>
  899. <div class="small-row">
  900. <div>开票日期</div>
  901. <div>{{printData.createDate}}</div>
  902. </div>
  903. <div class="small-row">
  904. <div>买方单位名称</div>
  905. <div>{{printData.compName}}</div>
  906. </div>
  907. <div class="small-row">
  908. <div>买方姓名</div>
  909. <div>{{printData.customerName}}</div>
  910. </div>
  911. <div class="small-row">
  912. <div>税务登记号</div>
  913. <div>{{printData.taxRegistrationNo}}</div>
  914. </div>
  915. <div class="small-row">
  916. <div>身份证号</div>
  917. <div>{{printData.customerNumberCard}}</div>
  918. </div>
  919. <div class="small-row">
  920. <div>化验单号</div>
  921. <div>{{printData.paymentNo}}</div>
  922. </div>
  923. <div class="small-row">
  924. <div>卡号</div>
  925. <div>{{printData.bankCard}}</div>
  926. </div>
  927. <div class="small-row">
  928. <div>收货仓库</div>
  929. <div>{{printData.warehouseName}}</div>
  930. </div>
  931. <div class="small-row">
  932. <div>货名</div>
  933. <div>{{printData.goodsName}}</div>
  934. </div>
  935. <div class="small-row">
  936. <div>类型</div>
  937. <div>{{printData.type}}</div>
  938. </div>
  939. <div class="small-row">
  940. <div>等级</div>
  941. <div>{{printData.grade}}</div>
  942. </div>
  943. <div class="small-row">
  944. <div>水分%</div>
  945. <div>{{printData.waterContent}}</div>
  946. </div>
  947. <div class="small-row">
  948. <div>杂质%</div>
  949. <div>{{printData.impurity}}</div>
  950. </div>
  951. <div class="small-row">
  952. <div>毛重</div>
  953. <div>{{printData.grossWeight}}</div>
  954. </div>
  955. <div class="small-row">
  956. <div>皮重</div>
  957. <div>{{printData.tare}}</div>
  958. </div>
  959. <div class="small-row">
  960. <div>扣杂重</div>
  961. <div>{{printData.weighingManagement.buckleMiscellaneous}}</div>
  962. </div>
  963. <div class="small-row">
  964. <div>净重</div>
  965. <div>{{printData.netWeight}}</div>
  966. </div>
  967. <div class="small-row">
  968. <div>纯重</div>
  969. <div>{{printData.pureWeight}}</div>
  970. </div>
  971. <div class="small-row">
  972. <div>净重单价</div>
  973. <div>{{printData.tidalGrainPrice}}</div>
  974. </div>
  975. <div class="small-row">
  976. <div>粮款</div>
  977. <div>{{printData.grainMoney}}</div>
  978. </div>
  979. <div class="small-row">
  980. <div>称重补助</div>
  981. <div>{{printData.weighingSubsidy}}</div>
  982. </div>
  983. <div class="small-row">
  984. <div>运费补助</div>
  985. <div>{{printData.freightSubsidy}}</div>
  986. </div>
  987. <div class="small-row">
  988. <div>卸车补助</div>
  989. <div>{{printData.unloadSubsidy}}</div>
  990. </div>
  991. <div class="small-row">
  992. <div>其他补助</div>
  993. <div>{{printData.otherSubsidy}}</div>
  994. </div>
  995. <div class="small-row">
  996. <div>称重扣款</div>
  997. <div>{{printData.weighingDeduction}}</div>
  998. </div>
  999. <div class="small-row">
  1000. <div>运费扣款</div>
  1001. <div>{{printData.freightDeduction}}</div>
  1002. </div>
  1003. <div class="small-row">
  1004. <div>卸车扣款</div>
  1005. <div>{{printData.unloadDeduction}}</div>
  1006. </div>
  1007. <div class="small-row">
  1008. <div>质量扣款</div>
  1009. <div>{{printData.qualityDeduction}}</div>
  1010. </div>
  1011. <div class="small-row">
  1012. <div>其他扣款</div>
  1013. <div>{{printData.otherDeduction}}</div>
  1014. </div>
  1015. <div class="small-row">
  1016. <div>纯重单价</div>
  1017. <div>{{printData.solidGrainPrice}}</div>
  1018. </div>
  1019. <div class="small-row">
  1020. <div>合计应付</div>
  1021. <div>{{printData.calculationPayable}}</div>
  1022. </div>
  1023. <div class="small-row">
  1024. <div>购粮性质</div>
  1025. <div>{{printData.natureOfGrainPurchase}}</div>
  1026. </div>
  1027. <div class="small-row">
  1028. <div>车牌号</div>
  1029. <div>{{printData.carNo}}</div>
  1030. </div>
  1031. <div class="small-row">
  1032. <div>记事</div>
  1033. <div>{{printData.remarks}}</div>
  1034. </div>
  1035. <div class="small-row">
  1036. <div>实付金额</div>
  1037. <div>{{printData.actualPayment}}</div>
  1038. </div>
  1039. <div class="small-row">
  1040. <div>人民币(大写)</div>
  1041. <div>{{printData.capitalize}}</div>
  1042. </div>
  1043. <div class="small-row">
  1044. <div>质检</div>
  1045. <div>{{printData.qualityInspector}}</div>
  1046. </div>
  1047. <div class="small-row">
  1048. <div>毛检</div>
  1049. <div>{{printData.secretaryWeigher}}</div>
  1050. </div>
  1051. <div class="small-row">
  1052. <div>皮检</div>
  1053. <div>{{printData.skinInspector}}</div>
  1054. </div>
  1055. <div class="small-row">
  1056. <div>结算</div>
  1057. <div>{{printData.settlementClerk}}</div>
  1058. </div>
  1059. <div class="small-row">
  1060. <div>付款</div>
  1061. <div>{{printData.actualPayment}}</div>
  1062. </div>
  1063. <div class="small-row">
  1064. <div>复点</div>
  1065. <div>&nbsp;&nbsp;&nbsp;</div>
  1066. </div>
  1067. </div>
  1068. </div>
  1069. </body>
  1070. <script src="../cdn/vue/2.6.10/vue.min.js"></script>
  1071. <script src="../cdn/element-ui/2.13.2/index.js"></script>
  1072. <script type="text/javascript">
  1073. new Vue({
  1074. el: '#app',
  1075. data: {
  1076. isShowPrintType1: false,
  1077. isShowPrintType2: false,
  1078. isShowPrintType3: false,
  1079. isShowPrintType4: false,
  1080. isShowPrintType5: false,
  1081. showType: [],
  1082. printData: {},
  1083. printData1: [],
  1084. customerList: {},
  1085. customerList1: [],
  1086. name: '',
  1087. bigContent: false,
  1088. smallContent: false,
  1089. date: '',
  1090. imageUrl1: '',
  1091. imageUrl2: '',
  1092. imageUrl3: '',
  1093. imageUrl4: '',
  1094. identity: [],
  1095. bank: [],
  1096. selectPrint: false,
  1097. onlyShowPz: false,
  1098. tableData: [],
  1099. compId: '',
  1100. pengyuPrint: 'false'
  1101. },
  1102. computed: {},
  1103. methods: {
  1104. dealNo(str) {
  1105. return str.slice(4)
  1106. },
  1107. tableRowClassName({
  1108. row,
  1109. rowIndex
  1110. }) {
  1111. if (rowIndex === 1) {
  1112. return 'warning-row'
  1113. } else if (rowIndex === 3) {
  1114. return 'success-row'
  1115. }
  1116. return ''
  1117. },
  1118. getQueryVariable(variable) {
  1119. var query = window.location.search.substring(1)
  1120. var vars = query.split('&')
  1121. for (var i = 0; i < vars.length; i++) {
  1122. var pair = vars[i].split('=')
  1123. if (pair[0] == variable) {
  1124. return pair[1]
  1125. }
  1126. }
  1127. return false
  1128. },
  1129. printSmall() {},
  1130. printBig() {}
  1131. },
  1132. mounted() {
  1133. this.pengyuPrint = localStorage.getItem('pengyuPrint')
  1134. debugger
  1135. if (this.pengyuPrint == 'true') {
  1136. this.pengyuPrint = true
  1137. } else {
  1138. this.pengyuPrint = false
  1139. }
  1140. //公司id
  1141. this.compId = localStorage.getItem('ws-pf_compId')
  1142. if(this.compId == '5d164edcef03476dba6630f86dc96496'){
  1143. this.compId = '6a713699e08c4cbc97a87f7648a95e3d'
  1144. }
  1145. this.date = new Date().toLocaleString()
  1146. // let _data = decodeURIComponent(this.getQueryVariable('dataList'))
  1147. let _data = {}
  1148. if (localStorage.getItem('print_pay_data')) {
  1149. _data = localStorage.getItem('print_pay_data')
  1150. } else {
  1151. _data = decodeURIComponent(this.getQueryVariable("dataList"))
  1152. }
  1153. if (!_data || _data == 'false') {
  1154. this.selectPrint = true
  1155. this.printData1 = JSON.parse(
  1156. localStorage.getItem('selectPrint_selectPrintList')
  1157. )
  1158. console.log("对象", this.printData1)
  1159. console.log("对象", this.printData)
  1160. for (let i = 0; i < this.printData1.length; i++) {
  1161. if (!this.printData1[i].identityAuthenticationInfo.compAddress) this.printData1[i]
  1162. .identityAuthenticationInfo.compAddress = ''
  1163. if (this.printData1[i].identityAuthenticationInfo.compAddress.length > 24) {
  1164. this.printData1[i].identityAuthenticationInfo.compAddress = this.printData1[i]
  1165. .identityAuthenticationInfo
  1166. .compAddress.substring(0, 24)
  1167. }
  1168. }
  1169. } else {
  1170. debugger
  1171. this.printData = JSON.parse(_data)
  1172. //地址过长截取
  1173. if (this.printData.identityAuthenticationInfo && this.printData.identityAuthenticationInfo.compAddress.length > 24) {
  1174. this.printData.identityAuthenticationInfo.compAddress = this.printData.identityAuthenticationInfo
  1175. .compAddress.substring(0, 24)
  1176. }
  1177. this.selectPrint = false
  1178. }
  1179. let _type = decodeURIComponent(this.getQueryVariable('type'))
  1180. this.showType = decodeURIComponent(
  1181. this.getQueryVariable('printTypeList')
  1182. )
  1183. // this.pzList = this.showType.split(',')
  1184. // if((this.showType.indexOf('打印结算凭证')>-1)&&this.pzList.length==1){
  1185. // this.onlyShowPz = true
  1186. // }
  1187. // this.pageType = decodeURIComponent(this.getQueryVariable('printTypeList'))
  1188. let _data1 = decodeURIComponent(this.getQueryVariable('customerList'))
  1189. var cwprint = localStorage.getItem('cwprint')
  1190. if (!_data1) {
  1191. this.customerList1 = JSON.parse(
  1192. localStorage.getItem('selectPrint_selectCustomerList')
  1193. )
  1194. } else {
  1195. debugger
  1196. if (cwprint == 'true') {
  1197. this.customerList = JSON.parse(localStorage.getItem('printData1'))
  1198. }
  1199. }
  1200. console.log(this.customerList)
  1201. console.log('cwprint', localStorage.getItem('cwprint'))
  1202. if (cwprint == 'true') {
  1203. if (this.selectPrint) {
  1204. for (let i = 0; i < this.customerList1.length; i++) {
  1205. let _url1 = this.customerList1[i].identityAuthenticationInfo.cardAddressUrl.split(',')
  1206. // let _url2 = this.customerList1[i].payeeAddressUrl.split(',')
  1207. this.customerList1[i].imgURl = {
  1208. imageUrl1: _url1[0],
  1209. imageUrl2: _url1[1],
  1210. // imageUrl3: _url2[0],
  1211. // imageUrl4: _url2[0]
  1212. }
  1213. }
  1214. for (let i = 0; i < this.printData1.length; i++) {
  1215. if (this.printData1[i].payeeAddressUrl) {
  1216. let _url2 = this.printData1[i].payeeAddressUrl.split(',')
  1217. this.printData1[i].imgURl = {
  1218. imageUrl3: _url2[0],
  1219. imageUrl4: _url2[1]
  1220. }
  1221. }
  1222. }
  1223. } else {
  1224. if (this.customerList.identityAuthenticationInfo.cardAddressUrl) {
  1225. this.identity = this.customerList.identityAuthenticationInfo.cardAddressUrl.split(',')
  1226. this.imageUrl1 = this.identity[0]
  1227. this.imageUrl2 = this.identity[1]
  1228. }
  1229. if (this.customerList.payeeAddressUrl) {
  1230. this.bank = this.customerList.payeeAddressUrl.split(',')
  1231. this.imageUrl3 = this.bank[0]
  1232. this.imageUrl4 = this.bank[1]
  1233. }
  1234. if (this.printData.payeeAddressUrl) {
  1235. this.bank = this.printData.payeeAddressUrl.split(',')
  1236. this.imageUrl3 = this.bank[0]
  1237. this.imageUrl4 = this.bank[1]
  1238. }
  1239. this.tableData = this.printData.weighingManagement
  1240. }
  1241. let _lsit = this.showType.split(',')
  1242. for (let i = 0; i < _lsit.length; i++) {
  1243. switch (_lsit[i]) {
  1244. case '打印身份证':
  1245. this.isShowPrintType1 = !this.isShowPrintType1
  1246. break
  1247. case '打印银行卡':
  1248. this.isShowPrintType2 = !this.isShowPrintType2
  1249. break
  1250. case '打印结算凭证':
  1251. this.isShowPrintType3 = !this.isShowPrintType3
  1252. break
  1253. case '打印检斤单':
  1254. this.isShowPrintType4 = !this.isShowPrintType4
  1255. break
  1256. case '打印回执单':
  1257. this.isShowPrintType5 = !this.isShowPrintType5
  1258. break
  1259. }
  1260. }
  1261. } else {
  1262. this.isShowPrintType3 = true
  1263. }
  1264. if (_type == 2) {
  1265. this.bigContent = true
  1266. this.smallContent = false
  1267. } else {
  1268. this.smallContent = true
  1269. this.bigContent = false
  1270. }
  1271. if (this.printData.compName == undefined) this.printData.compName = ''
  1272. document.title = this.printData.compName + '结算凭证'
  1273. window.print()
  1274. // sessionStorage.removeItem('selectPrint_selectPrintList');
  1275. // sessionStorage.removeItem('selectPrint_selectCustomerList');
  1276. window.onafterprint = function(event) {
  1277. window.history.back(-1)
  1278. }
  1279. },
  1280. watch: {}
  1281. })
  1282. </script>
  1283. </html>