|
@@ -0,0 +1,1266 @@
|
|
|
|
+<!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: 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>
|
|
|
|
+ </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].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].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 part2">
|
|
|
|
+ <div class="sfcard-title">
|
|
|
|
+ {{printData1[index].bankDeposit}}{{printData1[index].bankCard}}
|
|
|
|
+ </div>
|
|
|
|
+ <!-- <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" /> -->
|
|
|
|
+ <img :src="printData1[index].imgURl.imageUrl3" class="avatar" />
|
|
|
|
+ <img :src="printData1[index].imgURl.imageUrl4" 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">{{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.bankDeposit}}{{printData.bankCard}}
|
|
|
|
+ </div>
|
|
|
|
+ <img :src="imageUrl3" class="avatar" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="sfcard-content">
|
|
|
|
+ <div class="sfcard-title">
|
|
|
|
+ {{printData.bankDeposit}}{{printData.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'))
|
|
|
|
+ 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]
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ for (let i = 0; i < this.printData1.length; i++) {
|
|
|
|
+ let _url2 = this.printData1[i].payeeAddressUrl.split(',')
|
|
|
|
+ this.printData1[i].imgURl = {
|
|
|
|
+ imageUrl3: _url2[0],
|
|
|
|
+ imageUrl4: _url2[1]
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ if (this.customerList.cardAddressUrl) {
|
|
|
|
+ this.identity = this.customerList.cardAddressUrl.split(',')
|
|
|
|
+ this.imageUrl1 = this.identity[0]
|
|
|
|
+ this.imageUrl2 = this.identity[1]
|
|
|
|
+ }
|
|
|
|
+ console.log(this.customerList)
|
|
|
|
+ if (this.customerList.payeeAddressUrl) {
|
|
|
|
+ this.bank = this.customerList.payeeAddressUrl.split(',')
|
|
|
|
+ this.imageUrl3 = this.bank[0]
|
|
|
|
+ this.imageUrl4 = this.bank[1]
|
|
|
|
+ }
|
|
|
|
+ if (this.printData.payeeAddressUrl){
|
|
|
|
+ this.bank = this.printData.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>
|