|
|
@@ -0,0 +1,627 @@
|
|
|
+<!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,
|
|
|
+ table tr th,
|
|
|
+ table tr td {
|
|
|
+ border: 2px solid #333333;
|
|
|
+ padding: 5px 0;
|
|
|
+ height: 37px;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app {
|
|
|
+ /* height: 98vh;
|
|
|
+ position: relative; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 1000px;
|
|
|
+ padding: 30px 20px 20px 20px;
|
|
|
+ font-size: 18px;
|
|
|
+ height: 630px;
|
|
|
+ /* height: 570px; */
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .a5-content {
|
|
|
+ height: 130vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ table {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: 3px solid #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .col-bgc {
|
|
|
+ background: #f6f7fb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom-row1 {
|
|
|
+ display: flex;
|
|
|
+ /* justify-content: space-between; */
|
|
|
+ margin-top: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom-row2 {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ img,
|
|
|
+ .left {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ position: absolute;
|
|
|
+ left: 12px;
|
|
|
+ top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .config {
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-right: 240px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .autograph {
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-right: 170px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom-row3 {
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: 500;
|
|
|
+ position: relative;
|
|
|
+ /* margin-top: 47px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .number {
|
|
|
+ text-align: right;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-row {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-content {
|
|
|
+ width: 300px;
|
|
|
+ /* margin: 0 auto;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 20px 20px 160px 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ /* display: flex; */
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .numberNo {
|
|
|
+ font-size: 36px;
|
|
|
+ margin: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-img {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sign {
|
|
|
+ margin-right: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-code {
|
|
|
+ position: relative;
|
|
|
+ left: calc(50% - 55px)
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app">
|
|
|
+ <div v-if="selectPrint">
|
|
|
+ <div v-for="(item,index) in tableData1" :key="index" v-if="!isDDPrint||isEWPrint">
|
|
|
+ <div class="content" :class="pageType=='A5'?'a5-content':''">
|
|
|
+ <!-- <div class="title">{{item.compName}}</div> -->
|
|
|
+ <div class="title">出库检斤单</div>
|
|
|
+ <div class="left">
|
|
|
+ <img :src="item.codeUrl" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="number">{{item.number}}</div>
|
|
|
+ <table class="table">
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">发货单位</td>
|
|
|
+ <td class="col" colspan="2">{{item.customer}}</td>
|
|
|
+ <td class="col col-bgc">联系电话</td>
|
|
|
+ <td class="col">{{item.customerPhone}}</td>
|
|
|
+ <td class="col col-bgc">车牌号</td>
|
|
|
+ <td class="col" colspan="2">{{item.carNumber}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">收货单位</td>
|
|
|
+ <td class="col" colspan="2">{{item.compName}}</td>
|
|
|
+ <td class="col col-bgc">联系人</td>
|
|
|
+ <td class="col">{{item.person}}</td>
|
|
|
+ <td class="col col-bgc">联系电话</td>
|
|
|
+ <td class="col" colspan="2">{{item.personPhone}}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">货名</td>
|
|
|
+ <td class="col">{{item.goodsName}}</td>
|
|
|
+ <td class="col col-bgc">类型</td>
|
|
|
+ <td class="col">{{item.type}}</td>
|
|
|
+ <td class="col col-bgc">容量（克/升）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.bulkDensity:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">不完善粒（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.imperfectGrain:''}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">等级</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.grade:''}}</td>
|
|
|
+ <td class="col col-bgc">水分（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.waterContent:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">热损伤（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.jiaorenli:''}}</td>
|
|
|
+ <td class="col col-bgc">质检时间</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.qualityDate:''}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">杂质（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.impurity:''}}</td>
|
|
|
+ <td class="col col-bgc">霉变粒（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.mildewGrain:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">扣杂</td>
|
|
|
+ <td class="col">
|
|
|
+ {{item.qualityInspectionManagement?item.qualityInspectionManagement.buckleMiscellaneous:''}}</td>
|
|
|
+ <td class="col " colspan="2"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">毛重（公斤）</td>
|
|
|
+ <td class="col">{{item.grossWeight}}</td>
|
|
|
+ <td class="col col-bgc">皮重（公斤）</td>
|
|
|
+ <td class="col">{{item.tare}}</td>
|
|
|
+ <td class="col col-bgc">扣重（公斤）</td>
|
|
|
+ <td class="col">{{item.buckleMiscellaneous}}</td>
|
|
|
+ <td class="col col-bgc">净重（公斤）</td>
|
|
|
+ <td class="col">{{item.netWeight}}</td>
|
|
|
+ <!-- <td class="col " colspan="2"></td> -->
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" colspan="2">毛重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{item.grossDate}}</td>
|
|
|
+ <td class="col col-bgc" colspan="2"> 皮重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{item.tareDate}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="bottom-row1">
|
|
|
+ <div>毛检：{{item.secretaryWeigher}}</div>
|
|
|
+ <div style="margin-left:60px">皮检：{{item.skinInspector}}</div>
|
|
|
+ <!-- <div>{{tableData.qualityDate}}</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="bottom-row2">
|
|
|
+ <!-- <div class="left">
|
|
|
+ <img :src="item.codeUrl" alt="">
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <div class="config" v-if="item.warehouseName!='白城补数据'">收货单位签名或盖章：</div>
|
|
|
+ <div class="config" v-if="item.warehouseName=='白城补数据'">收货单位签名或盖章：黑龙江中天昊元贸易有限公司</div>
|
|
|
+ <div class="autograph">客户签名：</div>
|
|
|
+ <div class="autograph" v-if="item.warehouseName!='白城补数据'">司机签名：</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="bottom-row3">扫一扫</div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 打印额外 -->
|
|
|
+ <div v-for="(item,index) in tableDataEW" :key="index" v-if="isDDPrint||isEWPrint">
|
|
|
+ <div class="content" :class="pageType=='A5'?'a5-content':''">
|
|
|
+ <!-- <div class="title">{{item.customer}}</div> -->
|
|
|
+ <div class="title">出库检斤单</div>
|
|
|
+ <div class="left">
|
|
|
+ <img :src="item.codeUrl" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="number">{{item.number}}</div>
|
|
|
+ <table class="table">
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" >发货单位</td>
|
|
|
+ <td class="col" colspan="2" >{{item.customer}}</td>
|
|
|
+ <td class="col col-bgc" >联系电话</td>
|
|
|
+ <td class="col" >{{item.contractManagement ? item.contractManagement.sellerPhone : ""}}</td>
|
|
|
+ <td class="col col-bgc">车牌号</td>
|
|
|
+ <td class="col" colspan="2">{{item.carNumber}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">收货单位</td>
|
|
|
+ <td class="col" colspan="2">{{item.compName}}</td>
|
|
|
+ <td class="col col-bgc">联系人</td>
|
|
|
+ <td class="col">{{item.person}}</td>
|
|
|
+ <td class="col col-bgc">联系电话</td>
|
|
|
+ <td class="col" colspan="2">{{item.personPhone}}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">货名</td>
|
|
|
+ <td class="col">{{item.goodsName}}</td>
|
|
|
+ <td class="col col-bgc">类型</td>
|
|
|
+ <td class="col">{{item.type}}</td>
|
|
|
+ <td class="col col-bgc">容量（克/升）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.bulkDensity:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">不完善粒（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.imperfectGrain:''}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">等级</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.grade:''}}</td>
|
|
|
+ <td class="col col-bgc">水分（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.waterContent:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">热损伤（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.jiaorenli:''}}</td>
|
|
|
+ <td class="col col-bgc">质检时间</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.qualityDate:''}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">杂质（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.impurity:''}}</td>
|
|
|
+ <td class="col col-bgc">霉变粒（%）</td>
|
|
|
+ <td class="col">{{item.qualityInspectionManagement?item.qualityInspectionManagement.mildewGrain:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">扣杂</td>
|
|
|
+ <td class="col">
|
|
|
+ {{item.qualityInspectionManagement?item.qualityInspectionManagement.buckleMiscellaneous:''}}</td>
|
|
|
+ <td class="col " colspan="2"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">毛重（公斤）</td>
|
|
|
+ <td class="col">{{item.grossWeight}}</td>
|
|
|
+ <td class="col col-bgc">皮重（公斤）</td>
|
|
|
+ <td class="col">{{item.tare}}</td>
|
|
|
+ <td class="col col-bgc">扣重（公斤）</td>
|
|
|
+ <td class="col">{{item.buckleMiscellaneous}}</td>
|
|
|
+ <td class="col col-bgc">净重（公斤）</td>
|
|
|
+ <td class="col">{{item.netWeight}}</td>
|
|
|
+ <!-- <td class="col " colspan="2"></td> -->
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" colspan="2">毛重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{item.grossDate}}</td>
|
|
|
+ <td class="col col-bgc" colspan="2"> 皮重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{item.tareDate}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="bottom-row1">
|
|
|
+ <div>毛检：{{item.secretaryWeigher}}</div>
|
|
|
+ <div style="margin-left:60px">皮检：{{item.skinInspector}}</div>
|
|
|
+ <!-- <div>{{tableData.qualityDate}}</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="bottom-row2">
|
|
|
+ <!-- <div class="left">
|
|
|
+ <img :src="item.codeUrl" alt="">
|
|
|
+ </div> -->
|
|
|
+ <div class="config" v-if="item.warehouseName!='白城补数据'">收货单位签名或盖章：</div>
|
|
|
+ <div class="config" v-if="item.warehouseName=='白城补数据'">收货单位签名或盖章：黑龙江中天昊元贸易有限公司</div>
|
|
|
+ <div class="autograph">客户签名：</div>
|
|
|
+ <div class="autograph" v-if="item.warehouseName!='白城补数据'">司机签名：</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="bottom-row3">扫一扫</div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <div class="content" v-if="bigContent" v-for="(_item,index) in tableData ">
|
|
|
+ <!-- <div class="title">{{_item.compName}}</div> -->
|
|
|
+ <div class="title">出库检斤单</div>
|
|
|
+ <div class="left">
|
|
|
+ <img :src="_item.codeUrl" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="number">{{_item.number}}</div>
|
|
|
+ <table class="table">
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">发货单位</td>
|
|
|
+ <td class="col" colspan="2">{{_item.compName}}</td>
|
|
|
+ <td class="col col-bgc">联系人</td>
|
|
|
+ <td class="col">{{_item.person}}</td>
|
|
|
+ <td class="col col-bgc">联系电话</td>
|
|
|
+ <td class="col" colspan="2">{{_item.personPhone}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" >收货单位</td>
|
|
|
+ <td class="col" colspan="2" >{{_item.customer}}</td>
|
|
|
+ <td class="col col-bgc" >联系电话</td>
|
|
|
+ <td class="col" >{{_item.contractManagement ? _item.contractManagement.sellerPhone : ""}}</td>
|
|
|
+ <td class="col col-bgc">车牌号</td>
|
|
|
+ <td class="col" colspan="2">{{_item.carNumber}}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">货名</td>
|
|
|
+ <td class="col">{{_item.goodsName}}</td>
|
|
|
+ <td class="col col-bgc">类型</td>
|
|
|
+ <td class="col">{{_item.type}}</td>
|
|
|
+ <td class="col col-bgc">容量（克/升）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.bulkDensity:''}}</td>
|
|
|
+ <td class="col col-bgc">不完善粒（%）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.imperfectGrain:''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">等级</td>
|
|
|
+ <td class="col">{{_item.qualityInspectionManagement?_item.qualityInspectionManagement.grade:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">水分（%）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.waterContent:''}}</td>
|
|
|
+ <td class="col col-bgc">热损伤（%）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.jiaorenli:''}}</td>
|
|
|
+ <td class="col col-bgc">质检时间</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.qualityDate:''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">杂质（%）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.impurity:''}}</td>
|
|
|
+ <td class="col col-bgc">霉变粒（%）</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.mildewGrain:''}}</td>
|
|
|
+ <td class="col col-bgc">扣杂</td>
|
|
|
+ <td class="col">
|
|
|
+ {{_item.qualityInspectionManagement?_item.qualityInspectionManagement.buckleMiscellaneous:''}}
|
|
|
+ </td>
|
|
|
+ <td class="col " colspan="2"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">毛重（公斤）</td>
|
|
|
+ <td class="col">{{_item.grossWeight}}</td>
|
|
|
+ <td class="col col-bgc">皮重（公斤）</td>
|
|
|
+ <td class="col">{{_item.tare}}</td>
|
|
|
+ <td class="col col-bgc">扣重（公斤）</td>
|
|
|
+ <td class="col">{{_item.buckleMiscellaneous}}</td>
|
|
|
+ <td class="col col-bgc">净重（公斤）</td>
|
|
|
+ <td class="col">{{_item.netWeight}}</td>
|
|
|
+ <td class="col " colspan="2"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" colspan="2">毛重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{_item.grossDate}}</td>
|
|
|
+ <td class="col col-bgc" colspan="2"> 皮重检斤时间</td>
|
|
|
+ <td class="col" colspan="2">{{_item.tareDate}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="bottom-row1">
|
|
|
+ <div>毛检：{{_item.secretaryWeigher}}</div>
|
|
|
+ <div style="margin-left:60px">皮检：{{_item.skinInspector}}</div>
|
|
|
+ <!-- <div>{{tableData.qualityDate}}</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="bottom-row2">
|
|
|
+ <!-- <div class="left">
|
|
|
+ <img :src="tableData.codeUrl" alt="">
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <div class="config" v-if="_item.warehouseName!='白城补数据'">收货单位签名或盖章：</div>
|
|
|
+ <div class="config" v-if="_item.warehouseName=='白城补数据'">收货单位签名或盖章：黑龙江中天昊元贸易有限公司</div>
|
|
|
+ <div class="autograph">客户签名：</div>
|
|
|
+ <div class="autograph" v-if="_item.warehouseName!='白城补数据'">司机签名：</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="bottom-row3">扫一扫</div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="small-content" v-if="smallContent">
|
|
|
+ <div class="small-title">
|
|
|
+ <div class="numberNo">{{tableData.number.substring(tableData.number.length - 3)}}</div>
|
|
|
+ <div style="margin: auto;">粮食检斤单</div>
|
|
|
+ </div>
|
|
|
+ <img :src="tableData.codeUrl" alt="" class="small-code">
|
|
|
+ <div class="small-row">
|
|
|
+ <div>业务编号</div>
|
|
|
+ <div>{{tableData.number}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row" v-if="tableData.serviceManagementType == 3">
|
|
|
+ <div>客户姓名</div>
|
|
|
+ <div>{{tableData.customer}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row" v-if="tableData.serviceManagementType == 3">
|
|
|
+ <div>客户电话</div>
|
|
|
+ <div>{{tableData.customerPhone}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row" v-if="tableData.serviceManagementType == 1">
|
|
|
+ <div>发货单位</div>
|
|
|
+ <div>{{tableData.contractManagement ? tableData.contractManagement.seller : ""}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row" v-if="tableData.serviceManagementType == 1">
|
|
|
+ <div>联系电话</div>
|
|
|
+ <div>{{tableData.contractManagement ? tableData.contractManagement.sellerPhone : ""}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>车牌号</div>
|
|
|
+ <div>{{tableData.carNumber}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>仓位号：</div>
|
|
|
+ <div>{{tableData.binNumber}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>收货单位</div>
|
|
|
+ <div>{{tableData.compName}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>联系人</div>
|
|
|
+ <div>{{tableData.person}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>联系电话</div>
|
|
|
+ <div>{{tableData.personPhone}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>货名</div>
|
|
|
+ <div>{{tableData.goodsName}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>类型</div>
|
|
|
+ <div>{{tableData.type}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>毛重（公斤）</div>
|
|
|
+ <div>{{tableData.grossWeight}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>毛检时间</div>
|
|
|
+ <div>{{tableData.grossDate}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>皮重（公斤）</div>
|
|
|
+ <div>{{tableData.tare}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>皮检时间</div>
|
|
|
+ <div>{{tableData.tareDate}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row" v-if="tableData.qualityInspectionManagement.paramType == 2 || tableData.serviceManagementType == 1">
|
|
|
+ <div>扣重（公斤）</div>
|
|
|
+ <div>{{tableData.buckleMiscellaneous}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div>净重（公斤）</div>
|
|
|
+ <div>{{tableData.netWeight}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <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: {
|
|
|
+ tableData: {
|
|
|
+ // qualityInspectionManagement:{}
|
|
|
+ },
|
|
|
+ tableData1: [],
|
|
|
+ tableDataEW: [],
|
|
|
+ selectPrint: false,
|
|
|
+ name: "",
|
|
|
+ bigContent: false,
|
|
|
+ smallContent: false,
|
|
|
+ pageType: '',
|
|
|
+ isDDPrint: false,
|
|
|
+ isEWPrint: false,
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ 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() {
|
|
|
+ let _data = decodeURIComponent(localStorage.getItem('print_out_data'))
|
|
|
+ let _type = this.getQueryVariable("type")
|
|
|
+ let _ew = this.getQueryVariable("selectEW")
|
|
|
+ let _ewdd = this.getQueryVariable("selectEWDD")
|
|
|
+ this.pageType = this.getQueryVariable("radioType")
|
|
|
+ if (_type == 2) {
|
|
|
+ this.bigContent = true
|
|
|
+ this.smallContent = false
|
|
|
+ } else {
|
|
|
+ this.smallContent = true
|
|
|
+ this.bigContent = false
|
|
|
+ }
|
|
|
+ if (_data == 'null') {
|
|
|
+ this.selectPrint = true;
|
|
|
+ this.tableData1 = JSON.parse(localStorage.getItem('selectPrint_jjSelectPrintList'))
|
|
|
+ if (_ew == 'true') {
|
|
|
+ this.tableDataEW = JSON.parse(localStorage.getItem('selectPrint_EWjjSelectPrintList'))
|
|
|
+ this.isEWPrint = true
|
|
|
+ }
|
|
|
+ if (_ewdd == 'true') {
|
|
|
+ this.tableDataEW = JSON.parse(localStorage.getItem('selectPrint_EWjjSelectPrintList'))
|
|
|
+ this.isDDPrint = true
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.tableData = JSON.parse(_data.replace(/baifenhao/g, '%'))
|
|
|
+ }
|
|
|
+ // sessionStorage.setItem('record_print', JSON.stringify(response))
|
|
|
+ // this.tableData = JSON.parse(sessionStorage.getItem("record_print"))
|
|
|
+
|
|
|
+ document.title = "粮食检斤单"
|
|
|
+ window.print()
|
|
|
+ window.onafterprint = function(event) {
|
|
|
+ window.history.back(-1)
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {}
|
|
|
+ })
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
