打印模板Logo

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}</div>
         <div class="print-title">
             BreakFast Coupon
@@ -104,6 +107,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
+        padding: 3mm;
 
         .print-title {
             text-align: center;
@@ -115,7 +119,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,6 +1,9 @@
 <template>
     <div :class="sizeTypeClass">
         <div class="content">
+            <div class="print-logo">
+                <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+            </div>
             <div class="print-title">{{ storeInfo.name }}换房确认单</div>
 
             <div class="print-feesinfo">

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

@@ -94,6 +94,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
+        padding: 3mm;
         .print-logo{
             display: flex;
             align-items: center;
@@ -115,7 +116,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,6 +1,9 @@
 <template>
     <div class="a5">
         <div class="content">
+            <div class="print-logo">
+                <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+            </div>
             <div class="print-title">{{ storeInfo.name }}交班明细表</div>
 
             <div class="print-fee-info">

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

@@ -1,6 +1,9 @@
 <template>
     <div :class="sizeTypeClass">
         <div class="content">
+            <div class="print-logo">
+                <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+            </div>
             <div class="print-title">{{ storeInfo.name }}交班列表</div>
 
             <div class="print-fee-info">

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}入库单</div>
         <div v-if="sizeTypeClass == 'a5'">
             <div class="print-fee-info">
@@ -224,7 +227,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
-
+        padding: 3mm;
         .print-title {
             text-align: center;
             font-size: 16px;
@@ -235,7 +238,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}出库单</div>
         <div v-if="sizeTypeClass == 'a5'">
             <div class="print-fee-info">
@@ -214,7 +217,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
-
+        padding: 3mm;
         .print-title {
             text-align: center;
             font-size: 16px;
@@ -225,7 +228,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}收款单</div>
         <div class="print-no">NO.{{ feeInfo.no }}</div>
         <div class="print-fee-info">
@@ -208,7 +211,7 @@ export default {
 .mm58 {
     width: 58mm;
     border: 1px solid #00000055;
-
+    padding: 3mm;
     .print-title {
         text-align: center;
         font-size: 16px;
@@ -219,7 +222,7 @@ export default {
 .mm80 {
     width: 80mm;
     border: 1px solid #00000055;
-    padding-left: 3mm;
+    padding: 3mm;
 
     .print-fee-info {
         display: flex;

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}会员扣费单</div>
         <div v-if="sizeTypeClass == 'a5'">
             <div class="print-fee-info">
@@ -159,7 +162,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
-
+        padding: 3mm;
         .print-title {
             text-align: center;
             font-size: 16px;
@@ -170,7 +173,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}支付单</div>
 
         <div class="print-fee-info">

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}预结单</div>
         <div class="print-fee-info">
             <div class="print-fee-item-wrapper">

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}退款单</div>
 <!--        <div class="print-no">NO.{{ feeInfo.no }}</div>-->
         <div v-if="sizeTypeClass == 'a5'">
@@ -308,7 +311,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
-
+        padding: 3mm;
         .print-title {
             text-align: center;
             font-size: 16px;
@@ -319,7 +322,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;

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

@@ -1,6 +1,9 @@
 <template>
     <div :class="sizeTypeClass">
         <div class="content">
+            <div class="print-logo">
+                <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+            </div>
             <div class="print-title">{{ storeInfo.name }}续住单</div>
 
             <div class="print-fee-info">

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}结账单</div>
         <div class="print-no">NO.{{ feeInfo.no }}</div>
         <div class="print-fee-info">
@@ -184,7 +187,7 @@ export default {
 .mm58 {
     width: 58mm;
     border: 1px solid #00000055;
-
+    padding: 3mm;
     .print-title {
         text-align: center;
         font-size: 16px;
@@ -195,7 +198,7 @@ export default {
 .mm80 {
     width: 80mm;
     border: 1px solid #00000055;
-    padding-left: 3mm;
+    padding: 3mm;
 
     .print-fee-info {
         display: flex;

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

@@ -1,5 +1,8 @@
 <template>
     <div :class="sizeTypeClass">
+        <div class="print-logo">
+            <j-image-upload class="avatar-uploader" text="上传" v-model="defModel.hotelLogo" ></j-image-upload>
+        </div>
         <div class="print-title">{{ storeInfo.name }}团队 结账单</div>
 
         <div class="print-fee-info">
@@ -158,6 +161,13 @@
                 type: String,
                 default: ""
             },
+            defModel:{
+                type:Object,
+                default(){
+                    return {
+                    }
+                }
+            },
             dataSource:{
                 type:Object ,
                 default() {
@@ -202,6 +212,7 @@
     .mm58 {
         width: 58mm;
         border: 1px solid #00000055;
+        padding: 3mm;
 
         .print-title {
             text-align: center;
@@ -213,7 +224,7 @@
     .mm80 {
         width: 80mm;
         border: 1px solid #00000055;
-        padding-left: 3mm;
+        padding: 3mm;
 
         .print-fee-info {
             display: flex;