|
|
@@ -1,8 +1,11 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <link
|
|
|
+ rel="stylesheet"
|
|
|
+ href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
|
|
|
+ />
|
|
|
<title></title>
|
|
|
<style>
|
|
|
table,
|
|
|
@@ -21,11 +24,11 @@
|
|
|
width: 1000px;
|
|
|
/* height: 583px; */
|
|
|
margin: auto;
|
|
|
- position: absolute;
|
|
|
- top: -5vh;
|
|
|
- bottom: 0;
|
|
|
+ /* position: absolute; */
|
|
|
+ /* top: -5vh; */
|
|
|
+ /* bottom: 0;
|
|
|
left: 0;
|
|
|
- right: 0;
|
|
|
+ right: 0; */
|
|
|
}
|
|
|
|
|
|
table {
|
|
|
@@ -53,7 +56,7 @@
|
|
|
img {
|
|
|
width: 41px;
|
|
|
height: 41px;
|
|
|
- margin-right: 118px;
|
|
|
+ /* margin-right: 118px; */
|
|
|
}
|
|
|
|
|
|
.config {
|
|
|
@@ -113,188 +116,258 @@
|
|
|
.sign {
|
|
|
margin-right: 100px;
|
|
|
}
|
|
|
- .header{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: 16px;
|
|
|
- margin: 10px 0;
|
|
|
- }
|
|
|
- .header1{
|
|
|
- font-size: 24px;
|
|
|
- margin: 60px 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;
|
|
|
- }
|
|
|
+ .header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+ .header1 {
|
|
|
+ font-size: 24px;
|
|
|
+ margin: 60px 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;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .sfcard-content img {
|
|
|
+ /* height: 50vh; */
|
|
|
+ width: 45%;
|
|
|
+ height: 50vh;
|
|
|
+ }
|
|
|
+ .sfcard-title {
|
|
|
+ font-size: 28px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 50px 0;
|
|
|
+ }
|
|
|
+ .avatar {
|
|
|
+ margin-bottom: 120px;
|
|
|
+ }
|
|
|
+ .avatar:nth-of-type(2) {
|
|
|
+ margin-bottom: 140px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<div class="content" v-if="bigContent">
|
|
|
- <div class="center">
|
|
|
- <div class="header1">{{ printData.compName}}结算凭证</div>
|
|
|
- <div class="line"></div>
|
|
|
- <div class="line"></div>
|
|
|
- <div class="header">
|
|
|
+ <div class="sfcard" v-if="isShowPrintType1">
|
|
|
+ <div class="sfcard-title">身份证</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">银行卡</div>
|
|
|
+ <div class="sfcard-content">
|
|
|
+ <img :src="imageUrl3" class="avatar" />
|
|
|
+ <img :src="imageUrl4" class="avatar" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="center" v-if="isShowPrintType3">
|
|
|
+ <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.currentTime}}</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>
|
|
|
- </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.pureWeight}}</td>
|
|
|
- </tr>
|
|
|
- <tr class="row">
|
|
|
- <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">卸车扣款</td>
|
|
|
- </tr>
|
|
|
- <tr class="row">
|
|
|
- <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" 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 ">{{ 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="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.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">
|
|
|
+ </div>
|
|
|
+ <div class="header-top">
|
|
|
+ <div>单位：公斤、元</div>
|
|
|
+ <div>No.</div>
|
|
|
+ </div>
|
|
|
+ <div class="header-top">
|
|
|
+ <div>开票日期：{{printData.currentTime}}</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>
|
|
|
+ </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.pureWeight}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <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">卸车扣款</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="row">
|
|
|
+ <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" 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 ">{{ 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="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.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">
|
|
|
+ <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 class="small-content" v-if="smallContent">
|
|
|
<div class="small-title">
|
|
|
<div>
|
|
|
- {{printData.compName}}结算凭证</div>
|
|
|
- <img class="small-img" src="../img/add.png" alt="">
|
|
|
+ {{printData.compName}}结算凭证
|
|
|
+ </div>
|
|
|
+ <img class="small-img" src="../img/add.png" alt="" />
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
<div>开票日期</div>
|
|
|
@@ -473,47 +546,84 @@
|
|
|
new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
- printData: [],
|
|
|
- name: "",
|
|
|
+ isShowPrintType1: false,
|
|
|
+ isShowPrintType2: false,
|
|
|
+ isShowPrintType3: false,
|
|
|
+ isShowPrintType4: false,
|
|
|
+ showType: [],
|
|
|
+ printData: {},
|
|
|
+ customerList: {},
|
|
|
+ name: '',
|
|
|
bigContent: false,
|
|
|
smallContent: false,
|
|
|
- date: ""
|
|
|
+ date: '',
|
|
|
+ imageUrl1: '',
|
|
|
+ imageUrl2: '',
|
|
|
+ imageUrl3: '',
|
|
|
+ imageUrl4: '',
|
|
|
+ identity: [],
|
|
|
+ bank: []
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- dealNo(str){
|
|
|
- return str.slice(4)
|
|
|
+ dealNo(str) {
|
|
|
+ return str.slice(4)
|
|
|
},
|
|
|
- tableRowClassName({
|
|
|
- row,
|
|
|
- rowIndex
|
|
|
- }) {
|
|
|
+ tableRowClassName({ row, rowIndex }) {
|
|
|
if (rowIndex === 1) {
|
|
|
- return 'warning-row';
|
|
|
+ return 'warning-row'
|
|
|
} else if (rowIndex === 3) {
|
|
|
- return 'success-row';
|
|
|
+ return 'success-row'
|
|
|
}
|
|
|
- return '';
|
|
|
+ return ''
|
|
|
},
|
|
|
getQueryVariable(variable) {
|
|
|
- var query = window.location.search.substring(1);
|
|
|
- var vars = query.split("&");
|
|
|
+ var query = window.location.search.substring(1)
|
|
|
+ var vars = query.split('&')
|
|
|
for (var i = 0; i < vars.length; i++) {
|
|
|
- var pair = vars[i].split("=");
|
|
|
+ var pair = vars[i].split('=')
|
|
|
if (pair[0] == variable) {
|
|
|
- return pair[1];
|
|
|
+ return pair[1]
|
|
|
}
|
|
|
}
|
|
|
- return (false);
|
|
|
+ return false
|
|
|
},
|
|
|
printSmall() {},
|
|
|
- printBig() {},
|
|
|
+ printBig() {}
|
|
|
},
|
|
|
mounted() {
|
|
|
-
|
|
|
this.date = new Date().toLocaleString()
|
|
|
- let _data = decodeURIComponent(this.getQueryVariable("dataList"))
|
|
|
- let _type = decodeURIComponent(this.getQueryVariable("type"))
|
|
|
+ let _data = decodeURIComponent(this.getQueryVariable('dataList'))
|
|
|
+ this.printData = JSON.parse(_data)
|
|
|
+ let _type = decodeURIComponent(this.getQueryVariable('type'))
|
|
|
+ if (sessionStorage.getItem('ws-pf_roleName') == '财务') {
|
|
|
+ this.showType = decodeURIComponent(this.getQueryVariable('printTypeList'))
|
|
|
+ this.customerList = JSON.parse(decodeURIComponent(this.getQueryVariable('customerList')))
|
|
|
+ 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]) {
|
|
|
+ case '打印身份证（正反面）':
|
|
|
+ this.isShowPrintType1 = !this.isShowPrintType1
|
|
|
+ break
|
|
|
+ case '打印银行卡（正反面）':
|
|
|
+ this.isShowPrintType2 = !this.isShowPrintType2
|
|
|
+ break
|
|
|
+ case '打印结算凭证':
|
|
|
+ this.isShowPrintType3 = !this.isShowPrintType3
|
|
|
+ case '打印发票':
|
|
|
+ this.isShowPrintType4 = !this.isShowPrintType4
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.isShowPrintType3 = true
|
|
|
+ }
|
|
|
if (_type == 2) {
|
|
|
this.bigContent = true
|
|
|
this.smallContent = false
|
|
|
@@ -521,17 +631,14 @@
|
|
|
this.smallContent = true
|
|
|
this.bigContent = false
|
|
|
}
|
|
|
- // console.log(_data)
|
|
|
- this.printData = JSON.parse(_data)
|
|
|
- // console.log(this.tableData)
|
|
|
- document.title=printData.compName+"结算凭证"
|
|
|
+
|
|
|
+ document.title = this.printData.compName + '结算凭证'
|
|
|
window.print()
|
|
|
window.onafterprint = function(event) {
|
|
|
window.history.back(-1)
|
|
|
- };
|
|
|
+ }
|
|
|
},
|
|
|
watch: {}
|
|
|
})
|
|
|
</script>
|
|
|
-
|
|
|
</html>
|
mxx