|
|
@@ -117,159 +117,142 @@
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<div class="content" v-if="bigContent">
|
|
|
- <div class="title">粮食质检单</div>
|
|
|
- <div class="number">{{tableData.qualityNo}}</div>
|
|
|
- <table class="table">
|
|
|
- <tr class="row">
|
|
|
- <td class="col col-bgc">客户姓名</td>
|
|
|
- <td class="col" colspan="2">{{tableData.customerName}}</td>
|
|
|
- <td class="col col-bgc">客户电话</td>
|
|
|
- <td class="col" colspan="2">{{tableData.customerPhone}}</td>
|
|
|
- <td class="col col-bgc">车牌号</td>
|
|
|
- <td class="col">{{tableData.carNumber}}</td>
|
|
|
- </tr>
|
|
|
- <tr class="row">
|
|
|
- <td class="col col-bgc">收货单位</td>
|
|
|
- <td class="col" colspan="2">{{tableData.receivingUnit}}</td>
|
|
|
- <td class="col col-bgc">联系人</td>
|
|
|
- <td class="col" colspan="2">{{tableData.contacts}}</td>
|
|
|
- <td class="col col-bgc">联系电话</td>
|
|
|
- <td class="col">{{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.customerName}}</td>
|
|
|
- <td class="col col-bgc">容量（克/升）</td>
|
|
|
- <td class="col">{{tableData.bulkDensity}}</td>
|
|
|
- <td class="col col-bgc">不完整粒（%）</td>
|
|
|
- <td class="col">{{tableData.imperfectGrain}}</td>
|
|
|
- </tr>
|
|
|
- <tr class="row">
|
|
|
- <td class="col col-bgc">等级</td>
|
|
|
- <td class="col">{{tableData.grade}}</td>
|
|
|
- <td class="col col-bgc">水分（%）</td>
|
|
|
- <td class="col">{{tableData.waterContent}}</td>
|
|
|
- <td class="col col-bgc">热损伤（%）</td>
|
|
|
- <td class="col">{{tableData.jiaorenli}}</td>
|
|
|
- <td class="col col-bgc">单价（元/公斤）</td>
|
|
|
- <td class="col">{{tableData.tidalGrainPrice}}</td>
|
|
|
- </tr>
|
|
|
- <tr class="row">
|
|
|
- <td class="col col-bgc">杂质（%）</td>
|
|
|
- <td class="col">{{tableData.impurity}}</td>
|
|
|
- <td class="col col-bgc">霉变粒（%）</td>
|
|
|
- <td class="col">{{tableData.mildewGrain}}</td>
|
|
|
- <td class="col col-bgc" colspan="2">购粮性质</td>
|
|
|
- <td class="col" colspan="2">{{tableData.customerName}}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div class="bottom">
|
|
|
- <div class="bottom-row1">
|
|
|
- <div>质检：{{tableData.qualityInspector}}</div>
|
|
|
- <div>{{tableData.qualityDate}}</div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="header-top">
|
|
|
+ <div>单位：公斤、元</div>
|
|
|
+ <div>No.</div>
|
|
|
</div>
|
|
|
- <div class="bottom-row2">
|
|
|
- <div class="left">
|
|
|
- <img src="../img/add.png" alt="">
|
|
|
+ <div class="header-top">
|
|
|
+ <div>开票日期：{{printData.compName}}</div>
|
|
|
+ <div class="number">{{100000000000000}}</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="3">{{ 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="3">{{ printData.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="3">{{ printData. 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="3">{{printData.compAddress}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">货名</td>
|
|
|
+ <td class="col col-bgc">类型</td>
|
|
|
+ <td class="col col-bgc">等级</td>
|
|
|
+ <td class="col col-bgc">水分%</td>
|
|
|
+ <td class="col col-bgc">杂质%</td>
|
|
|
+ <td class="col col-bgc">毛重</td>
|
|
|
+ <td class="col col-bgc">皮重</td>
|
|
|
+ <td class="col col-bgc">扣杂重</td>
|
|
|
+ <td class="col col-bgc">净重</td>
|
|
|
+ <td class="col col-bgc">纯重</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col">{{ printData.goodsName}}</td>
|
|
|
+ <td class="col">{{ printData.type}}</td>
|
|
|
+ <td class="col">{{ printData.grade}}</td>
|
|
|
+ <td class="col">{{ printData.waterContent}}</td>
|
|
|
+ <td class="col">{{ printData.impurity}}</td>
|
|
|
+ <td class="col">{{ printData.grossWeight}}</td>
|
|
|
+ <td class="col">{{ printData.tare}}</td>
|
|
|
+ <td class="col">{{ printData.buckleMiscellaneous}}</td>
|
|
|
+ <td class="col">{{ printData.netWeight}}</td>
|
|
|
+ <td class="col">{{ printData.pureWeight}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">净重单价</td>
|
|
|
+ <td class="col col-bgc">粮款</td>
|
|
|
+ <td class="col col-bgc">称重补助</td>
|
|
|
+ <td class="col col-bgc">运费补助</td>
|
|
|
+ <td class="col col-bgc">卸车补助</td>
|
|
|
+ <td class="col col-bgc">其他补助</td>
|
|
|
+ <td class="col col-bgc">称重扣款</td>
|
|
|
+ <td class="col col-bgc">运费扣款</td>
|
|
|
+ <td class="col col-bgc">卸车扣款</td>
|
|
|
+ <td class="col col-bgc">质量扣款</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col ">{{ printData.tidalGrainPrice}}</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>
|
|
|
+ <td class="col ">{{ printData.qualityDeduction}}</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" colspan="5">记事</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col ">{{ printData.otherDeduction}}</td>
|
|
|
+ <td class="col ">{{ printData.solidGrainPrice}}</td>
|
|
|
+ <td class="col ">{{ printData.calculationPayable}}</td>
|
|
|
+ <td class="col ">{{ printData.natureOfGrainPurchase}}</td>
|
|
|
+ <td class="col ">{{ printData.carNo}}</td>
|
|
|
+ <td class="col " colspan="5">{{ printData.remarks}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc">实付金额</td>
|
|
|
+ <td class="col " colspan="2">{{printData.actualPayment}}</td>
|
|
|
+ <td class="col col-bgc" colspan="3">人民币（大写）</td>
|
|
|
+ <td class="col " colspan="4">{{printData.capitalize}}</td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="bottom-row1">
|
|
|
+ <div>质检：{{ printData.qualityInspector}}</div>
|
|
|
+ <div>毛检：{{ printData.skinInspector}}</div>
|
|
|
+ <div>皮检：{{ printData.qualityInspector}}</div>
|
|
|
+ <div>结算：{{ printData.settlementClerk}}</div>
|
|
|
+ <div>付款：{{ printData.qualityInspector}}</div>
|
|
|
+ <div>复点：{{ printData.qualityInspector}}</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="config">收货单位签名或盖章</div>
|
|
|
- <div class="">客户签名</div>
|
|
|
+ <div class="bottom-row3">扫一扫</div>
|
|
|
</div>
|
|
|
- <div class="bottom-row3">扫一扫</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="small-content" v-if="smallContent">
|
|
|
- <div class="small-title">
|
|
|
- <div>粮食质检单</div>
|
|
|
+ <div class="small-content" v-if="smallContent">
|
|
|
+<div class="small-title">
|
|
|
+ <div>
|
|
|
+中天昊元粮食贸易有限公司结算凭证</div>
|
|
|
<img class="small-img" src="../img/add.png" alt="">
|
|
|
</div>
|
|
|
- <div class="small-row">
|
|
|
- <div>编号</div>
|
|
|
- <div>{{tableData.qualityNo}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>客户姓名</div>
|
|
|
- <div>{{tableData.customerName}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>客户电话</div>
|
|
|
- <div>{{tableData.customerPhone}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>车牌号</div>
|
|
|
- <div>{{tableData.carNumber}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>收货单位</div>
|
|
|
- <div>{{tableData.receivingUnit}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>联系人</div>
|
|
|
- <div>{{tableData.contacts}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>联系电话</div>
|
|
|
- <div>{{tableData.contactsPhone}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>货名</div>
|
|
|
- <div>{{tableData.goodsName}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>类型</div>
|
|
|
- <div>{{tableData.customerName}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>容量（克/升）</div>
|
|
|
- <div>{{tableData.bulkDensity}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>不完整粒（%）</div>
|
|
|
- <div>{{tableData.imperfectGrain}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>等级</div>
|
|
|
- <div>{{tableData.grade}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>水分（%）</div>
|
|
|
- <div>{{tableData.waterContent}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>热损伤（%）</div>
|
|
|
- <div>{{tableData.jiaorenli}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>单价（元/公斤）</div>
|
|
|
- <div>{{tableData.tidalGrainPrice}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>杂质（%）</div>
|
|
|
- <div>{{tableData.impurity}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>>霉变粒（%）</div>
|
|
|
- <div>{{tableData.mildewGrain}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>购粮性质</div>
|
|
|
- <div>{{tableData.customerName}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>质检</div>
|
|
|
- <div>{{tableData.qualityInspector}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>时间</div>
|
|
|
- <div>{{tableData.qualityDate}}</div>
|
|
|
- </div>
|
|
|
- <div class="small-row">
|
|
|
- <div>收货单位签名或盖章:</div>
|
|
|
- <div class="sign">客户签名:</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</body>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
|
|
|
@@ -278,7 +261,7 @@
|
|
|
new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
- tableData: "",
|
|
|
+ printData:[],
|
|
|
name: "",
|
|
|
bigContent: false,
|
|
|
smallContent: false
|
|
|
@@ -321,12 +304,12 @@
|
|
|
this.bigContent = false
|
|
|
}
|
|
|
// console.log(_data)
|
|
|
- this.tableData = JSON.parse(_data)
|
|
|
+ this.printData = JSON.parse(_data)
|
|
|
// console.log(this.tableData)
|
|
|
- // window.print()
|
|
|
- // window.onafterprint = function(event) {
|
|
|
- // window.history.back(-1)
|
|
|
- // };
|
|
|
+ window.print()
|
|
|
+ window.onafterprint = function(event) {
|
|
|
+ window.history.back(-1)
|
|
|
+ };
|
|
|
},
|
|
|
watch: {}
|
|
|
})
|
mxx