From 84782f924b5c837cb4fd91d32b3b4f4a7ac4b4ab Mon Sep 17 00:00:00 2001 From: wanglin2 <1013335014@qq.com> Date: Sun, 20 Apr 2025 22:33:27 +0800 Subject: [PATCH] =?UTF-8?q?Demo:=E4=BC=98=E5=8C=96=E5=AF=BC=E5=87=BA?= =?UTF-8?q?=E5=BC=B9=E7=AA=97=E7=9A=84=E7=95=8C=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/assets/img/foramt/1.png | Bin 0 -> 1844 bytes web/src/assets/img/foramt/10.png | Bin 0 -> 2444 bytes web/src/assets/img/foramt/2.png | Bin 0 -> 1842 bytes web/src/assets/img/foramt/3.png | Bin 0 -> 2428 bytes web/src/assets/img/foramt/4.png | Bin 0 -> 2162 bytes web/src/assets/img/foramt/5.png | Bin 0 -> 1929 bytes web/src/assets/img/foramt/6.png | Bin 0 -> 2024 bytes web/src/assets/img/foramt/7.png | Bin 0 -> 1929 bytes web/src/assets/img/foramt/8.png | Bin 0 -> 1946 bytes web/src/assets/img/foramt/9.png | Bin 0 -> 2080 bytes web/src/config/en.js | 22 +- web/src/config/zh.js | 22 +- web/src/config/zhtw.js | 22 +- web/src/lang/zh_cn.js | 4 +- web/src/pages/Edit/components/Export.vue | 512 +++++++++++++++-------- 15 files changed, 363 insertions(+), 219 deletions(-) create mode 100644 web/src/assets/img/foramt/1.png create mode 100644 web/src/assets/img/foramt/10.png create mode 100644 web/src/assets/img/foramt/2.png create mode 100644 web/src/assets/img/foramt/3.png create mode 100644 web/src/assets/img/foramt/4.png create mode 100644 web/src/assets/img/foramt/5.png create mode 100644 web/src/assets/img/foramt/6.png create mode 100644 web/src/assets/img/foramt/7.png create mode 100644 web/src/assets/img/foramt/8.png create mode 100644 web/src/assets/img/foramt/9.png diff --git a/web/src/assets/img/foramt/1.png b/web/src/assets/img/foramt/1.png new file mode 100644 index 0000000000000000000000000000000000000000..e160ea5c0f9a94615e02dbc0156bcdf0d2be1979 GIT binary patch literal 1844 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 literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/2.png b/web/src/assets/img/foramt/2.png new file mode 100644 index 0000000000000000000000000000000000000000..a25a4bf1ec57626bbd6d3ee378685da4be6f2eeb GIT binary patch literal 1842 zcmaJ?X;c$e6dr-HtB8u?#*iQwmP{6skdX)`Aps;511exeLNdVsnF-0z1VzD=s?aJ_ zs|d24;t{P11&aklJt$BWx2k9bm$-3MTyO=8)=p5gKT7AEnRnkk_xtX>?|$!0UR0!b zto<~50072@g$kv_N+n)@TWjL`>ZScDVsXVoV)1B9iR)!r1emYDk`ORVElWnEh)j{0 zei8`;085H0CKivCM8I-PO_iBrs0Ou$Km$NvkU=Apry@9*ge0p_9_i_!qa;wJ;E|TF zBs7UefUHo3uGAvYD2TIn8ktV{@}-l zL}b(|l(1AN`k0T{@klFhTmwUpUazO>nN&=h4AHq-|q+T}-A1fux8I%h1Y+;VH@HR2o>IMPxXpjlr;Ri#qELLrmRVsV6YHjPWCi)aBtroSkJBM|Td zxaM@TXYrTrwzwtB%3)i(4T3KCT08fopU|`{-(Y8FPV=+6=sbrhR?8X}7NMcd z!Om5ljsEVUsy%@bwuMuT{G~7+SiQ*pg7Gn)==mV5B;sk=*{s7aD&Cj(B=lBikJ)C^ z=T<9?Tm^Y6*OhEH87Td0SZN|!H&|OY6j0SUy}sFPeZ#>5pXT>QW?;3n;1w?_;z*-~ zlXAYabsaZ#>GJcp9^8)Gnr&BF$*RC!C!aaO8|S>Kz4Wiv;Px`l@`b)ak&C!l{P6sw zxC2i&ZT2RS=MCIRZ9oT)*_fJq3k9_N_BSQfbK}B=SA(NLANqm(;sLZU&WYJ+B`(ui zdMRB7E5lJ!+i7D2+49IOyOJzr;)C0dfD@_0{oew+ZUTcVL-o!!`UJ~4@XS@qFY#~W z_YZhbx3{FHHJ#r4;6`N%0`Nbpga$F4MWwr--a{sl7 zz^?1>^);DLcS@i2+AWUZbqRD%TT_Xr_u8H1<9dxLdrz3|c5btdSCI`fQ!drjAH6># zhaF}cZkpt=Wk#basJnPgTx-|VcZ^9tTL7z8r9AJxeJr(MgH;X9eXu;crKEeDs9-^@ zhzH-x?KtQ2A_U;L<%cU44NnQ6-uOq@Zo7p)UalPr{0sra= z*R+O>56`*me|urFzikZF*80j7(*`eq{9vknXH!RO%helxPNg%*zs*YzIw=n2d)oWN zqcux`#&oylJohzjW2Sqz`Q&xN&u%nPjJ2$c>8Y1%#kskszIVA=Od5PU(6+ie$%(gb zETx89op9UdkF@n)Y(DEwH6-$LANF5dmeYh8z>dvZ3lerbsiS;%@AP=SYrkV7pb;Gg zgHnz|+m_7D(%$LqYOnH5)@I(bKI__N{bymL9 literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/3.png b/web/src/assets/img/foramt/3.png new file mode 100644 index 0000000000000000000000000000000000000000..4781185df69994b2d5a05ddbf3617b2b471d3a55 GIT binary patch literal 2428 zcmaJ@c{r4N8y+*3K9NGshnD%K%Mxey8Dl0whLEw#Rx)N@W|+;)V2C1hB0^M3=#bE% zRQ4iMDob>zBt@wq$u5yBeWTL({;2Q0uJ`>tzvp`H``PY4-UKIyoyv+@iXae3+17^a zB0Uk(7q?1Y`u#Yq*djeNg;t(IS8jkXoXQ747IdyZ0JUXP0|6I+N{224O8$X2GC zr_hsPPoilk z6Uhf$BOTmmk-;<~9cH#2Y9b;@3D|&;3Kg+g905sW3j4}SlG@8|BnO!e`&N`E z#R+Q3VsL1C~+lo1kxhhwlLJb{G9LBBsRX+}Oh zfaF59{+>^IGlemPLLLc;3=a=Sgkuq0ejpM}BodJ*3=)HZOC#Wd2#$~{f^!60Rv5^D zfW~L?giJ06y39!R=Y|SRVbW^9wZZ27pydd@k4ic;q=?Exq7kU&wpIcul>Z;fX8(v5 z2wi}G>isFPz%7CYAYA|fHFBi_L*b$9ipfUp+`bw;jAhXzYK*2$iIX7^@qI`vH68N^a7^cf$B)VIyJKd$K$Xd@@JsK9?D0n-9xf!#R+WV06 z##T4{?ZfQs@tpbWu3l&F((1MP$r||iVcm+7$ulldGpd-IJ@Ik>Ql(i1ejz_Q8pzz% z*e^1CoL+krJZ^ZPkCUQ$lam76OO^);3M{N-6Y|79CyU+f;S;S16+s?Xz=7?%2tHMt zO=3IZ{c488Mtn^=_OdD%h`nX`L#Ixx$sA}**Z12!QS+W>&=6*%|9G9w4$nYTKt*M< z%i9jW1dYC=Q|Mylu#2mlb(6ewGBVb)#hPV#Cl1eBjb@u)*jV&jIV;zC3*>OR4V`tE2t3t9h-mek*oUPp3_0eu$+4IPOu5nYV56 z&R9vCc~D-*!OKyzh7*qp2`WAB&Ae()_>Q1BEG{@l$8Rn!#vT7CBV3`qv??Y_vU+Hq zr@{L}mk_w|dibSe#`WV0rv?wwZE35|kz@U1$zq7pTOC-~;NYjfKv+sJWC zotjo^{5`3H9OJlvu@qm}-+%W)!_wwktO0LP5^%qo1ql{Ooai@&r-z z%HQ#E2GLlNxDVHGK~~YR9mz^f{OgE+l&t0jc#>A27w%;{=D}jz-OlbPH$U%_{Y}KG zO3=7iEiiKuOX}L+LY$TRe8AMVIuFIaK4P}R?z#GofJd^=uX1LCH?g`8GM< z2zy7wY$zQx1*~z6v{%`gUM@W*;A2y#3o3ex8%+%CqCND0FU7HOuy&TrNRpV|FJjBfENir-|WDhgIiJsXs- zP$1*DMX}XDBe{ODhLw3efBMAU5{Hb5NS``;dJ|imNQZ<3KnCFwYl8>xN5#lMC9}5N z^B$J2Nee*d8ZF7%(fOLC^Ti8yGPt)|X7%is{O*j6NxIGbYtvwuD>AiV%-`edzxBJdKrowxhZtRW6hLl%42Z*~;ry0;dSva19;M5> z;jNQy&hBFg8tqA;_Q{1V8&gXb_u%&UsKLdWhP0=U_9qG^0zTGBd+5)(GL`$0c>dJv z=0x4$X2eiI)yjsw^u8(UxBlA=v oaps9^mY*fv0c#2#{{k0-&NZk!ijD5UEdLMLS~-xf?C?AEU+{YiY5)KL literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/4.png b/web/src/assets/img/foramt/4.png new file mode 100644 index 0000000000000000000000000000000000000000..86e7f914d90fe7146b964bad68671f6cbf81feaf GIT binary patch literal 2162 zcmaJ@X;f3!77p_~6_Ceh2pxn%CP+d80U-%PpAiU=K}8J7O^6|bNgx4UWK={!#3F(q zRHQh7LPdsx1=@;QK(s1-2?BzYN7Ygg!H6REV#U56k9XI)_w2LR{=U8U+22{~=7(<$ zHZim_gg_uBp&?`%xWd8LOJ5iKE-o1Mfs3t_5+jWivZXSH7=Q$@gb4sNl+WM*G=RZM z-TM>Z3xR04a_KSB80r=RQ^0*OVSF&=170tQDw zc|qSlFfgN-#U{|mLGSZ{J0dJmDiskB2$@U;0d^5_+l#K+ph*Fj>q5hsSnVO(i0b!~jDo6w`&mq_vX_PZUap zl0=~hipIb_p_`}-CRecPaeW7&QVF2~iIgE=0-+0E!G@x~Ma#uX=K~VPf;t3sGJQ_uDi0qS*aUoo_1sGjMSDi4F8%NZy6R zw$0ZZEK-7VH;oqzS^L&n-k5hTL$VFt5M67sJlTa`emst|`vx*Y?a6A)+|``nfY~(e zWb35aHwJwv@Xw03gV>q99wbvVo^Q}d)4D^~GhTQ-$QjV8+cNp4`P61k=c^~pY%Ndr z(hP=U$s6;(zsN%Uh{RGl^->CB@G!*Cb%%Cx1qm zg+&!!?TXWQJo9LHAw*!oMV;y*6BXsvS)*4r)N)d}Wv?htk587xEIOJLujIR5u&6s- z>AQQ+NB&*%fbzqIdId(I_bN)3#w56|H0jQs5z579(M}PsEE6(+r3>7c!2Ea1`OAtZ z+owsoV~B_&vfs^M-j;P#-PYQqLr{bA!{dw0}UI%Iz_-cwi->-WOpXqkiV z-sPyNt}VMs=Y3Evk?sn+_W4GL-EBolTT6F%&rtZTYL|oOy&bO-lOD~CqOvpF9H(Yr zYM(kIVs_@nH#u#p{#4!{R@#-;y&l2x>Y-)@JD{h0d9I~1u;$R%gq8kCWMTgzC`@Aw&)!d-t=Kodpgt#n6T|GTBqLe_S4^%lG_M1O6uub#lX?49<^q~29KV^d5P@uBD5p4MHV)a7Rt54Go{{;3w~W~Mj=pDi`offT zrA;nud;W&$6FaI@w3{(;|Loesi>$^+Mhl038?NlxH{GUcan2gDKVWW?aR6V#<5`yH esTVRdjUnn6r%$D)|Abxr3kaobC0`2Mo&6_Q6NDT9 literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/5.png b/web/src/assets/img/foramt/5.png new file mode 100644 index 0000000000000000000000000000000000000000..da0a58b1e1cf3ec623bb86f273a390c594e4c2b5 GIT binary patch literal 1929 zcmaJ?c~leU77vST0v@+kY;1;LQ(2P9MmB*I5-3r^mT&-Bj+0~(0!(Ji3=oBi1+leM z^i>{hU04cTY~K^}z_ql39`R9I77;xHA}C8=UqMB*MFcvrV*5wwoHO&?@1Fbn-QWH0 z{m$%-jegU^ZLJ%HLh(>U%HzqEMZSC&C-VDf%I!OH@gl;L2oPT5lPA@i55jzkS&H~K`;_cp#(`S7^KaD2|xoIjHY1vy|2&H z0i!OMo*1ZPD=`_IVT{~ihE+SF)!H3dTCt8U4FQ5I5|RLc2?($t*(O|K38p{em5{d0 z4bp*UAw*U%{dZAG%2+^#nqff9;xM&rHU|)r7GJ;>iN!*pFaY4Pxjc|90J(uoE>99D zlyLaK^M_7mH0$(|czMM0eB>^eoqF17HT$t9I;povbi9a%OoS1_;wQk zS(ql=XMsTu<65&3BaEmCurWd!G=~VLlWKo21HoR=?s{pA0TRrNKF z-?X!{6PWcqfibUqm6CDp^Yumnw*?K_oO+2#&d5uo={Uo&h2mG zgNCp0fweuEfpWRLd1B(Yq0$}4@z}Vy(2b0M0QbzyOn}Wkz-?d6Z_eO{Aqex+!pKOM zYdt-XXVDPV67;G%A))2Mg`z|(U9B#Ec%pTBdV780msab8H{ME2e7WxP&%4W#)6@5q zm#^A%RP9$XGz4u*)9V>g(b1LtYQ0|XiKzVkIlMVIAvLvN1OK~h0qu*63ESY$W_)T< zq^Y*HI8~$8>DH?g6C1QRgTV-ki(8&NF)^WUADy~3I?8zW(jA9KFbp54sBp4ct=|*x z^!4=(@0prfwPCN^J~=s=aFs^I#LUpBb}1<-p|xGqV}&Z!%4;`n@GiE>WU~E^+LK$_ zdO~mi;BvpNZvEBk{{H^oJXRf352LB6R9^F~$N%ohgb-xksgA)xfXK~_e=@U zQc}|RR_B$@M~3%lv~}y2e3Kq?Otx~eg3-CxG?Fbij5@?B6t4fOuRjP!Rd?<#^LyWQ z4N_ZMYfJ+-ZCLfhiHe-5sd+o#%E+X4pNE^9eQ^tAc6K)3Sezm`>bWC7-{>&#@yK1# zl{LHA4>y)oR8&+qHkMz9HGW+;Za9-7zje5rOrz1HT}ivMOs0_7+XDm9hq=6;9Cte} z?I@tWUena{lsK$n9E__Br*~Pai;9bVJBEga8fW{x7=9plZ|Wu#6SHgtE-fv+Y+rTg zP?6Qj!9>*IhBh62zkX)+>q{EDlCaRZxByys`hHWtZHLeRrgit^2ve{Cn>LC$=YOm^?L%kxA(SB2HS7FbZVE6Keu6~ z*ZHL_fxSmAcVNwf4Lp)t>?=0 vc5}N{@4Yl%*L78TW_j0VT|q&8^Gn&3f%2m?X59nZkCvhckCq<~+gkJ+%n<_x literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/6.png b/web/src/assets/img/foramt/6.png new file mode 100644 index 0000000000000000000000000000000000000000..e607da86d86adf735970a79b9668bb4c929426b0 GIT binary patch literal 2024 zcmaJ?c~lek7ETofQG<#I@}6Y~3SuQIkcC7Ggh+r8jUWM85|V)=kW5Gh5>P0`VjrT| z(n^sm;Luv`6 z1c*LZ60n{l6iF2pkLODWheKm4)UZ$?0@+Lk1|h*prD7U^>`kTmdXosgcz*(cg{Lq{ z-mD;UU|;}+>PztroWn99QMw#dz;jsfUs&&VVl5jXS0b62ph}tnidia14!o?ICVh(* z7LiIOkjefCANB28USY-W)Z2UO4IjVpq@@&p|X4oWgdnQP+&#Or&VTNAF&b@niZ+E-x@ra$(J^6PI``ugZ z)?k(N7+YA$o?dGvk~BjaZtG01`f==Ja=`VlYLRI0@|Zb_K;gG2!cH@J#{Te94EGoC zzgUdZ!=ytUX8yKq@B{fIj`E97)$NX%<$f8X9H)i(<@=Yh8h^iLGWNtAU0)zo+LvWq zb|LINR{ncpH3)8*Dybb=!rtN47E+mzJ(?l8#oxG!P~BK&b#NH)OS_-0{kdzRA1c+~ z4q-O0)$XleyORbVZd-hAb@GYS#Kc3LS2;XHR*dC3iNvWvIoQ#t2y zOG@?yuUz4>+s2JBj8+!c+N_Ur-I4uZ@CDRYbo5x2pU3lL9=l*yK#-r&e&B@rg%j&y z_Y6c26@<*p0HMa2Zn^%^`3u{eWW;P`h9CNj$Z_C7ZH3My%V~vmJ9JM~D)5mssi)CB z9q20`339$Wc4X81>3+M!c&KZ`_-B}9i&aSj%E?=8f+b5R9vqHS$n`zb?AWb+vG4tl zRz_XJ9Zmf-rw^qi$;S-8YWhx{uIN9oQrxuA?D!(bzWYB8W?joa5`1|#CByf2eNA_G z?`~r69w*1vJwerirluXobSb~)?wDBQ;LuYP`uMq(?&C{`t*g*YS5CP?InHo@^UO%k zna%aBE%hd|{0kmGGL`606#lU=`PekXdH^-Iu2zn z>FFfJ zRhH6r57dbq?=Cog(YE+o`p5GwRNT4bC`;&l-k|Q?Umf`5b540i%1y5+_fzT8l4_2B*2966 zW`p32FlVR}9xOU<%1-0)wYo6oh{WFR;NhpUs|2X>KT6Z8?$=pa{=Mv=aOT+nLEfL> Cj8cFA literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/7.png b/web/src/assets/img/foramt/7.png new file mode 100644 index 0000000000000000000000000000000000000000..f6d1b7860251639d10ebc4ea1e5f9adf6f2fb306 GIT binary patch literal 1929 zcmaJ?Yfuws7f!1JA`}(D5<%9$r$I_~b0Nvb#Ed2cqD=|`6|J|BEF|J)Pk7KT3CI_dV~K^E~IA z_dM_H&UkICuQ$`1!C?5R)oihZ|*pATA)HErF0HhGCIN^cui}czh5Ng1qP`9$ykI zl5hpU^M^%e#Eq#Eol^BYAH9>YOeATQfM8~3CMT26!SFPY3&Su7@jxCgijIgPvMi*Y zin0)4;|xlKFyLk@X~ryon^B*FWsou!UG1N3pw<_(7UKC)(T4_7dMn7~K<>8212vj| z4@J=z(FCbO{;KyMiHW2vD+1~e0?WV+^zc%{+^MV*1&-)R3{S$a&EqE-Z^B57Fkx1J z7tP@VY>nPvwzxeJ&mbC&L~S8Ry~Tj2l`}dggX&$PTOOmK-_xD{V zrX>WQ%RO0=UbGx+`Gk$AR=i!$u5!eIEgR3iH#o1t^H z^~M(sojvP2hlVe{lK;)7INK~Aev06p>?@+KD!*{J9YKP6za2=FQsUs1tLLDxCC+wx zQCyzK)Sdg;^`=%^U2y;sy)2&vY!7oCiX0KisS`i!$SdaOTpN=u60P9+_=iX54AwjM zUU4Lp@9w$tYQW>NpGO|v=?-Zh1N>!mi~In-)3n8jgw0TK`p&=G=K9Sqq!{4O<2#2( ziQ68#+GeF~D^m8FC~ESWo-%9Q_Z~OF#amv(rOjDWzVsAtITDzC$~BhjnIBqHT6L*w zX!n~y&nID7)Y{|Lxp3F!Twg`-x_^q(So9(x6^rj9Y58?=Qw{3%{rByn9&{D$F80>J1uT{Q|m%#59oQWu;G&H z_J7(gl)qdO^||_`#?i<`inqA)*k45QtG<$CVJb%*|3b+bMG?CF)$>h7Jg9j--?|l3I>Lb$!7)^ zZ@9P;x*K1j{xy@99aqIF`W})?d#dI?z7eTC86PaceQvXv#v`*R z@2%2xNNvOL8zRu9}D15ZfStdJuX?x|iqxyLEt4H@P zSD)x_H+bbQy_#@KvXOiel$Y}-l);o^7i z&S6%meqVKHY6-#fQ3O6nc(P;O=yrn$D_mW_{EXOd7iPZWQKgGG)uB4j9wxHd*LP`u zYHzK-;Ja1Z?m9{K|JXPzh{;F%uLnn3COI?}WLiT1X+Hi^>`LSOYTb&2HTF(0!*t`} zj!Ij|{<`}&k9}WTDSjGm*;K@YcmcBq%DTTW-14|N<#2CV8v*uwPQoXprm7av6} vXsf+&Fu7a@o1nYbpqWqwSDG@M>jg31*k922b*1)*`{$^R(JHH#ZnXUY*?I=# literal 0 HcmV?d00001 diff --git a/web/src/assets/img/foramt/8.png b/web/src/assets/img/foramt/8.png new file mode 100644 index 0000000000000000000000000000000000000000..8de0a046dec5e11653f8b7902480b2071678d5b0 GIT binary patch literal 1946 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
- -
- {{ $t('export.filename') }} - -
@@ -33,97 +23,123 @@ :class="{ active: exportType === item.type }" @click="exportType = item.type" > -
+
{{ item.name }}
-
-
-
{{ $t('export.desc') }}
-
- {{ currentTypeData ? currentTypeData.desc : '' }} +
+ +
+
+ {{ $t('export.filename') }} +
+
-
-
{{ $t('export.options') }}
-
-
- {{ - $t('export.include') - }} + +
+
+
{{ $t('export.format') }}
+
+ {{ currentTypeData ? '.' + currentTypeData.type : '' }}
-
-
- {{ $t('export.format') }} - - PNG - JPG - -
-
- {{ $t('export.paddingX') }} - -
-
- {{ $t('export.paddingY') }} - -
-
- {{ - this.$t('export.addFooterText') - }} - -
-
- {{ $t('export.isTransparent') }} -
-
- {{ - $t('export.isFitBg') +
+
+
{{ $t('export.desc') }}
+
+ {{ currentTypeData ? currentTypeData.desc : '' }} +
+
+
+
{{ $t('export.options') }}
+
无
+
+
+ {{ + $t('export.include') }}
+
+
+ {{ $t('export.format') }} + + PNG + JPG + +
+
+ {{ $t('export.paddingX') }} + +
+
+ {{ $t('export.paddingY') }} + +
+
+ {{ + this.$t('export.addFooterText') + }} + +
+
+ {{ $t('export.isTransparent') }} +
+
+ {{ + $t('export.isFitBg') + }} +
+
+ +
+ {{ + $t('dialog.cancel') + }} + {{ + $t('export.confirm') + }} +
- - {{ $t('dialog.cancel') }} - {{ - $t('dialog.confirm') - }} - @@ -184,6 +200,10 @@ export default { showFitBgOption() { return ['png', 'pdf'].includes(this.exportType) && !this.isTransparent + }, + + noOptions() { + return ['md', 'xmind', 'txt', 'xlsx', 'mm'].includes(this.exportType) } }, created() { @@ -284,14 +304,10 @@ export default { .nodeExportDialog { .exportContainer { &.isDark { - .nameInputBox { - .name { - color: hsla(0, 0%, 100%, 0.6); - } - } - .downloadTypeSelectBox { .downloadTypeList { + background-color: #363b3f; + .downloadTypeItem { background-color: #363b3f; @@ -306,15 +322,39 @@ export default { } .downloadTypeContent { - .contentRow { - .contentName { - color: hsla(0, 0%, 100%, 0.6); + .nameInputBox { + border-bottom: 1px solid hsla(0, 0%, 100%, 0.6); + + .nameInput { + .name { + color: hsla(0, 0%, 100%, 0.6); + } } - .contentValue { + .closeBtn { color: hsla(0, 0%, 100%, 0.6); } } + + .contentBox { + .contentRow { + .contentName { + color: hsla(0, 0%, 100%, 0.6); + } + + .contentValue { + color: hsla(0, 0%, 100%, 0.6); + + &.info { + background-color: transparent; + } + } + } + } + + .btnList { + border-top: 1px solid hsla(0, 0%, 100%, 0.6); + } } } } @@ -332,10 +372,17 @@ export default { } } + /deep/ .el-dialog { + border-radius: 10px; + overflow: hidden; + + .el-dialog__header { + display: none; + } + } + /deep/ .el-dialog__body { padding: 0; - border-top: 1px solid #f2f4f7; - border-bottom: 1px solid #f2f4f7; .el-checkbox__input.is-checked + .el-checkbox__label { color: #409eff !important; @@ -359,11 +406,13 @@ export default { align-items: center; overflow-x: auto; height: 60px; + overflow-y: hidden; .downloadTypeItem { width: 100px; flex-shrink: 0; - padding-left: 10px; + padding-left: 5px; + padding-right: 5px; .icon { margin-right: 5px; @@ -376,21 +425,33 @@ export default { } .downloadTypeContent { - .contentRow { - flex-direction: column; + .nameInputBox { + height: 70px; - .contentName { - margin-bottom: 10px; + .nameInput { + .name { + margin-bottom: 5px; + } } + } - .contentValue { - .valueItem { - .valueSubItem { - display: flex; - flex-direction: column; + .contentBox { + .contentRow { + flex-direction: column; - .name { - margin-bottom: 5px; + .contentName { + margin-bottom: 10px; + } + + .contentValue { + .valueItem { + .valueSubItem { + display: flex; + flex-direction: column; + + .name { + margin-bottom: 5px; + } } } } @@ -403,25 +464,11 @@ export default { .exportContainer { width: 100%; - height: 450px; + height: 552px; overflow: hidden; display: flex; flex-direction: column; - .nameInputBox { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - height: 50px; - flex-shrink: 0; - border-bottom: 1px solid #f2f4f7; - - .name { - margin-right: 10px; - } - } - .downloadTypeSelectBox { width: 100%; height: 100%; @@ -429,17 +476,18 @@ export default { display: flex; .downloadTypeList { - width: 210px; + width: 208px; height: 100%; overflow-y: auto; overflow-x: hidden; background-color: #f2f4f7; flex-shrink: 0; + padding: 16px 0; .downloadTypeItem { width: 100%; - height: 60px; - padding-left: 28px; + height: 52px; + padding: 0 30px; overflow: hidden; display: flex; align-items: center; @@ -457,40 +505,7 @@ export default { .icon { font-size: 25px; - margin-right: 15px; - flex-shrink: 0; - - &.png { - color: #ffc038; - } - - &.pdf { - color: #ff6c4d; - } - - &.md { - color: #2b2b2b; - } - - &.json { - color: #12c87e; - } - - &.svg { - color: #4380ff; - } - - &.smm { - color: #409eff; - } - - &.xmind { - color: #f55e5e; - } - - &.txt { - color: #70798e; - } + font-weight: 700; &.checked { color: #409eff; @@ -500,53 +515,182 @@ export default { } } + .typeIcon { + margin-right: 18px; + flex-shrink: 0; + width: 23px; + height: 26px; + background-size: cover; + + &.png { + background-image: url('../../../assets/img/foramt/2.png'); + } + + &.pdf { + background-image: url('../../../assets/img/foramt/4.png'); + } + + &.md { + background-image: url('../../../assets/img/foramt/5.png'); + } + + &.json { + background-image: url('../../../assets/img/foramt/10.png'); + } + + &.svg { + background-image: url('../../../assets/img/foramt/3.png'); + } + + &.smm { + background-image: url('../../../assets/img/foramt/1.png'); + } + + &.xmind { + background-image: url('../../../assets/img/foramt/6.png'); + } + + &.txt { + background-image: url('../../../assets/img/foramt/7.png'); + } + + &.mm { + background-image: url('../../../assets/img/foramt/8.png'); + } + + &.xlsx { + background-image: url('../../../assets/img/foramt/9.png'); + } + } + .name { - color: #1a1a1a; + color: #333; font-size: 15px; - margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + font-weight: bold; } } } .downloadTypeContent { - padding: 30px; + width: 100%; height: 100%; - overflow-y: auto; - overflow-x: hidden; + display: flex; + flex-direction: column; + overflow: hidden; - .contentRow { + .nameInputBox { display: flex; - font-size: 14px; - margin-bottom: 20px; + align-items: center; + justify-content: space-between; + height: 67px; + flex-shrink: 0; + border-bottom: 1px solid #f2f4f7; + padding-left: 40px; + padding-right: 20px; + padding-top: 16px; - .contentName { - width: 80px; - color: #666; + .nameInput { + display: flex; + flex-wrap: wrap; + align-items: center; + width: 100%; + font-weight: bold; + + .name { + margin-right: 10px; + font-size: 15px; + color: #333; + font-weight: bold; + } } - .contentValue { - color: #1a1a1a; + .closeBtn { + font-size: 20px; + cursor: pointer; + } + } - .valueItem { - .valueSubItem { - margin-bottom: 12px; - display: flex; + .contentBox { + height: 100%; + overflow-y: auto; + overflow-x: hidden; + padding: 15px 40px; - &:last-of-type { - margin-right: 0; - } + .contentRow { + display: flex; + font-size: 14px; + margin-bottom: 20px; - .name { - margin-right: 12px; - width: 100px; + &:last-of-type { + margin-bottom: 0; + } + + .contentName { + width: 45px; + color: #808080; + flex-shrink: 0; + font-size: 13px; + font-weight: 500; + line-height: 25px; + } + + .contentValue { + color: #808080; + line-height: 23px; + font-weight: 500; + border: 1px solid transparent; + font-size: 14px; + + &.info { + color: rgb(90, 158, 247); + background-color: rgb(245, 248, 249); + border: 1px solid rgb(90, 158, 247); + border-radius: 5px; + padding: 0 16px; + } + + .valueItem { + .valueSubItem { + margin-bottom: 12px; + display: flex; + align-items: center; + + &:last-of-type { + margin-right: 0; + } + + &.alignCenter { + align-items: center; + } + + .name { + margin-right: 12px; + width: 85px; + } } } } } } + + .btnList { + padding: 0 40px; + display: flex; + align-items: center; + justify-content: flex-end; + height: 69px; + flex-shrink: 0; + border-top: 1px solid #f2f4f7; + + /deep/ .el-button--small { + height: 25px; + padding: 0 30px; + border-radius: 5px; + } + } } } }