From cd7054a6924faa5f04dc451d5e784e07ef27f0cd Mon Sep 17 00:00:00 2001 From: wangjiahao <1522128093@qq.com> Date: Tue, 29 Mar 2022 20:54:38 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20pdf=E5=AF=BC=E5=87=BA=E8=BE=B9=E6=A1=86?= =?UTF-8?q?=E5=8F=98=E5=BD=A2=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/public/board/blue_1.png | Bin 0 -> 1808 bytes frontend/public/board/blue_2.png | Bin 0 -> 2420 bytes frontend/public/board/blue_3.png | Bin 0 -> 1604 bytes frontend/public/board/blue_4.png | Bin 0 -> 1816 bytes frontend/public/board/blue_5.png | Bin 0 -> 965 bytes frontend/public/board/blue_6.png | Bin 0 -> 2077 bytes frontend/public/board/blue_7.png | Bin 0 -> 518 bytes frontend/public/board/blue_8.png | Bin 0 -> 1607 bytes frontend/public/board/blue_9.png | Bin 0 -> 1830 bytes frontend/public/board/dark_1.png | Bin 0 -> 1595 bytes .../components/Editor/ComponentWrapper.vue | 10 +++++++- .../canvas/components/Editor/Preview.vue | 1 + .../canvas/components/Editor/index.vue | 8 +++--- frontend/src/views/background/index.vue | 24 ++++++++++++------ 14 files changed, 30 insertions(+), 13 deletions(-) create mode 100644 frontend/public/board/blue_1.png create mode 100644 frontend/public/board/blue_2.png create mode 100644 frontend/public/board/blue_3.png create mode 100644 frontend/public/board/blue_4.png create mode 100644 frontend/public/board/blue_5.png create mode 100644 frontend/public/board/blue_6.png create mode 100644 frontend/public/board/blue_7.png create mode 100644 frontend/public/board/blue_8.png create mode 100644 frontend/public/board/blue_9.png create mode 100644 frontend/public/board/dark_1.png diff --git a/frontend/public/board/blue_1.png b/frontend/public/board/blue_1.png new file mode 100644 index 0000000000000000000000000000000000000000..a24c10ded13b83b4e1da9961d0ca3dba771d0251 GIT binary patch literal 1808 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 ls#PmTlkTD8T># literal 0 HcmV?d00001 diff --git a/frontend/public/board/blue_5.png b/frontend/public/board/blue_5.png new file mode 100644 index 0000000000000000000000000000000000000000..bef6fb6959050a90a6ae8464ece4defce7a19e2f GIT binary patch literal 965 zcmeAS@N?(olHy`uVBq!ia0y~yV0-|?IvmVE5gmmI89=Hfz$e5NNHeVZ&(QE+bm}YK zDNjTuKN6VojBny&p()P=r@s)K{FHz46TvA@1gC-+{8OF@Oa`K-0#lv{OaYQm#6K0p z`$A*i?zn3en`x@i9rHiFHm-A1UM(4c$EI*doyg60qvpBJN*`4idadV_T zbcdu7Bb!SNjNBU-Acz^JiII)RBLBhdtmpr=ZknzsJAMB9o(=AGwSlZW5e=*m zBmvXJjcgfq!yqmIl04X4rgNZy5y@tRVuW1=2{3N}6+;~mfovBWc83)+Abdnka}lA7 z>xE;MBjV-GYGv+uLt?h!Zl?v)1T z%FM}gUWqQ`lUe3=@{I#C8>Tlzc_B&Q5-bU{>-w!Nb2+=u_>Z8)o+<4=gT0k_rA?mh zvn|*RNmAL|;1m_j#IIHuYtff^rI$r|rq`sPcd~pUd-t{dx!M9u(F~rhelF{r5}E*J CqG}NU literal 0 HcmV?d00001 diff --git a/frontend/public/board/blue_6.png b/frontend/public/board/blue_6.png new file mode 100644 index 0000000000000000000000000000000000000000..0e07e75f6ebf20bb93693b98e221412efa215aa0 GIT binary patch literal 2077 zcmZvd2~>=G7{r1{i#8N+*si#HNWcR56;;ji&dY zXaW?i7mzq|7mnJ6r3)}*A%-TzkVR;i5u<2bU<5}KVJRXkO^hYOvlx08h9UqMnkqum z#3+gw2X0XXSh^5P6Je;J;8`>PC_*$HU_vZK3<^W;g2kzF3yKI0iYmsD#jqE>2k^OY8>RhFQdZgh3eMvvl~12N zui{p}d{t9h_qx7;_x?juQ*%pe8^2Q^6p6cfdi(kZJ`D{^Mn=Ajj(z+7Ln@Wpb|4Re z{D{3CZZ2i5kXTmfP;Ohr*hR*CgfA-WmcgDTYTlkEd?t1v9h-2%c zGx7U&?1^q%8i>nd_+K+4N8G&Up7HQevGqxwdVHwZ;z7sNy3yS4Hd)rhfinqpEs{2j zD|zv9(L9#U_FxvnV1b#v{%!Towae4`(g|s{aXXfenSW(n9<3TH%S5lZ(K~FHk;s4kh27>k$^81#kVgZ7yabQ%)gcdws+YY7n-&e-I{Ho^ZliJSR*fT-$xzvnoICFc7Rfi;pN7{|vhF6R$9W9r4!N?`Optls1dlo1 zBk!!=XI=@lW!vf8UxqYfC!WOBB8vX4Rm!AZt47osLMZfMJ3jMxpSh~xnork|9Fj_) zymT!>IZCFJrDz6{5J*);Q%N&WP^Pk#t21tZP-_;yN^abtrptshCdwidF>kUsB*av6 zN*_o~HklAoRdd1=TxTkjC@I=M+bZJB$fya<(}vT*5lBS}#LVEoP%xbtZF)G~<*P?xKDH z290E^SA}28G4uYhtT=-fXS>pIj?LOD4Us`7q6Z#7<|KI|`EfyWr-OozW5Vl(roALC z``j!&o0vvo5o4C#mADt2#?Op6zQ{2tu_5i_{s6zWNRwmIN)ySBnAY(~o+O(q8{b#Yv200Gl7&ufKP}kkQSKyn19MMfyqw= zCO;9J`b=QT)Bpef3zzD~0p-|Ag8YIR9MT#NJoDaH(*hJ>O!9VjVHZp6cnxHCdAc}; zRNQ)dWjAlLgMe$G%5(?LjyncIssRj)ydPffXVH&tbly^&XYz95yk)PiRMk#-_HFLr z$8%0?yt7n$R(|~)cdrjK(=TPS%2)oo%ESW%f66}Wc*+?5`uS}3n6(E+GN^AnuFJn8 zYPvFzXas?HUOVNaJb7!8XHf^sUv@paEuZdHAYZ8_8@&A5Z$`&C{%RkTmx}_Uh{4m< K&t;ucLK6UJ@FbQ1 literal 0 HcmV?d00001 diff --git a/frontend/public/board/blue_8.png b/frontend/public/board/blue_8.png new file mode 100644 index 0000000000000000000000000000000000000000..74c579f0f5132029af64fcfcb3e06718efaa9e5b GIT binary patch literal 1607 zcmds2`BNKp6yGETY)IH_fPfrnCk4SmX@@F=f~6n`3|Cvu%9K(@EJu;H61gu&2P-y& z9AH3DQGr6C%y3p|$xIK2P_SSFns5YiLgf-Hl(fX}1|sVC7dZ2F_w9S1>pT0yUOgEW zK*U?&AqXM{1^S(aAdD1T&M)D>#Cbm}8N76y42kpyuaH&?6>FhpEyRBa@wE_J0x@M) ze5FO1+MFjc=gphdK0)}Cr1EJKri{py6ZuL4TSBN(8?)xj_);^@tZ9{u%$AdR3Zz0w z;wnj1D!6hEX3v`NWF{3T#gwBo|b$w^`MjUA(z8PUpwY`!pF})ATTuiR76yC?3uW; z@$pITrlh82Tza38m7SYcP*7C-QRye2U1L@9`PH=zP0csj+BFTU?)|*ODGJ;6DC^-}b1!k1FQeFLExosg>_Y{OZQ;#| z6T0Su3x|rmpcu8Md@NU^!u0x1m$eI}Or-@y&xBsBsY{Zj zO*h&2o@|NtW=>M+LK?QO!DIHDRNuv9)Fd1`BAx1 z#I*keHG$jdGV`UyvN{F{w+>++TxMyIj349dqNI1+X~&0;1U3sMUHtRwGRh-MJZrBe z$0spCLv?!5+c{!2fZf+LHI%gpm$-BDVKMEj^i9OUQ%p-q$O^zv5_ZbaS%AIqHqPCw zY|HsTlC-jCYHvGatSg)$A-33HyDarX<0E<|kU+`X^VGHEL9nZB% z?{?65E)U)o1{@Zzy>V`woSie%lkcbc&Lddd9A0)IA15{Wsgc6Ugwa1jkbjt8n{UF0 Fe*!0uwjBTf literal 0 HcmV?d00001 diff --git a/frontend/public/board/blue_9.png b/frontend/public/board/blue_9.png new file mode 100644 index 0000000000000000000000000000000000000000..b626249e2ae65196822f52abe4360329f9dd4aa9 GIT binary patch literal 1830 zcmah~2~ZPf7~K#8N^k(Nu+e}gcN?bw+w+5dn0-uvEue=>X4&(~8| z$3zE$AYHGo-2EYlAO;`CEFwS{R;k~E&7|MgTQ`C&q*6g_6|_wS6@x`Rz7{q?>}R%| zb||OQDo14^Y%&pIMtKSY{xbu9FFm^t5q8j0I$=SVE>B9~$SE8pC0#*IeML^~A!qiG z`JFgTDArGx=y9Zad>N94(RdgwT@Gg|U_lSe>8A1}25Ax?*XLq-9JwA(j-)FPfdmos z&^S^WM+WmSI1PgZ7?m%lawJraoGOq4KJJz-L--iN!4LsPV9I<9bXTIurTs@1NpYu9gZ z-{`%`$3I}(_U%DI!NDP+yZ40c3y+9oMny#(K71rPh7}uoG=ZIX>hzg&$;m0HX&kQL z{CQ#ah1|TnOPBMn6ct~uth!NK|660z!#|swU$npM5O-q(gF|nX?}q;#866uNpLjp% zMXFGM%!FN=Jl%`t!&;gUq&e5i-EC`ZTYpQ-;jMek8oF3E3r$S*4C1VSW#?5ce)WIx^WI z$Z=uaDH*uuL{N!pg0sg|H3`mHD;q;@9_uGus3||u;v^Y=m!&zPKtn77u8zc*F!$DV ziRzx$#F%y_L&2}!KK86LC&V{1e=O~4M^Ft0$|evELkUx*#lR7~D8@@?K#Fk%M8>NP z5;ZQrmMG7#TRP~rS@8rNPlu8zqRRP%WXelEl%(a$CIDhz{TnAVZI!Ah%bAee)&tjO zcE(BR=$1IAlycX;LQg13F&f{}X+|*99MMAA&;CH)b8Xl*#Fj=2luZi!P`J}n5w$2Y zAn|`9Lgbm;hM{P}bB4WezQbT|SWsjRiiYnDUlVZ=MSEn23L|pCRpJnudlB8_%<$>i zfPR;#t+WdL>;Q20nTTLQ(_}Ek#dP}3+XbugQ=lZ$g`!`gic6~e0>zGY-jz`&PUmTa zOdcH_IzE1i6g+hBMSbh)Er|zA3mP9;^Z_I!W5dpSXUU>lqOgosG}DLp;b~P+Jcee2 z!C1}_uR||2?q^G$*DsLgE`qcN1TD&u-E1OjBGf|5?ADr@P=V?b_}AP>(?|H3Cm;oG zi$uh&r4Q{P>dVs6Y%I~vk2!#d)ds>JjHPqO&_@NszMp`AH& zG%csi;F=pvMlEx4_< zKm3lMLseW3vHWU(KItf86;xFW1-M*+SnFDTGGExtbuOrieO>JjY4_D!D{^p+iuN8p z8@7ObGP+?;<%C0w%+k_(k@@VBbI}*0yn0PWs_s@2wu>xHjPh??{p&{jWDI<#mlaey jY?!eb{E0#NpB^(WCgwgiETJ**7oOKfU-z>0p(p+UCx|fr literal 0 HcmV?d00001 diff --git a/frontend/public/board/dark_1.png b/frontend/public/board/dark_1.png new file mode 100644 index 0000000000000000000000000000000000000000..94df29ad8b85cc4087bdd32e14f9b1fa1f7f26bc GIT binary patch literal 1595 zcmeAS@N?(olHy`uVBq!ia0y~yV0-|?IvmVE5gmmI89+`|fKP}kkjudEpCNP=Lqh{Y z+Dw()NeT_~WeQhGrOgyCStOb@RitdLQ0@}x?1d7!^ThIJiKQ@1@lD<=ZNIb70;UkR3MVKKrC;bX#QN${5c{8^F@k);tRwI=ZY527b%z{QaE3{ za2}8=Rxn=-sHOm@5~zJHP+X*79*`8vp9hsHoF`fU)HP2ef4&Hagy@scGpMnfV1p z<@F6c6Q|9bH-F)xm8;gQ-L!e@w(UE1?%KU?|G`6tPo6n<@zRy6*RJ2VdHdeOCr_Wf zeEshIr_W!$e*5wB*Y7`n{{_2u`~|v$G0EHArFPjyfs+gj%+Ebt978H@y}fojd`hUy z@rSvLk2$@M3TrG2b4iMvG)+TFPD%Lm1*5r34v8$}Su$th&H5VUJs-~{d|&f(?epU8 z>F@TPkE-6U={aeMZ+1n^+U}{}^H&^}UK68Z(SE&g`KPR{3;DCSLrY7z&$HkEn|`)9 zi}{20{rmUI=9iZ3meboG%#qLVOxkyc?2LSihh_=;KDITcgbNKHi@9YFgP%l^Gw-d_MSzH|~M7f5pP5%B!>bD?%BW#S$1Hh)w4J69n-{ z7{CO@5@3Ql2O3x-poozfNij^2Rbm4JHv}0ZAS;FnZeU<$<3Uwywt9YagSh*436-!~ z^Uq(u9&WV$S-0Pp>8k0rAJ=b4AAML8@1_2Kh5wr^-c$Pi-I`IO{WV5Q@5R&8cUOLo zO0GL%qFkA}u8IrevAw(cx8VCg~+n@ahy!SRd zX7Jz7R+AmiB*VTVJ7*>D51=pj{xVr`e7LWy`F5sG<8=M< z^qmzu@cegBRsK4=jh9UvUr9x;@qOcAJN@79hX>x)?7y$qc*}O?{JJQ)zopr00x$mm;e9( literal 0 HcmV?d00001 diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue index 1eb19ae4ac..097fc9410b 100644 --- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue +++ b/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') { diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue index 4e33e47bf4..167d745da7 100644 --- a/frontend/src/components/canvas/components/Editor/Preview.vue +++ b/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" /> - + @@ -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 diff --git a/frontend/src/views/background/index.vue b/frontend/src/views/background/index.vue index 4b7ab84803..cd5b016cbf 100644 --- a/frontend/src/views/background/index.vue +++ b/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)