报告转pdf样式问题修复

src/modules/card/assets/styles/card-preview.scss

@@ -846,6 +846,12 @@
       }
     }
   }
+  &.is-side {
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    -webkit-transform-origin: 0 100%;
+    transform-origin: 0 100%;
+  }
 }
 // elem-barcode
 .elem-barcode {
@@ -1222,6 +1228,13 @@
   white-space: normal;
   overflow: hidden;
   font-size: 0;
+
+  &.is-side {
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    -webkit-transform-origin: 0 100%;
+    transform-origin: 0 100%;
+  }
 }
 .fill-field {
   &-item {

src/modules/card/assets/styles/card-temp.css

@@ -1174,7 +1174,10 @@
   overflow: hidden;
   font-size: 0;
 }
-
+.elem-fill-field.is-side {
+  transform: rotate(-90deg);
+  transform-origin: 0 100%;
+}
 .fill-field-item {
   display: inline-block;
   padding: 0 10px;

src/modules/card/elements/text/ElemText.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="elem-text" :style="elemStyles">
+  <div
+    :class="['elem-text', { 'is-side': data.mode === 'side' }]"
+    :style="elemStyles"
+  >
     <div class="text-body" :style="styles">
       <span
         v-for="(cont, index) in data.content"
@@ -41,8 +44,6 @@ export default {
           position: "absolute",
           width: this.data.h + "px",
           height: this.data.w + "px",
-          transform: "rotate(-90deg)",
-          "transform-origin": "0 100%",
           bottom: 0,
           left: this.data.w + "px",
         };

src/modules/paper-export/elements/field-text/ElemFieldText.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="elem-text" :style="elemStyles">
+  <div
+    :class="['elem-text', { 'is-side': data.mode === 'side' }]"
+    :style="elemStyles"
+  >
     <div class="text-body" :style="styles">
       <div>{{ data.content || data.fieldName }}</div>
     </div>
@@ -36,8 +39,6 @@ export default {
           position: "absolute",
           width: this.data.h + "px",
           height: this.data.w + "px",
-          transform: "rotate(-90deg)",
-          "transform-origin": "0 100%",
           bottom: 0,
           left: this.data.w + "px",
         };

src/modules/paper-export/elements/fill-field/ElemFillField.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="elem-fill-field" :style="elemStyles">
+  <div
+    :class="['elem-fill-field', { 'is-side': data.mode === 'side' }]"
+    :style="elemStyles"
+  >
     <div
       v-for="(info, index) in fieldList"
       :key="index"
@@ -66,8 +69,6 @@ export default {
           position: "absolute",
           width: this.data.h + "px",
           height: this.data.w + "px",
-          transform: "rotate(-90deg)",
-          "transform-origin": "0 100%",
           bottom: 0,
           left: this.data.w + "px",
         };