打印

src/views/settings/components/modules/printComponents/incomePrint.vue

@@ -65,14 +65,21 @@
 
         <div class="info-split"></div>
         <div class="info-split-dashed"></div>
+        <div class="print-fees-header fee-row" style="padding-bottom: 5px" v-for="(item,index) in dataSource">
+            <div class="fee-cell flex-2">{{item.roomNo}}</div>
+            <div class="fee-cell flex-2">{{item.projectName}}</div>
+            <div class="fee-cell">{{item.payAmount}}</div>
+            <div class="fee-cell">{{item.cost}}</div>
+            <div class="fee-cell">{{item.payTypeName}}</div>
+        </div>
         <div class="info-split"></div>
 
         <div class="print-fees">
             <div class="print-fees-header fee-row">
                 <div class="fee-cell flex-2"></div>
                 <div class="fee-cell">合计:</div>
-                <div class="fee-cell">0</div>
-                <div class="fee-cell">0</div>
+                <div class="fee-cell">{{totalAmount}}</div>
+                <div class="fee-cell">{{totalCost}}</div>
                 <div class="fee-cell flex-3"></div>
             </div>
         </div>
@@ -103,6 +110,7 @@
         </div>
         <div class="qr-code-wrapper">
             <div class="code-content"></div>
+<!--            <img class="j-editable-image" style="height: 120px;" id="image" src="https://img.xjishu.com/img/zl/2018/6/30/1241359458913.gif"/>-->
             <div style="margin-bottom: 10px;font-size: smaller;">扫码自助开票</div>
         </div>
     </div>
@@ -142,6 +150,39 @@ export default {
         defContent: {
             type: String,
             default: ""
+        },
+        dataSource:{
+            type:Array,
+            default() {
+                return [
+                    {
+                        roomNo:'8212',
+                        projectName:'科目一',
+                        payAmount:'88',
+                        cost:'98',
+                        payTypeName:'微信',
+                    },
+                    {
+                        roomNo:'8212',
+                        projectName:'科目一',
+                        payAmount:'88',
+                        cost:'98',
+                        payTypeName:'微信',
+                    }
+                ];
+            }
+        },
+        totalAmount: {
+            type: Number,
+            default() {
+                return 188
+            }
+        },
+        totalCost: {
+            type: Number,
+            default() {
+                return 218
+            }
         }
     },
     data() {

src/views/settings/components/modules/printComponents/settlePrint.vue

@@ -49,14 +49,21 @@
 
         <div class="info-split"></div>
         <div class="info-split-dashed"></div>
+        <div class="print-fees-header fee-row" style="padding-bottom: 5px" v-for="(item,index) in dataSource">
+            <div class="fee-cell flex-2">{{item.roomNo}}</div>
+            <div class="fee-cell flex-2">{{item.projectName}}</div>
+            <div class="fee-cell">{{item.payAmount}}</div>
+            <div class="fee-cell">{{item.cost}}</div>
+            <div class="fee-cell">{{item.payTypeName}}</div>
+        </div>
         <div class="info-split"></div>
 
         <div class="print-fees">
             <div class="print-fees-header fee-row">
                 <div class="fee-cell flex-2"></div>
                 <div class="fee-cell">合计:</div>
-                <div class="fee-cell">0</div>
-                <div class="fee-cell">0</div>
+                <div class="fee-cell">{{totalAmount}}</div>
+                <div class="fee-cell">{{totalCost}}</div>
                 <div class="fee-cell flex-3"></div>
             </div>
         </div>
@@ -119,6 +126,39 @@ export default {
         defContent: {
             type: String,
             default: ""
+        },
+        dataSource:{
+            type:Array,
+            default() {
+                return [
+                    {
+                        roomNo:'8212',
+                        projectName:'科目一',
+                        payAmount:'88',
+                        cost:'98',
+                        payTypeName:'微信',
+                    },
+                    {
+                        roomNo:'8212',
+                        projectName:'科目一',
+                        payAmount:'88',
+                        cost:'98',
+                        payTypeName:'微信',
+                    }
+                ];
+            }
+        },
+        totalAmount: {
+            type: Number,
+            default() {
+                return 188
+            }
+        },
+        totalCost: {
+            type: Number,
+            default() {
+                return 218
+            }
         }
     },
     data() {

src/views/settings/components/modules/printTemplateForm.vue

@@ -411,13 +411,16 @@
             } else {
 
             }
+            // var img = document.getElementById("image");
+            // img.src = 'https://img.xjishu.com/img/zl/2018/6/30/1241359458913.gif';
+            //打印图片要放在<img>标签中
             printJS({
                 printable: "print_content", // 'printFrom', // 标签元素id
                 type: 'html',
                 header: '', // '表单',
                 targetStyles: ['*'],
                 maxWidth:_maxWidth,
-                style: '@page {margin:'+_content+'mm};', // 可选-打印时去掉眉页眉尾
+                style: '@page {margin:'+_content+'mm;size: A3;};', // 可选-打印时去掉眉页眉尾
                 ignoreElements: [], // ['no-print']
                 properties: null
             })