<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../cdn/element-ui/2.13.2/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: 110vh; } .sfcard-title { font-size: 28px; text-align: center; height:10vh; } .center { height: 130vh; } .bankcard { height: 130vh; } .part1 { height: 130vh; } .part2 { height: 130vh; /* background: red; */ } .part5 { width: 100% } .paymentScreenshot { width: 100%; height: 130vh } /* .onlypz-center{ height: 130vh; } */ </style> </head> <body> <div id="app" v-cloak> <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">{{printData1[index].goodsName != '大豆'?'容重(克/升)':'蛋白'}}</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> </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> </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].compName}}</td> <td class="col col-bgc">联系人</td> <td class="col">{{printData1[index].contacts}}</td> <td class="col col-bgc">联系电话</td> <td class="col" colspan="2">{{printData1[index].contactsPhone}}</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">{{printData1[index].weighingManagement.goodsName!='大豆'?'容重(克/升)':'蛋白'}}</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.bulkDensity:''}} </td> <td class="col col-bgc">不完善粒(%)</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.imperfectGrain:''}} </td> </tr> <tr class="row"> <td class="col col-bgc">等级</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.grade:''}} </td> <td class="col col-bgc">水分(%)</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.waterContent:''}} </td> <td class="col col-bgc">热损伤(%)</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.jiaorenli:''}} </td> <td class="col col-bgc">质检时间</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.qualityDate:''}} </td> </tr> <tr class="row"> <td class="col col-bgc">杂质(%)</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.impurity:''}} </td> <td class="col col-bgc">霉变粒(%)</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.mildewGrain:''}} </td> <td class="col col-bgc">扣杂</td> <td class="col"> {{printData1[index].qualityInspectionManagement?printData1[index].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"> <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> <!-- <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.contractManagement ? printData.contractManagement.weight : "0"}}</td> <!-- <td class="col">{{ printData.pureWeight}}</td> --> </tr> <tr class="row"> <td class="col col-bgc">纯重</td> <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">1卸车扣款</td> --> </tr> <tr class="row"> <td class="col">{{ printData.pureWeight}}</td> <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">其他扣款</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 ">{{ printData.unloadDeduction}}</td> <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="4">{{ 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">{{printData.compName}}</td> <td class="col col-bgc">联系人</td> <td class="col">{{printData.contacts}}</td> <td class="col col-bgc">联系电话</td> <td class="col" colspan="2">{{tableData.contactsPhone}}</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">{{tableData.goodsName!= '大豆'?'容重(克/升)':'蛋白'}}</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="../cdn/vue/2.6.10/vue.min.js"></script> <script src="../cdn/element-ui/2.13.2/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')) let _data ={} if(localStorage.getItem('print_pay_data')){ _data=localStorage.getItem('print_pay_data') } 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>