更新

public/static/payprint2.html

@@ -10,48 +10,48 @@
             border: 2px solid #333333;
             padding: 5px 0;
         }
-        
+
         #app {
             height: 88vh;
             position: relative;
         }
-        
+
         .simple {
-            height: 120vh !important;
+            height: 100vh !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;
@@ -59,35 +59,35 @@
             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;
@@ -101,7 +101,7 @@
             margin: auto;
             height: 650px;
         }
-        
+
         .small-title {
             text-align: center;
             font-size: 18px;
@@ -109,88 +109,99 @@
             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;
+            /* background: red; */
         }
-        
+
         .sfcard-content {
             /*        display: flex;
         align-items: center;
         justify-content: space-evenly; */
+            /* background-color: red; */
+            /* height: 100vh; */
+        }
+        .sfcard-content_other{
+              height: 100vh;
         }
         
-        .sfcard-content img {
+
+        .sfcard-content img ,.sfcard-content_other img{
             width: 100%;
-            height: 130vh;
+            height: calc(100vh - 100px);
         }
-        
+
         .sfcard-title {
             font-size: 28px;
             text-align: center;
         }
-        
+
         .center {
-            height: 140vh;
+            height: 100vh;
         }
-        
+
         .part2 {
-            height: 140vh;
+            height: 100vh;
             /* background: red; */
         }
-        
+
         .part5 {
             width: 100%
         }
-        
+
         .paymentScreenshot {
             width: 100%;
             height: 130vh
         }
+        .bankCard_css{
+            width: 100%;
+            height: 100vh;
+        }
+
         /* .onlypz-center{
         height: 130vh;
       } */
@@ -524,9 +535,10 @@
                     </div>
 
                     <div class="part1" v-if="isShowPrintType1">
-                        <div class="sfcard-content">
+                        <div class="sfcard-content_other">
                             <div class="sfcard-title">
-                                {{ printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
+                                {{
+                                printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
                             </div>
                             <img :src="customerList1[index].imgURl.imageUrl1" class="avatar" />
                         </div>
@@ -539,17 +551,22 @@
               </div> -->
                     </div>
                     <div class="bankcard" v-if="isShowPrintType2">
-
-                        <div class="sfcard-content part2">
+                        <div class="sfcard-content">
                             <div class="sfcard-title">
                                 {{printData1[index].bankDeposit}}{{printData1[index].bankCard}}
                             </div>
                             <!-- <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" /> -->
-                            <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl3" class="avatar" />
-                            <img v-else  class="avatar" />
-                            <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl4" class="avatar" />
-                            <img v-else  class="avatar" />
+                            <div class="bankCard_css">
+                                <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl3"
+                                class="avatar" />
+                            <img v-else class="avatar" />
 
+                            </div>
+                            <div class="bankCard_css">
+                                <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl4"
+                                class="avatar" />
+                                <img v-else class="avatar" />
+                            </div>
                         </div>
                         <!--          <div class="sfcard-content part2">
                 <div class="sfcard-title">
@@ -1127,12 +1144,12 @@
                 }
                 return false
             },
-            printSmall() {},
-            printBig() {}
+            printSmall() { },
+            printBig() { }
         },
         mounted() {
             this.date = new Date().toLocaleString()
-                // let _data = decodeURIComponent(this.getQueryVariable('dataList'))
+            // let _data = decodeURIComponent(this.getQueryVariable('dataList'))
             let _data = {}
             if (localStorage.getItem('print_pay_data')) {
                 _data = localStorage.getItem('print_pay_data')
@@ -1157,7 +1174,7 @@
                 }
             } else {
                 this.printData = JSON.parse(_data)
-                    //地址过长截取
+                //地址过长截取
                 if (this.printData.identityAuthenticationInfo && this.printData.identityAuthenticationInfo.compAddress.length > 24) {
                     this.printData.identityAuthenticationInfo.compAddress = this.printData.identityAuthenticationInfo
                         .compAddress.substring(0, 24)
@@ -1166,13 +1183,13 @@
             }
             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'))
+                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(
@@ -1187,7 +1204,7 @@
                 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(',')
+                        // let _url2 = this.customerList1[i].payeeAddressUrl.split(',')
                         this.customerList1[i].imgURl = {
                             imageUrl1: _url1[0],
                             imageUrl2: _url1[1],
@@ -1258,9 +1275,9 @@
             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) {
+            // sessionStorage.removeItem('selectPrint_selectPrintList');
+            // sessionStorage.removeItem('selectPrint_selectCustomerList');
+            window.onafterprint = function (event) {
                 window.history.back(-1)
             }
         },