浏览代码

打印优化

lilei 3 年之前
父节点
当前提交
c6a1291f34
共有 2 个文件被更改,包括 6 次插入5 次删除
  1. 4 3
      src/libs/JGPrint.js
  2. 2 2
      src/views/expenseManagement/expenseReimbursement/previewModal.vue

+ 4 - 3
src/libs/JGPrint.js

@@ -26,7 +26,7 @@ export const JGPrintTag = function (html, width, height, data) {
   LODOP.PRINT_INIT("")
   LODOP.SET_SHOW_MODE('HIDE_PAPER_BOARD', 1) //  隐藏底图上有模拟走纸板的条纹线
   LODOP.SET_PRINT_MODE('POS_BASEON_PAPER', true) // 可使输出以纸张边缘为基点
-  LODOP.ADD_PRINT_HTM(0, 0, '100%', '100%', html)
+  LODOP.ADD_PRINT_HTML(0, 0, '100%', '100%', html)
   LODOP.ADD_PRINT_BARCODE('36%','65%',90,90,"QRCode",data.qrCodeContent)
   LODOP.SET_PRINT_STYLEA(0,"QRCodeVersion",5)
   // LODOP.SET_PRINT_STYLEA(0,"QRCodeErrorLevel",'H')
@@ -82,8 +82,9 @@ export const jGPrint = function (data, type) {
     }
     LODOP.SET_SHOW_MODE('HIDE_PAPER_BOARD', 1) //  隐藏底图上有模拟走纸板的条纹线
     // LODOP.SET_PRINT_MODE('POS_BASEON_PAPER', true) // 可使输出以纸张边缘为基点
-    LODOP.ADD_PRINT_HTM(0, 0, '100%', '100%', data)
-    LODOP.SET_PRINT_PAGESIZE(1,2090,40,"");
+    // LODOP.SET_PRINT_STYLEA(0,"TableRowThickNess",50)
+    LODOP.ADD_PRINT_HTM(10, 2, '98%', '100%', data)
+    LODOP.SET_PRINT_PAGESIZE(1,2100,0,"");
     if (type == 'preview') { //  预览
       LODOP.PREVIEW()
     } else if (type == 'print') { //  打印

+ 2 - 2
src/views/expenseManagement/expenseReimbursement/previewModal.vue

@@ -63,14 +63,14 @@
                 <div>{{ item.cityName }}</div>
               </td>
               <td style="text-align: right;width:12%;padding:5px 10px;">{{ item.expense||item.expense==0?item.expense.toFixed(2):'' }}</td>
-              <td style="text-align: left;width:28%;padding:5px 10px;">
+              <td style="text-align: left;width:28%;padding:5px 10px;vertical-align: top;">
                 <div v-for="(ditem,index) in item.detailSplitList" :key="ditem.id+'-'+index" style="padding: 3px 0;" >
                   {{ ditem.splitObjName }}
                   <span v-if="ditem.childDetailSplit&&ditem.childDetailSplit.splitObjName">/</span>
                   {{ ditem.childDetailSplit?ditem.childDetailSplit.splitObjName:'' }}: {{ ditem.childDetailSplit?ditem.childDetailSplit.splitAmount:ditem.splitAmount }}元
                 </div>
               </td>
-              <td style="text-align: left;width:20%;padding:5px 10px;">
+              <td style="text-align: left;width:20%;padding:5px 10px;vertical-align: top;">
                 <div v-for="ditem in item.detailProductsList" :key="ditem.id" style="padding: 3px 0;">
                   <div v-if="ditem.productCode">{{ ditem.productCode }}: {{ ditem.expense }}元</div>
                   <div v-else-if="ditem.productBrandName">{{ ditem.productBrandName }}<span v-if="ditem.productTypeShowName">/</span>{{ ditem.productTypeShowName }}: {{ ditem.expense.toFixed(2) }}元</div>