From db7ad43c50f08ae1cc86c96da2419a2403e6ceab Mon Sep 17 00:00:00 2001 From: congzc Date: Sun, 25 Jun 2023 18:07:24 +0800 Subject: [PATCH] 1 --- .postcssrc.js | 9 ++ index.html | 62 +++++++ package.json | 2 + src/assets/img/aitoface.png | Bin 0 -> 4125 bytes src/assets/img/gpttotext.png | Bin 0 -> 9548 bytes src/lang/package/en.ts | 5 + src/lang/package/zh-cn.ts | 5 + src/layout/components/Sidebar/Logo.vue | 5 + src/main.ts | 1 + src/types/auto-imports.d.ts | 2 - src/types/components.d.ts | 2 + src/views/createVideo/index.vue | 216 +++++++++++++++++++------ src/views/myAccount/index.vue | 5 +- src/views/myCreating/index.vue | 3 + vite.config.ts | 11 +- yarn.lock | 10 ++ 16 files changed, 285 insertions(+), 53 deletions(-) create mode 100644 .postcssrc.js create mode 100644 src/assets/img/aitoface.png create mode 100644 src/assets/img/gpttotext.png diff --git a/.postcssrc.js b/.postcssrc.js new file mode 100644 index 0000000..f35ba44 --- /dev/null +++ b/.postcssrc.js @@ -0,0 +1,9 @@ +module.exports = { + plugins: { + autoprefixer: {}, + 'postcss-px2rem-exclude': { + remUnit: 192,//1rem = 75px(iphone6的设计稿如此设置) + // exclude: /node_modules/i //忽略node_modules目录下的文件 + } + } +} diff --git a/index.html b/index.html index 17fc555..712fbee 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,9 @@ + + Metavatar-PC-Admin @@ -15,4 +18,63 @@ + + + \ No newline at end of file diff --git a/package.json b/package.json index 0db393a..7f40e27 100644 --- a/package.json +++ b/package.json @@ -42,6 +42,7 @@ "@typescript-eslint/eslint-plugin": "^5.51.0", "@typescript-eslint/parser": "^5.51.0", "@vitejs/plugin-vue": "^4.0.0", + "amfe-flexible": "^2.2.1", "autoprefixer": "^10.4.13", "commitizen": "^4.3.0", "cz-git": "^1.6.1", @@ -53,6 +54,7 @@ "lint-staged": "^13.2.1", "postcss": "^8.4.21", "postcss-html": "^1.5.0", + "postcss-pxtorem": "^6.0.0", "postcss-scss": "^4.0.6", "prettier": "^2.8.7", "sass": "^1.58.3", diff --git a/src/assets/img/aitoface.png b/src/assets/img/aitoface.png new file mode 100644 index 0000000000000000000000000000000000000000..2209ace7bfb2d7d2e3223440194def90085aa3c1 GIT binary patch literal 4125 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 b%D)2u!R#wqtdv7?00000NkvXXu0mjfQk~Gj literal 0 HcmV?d00001 diff --git a/src/assets/img/gpttotext.png b/src/assets/img/gpttotext.png new file mode 100644 index 0000000000000000000000000000000000000000..0c8de903b7ec3b2cb449b0c9e635ed440fd1285a GIT binary patch literal 9548 zcmW++1yoes7QQgFG)OlHNQ;1U$A~nDASLnBCEeXhgLFtYBGN4_B_K$5cXzzwW8Ddc zxwG~?XMeSaa1|vvEDSOX2!gO)!==^0qsqS<8Vb0N!aFGk59s!AZAS=tLh$c~0Hvmr zKoEwag_M+vin*PWouj#(JNAVkQ1f`b9Sclj}}QHAjxL=y`w(cy1CL5NX<`ZzTD2%$a_ z=$m@A2?mq^LDueGl5|iB7PNQvS`-Wz0KN%R7{-Jk zvg^@~2Y#`b&5gC?4bx5Q!?W(32dg7HI#Jr=#fRq4h)58w(#YYA!TS0n%)S@ln{%60 zu?{q&37Icm>%E*s&wh{b+vEC^JO7y^t>^7c%_ zLo^1&Pksb@X!=38Kdl2|V&t?Gw4{oj?a}|hZ$x{C9vJlEClg(Kk@Amc9{AT?ZbpJt zFherv)V%4 z-rNp6bH&68!3yk!8!?kwk$RFAlGKrMrYIC3k0+({X>k4JCQmU-#!0q&tHpA`;`KE4 z7k;8(qGqB`;%14)TgSIz6YeEXG)mv%lw8GBY<37dSHrljhcuFwsE7N%V=c)^2Tj;6n^m%+k#gJOR;5R-Rj4|G_O17vUJqlVb!W%GejO{Yd9eth4RL^)2 zYPQPjMl5PtW=COE#oRzSlkp=f`URPfCTI=(n1glij#?c?+PJ@GeY;$E(W&L|m z0u$+0nTD;?&9irr!TB=j-SVIKKJ|W?`QkNz{6+E0Wm&SOsHVH-x#r)p*OR)tY`Zp- z@2pkG-=$%u38oFy7L})!ce$k5EE28|Mn4~Wey(mi^J4FA4`VNN4`pBA!tmnRh0VnX zVg~S&T#|^@Z3-g_ zZL>TE64%KN8pmqJ&vVn7(&oyiZT`#;igbII-YRmWk@xF$iX2Lu9bIazd>mZOC`>E- zc^b3Hsqdn%t$*7>rCgoPm^sO1(>L3tv(z%+`9V-rCL#PzW&xK`L6 ztVIi3lCuu0r?wzXA-?t|e9ppM!m*?JL*414((rO&YpEJvoQx~h=W-f| zH@1fdGF^qWd9`D__=A)2lfH|s2hvEYaFQsm7uqUP5}X931uM(6=0xVGR@K$Z3&(9_ zXeM6p&kK1=-I#|c%R2YGL|0a0b&n;DYoI?>)RdlFC>xpnIL$7Qke-m9tA=Iq!6s7REMj%jA<=QGhqu7r z|9QD+`ml3N|0ICOt0m@}O8vL$sd_i<<0ZN_nIfzP%m==I zxmQ`yQhR%1={|Q7r4~4rpD)E4@Qx?3IH7;Qw&Lu4gYi?tM3c9NmPr#jn!YT=i3Vl% zWknTN-(>4IR^BNYOn9BU+sw=?$k+Ya--Yky?b?=IYPVI&w^&L{{0=$7DkndVTqifM zkza87>S1{vHS}ZX*AR@?kau5au(oXW)<+q|piDRv;` zQ=x^!guUh(R=0OnEi&HcwqpkY^U-8RY<(T>oa-D~O!2KdN85$F zvyKV2IhV2L+GLA-Z8_ZfoSQ+ZPbt@0_vmx@V%6BWmpA%dW_AX%$no`BK>TWSn>AGvEo6S7VGrS^4r;Q2nCdQki)M3~9^ImLbJVkJI3r#SiIAf>q^t^O@W@c1V zCuwH#*eT&<_l#hT3*nxdWv{lmvxdgj6rN0n8rOGZL~XQ~j5WrF%UhU(A`P41#Vq!S zz@ci~rRZTx+imN}sV5N)Nk~WiT$6ndEeWbUMf*pn7l9(_-~C z&!3=^6NkKlf}GOQPreU#*S)-Ciuz_|n`;LL2ht&iL3FWwxYX2(=?Mu=&co>fg{C8! z^OEB{%n_1GO4vb?v?L)261Ziy@%=&fx0jryB_*j#=N=ghuTjeP9U8!yBkC-PME>IT zB1}w$f^>9)1R$)i1=NnbvE zygFKb&d$!B&5VKB*>290Q&okB5{Mw0g@cTY%+#ARAV!EGb6GtidMl}@h(!|O-)|ym zY)o%E-}v;)moEh^X-I;yzP>(HYcrd3i$DdLb_5{zva+z) z-(4NY1R5qk&VZvhJNb&u7@9XWC6*H6y8;L!uJTDIxWo2bUZ072Z6@w)aTJ)o5 zX5Krwx(*yppy;)DI4=YsKjF{^XDp|uQ`qxUoZI={>ijaTK7M?A%V##6Zdag~hEl8{ zxJMCSn5=4(t-_21vFSHo{RD+=;yj4*@zvUFkL6R(H9D8h?7Ij#I6B4;X9(5(C@I;I z`+BC=?Dm3*lk@PT!EsYXQxhe$GuH8FsiP8cGq14Fl})F%Y|6A6Jy??V>!`UfB_$=n z?(VLyd6m{rl-;>%vyms9ZFeW45Wm~elGN?Rz9+4KfVRT;kF)}duI}#XwA9qN$Kz;U zr1>`ae9M86k+$FS^OPIMZfG1y120n)OsuWgq;*bzB2iSo!ot_OD|jg2>+{-@Ct0w;&1 zn&mTv8Z5Et>0a0G+HNM+uTM8St@-GmKS%dyp(1}}JBWaLmcty;7?YHAdCHXKg`bg; zLGv2Fyu94p))pmnTv^Ra)BtW>uWKt7`LRK_6C3(AyAPTh=fV41fWh4gF;f(kNaN_X zlVrJO=eAQ$WhD;y;8%7F(uRi1k&c_g>o~0y&CS9uU%eu}y*vzEjK?Nwnm_OrFPgCY z@#6>R=auD9YL_fQ=bc{s@Gb)Wwu%bdu|(E)1x`**;)UZKMpfD6vx*T4|-NcTirKN=^ z9Bf3NL}u&k7SW)TloZ@>>EFBOTRS@e{^W$!)}_#PA!mXHLRP(D%Oa|%VRjY_BuO1U!H4lG`F%EA53|?r0N0x_5PTb+%Hk2_;z4e`-o=FhhtqTI7PnnvdK~n94jAv~UN&g#NqI zi9h}EOz)TpF`PesJoYs;GYiaN=6Urh+AUD2kN_PW-EHe@=+SzTK~7^M8Dl&;1$Lp? z(Oi9feIG!YdCmJG4Hh0gKBLQn`K|432?qxUxVp?Z4=9BY16lNDiyoe@CVbQm`)$r+ zj2Mdwfxh@Ef+^wGxtv{4u+h=6_@Ak%J`V||ebc0+p?tn5{bK4*gbvvegU7FJf;M0vyNX-N;C)B-$e>gdvUl`ECL_pGMF z>7c*id3kwDU|pqjbGwbIN+v8xFj4q3l+pzpQ2-6Xm6fR{qmTpmm;ACdOJCS62nPk9 zr`b|PzvA{Il)zj;g@xst)3%zloLp{csnt{{ez>%`jg5?|D&CcsD5FBMAApTiv4%X@ zrCR$V-q){RD+*KL7*&zb#i9ZF2Tw$^qMgxl{ri^f?QhO3w8}N5rKQE$h;RnfzOd^| z;(P$7Y>B6IB1HH8+Z~*TipIv7-wO*-1qFeV!xp$(El2J196qjRMMXr7Y&z~I27=(ZnIk~uM|Dv z)So{*D|pyXpN#P+-lEs)SIYhO-!ssk-Jgh)fR3C;L-yAv>oFd#dsC|XR+D8+RNiN! z-1%yxV?jj|J4H2Ce>Yz7@&y#a0twjPphX=1a?4N*0r42-~T8w0y<{rE=&cQ7i_@N zZe^RSjSc(Si6^!L*B1sPyC3ZA_~F?aEJ9@DhOW_)StZ&@btD=Ikt;f#RkBCTJJ z%6;wf?c28lscC7O{p${_StEt7<4k_MFK6TO?%6!;R99CAYQbgy>+m(BVye@9wC~-j z@x$#o`9s^?I_EbnHkD$HD-PCZ3Mech0z+WUK>(kC;D!6iT1f{n8D>bs_V#wNpfd|V z+7n3)jf57kxyvwAY`BMq2mZN7OLI|?`SH?R?%&=0lHy|jA=9Q^W4;*q9i29xd&exF zn{Bofg^e?hmTU_$hSxa_4W#+``LynfZFEQyel%!P)_hw|jY2}825iq*fXYA|(W?=u zP;6vxpOvm~YP;E58+A*|lJe?m0&t?w3TE063iv<>N*f9(C@4to@K9G%+kwXcGlTA~ z5f>jXL{CSDojPRdufVw4IB!cQDw@d}3vVn`%J5+49Q}aY%U%zFK@D_x1jA@eU-zv1^3epZ%Sff)SCB{aebQ`8`?J|K6)>;xRv zzV2YSF_<#-%@783^?+hIEG*0rHM&;{T#fNW$y+%oxA7rhUhcyc7^P%oQGjS0*1VU9 zV}Qp=+u3nG9EFMrd+tqD(Lm#4V>1{S7{8w3qw8|K>!U0h-;PO7|E!qC*I~{hnLFAJ zbP1TYx;kRpI-xNAD`&5}FN7ke7y5-TJ!gYc+W%%Yct%IQP$x6oQ3%>@%&F!RDtxLqb#`%%1`FrdRBCdPJ1MYiOp% zN-RM>-^t93Y0%UWUU0~Xz@}S|Yu9{?a&vR@dv;cc;TYF^m4^&VDV^WHtE=nw`|aHl zIuareFE5Z=znmf(qahd+E*$`10r=0v%nSyB6^+4L3Lb{{B9{(-!WW?JIrn^S2C4Ox1S43;7$8uxWo^TLV-**>*8w zg^IEm*1IZUW@aYncecD>?&amRnex(%2my3~--Km1s1V3S$Y9O;a=^)g$qJ0Wc_NdO zNlZ*kfY71*bM~|QvTkntU{@kOeX6qh%dzDoD16dK9~K=g2YS`2>F#3Gs7kza0=vKG zpMq3Ya>mfoFfyXV#>Vn{-<*A0HpRsu43`G3<7)oUClp8Q4i`}6RD&ba*!VawElbC4 z;&BX`Wm?Cr(sT_M!$OB%73140y&e?6%|4zTG#!dQefspjOC~NxrS!0b1VW(lbzr}G z_FV`N7TUT$aAoJ_!t^VN0bm3K1kiABdKVubT!9Dyhn3yhN`(^WuUA-7f&s{})AO(e zHA5-1ww4bU386tZYI0IjN54eYb>4nfA&~_RX6oUZT`_YR?&!Gd}}`5`Mfp zr4JxZV6!$iZwDD*sw~I=OtQa@Z%?@=ap?U7>#3ru>TmFP^Y;ytLbA$pqE8uLBe>=B zzgr#5HDnzCul^p;aD{FIV$wkOPL2f`aJnGz9Jbybyg_*SO3K*SSZ(RxvT~nkFSnny zviYYb1nYGi5xI==rA(Bcm|R$>AQ9f&o34g~h*NyoO>EEwEaFr{&?4Gmqw|wz&z=Dl zw}b0cIjqZrccI$Wkprv1b`C^5c;1#+zs*NPuUJD?Ia63*57?9%z)ChgK0a2`(n$Nq zZny*lfn8nF{~{wWlz{r(cFXHxVq)4i?&aUSiJ!1^UP*YaUXtap^W4lYvU{>zNA>Mn z=f6=)No{w}YHjC#oz&X3UZeQl&MuBAGR9j1V)+Y}=XskRD?594X=Q5!2x5lkEmtd_ zn3nWcy`c z{l_9U5H$)R7fb-Vf20LWcLXR|_;m0k2u=UEkH;d;bTmgM@#Dvj!~QD-->a*Sr;MZL z3EX_tD9On`ZDx96V~4_kQyDK%v`Q88eOL!hD}n|sAu*Abg9DrOT?GYRvtg-&@w9)S zOuic6BN%=-lB%jISK1K#%^N9GQ${i}G8F>@z~v;#L#97!YyYv^vVG8>?#!hD4EHbhic=-0s(?BC@U$rII!uoREMNkr7Qg}(jXxiyo zOR;i~dKAAtfJd9uX;g)TJO$tjat<>GhpdYW-xoG*?jW5Pn1Mk-NM~nfOJn(O+*ZPw zj#>`Aqp_M0*Fga5DON889`C<0ttv#@I#2kC1YPV0;Q6lB;+46~hAGxIH&-wAXC)fJ z)ZqPlvYq#-_SLmSRteKfZ#3X}6vhhvp~jIBMhFzGj4SpK3j6PIf`BIQwT$-?!q)zN z@ZU}HpQNCJfma401{C*M*7!FER$uM6drp@oN{<#%lTE)-^PrJUSki!utLrP~2#kpT zV4j|L`!t=~W4q_}m~)&XyNGix?LxH&y0}PgqLyxCoe|Mg+Og3nB9cOA61dqGsg(2+ z40nR&sn{tR&(H!QQ|^uP+;eM+uMW$7-z+%GAbr?+0r7KO%I3lRsccvYV2=yYjXU>W z4qX(DFrkn)2)-$?GzXX=2tkN63Yb(-zxe$`mdX)Mh#@W!5lS2bP#0SK@Tn-T$0JW8 zU#wSbY@Z|jP)!2F-P$L*mWxe$0DI61k{adP5_h=@qIa0m-i0MY_*2L1^Qd;0tPC7h7}X7km; z0b4`jIy&T;pnGWf6lick>wE^K|D1J)g4V`6aEKxXHl zqoe!1Fn1`EHm{l29}fk*LJ5RJ0bFwjmS`D~v}h~zQ0X)d!3shZ+R;q_WWq)yzL<3% zN%$$2*O|qO0$V{(50tay&;SlDvPibWHwp^UVEaL5>$o19)t`HaH06Ru4mmoq2Q!`O zZhBA<2v^n9gOf$o)!0J_I@he=iF*X$ESt zI+$$b69&AQXZGlbR3RZVHldeM^a6uigD+_jg6J@CG5p(q5h(^P9s6~;(Fjuv4hf1E znl)tUa-b@XgG3IX9u^+%50qL@k8-vKmx^lG<;B%4%2N#FAMe?9h?nj8!#;mT3hng& zyBjP{BMyQf5+cIR?k;e3+Hvgh{lGzjgC@Qomy#0eQ+L44jmJeTaK1Ez7}K6%QBkr% z3L&%mHe9urf8~&nP>=ISFq30EW8dIro0CyeF(KX^8HN~UlFH|0=_4O>&~b%SEYVXi z8yflzVI0l{hw+^+wZ!2w6GmivQA^;0T=0|Fz{~&Df*UMa?15k3_ug5H?Mt>kNgM-h zEc~0rIHQK9=1PX^LPxXv>6AvB0np-^nVF;UtOr6s@cdp^Tmu3yMJWvpLeYmSV?tu$ z)fBVLjz;HQFo6>3;sLuRT(d0p`(rg#W4~B{ZW)O`!3FiQG3C4C@mk*~YgjnxxS!~| z#{;tAT+$|Sg$zsuxD;cZZzy1O>|>Cl|It6h^>Ia7g%CM+l%GK|Mn3V);xJUM zDa0@XfGr~_i3suyNC~v@{UDA9M(p}HE>)(Pn3{g?<+oQ%Er?A_4DJdi5T7p#)n$gw zZTQFuczr_oE*&wNfmX)XzK$qMlScz-mHQ0@i$9*X3GnUIz6;=w+AC^H#mc_}lR-9oB-ci<=wR-$}2(OGUz4nQfG8wHB5I5em*69U7-@LDoo4eNFO zb#ZK)DeE*5`rNRk(5b&1mEVI8N%9afjF#?n~#8sPbdQ>3p~8 z^&u_`&G&j845{0m@H1ECyxw&KBo$^7^%mnGHJ!GmwOB~t!+(!;cah+KT|O*{b?Nb` zzQAl>j-th{nwBV1Lx@BDeR;IDtd`wGY@ht077-1V>skB7opJyZ!d}!v-%t79;>kH} ze8NO{A)QA1m{>GfBWB~vt+3E`ev12Yia&ayyb_Qada|!3!j|;5GtIUI4eQfyf)8fL z1V^_P`?GR4zWR$kq`MTd{G^=CxhAIY09YK&w?!u*KkK6dX}S@y$Gayab|j6ZRYu(r z<<_o5om^VgrbD-@?VoKx^gJq?-DeDxY;fM4Y|&IzHMBD~ha)Yu*9YONdU-W_cZOiK zEuUUf(PZ~~>GrrU@%ybpQ80dv|KDT(`<2_}x)K4he81j*9+Hy - readonly ElForm: UnwrapRef readonly ElMessage: UnwrapRef readonly ElMessageBox: UnwrapRef readonly asyncComputed: UnwrapRef diff --git a/src/types/components.d.ts b/src/types/components.d.ts index d9ee3fe..26d3161 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -39,6 +39,8 @@ declare module '@vue/runtime-core' { IEpDocumentAdd: typeof import('~icons/ep/document-add')['default'] IEpDownload: typeof import('~icons/ep/download')['default'] IEpEdit: typeof import('~icons/ep/edit')['default'] + IEpFolder: typeof import('~icons/ep/folder')['default'] + IEpFolderAdd: typeof import('~icons/ep/folder-add')['default'] IEpGoods: typeof import('~icons/ep/goods')['default'] IEpHeadset: typeof import('~icons/ep/headset')['default'] IEpLoading: typeof import('~icons/ep/loading')['default'] diff --git a/src/views/createVideo/index.vue b/src/views/createVideo/index.vue index b0cb01e..0f8de24 100644 --- a/src/views/createVideo/index.vue +++ b/src/views/createVideo/index.vue @@ -151,7 +151,6 @@ {{ $t("createVideo.availableMould") }}
- AI   - + +
{{ $t("createVideo.Aipicture") }}
@@ -245,11 +243,11 @@
-
- GPT - +
+ +
- +
@@ -263,13 +261,32 @@ type="textarea" :placeholder="$t('createVideo.aiText')" /> - 🔊 - 🕗 +
+ + + 🔊 + + + + + 🕗 + +

{{ $t("createVideo.languages") }}

@@ -309,7 +326,9 @@ @@ -362,7 +381,7 @@ {{ $t("createVideo.uploadAudio") }}

- + + {{ $t("createVideo.hotMusic") }}
{{ $t("createVideo.personalWarehouse") }}
- + + - +
@@ -566,12 +584,17 @@ :placeholder="$t('createVideo.inputRequirement')" />
-
+ {{ $t("createVideo.GeneratedText") }} -
+

{{ $t("createVideo.SmartText") }}

@@ -585,9 +608,12 @@ disabled="" />
-
+ + + {{ $t("createVideo.copy") }} +
@@ -827,6 +853,10 @@ async function changeFile() { } // 点击个人仓库tab function chooseMyImg() { + if (!AccessToken) { + router.push({ path: "/login" }); + return; + } showFace.value = 1; showUploadBtn.value = 2; } @@ -839,6 +869,10 @@ function clickAddBtn() { //#region AI生成图片 function chooseAiPic() { + if (!AccessToken) { + router.push({ path: "/login" }); + return; + } showFace.value = 2; // showUploadBtn.value = 5; } @@ -903,13 +937,16 @@ async function chooseStyle() { // 试听 const previewAudioUrl = ref(null); +const previewAudioLoading = ref(false); async function getPreviewAudio() { + previewAudioLoading.value = true; if (!textareaContent.value) { ElMessage.error( lanChange.value == "zh-cn" ? `您还没有输入文案` : `You have not entered the copy yet` ); + previewAudioLoading.value = false; return; } if (!sound.value) { @@ -918,6 +955,7 @@ async function getPreviewAudio() { ? `您还没有选择声音` : `You have not selected the sound` ); + previewAudioLoading.value = false; return; } @@ -930,19 +968,27 @@ async function getPreviewAudio() { if (!res.data.data) { ElMessage.error( lanChange.value == "zh-cn" - ? `暂时无法试听,请稍后重试` + ? `暂时无法试听,请稍后重试1` : `Unable to listen, please try again later` ); + previewAudioLoading.value = false; + return; } previewAudioUrl.value = res.data.data; - let audioA = document.getElementById("audio").play(); - audioA.play(); + let audioA = document.getElementById("audio"); + audioA.addEventListener("loadedmetadata", function () { + audioA.play(); + }); + + previewAudioLoading.value = false; } catch (error) { ElMessage.error( lanChange.value == "zh-cn" - ? `暂时无法试听,请稍后重试` + ? `暂时无法试听,请稍后重试2` : `Unable to listen, please try again later` ); + previewAudioLoading.value = false; + return; } } //#endregion @@ -1025,11 +1071,35 @@ const handleFileChange = async () => { if (file) { const videoUrl = URL.createObjectURL(file); - audioUrl.value = videoUrl; - audioData.value = file; const audio2 = new Audio(); audio2.src = videoUrl; - countAudioTime(audio2); + // 进行大小时长限制 + await countAudioTime(audio2); + // 限制60秒 + if (uploadAudioTime.value > 60) { + ElMessage.error( + lanChange.value == "zh-cn" + ? `上传失败,您上传的文件时长与您的权益不匹配` + : `The upload failed because the duration of the file you uploaded did not match your entitlements` + ); + audioUrl.value = null; + audioData.value = null; + return; + } + // 限制3mb + if (file.size / 1048576 > 3) { + ElMessage.error( + lanChange.value == "zh-cn" + ? `上传失败,您上传的文件大小与您的权益不匹配` + : `Upload failed, the file size you uploaded does not match your entitlements` + ); + audioUrl.value = null; + audioData.value = null; + return; + } + // 成功了 + audioUrl.value = videoUrl; + audioData.value = file; } }; // 计算音频的时长 @@ -1265,9 +1335,9 @@ async function findById(findId) { } //#endregion ---------------------------- -//#region 音乐tab -const musicListSystem = ref(null); //展示音乐列表 -const musicListPerson = ref(null); //展示音乐列表 +//#region card3 +const musicListSystem = ref([]); //展示系统音乐列表 +const musicListPerson = ref([]); //展示个人音乐列表 const audioMusicUrl = ref(null); //选中音乐Url回显 const musicItemAction = ref(null); //选中高亮 const musicListPageNumSystem = ref(1); //系统音乐页数 @@ -1278,6 +1348,16 @@ const musicListPageSize = ref(8); // const musicTabActive = ref(1); //热门歌曲和个人仓库高亮 const musicData = ref(null); //上传歌曲的数据 const fileMusicInput = ref(null); // 上传组件的dom +// tab切换 +function musicTabActiveChange(index) { + if (index == 2) { + if (!AccessToken) { + router.push({ path: "/login" }); + return; + } + } + musicTabActive.value = index; +} // 获取系统音乐列表 async function getmusicListSystem(pageNum, pageSize) { try { @@ -1404,6 +1484,16 @@ const problemContent = ref(null); const answerContent = ref(""); let mySocket = null; const sendLoading = ref(false); +// 没有登录时跳转登录页 +function clickTab4(e) { + if (e.props.label == "AI生成文本" || e.props.label == "AI Script") { + if (!AccessToken) { + router.push({ path: "/login" }); + return; + } + } +} +// 创建websocket function createWS() { mySocket = new WebSocket("wss://gptsocket.malls.iformall.com:8010"); mySocket.onopen = () => { @@ -1441,11 +1531,11 @@ function createWS() { // 点击发送需求 async function sendRequirement() { // loading - if (sendLoading.value) { - return; - } + sendLoading.value = true; + // 无需求时 if (!problemContent.value) { + sendLoading.value = false; mySocket.close(); return; } @@ -1455,12 +1545,12 @@ async function sendRequirement() { content: problemContent.value, }, ]; + // 如果处于链接状态 if (mySocket.readyState != WebSocket.OPEN) { createWS(); } else { answerContent.value = ""; - sendLoading.value = true; mySocket.send(JSON.stringify(sendMessage)); } } @@ -1528,9 +1618,9 @@ onUnmounted(() => {