1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
- <title></title>
- <style>
- table tr td {
- border: 2px solid #333333;
- padding: 5px 0;
- }
- #app {
- height: 88vh;
- position: relative;
- }
- .simple{
- height: 120vh !important;
- }
- .content {
- width: 1000px;
- margin: auto;
- }
- table {
- width: 100%;
- text-align: center;
- border-collapse: collapse;
- }
- .col-bgc {
- background: #f6f7fb;
- }
- .bottom-row1 {
- display: flex;
- justify-content: space-between;
- margin: 20px 0;
- }
- .bottom-row2 {
- display: flex;
- margin: 10px 0;
- }
- img {
- width: 80px;
- height: 80px;
- /* margin-right: 118px; */
- }
- .leftimg{
- width: 80px;
- height: 80px;
- position: absolute;
- right: 20px;
- top: 3px;
- }
- .config {
- margin-right: 240px;
- }
- .bottom-row3 {
- margin: 10px 0;
- }
- .title {
- text-align: center;
- font-size: 24px;
- }
- .number {
- text-align: right;
- margin-bottom: 10px;
- }
- .number1 {
- text-align: right;
- margin-bottom: 10px;
- margin-top: 60px;
- }
- .small-row {
- display: flex;
- }
- .small-content {
- width: 400px;
- margin: 0 auto;
- border: 1px solid #ccc;
- padding: 20px 20px 160px 20px;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- height: 650px;
- }
- .small-title {
- text-align: center;
- font-size: 18px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .small-row {
- display: flex;
- justify-content: space-between;
- margin: 10px;
- }
- .small-img {
- margin-right: 0;
- }
- .sign {
- margin-right: 100px;
- }
- .header {
- display: flex;
- justify-content: space-between;
- font-size: 16px;
- margin: 10px 0;
- }
- .header1 {
- font-size: 24px;
- /* margin: 30px 60px 10px 60px; */
- display: flex;
- justify-content: center;
- }
- .line {
- height: 2px;
- width: 410px;
- margin: 3px auto;
- background: black;
- }
- .line:nth-of-type(3) {
- margin-bottom: 30px;
- }
- .header-top {
- display: flex;
- justify-content: space-between;
- }
- .sfcard {
- background: red;
- }
- .sfcard-content {
- /* display: flex;
- align-items: center;
- justify-content: space-evenly; */
- }
- .sfcard-content img {
- width: 100%;
- height: 130vh;
- }
- .sfcard-title {
- font-size: 28px;
- text-align: center;
- }
- .center {
- height: 140vh;
- }
- .part2 {
- height: 140vh;
- /* background: red; */
- }
- .part5 {
- width: 100%
- }
- .paymentScreenshot {
- width: 100%;
- height: 130vh
- }
- /* .onlypz-center{
- height: 130vh;
- } */
- </style>
- </head>
- <body>
- <div id="app">
- <div v-if="selectPrint">
- <div v-for="(item,index) in printData1" :key="index">
- <div class="content">
- <div class="part5" v-if="isShowPrintType5">
- <div class="header1">
- 付款回执单
- </div>
- <img :src="printData1[index].codeUrl" class="paymentScreenshot" />
- </div>
- <div class="center" v-if="isShowPrintType3">
- <div class="header1">{{ printData1[index].compName}}结算凭证</div>
- <div class="line"></div>
- <div class="line"></div>
- <div class="header">
- <div>单位名称:{{ printData1[index].compName}}</div>
- <!-- <div>税务登记编号:91230230MA1BNL7Q93</div> -->
- </div>
- <div class="header-top">
- <div>单位:公斤/元</div>
- <div>No.</div>
- </div>
- <div class="header-top">
- <div>开票日期:{{printData1[index].createDate}}</div>
- <!-- <div>开票日期:{{new Date(yyyy,mm,dd)}}</div> -->
- <div class="number">
- {{dealNo(printData1[index].paymentNo)}}
- </div>
- </div>
- <table class="table">
- <tr class="row">
- <td rowspan="4" class="col col-bgc">买方</td>
- <td class="col col-bgc">单位名称</td>
- <td class="col" colspan="3">
- {{ printData1[index].compName}}
- </td>
- <td rowspan="4" class="col col-bgc">卖方</td>
- <td class="col col-bgc">姓名</td>
- <td class="col" colspan="4">
- {{ printData1[index].customerName}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">税务登记号</td>
- <td class="col" colspan="3">
- {{ printData1[index].taxRegistrationNo}}
- </td>
- <td class="col col-bgc">身份证号</td>
- <td class="col" colspan="4">
- {{
- printData1[index].identityAuthenticationInfo.customerNumberCard}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">业务编号</td>
- <td class="col" colspan="3">
- {{ printData1[index].paymentNo}}
- </td>
- <td class="col col-bgc">卡号</td>
- <td class="col" colspan="4">
- {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">收货仓库</td>
- <td class="col" colspan="3">
- {{printData1[index].warehouseName}}
- </td>
- <td class="col col-bgc">地址</td>
- <td class="col" colspan="4">
- {{printData1[index].identityAuthenticationInfo.compAddress}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">货名</td>
- <td class="col col-bgc">类型</td>
- <td class="col col-bgc">等级</td>
- <td class="col col-bgc">水分%</td>
- <td class="col col-bgc">杂质%</td>
- <td class="col col-bgc">容重(克/升)</td>
- <td class="col col-bgc">毛重</td>
- <td class="col col-bgc">皮重</td>
- <td class="col col-bgc">扣杂重</td>
- <td class="col col-bgc">净重</td>
- <!-- <td class="col col-bgc">纯重</td> -->
- </tr>
- <tr class="row">
- <td class="col">{{ printData1[index].goodsName}}</td>
- <td class="col">{{ printData1[index].type}}</td>
- <td class="col">{{ printData1[index].qualityInspectionManagement.grade}}</td>
- <td class="col">{{printData1[index].qualityInspectionManagement.waterContent}}</td>
- <td class="col">{{ printData1[index].qualityInspectionManagement.impurity}}</td>
- <td class="col">{{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.bulkDensity:''}}</td>
- <td class="col">{{ printData1[index].grossWeight}}</td>
- <td class="col">{{ printData1[index].tare}}</td>
- <td class="col">
- {{printData1[index].weighingManagement?printData1[index].weighingManagement.buckleMiscellaneous:''}}
- </td>
- <td class="col">{{ printData1[index].netWeight}}</td>
- <!-- <td class="col">{{ printData1[index].pureWeight}}</td> -->
- </tr>
- <tr class="row">
- <td class="col col-bgc">纯重</td>
- <td class="col col-bgc" v-if="printData1[index].type == '潮粮'">
- 净重单价
- </td>
- <td class="col col-bgc" v-if="printData1[index].type == '干粮'">
- 单价
- </td>
- <td class="col col-bgc">扣单价</td>
- <td class="col col-bgc">粮款</td>
- <td class="col col-bgc">称重补助</td>
- <td class="col col-bgc">运费补助</td>
- <td class="col col-bgc">卸车补助</td>
- <td class="col col-bgc">其他补助</td>
- <td class="col col-bgc">称重扣款</td>
- <td class="col col-bgc">运费扣款</td>
- <!-- <td class="col col-bgc">卸车扣款</td> -->
- </tr>
- <tr class="row">
- <td class="col">{{ printData1[index].pureWeight}}</td>
- <td class="col " v-if="printData1[index].type == '潮粮'">
- {{printData1[index].tidalGrainPrice}}
- </td>
- <td class="col " v-if="printData1[index].type == '干粮'">
- {{printData1[index].qualityInspectionManagement.dryGrainPrice}}
- </td>
- <td class="col ">{{ printData1[index].unitDeduction}}</td>
- <td class="col ">{{ printData1[index].grainMoney}}</td>
- <td class="col ">{{ printData1[index].weighingSubsidy}}</td>
- <td class="col ">{{ printData1[index].freightSubsidy}}</td>
- <td class="col ">{{ printData1[index].unloadSubsidy}}</td>
- <td class="col ">{{ printData1[index].otherSubsidy}}</td>
- <td class="col ">{{ printData1[index].weighingDeduction}}</td>
- <td class="col ">{{ printData1[index].freightDeduction}}</td>
- <!-- <td class="col ">{{ printData1[index].unloadDeduction}}</td> -->
- </tr>
- <tr class="row">
- <td class="col col-bgc">卸车扣款</td>
- <td class="col col-bgc">质量扣款</td>
- <td class="col col-bgc">其他扣款</td>
- <td class="col col-bgc" v-if="printData.type == '潮粮'">
- 纯重单价
- </td>
- <td class="col col-bgc">合计应付</td>
- <td class="col col-bgc">购粮性质</td>
- <td class="col col-bgc">车牌号</td>
- <td class="col col-bgc" colspan="4">记事</td>
- </tr>
- <tr class="row">
- <td class="col ">{{ printData1[index].unloadDeduction}}</td>
- <td class="col ">{{ printData1[index].qualityDeduction}}</td>
- <td class="col ">{{ printData1[index].otherDeduction}}</td>
- <td class="col " v-if="printData1[index].type == '潮粮'">
- {{ printData1[index].solidGrainPrice}}
- </td>
- <td class="col ">
- {{ printData1[index].calculationPayable}}
- </td>
- <td class="col ">
- {{
- printData1[index].qualityInspectionManagement.natureOfGrainPurchase}}
- </td>
- <td class="col ">{{ printData1[index].carNo}}</td>
- <td class="col " colspan="4">
- {{ printData1[index].remarks}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">实付金额</td>
- <td class="col " colspan="2">
- {{printData1[index].actualPayment}}
- </td>
- <td class="col col-bgc" colspan="3">人民币(大写)</td>
- <td class="col " colspan="4">
- {{printData1[index].capitalize}}
- </td>
- </tr>
- </table>
- <div class="bottom">
- <div class="bottom-row1">
- <div>
- 质检:{{
- printData1[index].qualityInspectionManagement.qualityInspector}}
- </div>
- <div>
- 毛检:{{
- printData1[index].weighingManagement.secretaryWeigher}}
- </div>
- <div>
- 皮检:{{
- printData1[index].weighingManagement.skinInspector}}
- </div>
- <div>结算:{{ printData1[index].settlementClerk}}</div>
- <div>付款:{{ printData1[index].cashier}}</div>
- <div>复点:{{ }}</div>
- <div></div>
- </div>
- <div class="bottom-row2">
- <!-- <div class="left">
- <img src="../../../../public/img/add.png" alt="" />
- </div> -->
- <div class="config">收货单位签名或盖章</div>
- <div class="">客户签名</div>
- </div>
- <!-- <div class="bottom-row3">扫一扫</div> -->
- <!-- <div class="bottom-row4">
- <el-button type="primary">关闭</el-button>
- <el-button type="primary" @click="printSmall">打印小票</el-button>
- <el-button type="primary" @click="printBig">打印单据</el-button>
- </div> -->
- </div>
- </div>
- <div v-if="isShowPrintType4" class="part2">
- <div style="height: 120px;">
-
- <div class="title">入库检斤单</div>
- <div class="leftimg">
- <img :src="printData1[index].weighingManagement.codeUrl" alt="">
- </div>
- <div class="number1">{{printData1[index].weighingManagement.number}}</div>
- </div>
-
- <table class="table">
- <tr class="row">
- <td class="col col-bgc">客户姓名</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.customer}}</td>
- <td class="col col-bgc">客户电话</td>
- <td class="col">{{printData1[index].weighingManagement.customerPhone}}</td>
- <td class="col col-bgc">车牌号</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.carNumber}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">收货单位</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.compName}}</td>
- <td class="col col-bgc">联系人</td>
- <td class="col">{{printData1[index].weighingManagement.person}}</td>
- <td class="col col-bgc">联系电话</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.personPhone}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">货名</td>
- <td class="col">{{printData1[index].weighingManagement.goodsName}}</td>
- <td class="col col-bgc">类型</td>
- <td class="col">{{printData1[index].weighingManagement.type}}</td>
- <td class="col col-bgc">容量(克/升)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.bulkDensity:''}}
- </td>
- <td class="col col-bgc">不完善粒(%)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.imperfectGrain:''}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">等级</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.grade:''}}
- </td>
- <td class="col col-bgc">水分(%)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.waterContent:''}}
- </td>
- <td class="col col-bgc">热损伤(%)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.jiaorenli:''}}
- </td>
- <td class="col col-bgc">质检时间</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.qualityDate:''}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">杂质(%)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.impurity:''}}
- </td>
- <td class="col col-bgc">霉变粒(%)</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.mildewGrain:''}}
- </td>
- <td class="col col-bgc">扣杂</td>
- <td class="col">
- {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.buckleMiscellaneous:''}}
- </td>
- <td class="col " colspan="2"></td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">毛重(公斤)</td>
- <td class="col">{{printData1[index].weighingManagement.grossWeight}}</td>
- <td class="col col-bgc">皮重(公斤)</td>
- <td class="col">{{printData1[index].weighingManagement.tare}}</td>
- <td class="col col-bgc">扣重(公斤)</td>
- <td class="col">{{printData1[index].weighingManagement.buckleMiscellaneous}}</td>
- <td class="col col-bgc">净重(公斤)</td>
- <td class="col">{{printData1[index].weighingManagement.netWeight}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc" colspan="2">毛重检斤时间</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.grossDate}}</td>
- <td class="col col-bgc" colspan="2">皮重检斤时间</td>
- <td class="col" colspan="2">{{printData1[index].weighingManagement.tareDate}}</td>
- </tr>
- </table>
- <div class="bottom">
- <div class="bottom-row1">
- <div>毛检:{{printData1[index].weighingManagement.secretaryWeigher}}</div>
- <div style="margin-left:60px">
- 皮检:{{printData1[index].weighingManagement.skinInspector}}
- </div>
- <!-- <div>{{tableData.qualityDate}}</div> -->
- </div>
- <div class="bottom-row2">
- <!-- <div class="leftimg">
- <img src="../img/add.png" alt="">
- </div> -->
- <div class="config">收货单位签名或盖章:</div>
- <div class="autograph">客户签名:</div>
- </div>
- <!-- <div class="bottom-row3">扫一扫</div> -->
- </div>
- </div>
- <div class="part1" v-if="isShowPrintType1">
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{
- printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
- </div>
- <img :src="customerList1[index].imgURl.imageUrl1" class="avatar" />
- </div>
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{
- printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
- </div>
- <img :src="customerList1[index].imgURl.imageUrl2" class="avatar" />
- </div>
- </div>
- <div class="bankcard" v-if="isShowPrintType2">
- <div class="sfcard-content part2">
- <div class="sfcard-title">
- {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
- </div>
- <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" />
- </div>
- <div class="sfcard-content part2">
- <div class="sfcard-title">
- {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
- </div>
- <img :src="customerList1[index].imgURl.imageUrl4" class="avatar" />
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="content" v-else>
- <div class="part5" v-if="isShowPrintType5">
- <div class="header1">
- 付款回执单
- </div>
- <img :src="printData.paymentScreenshot" class="paymentScreenshot" />
- </div>
- <div class="center part1" v-if="isShowPrintType3" :class="!selectPrint? 'simple':''">
- <div class="header1">{{ printData.compName}}结算凭证</div>
- <div class="line"></div>
- <div class="line"></div>
- <div class="header">
- <div>单位名称:{{ printData.compName}}</div>
- <!-- <div>税务登记编号:91230230MA1BNL7Q93</div> -->
- </div>
- <div class="header-top">
- <div>单位:公斤/元</div>
- <div>No.</div>
- </div>
- <div class="header-top">
- <div>开票日期:{{printData.createDate}}</div>
- <!-- <div>开票日期:{{new Date(yyyy,mm,dd)}}</div> -->
- <div class="number">{{dealNo(printData.paymentNo)}}</div>
- </div>
- <table class="table">
- <tr class="row">
- <td rowspan="4" class="col col-bgc">买方</td>
- <td class="col col-bgc">单位名称</td>
- <td class="col" colspan="3">{{ printData.compName}}</td>
- <td rowspan="4" class="col col-bgc">卖方</td>
- <td class="col col-bgc">姓名</td>
- <td class="col" colspan="4">{{ printData.customerName}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">税务登记号</td>
- <td class="col" colspan="3">{{ printData.taxRegistrationNo}}</td>
- <td class="col col-bgc">身份证号</td>
- <td class="col" colspan="4">
- {{ printData.identityAuthenticationInfo.customerNumberCard}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">业务编号</td>
- <td class="col" colspan="3">{{ printData.paymentNo}}</td>
- <td class="col col-bgc">卡号</td>
- <td class="col" colspan="4">
- {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">收货仓库</td>
- <td class="col" colspan="3">{{printData.warehouseName}}</td>
- <td class="col col-bgc">地址</td>
- <td class="col" colspan="4">
- {{printData.identityAuthenticationInfo.compAddress}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">货名</td>
- <td class="col col-bgc">类型</td>
- <td class="col col-bgc">等级</td>
- <td class="col col-bgc">水分%</td>
- <td class="col col-bgc">杂质%</td>
- <td class="col col-bgc">毛重</td>
- <td class="col col-bgc">皮重</td>
- <td class="col col-bgc">扣杂重</td>
- <td class="col col-bgc">净重</td>
- <td class="col col-bgc">纯重</td>
- </tr>
- <tr class="row">
- <td class="col">{{ printData.goodsName}}</td>
- <td class="col">{{ printData.type}}</td>
- <td class="col">
- {{ printData.qualityInspectionManagement.grade}}
- </td>
- <td class="col">
- {{ printData.qualityInspectionManagement.waterContent}}
- </td>
- <td class="col">
- {{ printData.qualityInspectionManagement.impurity}}
- </td>
- <td class="col">{{ printData.grossWeight}}</td>
- <td class="col">{{ printData.tare}}</td>
- <td class="col">
- {{ printData.weighingManagement.buckleMiscellaneous}}
- </td>
- <td class="col">{{ printData.netWeight}}</td>
- <td class="col">{{ printData.pureWeight}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc" v-if="printData.type == '潮粮'">
- 净重单价
- </td>
- <td class="col col-bgc" v-if="printData.type == '干粮'">单价</td>
- <td class="col col-bgc">扣单价</td>
- <td class="col col-bgc">粮款</td>
- <td class="col col-bgc">称重补助</td>
- <td class="col col-bgc">运费补助</td>
- <td class="col col-bgc">卸车补助</td>
- <td class="col col-bgc">其他补助</td>
- <td class="col col-bgc">称重扣款</td>
- <td class="col col-bgc">运费扣款</td>
- <td class="col col-bgc">卸车扣款</td>
- </tr>
- <tr class="row">
- <td class="col " v-if="printData.type == '潮粮'">
- {{printData.tidalGrainPrice}}
- </td>
- <td class="col " v-if="printData.type == '干粮'">
- {{printData.qualityInspectionManagement.dryGrainPrice}}
- </td>
- <td class="col ">{{ printData.unitDeduction}}</td>
- <td class="col ">{{ printData.grainMoney}}</td>
- <td class="col ">{{ printData.weighingSubsidy}}</td>
- <td class="col ">{{ printData.freightSubsidy}}</td>
- <td class="col ">{{ printData.unloadSubsidy}}</td>
- <td class="col ">{{ printData.otherSubsidy}}</td>
- <td class="col ">{{ printData.weighingDeduction}}</td>
- <td class="col ">{{ printData.freightDeduction}}</td>
- <td class="col ">{{ printData.unloadDeduction}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">质量扣款</td>
- <td class="col col-bgc">其他扣款</td>
- <td class="col col-bgc" v-if="printData.type == '潮粮'">
- 纯重单价
- </td>
- <td class="col col-bgc">合计应付</td>
- <td class="col col-bgc">购粮性质</td>
- <td class="col col-bgc">车牌号</td>
- <td class="col col-bgc" colspan="5">记事</td>
- </tr>
- <tr class="row">
- <td class="col ">{{ printData.qualityDeduction}}</td>
- <td class="col ">{{ printData.otherDeduction}}</td>
- <td class="col " v-if="printData.type == '潮粮'">
- {{ printData.solidGrainPrice}}
- </td>
- <td class="col ">{{ printData.calculationPayable}}</td>
- <td class="col ">
- {{ printData.qualityInspectionManagement.natureOfGrainPurchase}}
- </td>
- <td class="col ">{{ printData.carNo}}</td>
- <td class="col " colspan="5">{{ printData.remarks}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">实付金额</td>
- <td class="col " colspan="2">{{printData.actualPayment}}</td>
- <td class="col col-bgc" colspan="3">人民币(大写)</td>
- <td class="col " colspan="4">{{printData.capitalize}}</td>
- </tr>
- </table>
- <div class="bottom">
- <div class="bottom-row1">
- <div>
- 质检:{{
- printData.qualityInspectionManagement.qualityInspector}}
- </div>
- <div>
- 毛检:{{ printData.weighingManagement.secretaryWeigher}}
- </div>
- <div>皮检:{{ printData.weighingManagement.skinInspector}}</div>
- <div>结算:{{ printData.settlementClerk}}</div>
- <div>付款:{{ printData.cashier}}</div>
- <div>复点:{{ }}</div>
- <div></div>
- </div>
- <div class="bottom-row2">
- <!-- <div class="left">
- <img src="../../../../public/img/add.png" alt="" />
- </div> -->
- <div class="config">收货单位签名或盖章</div>
- <div class="">客户签名</div>
- </div>
- <!-- <div class="bottom-row3">扫一扫</div> -->
- <!-- <div class="bottom-row4">
- <el-button type="primary">关闭</el-button>
- <el-button type="primary" @click="printSmall">打印小票</el-button>
- <el-button type="primary" @click="printBig">打印单据</el-button>
- </div> -->
- </div>
- </div>
- <div v-if="isShowPrintType4" class="part2">
- <div>
-
- <div class="title">入库检斤单</div>
- <div class="leftimg">
- <img :src="tableData.codeUrl" alt="">
- </div>
- <div class="number1">{{tableData.number}}</div>
- </div>
- <table class="table">
- <tr class="row">
- <td class="col col-bgc">客户姓名</td>
- <td class="col" colspan="2">{{tableData.customer}}</td>
- <td class="col col-bgc">客户电话</td>
- <td class="col">{{tableData.customerPhone}}</td>
- <td class="col col-bgc">车牌号</td>
- <td class="col" colspan="2">{{tableData.carNumber}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">收货单位</td>
- <td class="col" colspan="2">{{tableData.compName}}</td>
- <td class="col col-bgc">联系人</td>
- <td class="col">{{tableData.person}}</td>
- <td class="col col-bgc">联系电话</td>
- <td class="col" colspan="2">{{tableData.personPhone}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">货名</td>
- <td class="col">{{tableData.goodsName}}</td>
- <td class="col col-bgc">类型</td>
- <td class="col">{{tableData.type}}</td>
- <td class="col col-bgc">容量(克/升)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.bulkDensity:''}}
- </td>
- <td class="col col-bgc">不完善粒(%)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.imperfectGrain:''}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">等级</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.grade:''}}
- </td>
- <td class="col col-bgc">水分(%)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.waterContent:''}}
- </td>
- <td class="col col-bgc">热损伤(%)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.jiaorenli:''}}
- </td>
- <td class="col col-bgc">质检时间</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.qualityDate:''}}
- </td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">杂质(%)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.impurity:''}}
- </td>
- <td class="col col-bgc">霉变粒(%)</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.mildewGrain:''}}
- </td>
- <td class="col col-bgc">扣杂</td>
- <td class="col">
- {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.buckleMiscellaneous:''}}
- </td>
- <td class="col " colspan="2"></td>
- </tr>
- <tr class="row">
- <td class="col col-bgc">毛重(公斤)</td>
- <td class="col">{{tableData.grossWeight}}</td>
- <td class="col col-bgc">皮重(公斤)</td>
- <td class="col">{{tableData.tare}}</td>
- <td class="col col-bgc">扣重(公斤)</td>
- <td class="col">{{tableData.buckleMiscellaneous}}</td>
- <td class="col col-bgc">净重(公斤)</td>
- <td class="col">{{tableData.netWeight}}</td>
- </tr>
- <tr class="row">
- <td class="col col-bgc" colspan="2">毛重检斤时间</td>
- <td class="col" colspan="2">{{tableData.grossDate}}</td>
- <td class="col col-bgc" colspan="2">皮重检斤时间</td>
- <td class="col" colspan="2">{{tableData.tareDate}}</td>
- </tr>
- </table>
- <div class="bottom">
- <div class="bottom-row1">
- <div>毛检:{{tableData.secretaryWeigher}}</div>
- <div style="margin-left:60px">
- 皮检:{{tableData.skinInspector}}
- </div>
- <!-- <div>{{tableData.qualityDate}}</div> -->
- </div>
- <div class="bottom-row2">
- <!-- <div class="left">
- <img src="../img/add.png" alt="">
- </div> -->
- <div class="config">收货单位签名或盖章:</div>
- <div class="autograph">客户签名:</div>
- </div>
- <!-- <div class="bottom-row3">扫一扫</div> -->
- </div>
- </div>
- <div class="sfcard part3" v-if="isShowPrintType1">
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{ printData.customerName}}{{
- printData.identityAuthenticationInfo.customerNumberCard}}
- </div>
- <img :src="imageUrl1" class="avatar" />
- </div>
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{ printData.customerName}}{{
- printData.identityAuthenticationInfo.customerNumberCard}}
- </div>
- <img :src="imageUrl2" class="avatar" />
- </div>
- </div>
- <div class="bankcard part4" v-if="isShowPrintType2">
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
- </div>
- <img :src="imageUrl3" class="avatar" />
- </div>
- <div class="sfcard-content">
- <div class="sfcard-title">
- {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
- </div>
- <img :src="imageUrl4" class="avatar" />
- </div>
- </div>
- </div>
- <div class="small-content" v-if="smallContent">
- <div class="small-title">
- <div>
- {{printData.compName}}结算凭证
- </div>
- <img class="small-img" src="../img/add.png" alt="" />
- </div>
- <div class="small-row">
- <div>开票日期</div>
- <div>{{printData.createDate}}</div>
- </div>
- <div class="small-row">
- <div>买方单位名称</div>
- <div>{{printData.compName}}</div>
- </div>
- <div class="small-row">
- <div>买方姓名</div>
- <div>{{printData.customerName}}</div>
- </div>
- <div class="small-row">
- <div>税务登记号</div>
- <div>{{printData.taxRegistrationNo}}</div>
- </div>
- <div class="small-row">
- <div>身份证号</div>
- <div>{{printData.customerNumberCard}}</div>
- </div>
- <div class="small-row">
- <div>化验单号</div>
- <div>{{printData.paymentNo}}</div>
- </div>
- <div class="small-row">
- <div>卡号</div>
- <div>{{printData.bankCard}}</div>
- </div>
- <div class="small-row">
- <div>收货仓库</div>
- <div>{{printData.warehouseName}}</div>
- </div>
- <div class="small-row">
- <div>货名</div>
- <div>{{printData.goodsName}}</div>
- </div>
- <div class="small-row">
- <div>类型</div>
- <div>{{printData.type}}</div>
- </div>
- <div class="small-row">
- <div>等级</div>
- <div>{{printData.grade}}</div>
- </div>
- <div class="small-row">
- <div>水分%</div>
- <div>{{printData.waterContent}}</div>
- </div>
- <div class="small-row">
- <div>杂质%</div>
- <div>{{printData.impurity}}</div>
- </div>
- <div class="small-row">
- <div>毛重</div>
- <div>{{printData.grossWeight}}</div>
- </div>
- <div class="small-row">
- <div>皮重</div>
- <div>{{printData.tare}}</div>
- </div>
- <div class="small-row">
- <div>扣杂重</div>
- <div>{{printData.weighingManagement.buckleMiscellaneous}}</div>
- </div>
- <div class="small-row">
- <div>净重</div>
- <div>{{printData.netWeight}}</div>
- </div>
- <div class="small-row">
- <div>纯重</div>
- <div>{{printData.pureWeight}}</div>
- </div>
- <div class="small-row">
- <div>净重单价</div>
- <div>{{printData.tidalGrainPrice}}</div>
- </div>
- <div class="small-row">
- <div>粮款</div>
- <div>{{printData.grainMoney}}</div>
- </div>
- <div class="small-row">
- <div>称重补助</div>
- <div>{{printData.weighingSubsidy}}</div>
- </div>
- <div class="small-row">
- <div>运费补助</div>
- <div>{{printData.freightSubsidy}}</div>
- </div>
- <div class="small-row">
- <div>卸车补助</div>
- <div>{{printData.unloadSubsidy}}</div>
- </div>
- <div class="small-row">
- <div>其他补助</div>
- <div>{{printData.otherSubsidy}}</div>
- </div>
- <div class="small-row">
- <div>称重扣款</div>
- <div>{{printData.weighingDeduction}}</div>
- </div>
- <div class="small-row">
- <div>运费扣款</div>
- <div>{{printData.freightDeduction}}</div>
- </div>
- <div class="small-row">
- <div>卸车扣款</div>
- <div>{{printData.unloadDeduction}}</div>
- </div>
- <div class="small-row">
- <div>质量扣款</div>
- <div>{{printData.qualityDeduction}}</div>
- </div>
- <div class="small-row">
- <div>其他扣款</div>
- <div>{{printData.otherDeduction}}</div>
- </div>
- <div class="small-row">
- <div>纯重单价</div>
- <div>{{printData.solidGrainPrice}}</div>
- </div>
- <div class="small-row">
- <div>合计应付</div>
- <div>{{printData.calculationPayable}}</div>
- </div>
- <div class="small-row">
- <div>购粮性质</div>
- <div>{{printData.natureOfGrainPurchase}}</div>
- </div>
- <div class="small-row">
- <div>车牌号</div>
- <div>{{printData.carNo}}</div>
- </div>
- <div class="small-row">
- <div>记事</div>
- <div>{{printData.remarks}}</div>
- </div>
- <div class="small-row">
- <div>实付金额</div>
- <div>{{printData.actualPayment}}</div>
- </div>
- <div class="small-row">
- <div>人民币(大写)</div>
- <div>{{printData.capitalize}}</div>
- </div>
- <div class="small-row">
- <div>质检</div>
- <div>{{printData.qualityInspector}}</div>
- </div>
- <div class="small-row">
- <div>毛检</div>
- <div>{{printData.secretaryWeigher}}</div>
- </div>
- <div class="small-row">
- <div>皮检</div>
- <div>{{printData.skinInspector}}</div>
- </div>
- <div class="small-row">
- <div>结算</div>
- <div>{{printData.settlementClerk}}</div>
- </div>
- <div class="small-row">
- <div>付款</div>
- <div>{{printData.actualPayment}}</div>
- </div>
- <div class="small-row">
- <div>复点</div>
- <div> </div>
- </div>
- </div>
- </div>
- </body>
- <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
- <script src="https://unpkg.com/element-ui/lib/index.js"></script>
- <script type="text/javascript">
- new Vue({
- el: '#app',
- data: {
- isShowPrintType1: false,
- isShowPrintType2: false,
- isShowPrintType3: false,
- isShowPrintType4: false,
- isShowPrintType5:false,
- showType: [],
- printData: {},
- printData1: [],
- customerList: {},
- customerList1: [],
- name: '',
- bigContent: false,
- smallContent: false,
- date: '',
- imageUrl1: '',
- imageUrl2: '',
- imageUrl3: '',
- imageUrl4: '',
- identity: [],
- bank: [],
- selectPrint: false,
- onlyShowPz: false,
- tableData: []
- },
- computed: {},
- methods: {
- dealNo(str) {
- return str.slice(4)
- },
- tableRowClassName({
- row,
- rowIndex
- }) {
- if (rowIndex === 1) {
- return 'warning-row'
- } else if (rowIndex === 3) {
- return 'success-row'
- }
- return ''
- },
- getQueryVariable(variable) {
- var query = window.location.search.substring(1)
- var vars = query.split('&')
- for (var i = 0; i < vars.length; i++) {
- var pair = vars[i].split('=')
- if (pair[0] == variable) {
- return pair[1]
- }
- }
- return false
- },
- printSmall() {},
- printBig() {}
- },
- mounted() {
- this.date = new Date().toLocaleString()
- let _data = decodeURIComponent(this.getQueryVariable('dataList'))
- if (!_data) {
- this.selectPrint = true
- this.printData1 = JSON.parse(
- localStorage.getItem('selectPrint_selectPrintList')
- )
- console.log("对象", this.printData1)
- console.log("对象", this.printData)
- for (let i = 0; i < this.printData1.length; i++) {
- if(!this.printData1[i].identityAuthenticationInfo.compAddress) this.printData1[i].identityAuthenticationInfo.compAddress=''
- if (this.printData1[i].identityAuthenticationInfo.compAddress.length > 24) {
- this.printData1[i].identityAuthenticationInfo.compAddress = this.printData1[i]
- .identityAuthenticationInfo
- .compAddress.substring(0, 24)
- }
- }
- } else {
- this.printData = JSON.parse(_data)
- //地址过长截取
- if (this.printData.identityAuthenticationInfo.compAddress.length > 24) {
- this.printData.identityAuthenticationInfo.compAddress = this.printData.identityAuthenticationInfo
- .compAddress.substring(0, 24)
- }
- this.selectPrint = false
- }
- let _type = decodeURIComponent(this.getQueryVariable('type'))
- this.showType = decodeURIComponent(
- this.getQueryVariable('printTypeList')
- )
- // this.pzList = this.showType.split(',')
- // if((this.showType.indexOf('打印结算凭证')>-1)&&this.pzList.length==1){
- // this.onlyShowPz = true
- // }
- // this.pageType = decodeURIComponent(this.getQueryVariable('printTypeList'))
- let _data1 = decodeURIComponent(this.getQueryVariable('customerList'))
- if (!_data1) {
- this.customerList1 = JSON.parse(
- localStorage.getItem('selectPrint_selectCustomerList')
- )
- } else {
- this.customerList = JSON.parse(_data1)
- }
- console.log('cwprint', localStorage.getItem('cwprint'))
- var cwprint = localStorage.getItem('cwprint')
- if (cwprint == 'true') {
- if (this.selectPrint) {
- for (let i = 0; i < this.customerList1.length; i++) {
- let _url1 = this.customerList1[i].cardAddressUrl.split(',')
- let _url2 = this.customerList1[i].payeeAddressUrl.split(',')
- this.customerList1[i].imgURl = {
- imageUrl1: _url1[0],
- imageUrl2: _url1[1],
- imageUrl3: _url2[0],
- imageUrl4: _url2[0]
- }
- }
- } else {
- if (this.customerList.cardAddressUrl) {
- this.identity = this.customerList.cardAddressUrl.split(',')
- this.imageUrl1 = this.identity[0]
- this.imageUrl2 = this.identity[1]
- }
- if (this.customerList.payeeAddressUrl) {
- this.bank = this.customerList.payeeAddressUrl.split(',')
- this.imageUrl3 = this.bank[0]
- this.imageUrl4 = this.bank[1]
- }
- this.tableData = this.printData.weighingManagement
- }
- let _lsit = this.showType.split(',')
- for (let i = 0; i < _lsit.length; i++) {
- switch (_lsit[i]) {
- case '打印身份证(正反面)':
- this.isShowPrintType1 = !this.isShowPrintType1
- break
- case '打印银行卡(正反面)':
- this.isShowPrintType2 = !this.isShowPrintType2
- break
- case '打印结算凭证':
- this.isShowPrintType3 = !this.isShowPrintType3
- break
- case '打印检斤单':
- this.isShowPrintType4 = !this.isShowPrintType4
- break
- case '打印回执单':
- this.isShowPrintType5 = !this.isShowPrintType5
- break
- }
- }
- } else {
- this.isShowPrintType3 = true
- }
- if (_type == 2) {
- this.bigContent = true
- this.smallContent = false
- } else {
- this.smallContent = true
- this.bigContent = false
- }
- if (this.printData.compName == undefined) this.printData.compName = ''
- document.title = this.printData.compName + '结算凭证'
- window.print()
- // sessionStorage.removeItem('selectPrint_selectPrintList');
- // sessionStorage.removeItem('selectPrint_selectCustomerList');
- window.onafterprint = function(event) {
- window.history.back(-1)
- }
- },
- watch: {}
- })
- </script>
- </html>
|