fix: pdf导出边框变形问题

frontend/src/components/canvas/components/Editor/ComponentWrapper.vue

@@ -82,6 +82,10 @@ export default {
     filters: {
       type: Array,
       default: () => []
+    },
+    screenShot: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -100,7 +104,11 @@ export default {
         style['border-radius'] = (this.config.commonBackground.borderRadius || 0) + 'px'
         if (this.config.commonBackground.enable) {
           if (this.config.commonBackground.backgroundType === 'innerImage') {
-            style['background'] = `url(${this.config.commonBackground.innerImage}) no-repeat`
+            let innerImage = this.config.commonBackground.innerImage
+            if (this.screenShot) {
+              innerImage = innerImage.replace('svg', 'png')
+            }
+            style['background'] = `url(${innerImage}) no-repeat`
           } else if (this.config.commonBackground.backgroundType === 'outerImage') {
             style['background'] = `url(${this.config.commonBackground.outerImage}) no-repeat`
           } else if (this.config.commonBackground.backgroundType === 'color') {

frontend/src/components/canvas/components/Editor/Preview.vue

@@ -21,6 +21,7 @@
           :in-screen="inScreen"
           :terminal="terminal"
           :filters="filterMap[item.propValue && item.propValue.viewId]"
+          :screen-shot="screenShot"
         />
         <!--视图详情-->
         <el-dialog

frontend/src/components/canvas/components/Editor/index.vue

@@ -179,7 +179,7 @@
       :destroy-on-close="true"
       :append-to-body="true"
     >
-      <background />
+      <background @backgroundSetClose="backgroundSetClose" />
     </el-dialog>
   </div>
 </template>
@@ -1025,13 +1025,13 @@ export default {
         _this.positionBoxInfoArray = positionBox
       }, 500)
     }
-    eventBus.$on('backgroundSetClose', () => {
-      this.boardSetVisible = false
-    })
   },
   created() {
   },
   methods: {
+    backgroundSetClose() {
+      this.boardSetVisible = false
+    },
     boardSet(item) {
       this.$emit('boardSet', item)
       this.boardSetVisible = true

frontend/src/views/background/index.vue

@@ -128,19 +128,26 @@ export default {
       predefineColors: COLOR_PANEL
     }
   },
+  created() {
+    this.init()
+  },
   mounted() {
-    if (this.curComponent && this.curComponent.commonBackground && this.curComponent.commonBackground.outerImage && typeof (this.curComponent.commonBackground.outerImage) === 'string') {
-      this.fileList.push({ url: this.curComponent.commonBackground.outerImage })
-    }
-    this.backgroundOrigin = deepCopy(this.curComponent.commonBackground)
-    this.queryBackground()
+
   },
   computed: {
     ...mapState([
-      'curComponent'
+      'curComponent',
+      'componentData'
     ])
   },
   methods: {
+    init() {
+      if (this.curComponent && this.curComponent.commonBackground && this.curComponent.commonBackground.outerImage && typeof (this.curComponent.commonBackground.outerImage) === 'string') {
+        this.fileList.push({ url: this.curComponent.commonBackground.outerImage })
+      }
+      this.backgroundOrigin = deepCopy(this.curComponent.commonBackground)
+      this.queryBackground()
+    },
     queryBackground() {
       queryBackground().then(response => {
         this.BackgroundShowMap = response.data
@@ -154,11 +161,12 @@ export default {
       this.curComponent.commonBackground.outerImage = this.backgroundOrigin.outerImage
       this.curComponent.commonBackground.alpha = this.backgroundOrigin.alpha
       this.curComponent.commonBackground.borderRadius = this.backgroundOrigin.borderRadius
-      eventBus.$emit('backgroundSetClose')
+      this.curComponent.commonBackground.innerPadding = this.backgroundOrigin.innerPadding
+      this.$emit('backgroundSetClose')
     },
     save() {
       this.$store.commit('recordSnapshot')
-      eventBus.$emit('backgroundSetClose')
+      this.$emit('backgroundSetClose')
     },
     commitStyle() {
       const canvasStyleData = deepCopy(this.canvasStyleData)