payprint3.html 65 KB

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