center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #1387 from dataease/pr@dev@fix_panel-pdf

Browse Source 
fix: 修复仪表板pdf截图问题
This commit is contained in:
王嘉豪 2021-12-03 17:36:10 +08:00 committed by GitHub
commit 2a9fdea052
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/canvas/components/Editor/Preview.vue
View File

@ -108,7 +108,9 @@ export default {
},
computed: {
customStyle() {
let style = {}
let style = {
width: '100%'
}
if (this.canvasStyleData.openCommonStyle) {
if (this.canvasStyleData.panel.backgroundType === 'image' && this.canvasStyleData.panel.imageUrl) {
style = {
@ -266,6 +268,7 @@ export default {
.main-class {
width: 100%;
height: 100%;
background-size: 100% 100% !important;
}
.custom-position {

3
frontend/src/views/panel/export/PDFPreExport.vue
View File

@ -97,7 +97,8 @@ export default {
const contentWidth = canvas.width
const contentHeight = canvas.height
const pageData = canvas.toDataURL('image/jpeg', 1.0)
const PDF = new JsPDF('p', 'pt', [contentWidth, contentHeight])
const lp = contentWidth > contentHeight ? 'l' : 'p'
const PDF = new JsPDF(lp, 'pt', [contentWidth, contentHeight])
PDF.addImage(pageData, 'JPEG', 0, 0, contentWidth, contentHeight)
PDF.save(_this.panelName + '.pdf')
_this.$emit('closePreExport')