payprint1.html 81 KB

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