payprint.html 48 KB

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