fix: pdf导出边框变形问题
BIN
frontend/public/board/blue_1.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
frontend/public/board/blue_2.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
frontend/public/board/blue_3.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
frontend/public/board/blue_4.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
frontend/public/board/blue_5.png
Normal file
After Width: | Height: | Size: 965 B |
BIN
frontend/public/board/blue_6.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
frontend/public/board/blue_7.png
Normal file
After Width: | Height: | Size: 518 B |
BIN
frontend/public/board/blue_8.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
frontend/public/board/blue_9.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
frontend/public/board/dark_1.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
@ -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') {
|
||||
|
@ -21,6 +21,7 @@
|
||||
:in-screen="inScreen"
|
||||
:terminal="terminal"
|
||||
:filters="filterMap[item.propValue && item.propValue.viewId]"
|
||||
:screen-shot="screenShot"
|
||||
/>
|
||||
<!--视图详情-->
|
||||
<el-dialog
|
||||
|
@ -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
|
||||
|
@ -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)
|
||||
|