|
|
@@ -2,10 +2,7 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
- <link
|
|
|
- rel="stylesheet"
|
|
|
- href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
|
|
|
- />
|
|
|
+ <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
|
|
|
<title></title>
|
|
|
<style>
|
|
|
table,
|
|
|
@@ -116,67 +113,285 @@
|
|
|
.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 {
|
|
|
- }
|
|
|
+
|
|
|
+ .sfcard {}
|
|
|
+
|
|
|
.sfcard-content {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-evenly;
|
|
|
}
|
|
|
+
|
|
|
.sfcard-content img {
|
|
|
width: 45%;
|
|
|
height: 50vh;
|
|
|
}
|
|
|
+
|
|
|
.sfcard-title {
|
|
|
font-size: 28px;
|
|
|
text-align: center;
|
|
|
margin: 10px 0;
|
|
|
}
|
|
|
+
|
|
|
.avatar {
|
|
|
margin-bottom: 120px;
|
|
|
}
|
|
|
+
|
|
|
.avatar:nth-of-type(2) {
|
|
|
margin-bottom: 140px;
|
|
|
}
|
|
|
+
|
|
|
+ .center {
|
|
|
+ height: 140vh;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
- <div class="content" v-if="bigContent">
|
|
|
+ <div v-if='selectPrint'>
|
|
|
+ <div v-for="(item,index) in printData1" :key="index">
|
|
|
+ <div class="content">
|
|
|
+ <div class="sfcard" v-if="isShowPrintType1">
|
|
|
+ <div class="sfcard-title">
|
|
|
+ {{ printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
|
|
|
+ </div>
|
|
|
+ <div class="sfcard-content">
|
|
|
+ <img :src="customerList1[index].imgURl.imageUrl1" class="avatar" />
|
|
|
+ <img :src="customerList1[index].imgURl.imageUrl2" class="avatar" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bankcard" v-if="isShowPrintType2">
|
|
|
+ <div class="sfcard-title">
|
|
|
+ {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
|
|
|
+ </div>
|
|
|
+ <div class="sfcard-content">
|
|
|
+ <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" />
|
|
|
+ <img :src="customerList1[index].imgURl.imageUrl4" class="avatar" />
|
|
|
+ </div>
|
|
|
+ </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].grossWeight}}</td>
|
|
|
+ <td class="col">{{ printData1[index].tare}}</td>
|
|
|
+ <td class="col">
|
|
|
+ {{ printData1[index].weighingManagement.buckleMiscellaneous}}
|
|
|
+ </td>
|
|
|
+ <td class="col">{{ printData1[index].netWeight}}</td>
|
|
|
+ <td class="col">{{ printData1[index].pureWeight}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col col-bgc" v-if="printData1[index].type == '潮粮'">
|
|
|
+ 净重单价
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc" v-if="printData1[index].type == '干粮'">单价</td>
|
|
|
+ <td class="col col-bgc">扣单价</td>
|
|
|
+ <td class="col col-bgc">粮款</td>
|
|
|
+ <td class="col col-bgc">称重补助</td>
|
|
|
+ <td class="col col-bgc">运费补助</td>
|
|
|
+ <td class="col col-bgc">卸车补助</td>
|
|
|
+ <td class="col col-bgc">其他补助</td>
|
|
|
+ <td class="col col-bgc">称重扣款</td>
|
|
|
+ <td class="col col-bgc">运费扣款</td>
|
|
|
+ <td class="col col-bgc">卸车扣款</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col " 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" v-if="printData.type == '潮粮'">
|
|
|
+ 纯重单价
|
|
|
+ </td>
|
|
|
+ <td class="col col-bgc">合计应付</td>
|
|
|
+ <td class="col col-bgc">购粮性质</td>
|
|
|
+ <td class="col col-bgc">车牌号</td>
|
|
|
+ <td class="col col-bgc" colspan="5">记事</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <td class="col ">{{ 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="5">{{ 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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="content" v-else>
|
|
|
<div class="sfcard" v-if="isShowPrintType1">
|
|
|
- <div class="sfcard-title">{{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}</div>
|
|
|
+ <div class="sfcard-title">
|
|
|
+ {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}</div>
|
|
|
<div class="sfcard-content">
|
|
|
<img :src="imageUrl1" class="avatar" />
|
|
|
<img :src="imageUrl2" class="avatar" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bankcard" v-if="isShowPrintType2">
|
|
|
- <div class="sfcard-title">{{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}</div>
|
|
|
+ <div class="sfcard-title">
|
|
|
+ {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}</div>
|
|
|
<div class="sfcard-content">
|
|
|
<img :src="imageUrl3" class="avatar" />
|
|
|
<img :src="imageUrl4" class="avatar" />
|
|
|
@@ -550,7 +765,9 @@
|
|
|
isShowPrintType4: false,
|
|
|
showType: [],
|
|
|
printData: {},
|
|
|
+ printData1: [],
|
|
|
customerList: {},
|
|
|
+ customerList1: [],
|
|
|
name: '',
|
|
|
bigContent: false,
|
|
|
smallContent: false,
|
|
|
@@ -560,14 +777,18 @@
|
|
|
imageUrl3: '',
|
|
|
imageUrl4: '',
|
|
|
identity: [],
|
|
|
- bank: []
|
|
|
+ bank: [],
|
|
|
+ selectPrint: false,
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
dealNo(str) {
|
|
|
return str.slice(4)
|
|
|
},
|
|
|
- tableRowClassName({ row, rowIndex }) {
|
|
|
+ tableRowClassName({
|
|
|
+ row,
|
|
|
+ rowIndex
|
|
|
+ }) {
|
|
|
if (rowIndex === 1) {
|
|
|
return 'warning-row'
|
|
|
} else if (rowIndex === 3) {
|
|
|
@@ -592,19 +813,45 @@
|
|
|
mounted() {
|
|
|
this.date = new Date().toLocaleString()
|
|
|
let _data = decodeURIComponent(this.getQueryVariable('dataList'))
|
|
|
- this.printData = JSON.parse(_data)
|
|
|
+ if (!_data) {
|
|
|
+ this.selectPrint = true;
|
|
|
+ this.printData1 = JSON.parse(sessionStorage.getItem('selectPrint_selectPrintList'))
|
|
|
+ } else {
|
|
|
+ this.printData = JSON.parse(_data)
|
|
|
+ this.selectPrint = false;
|
|
|
+ }
|
|
|
let _type = decodeURIComponent(this.getQueryVariable('type'))
|
|
|
this.showType = decodeURIComponent(this.getQueryVariable('printTypeList'))
|
|
|
- this.customerList = JSON.parse(decodeURIComponent(this.getQueryVariable('customerList')))
|
|
|
- console.log('cwprint',sessionStorage.getItem('cwprint'))
|
|
|
+ let _data1 = decodeURIComponent(this.getQueryVariable('customerList'))
|
|
|
+ if (!_data1) {
|
|
|
+ this.customerList1 = JSON.parse(sessionStorage.getItem('selectPrint_selectCustomerList'))
|
|
|
+ } else {
|
|
|
+ this.customerList = JSON.parse(_data1)
|
|
|
+ }
|
|
|
+ console.log('cwprint', sessionStorage.getItem('cwprint'))
|
|
|
var cwprint = sessionStorage.getItem('cwprint')
|
|
|
if (cwprint == "true") {
|
|
|
- this.identity = this.customerList.cardAddressUrl.split(',')
|
|
|
- this.bank = this.customerList.payeeAddressUrl.split(',')
|
|
|
- this.imageUrl1 = this.identity[0]
|
|
|
- this.imageUrl2 = this.identity[1]
|
|
|
- this.imageUrl3 = this.bank[0]
|
|
|
- this.imageUrl4 = this.bank[1]
|
|
|
+ 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 {
|
|
|
+ this.identity = this.customerList.cardAddressUrl.split(',')
|
|
|
+ this.bank = this.customerList.payeeAddressUrl.split(',')
|
|
|
+ this.imageUrl1 = this.identity[0]
|
|
|
+ this.imageUrl2 = this.identity[1]
|
|
|
+ this.imageUrl3 = this.bank[0]
|
|
|
+ this.imageUrl4 = this.bank[1]
|
|
|
+ }
|
|
|
+
|
|
|
let _lsit = this.showType.split(',')
|
|
|
for (let i = 0; i < _lsit.length; i++) {
|
|
|
switch (_lsit[i]) {
|
|
|
@@ -621,7 +868,7 @@
|
|
|
break
|
|
|
}
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.isShowPrintType3 = true
|
|
|
}
|
|
|
if (_type == 2) {
|
|
|
@@ -633,7 +880,7 @@
|
|
|
}
|
|
|
|
|
|
document.title = this.printData.compName + '结算凭证'
|
|
|
- window.print()
|
|
|
+ // window.print()
|
|
|
window.onafterprint = function(event) {
|
|
|
window.history.back(-1)
|
|
|
}
|
mxx