From e87c96300b667eee8f4315f770dd06d95b4fa20a Mon Sep 17 00:00:00 2001 From: Ran_Chen <1908198662@qq.com> Date: Mon, 31 Mar 2025 14:28:29 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=86=E2=80=9C=E6=A8=A1?= =?UTF-8?q?=E5=9E=8B=E9=85=8D=E7=BD=AE=E7=9A=84=E9=A1=B5=E9=9D=A2=E2=80=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/assets/model/inner_conf.png | Bin 0 -> 3962 bytes .../src/assets/model/output_conf.png | Bin 0 -> 5162 bytes main/manager-web/src/views/ModelConfig.vue | 210 +++++++++++++++--- 3 files changed, 178 insertions(+), 32 deletions(-) create mode 100644 main/manager-web/src/assets/model/inner_conf.png create mode 100644 main/manager-web/src/assets/model/output_conf.png diff --git a/main/manager-web/src/assets/model/inner_conf.png b/main/manager-web/src/assets/model/inner_conf.png new file mode 100644 index 0000000000000000000000000000000000000000..d750d05a7785fb1113b15091c0bc88e2ad5b4635 GIT binary patch literal 3962 zcmcInc{mhY+n+HLrmT-8LxZw~$~wZ(jKY{OG4=?}Fdj4EVHitgD@!tz#F&Rnma+37 zQiQUM%2t+0kz|(`TlR0h>$|S+daw7o-ap?z&biO;zR&Nzf9L#j&VA1Yixxa8eG~uy z2x2Tuaa`NO9f$m2?);mNVahe~1Ph!s01%-J07Tyf0Cu>p=s5r&L=ym5@B{!1=>Wj- zzp`K28gTGRf-%-+eDfeVkg$l_nE)Wy1q=wn+5`LYLKy&nkS)g4 z#6Ilv&m6z<6Q5k7bGNdyayIJhK02D_so9vBsEI3z@R-@ho<_;wKkybLRh^1F1y4*; zOUzK@9rZuLZ!7A$GDdySg=CtQT$Z zxj*t^H*h@1I5pi3ku|#eBz)7D(%ZcqZF=g1;5@Yf+l5asQi<4KZH&^Oiq!TySkFbo zn*`6^8<4vPYhP^`0hTi$|AbUWo}!*$*9MY!i%&1_(bxoZ&#HG$7aBgtm6=uq#=)x~1vxt-@Z0hg+f z;adp=zCaO}`ZG0Z(|vTW+dnQ9e)!BaNs`f@A?I485NTtht;E)fFi*wNZ9huZfNhT= zwaF3%#l0Jj`{;};%4e7?g=L~3KjeqP;g1bqLxaYR1Fh?edic}RaWe7RK2tkzzI2Gq z36Z}H!)r7@rY|$#Iug3iI_l=MMBK$xqUC>j|0RFt*r(iNn1Y{M4qb^X4&)IkJe7Lw z4aj!~a8dtTBQ$vS%Qarc$76kr87U=ZqKOvVW=dqel{2VsKxx)}U;wLS;i9@lfoM#n zoiQ8Mf)g*m9PbpjPiV5P60PW!;MFd&93^_@N#oh!UeJq$Vh)1V<)Jp`k#9y&Gr^ug z<@C!A?9QR$;j5*ja8F3*&%PXHJmVw#j}!+n`?~rO-LZV3Nj*rY_Q!{%?jA+m2JSSH zck@NET1Ec>Wj3=6mosB8Rb@FdC*U6&0?*;UK3hE^+UHnKv&%Px$#XZxy0d9c`K2Kv^>hP_HB`5pm0PmMZ@7n(7o8Ddl<_O`E2OxB~pZVXeIDFFO2Xm_8?6+-#G(okPCWx|QuprkR5OcgXd zqo03@>4`1rI=*giSmL6|liZ~-MB(bM^)xCJu>HYl3QA+diJ`zxo61{s`(_p4$5<>T zD?KUp?c;@4Du)G1XXFYJldey{ci;6iykzfiH-e+yk(;wb5%72u;%yk>1n!u2>QpHo zPGfkVl6SANZwX6#^yzj5WzhmN*-&~ar>rg=ZrK@=d|TgSMv=R+!!diW4W)3)7TST_ z+kd)$@R$p7$JGYMgLxija}Z8tLP59|;{4$5;(GD$w8rtM3uEE&8rMC-dU!6Miu}uO zcGd@>QQ~qoR?c1K@XMJ5Ww<))kJURxA@SW9l4CL-q`BDD`wR0ju4w(bCO#_uGF~ zs0k*n-6;|#izvbaA3k_No&rrP!XE}&=!NYteaIMVugg5IcgdmeFr-tD>?WlRp1B6g?Yj2#U76AD%U+ zJCM)#8uSL}am;sOjz3!1si-aR{E7)J{RiRb<-ND(1G5a)jGpCKu}z61?_1@RH%anRmAp*{HKs{&$S zSG9lqPrYai&48p>a_>#G%hc9Y2!`g8CS9utCt^t5X@hj75-m#{A)}!4%zriTUVBi= zHQ>fImsn{`kmN=7M*qd>y}BnLZpoO6_$YmmK)zd&@+je7aSjl}yORN>8OJKM;7 z54vp|8vQF77JIh4cyzn>`>4~QJXQQ2s6VwV#i4~6%1-erDa?*xO1Ih!f9dv&KJfg_ zxFCg)l%d<&386&4$Slk**jHb-u>Mm)bu};bXC!t)1d%sFx7E4khvaJ#_$9ah_XQCI ztAXpe{Z@R0S1mqZuw`uDVyPI9H}8o=75PrwzkjQE&#lGv2HFFn(4a?F2H1n|#x5Ov zaN1zw*^=`~?LyzEyeO2Ycp)+DN?7Dg1$8|H>2rAr@MJ(};41h*g|L5=xrZF0)q#Mv zwybr*-vJ2m)og68JpL+2gN>22@@M9*qky4(-{N-gOQ)UgLE&go5oLWUw&*$tc(Nys0 z=SyjSqdtI&rgd+h5WXqXuYNh6scnReXl~IEUMl`jxrPC&8~~f2?O&=UcnA>(^%?P; z)h=@H>I$o(?~_~-Y`>;55fT&=TRAYwkaXRiT*+=eM}dTF?of(EnLcfHF+KH5CP-khB&aKoY>D@e8QA)y# zY@P^5q;eiVyjIYtQp6}G2`Di-9zN|3dM=}6pfqYFI_Ec$z29;^;?4WzqUqd>u#nlj zDc!MZu|GZBhIIC01%&l^bpuw5GS|HDj5Us4?9_uxhvW9~%RRTM_j=5(y`$@Q@q7W( z4ajHgAa8z6{4RKM5B9c6Ukc>IAHD9GCBWyEwhz|8M#@vqP%_)e9a6=C#?F(kwM?Lw z!|orlIiTwNtSUwE*OoDDq01{S1<*}kq5ebUmwmD^43YQfJD`HUHStD0tIF31Fh24yr0v66+%(S<2y|+fS0hE1 z2D3iCgG+@aiF}U1iK(8O*ZDlHb67QZ0F#j?941 zH+!$|xlfI$+)*-UYESh!K+=QbgzXTCN} zXN;t-`?}9Lcv(p?nR|S{9#nOtl&Kq+_Xnk?B@;PMKdpK+@6~UJ4TMAdcXbIzK5tcA z6_bS>_%6}0<~oTDXfMAzlvt<3UqhplP6Tu?F2d=lDx4`0JS)}|a=T;wpEzYNa7Ekl zuE*BO%iwdutk5k+w4HmY+<1g4RdMb6=JDluK5W22$ETL4hE2RY$l>BoBMGQOx-MzF zva|~Z0{9?8txR;D34PtCH9kqQxvM14oVXgvmv;VAVv&=1fH5&Q=e10L>g z=B5B1A)yB=Z_QuBO;T0U52cY_yPXr>>qK78(W-VKD79sBiv_0UXTgm77p6uP+BW1u zYZ9^~Khw&Ukuh{p*&&g2&~{@18ZS`Se{>cyn8UUfhR&}b!=0P|XawKyv>Fy4+!b~< zWE$>CO$;El;scThg@#${tQ8#g74J)I~@ZFKvHZ9*~wBbR!dO$70l@ds|r8p1kZe=nUKu*fBN&fHR?s^D2%}+Min^1)e3HKVvRYxC@T)eKUk5?xW~D%Iou;g zun_#b&RL|oA;D@rJS_@7XR8crjkpg%Oj{ zH@)??^S)Mrauv@vxZ8=QOaARCojg=EUHk3MIUnq8W$Fn>&3yC2zLr+Rm7e-R3jXoj zR!54bQsL4+#-Ua5d1FOWHN}v>|K&|~QN5;|$^GaQTAtS~`CkA~;)3@(L`=`+RoEAL zczk`Bd6fO0VG#R?nx*o$5x-DT2e3&=m+D(HL`A_@0=#39JS#k5=ZzV(dLHV>`keX0 zEBy!fr322`(eD1GkfCFaRzCa?TH*ot2M*w_tu?hzc(T)#|iMP;Kkdn z`D{|>&*2A)ms5wB+Ec?Fdh^wcvtJEXpCm}mRWo4q_yo=4#*VeUThO^WhD*GKGmA|c z&XFy1Sv*jFH}cFppBO@7kv9+595 zf_0b%7 literal 0 HcmV?d00001 diff --git a/main/manager-web/src/assets/model/output_conf.png b/main/manager-web/src/assets/model/output_conf.png new file mode 100644 index 0000000000000000000000000000000000000000..f09b121edb2b158345a383024dfa6a1e549b36b6 GIT binary patch literal 5162 zcmb7IcQD-DyZ^3UqC^lx?@=Pk>YXTIv%0L32w7s65D_iPTAd(jlvnR12+PLmBt&Pm zL>Ik97bW<4?{Ds%dGDP&ckUnOJkNPP=X0LVX)|X|gux?iDhd_~005|Tbu^8xZU1$- zA|tx4Pe{`=uMMZ2ju8X^eE0zX6$}7p*CEsz0KB;m02?*{AfEyNw_X3j87f`_1h#tG zn!r_9Y+uWDi_~2g@_=-mkb{s$icu_T=sE;)aeHI}8qD=f1Ato~T}?F;ugUFX@7Bq0Vrkez zt>?GYxvRq8b3%!i3Z6v-0ugfJ-Q4eYZv=X~zcIaNKG!xqI_x{tpW84uJ(`Acr0^Qg z{5C&YpKHSYYBD8el8B@TV687wVIbD_#uSr1CTd(0;1rsjHdH-Hj|;xKN0H5P8nZEH zF6l;DwsETiN^|w#)z(hfoRU>?UTFEYO;l4yQ*4o+j^zV)lx#42@rtsLHJR#*1F?a6 z568(*n9#=%KzQ3AEzp3LR$8yk{LvGf$hMb-TDjJKh9rR+*JP5~&LMFx2Sg!vB_dd7 zU`!A|1JWWWjUd0Qw=Ya5#cOS|-d~l2eCcWHWGO({mkJvw({y}Hi5yN4N$_3uB%yU& zG%KU&vLCaE@W>jXf=N=)Rlbzpn6GsyV$)e%!abE%4mA4i*EtirU8^w}C-n$xPesHY z^|)bwmuJpfZ2K`wo@EUQVz+;?sX$DH4%{kQDO*BOw(1eR~4sm>sqCDXR$dnYMQru#lL)Ir&4$~VL#D@aFx`Fw)8tmO zV04tNpBP{p7rZ}sf_Lt<^dg!HEo7mgRyyij`Km%-1H%CCQQRfp#L=TfS&Rc~Wj$N| zM|CD0o1ol)l0Tv%lynzS@TrD=+4Dwp-h63pXT=#n;R-u^l+yAiLW;(R&WU1^E2>iE zJRd{I)*lg8vos!?p{y&B{r*t)yNb&dhG*h|MzpX1TZTtUt?crPy^S*RS|VP;c+Y1!U8sLCAUm4u$whuz*H-6bWUuzEFjh- z<#&$Z$x69rK#1%X^*1S4KcsBb8QgFX=i43MHD8xF@mLbYdV# zO$ED9&sW30@iD$4)`cV~au-LC1r(&k9-FNnzb`ZQNMV2YMTy+{cT9(Vdo#z6I{24o z6Ro#rI#_16^J!ywb}p(ppQ{pA5Y)%IY89B>C&TM@qlzS8k&KX@Sy{=ZjGd5Qxk#-E5N2 zduLu&*_XS~RhoD>C-Tx$t8`*Tp8{O<(y~-Rjm;qiYM%L)LSC45>dTS=AwB!&i3yhd zL!D$HI*zxpP2L7gwV+dT!b9a#Cg#D__s?njJs$Om{nAC2I`0>^9d2iNcNTS_)C%yW z(AEMyd@3Sc6M=FZ8LyBE z=Oa@BQm*S2zSD7mw+>vC1ROF+l7cALqlC+;w9C83~Px4o|!(XZ)BLDW+X z0Z1$B^_x}tJ?*a*n3wZS2>Yg50?JmTKw%2g%~#9R?Bt?gZ}wT%*wZZbjaUa+J6)F2 z>BSWfp?2LelC^Y&`OsCFj-s3+<~0>3Gl!q)Ul6F87|)9;zCFyC0SR_sGVj(f1OaZH z7`z!ls%#BWYId5Mj(AItDCu6E1eEU8fB)c>gqih?(ThOzbj%n@UXzFqAxrd!5X{ksoWi}cu^)DIvS14yp#L;)6+1vz?>egk{Qw6TxkJL zSiCm-OLJ8%NXSf~@`2NlKh3A(B$7{6#Uq@a*!4CMEeL~xpUu$*YKe1(Tmet#coTOc zxOyqsL(^{b-Sy3&Lh|*Hwb<(|nwvUs!E>fvoj2`{!L z3FU|-1~{Jbg=zIODSsL%ySlv!5k)`jBwBbQ$7@Z#gl}9bVZ}Pmhb3z(d zh@?ik={?+!uCZheF*Htq_Otq!=a%o43RPQV1j)V@{F(J*0>|_&?Un3Owhd>+=k}T_ z=S6!1MOh(#lRi{>&avtdw~wd3OvD z_)AlzqVG@X+o^YbsVDw2pW2;w{8tt~3eFU#zIPGH51v^Id}Wcg5GO6u!wo&dZXGPF z^hzT(c0F$=X-5>B<|O5+g!w3XUpBAkjo9c^&5!Z?mOaT;)S6#aZwF2FYIp9wkb^sS^T^J*SN-(z?mTfIVTvbdTHJ zg;Iu(LM9r~4x>N_=??1?^))kzd@HaM59^XKwCDS?;0L6`WvHyzw1cU z!e>;KKE-{6^`XZUUI+yI)uToiaw3Zw1acWYPHDB16e|=uYD)I8q>=XcfEt z5S&-YMLl&egS{L0*5^)T&V2;S^VzO58Fq!D3_d1s^hljBv4l6rh1CLfGw4?F-8B{V zu^|He@#lTm6p+LL$mA0roDf&vx{`cmDrDd?q8~0#!^b z9nT^5!=`r0xt`aH{GW-*$3|Ur^*JgQQ_BA>%j;*!v=LqVQ_4I__xTSBA2$(t|e&%EZv2Oe4=Wmm+OaZ7EwJ7DtOy%yfQDWZK8)Ii_U{4 zct32;Pil`g<~WkYmQ-O|Bc5S{BOE|c1)_-!TeTf3{Tv6HyB`iWbEL((J@oX%?d`YP z-QQS7HlbN6_W~q`dvCXFjfkBe^1a82Pq}hc-9%N<7IW8ST^>>vWu{m~lTh>WfvfZ2 z9cY%lYRr?;PUN3C{oQ>LID^Qbo5&|e7|YWYZV{rYXP_z&gP{4$!LHjrBU1&T3Pfr*`)XUV z0$yDFe$MXk)!dfC3TWl*Su;GQrcpV~sD%89VJ+_V6uu<^WQPNw!glqOHx2t|Und}k znTo~h1a*Y8t!S!tG!4jvW}sod?diL@r@cXG6`$i?k$WUwGExX~0wy4Bwwhy^MM(X! z8pND7ma40^hFCQ*3_9TNIHPtx>Jw&|K*0_K5^L8Zimc5Wy?XZSu)5iW3O)~iv<9L> zfM6P?eYhAZC#2oLsKP})7sp(p^wiJ~MHvRP;^ z;s}*&gs_jgKcI2uMOR6<+T@W1s%MAGX}`4a{zkg!yq{f2c~_MdAe#pbe*uBE8t0%p zcV;`^6A(}`5=n2Zxe(~Zxm2cGrmo1q5-1oI0SaY+h7q7tHdm_aYOcINi?@|2I z=vjUm1TOvw@PLe<`D${QRHeati?L8$k35hQ^%X2kod(m>zc=c>`aJ_poK7Q>uH;}` za?B`akcTs%$`Q2slV^9QOI8Qq(T}@PnI5v?qd6L)7#j zqAKy=yT0BRAri=%M z{h-uBQaehPr9K2D?i1?F6!#)&3$p1`@;z+{O%zvC3TXI5>$O*#L4K5YSwUEE;A}|U zSeVPf%IRA^VLnm@3zFe)({4wFR#-$^-_w^mW;$qL;u{PbX7GaI^ldee?@8by^~X6F zdvtf2R;mG1jEs_476{l6%8Rj{Qx%XTok86&l0l+ff5j6&IXvQ+9(v4`!(yCM%XA0i zMBNy0hCcTnS#wA!ccg^Ve_p0}s<`FpB7MoM1+iRPh=TT~O<6f7+8DKFQ|;6v$5+#w z`Soc&a`B!?P|{jYuwK&B&X0XKx^O&zr%-(45}^fA80;DX*#=rPM2u}Aepj`P4Deut zen>Jc%_FHMGhjXk#SSpedFQ#z-rBS<4((10tpW+kauR%Z1-x88UxpCBmT^LwG8cYy zBok&utC16*FcHk}?rAIg+iZSe0#p6$0L|x-qJr-3dLKXzRythZ*HSee1K|WtiGWw* zVf#VzlGGYzwG0fGK}m_ zBMBGCb*``$N4{(@vrDZj1hq$rIb9wOz+O*c^#_U_0a6gb zj?WW=O(a6#4s0W}ygZHPx}hHto_G0?EH-EQqb*~vM|d5PeKW&$@|;?h(Uinv_-AAq zN>XF=>*}eqR@&t0$Lz`c>^C_X%#`P@l5@qVttU~DV#_>%3%zG7zeI{z0$4t9*O63K z_|Pa*R4ELp8J3QRMDdafnnA$YQ@$&z^ojSIU&#_Onlk?uJD&)c5Hqg1GcO!g<1oeP zE8A^mizOy#9Uk`Q`DP{g`23`NE@eqlY9dDt6X(aZg)l&YCR@p4NJeKK zY4Gg|=I&soKnC~?x4jfz^?`_Xm&NpFeYl%iFoZuMHq^ zUji(8Us6<3+~mHbyf|21LR$F#efj(MbMJl#`Uk<;<+-E1_y0~9aTim$CJ6pl26sni g_-prP&aVHH1D5!A5}!?;jcX2|`{0pgg}M#;Uqk+zYybcN literal 0 HcmV?d00001 diff --git a/main/manager-web/src/views/ModelConfig.vue b/main/manager-web/src/views/ModelConfig.vue index 4c6aed4c..1dc92c11 100644 --- a/main/manager-web/src/views/ModelConfig.vue +++ b/main/manager-web/src/views/ModelConfig.vue @@ -3,19 +3,22 @@
- +

模型配置

- + 语音设置 - + + 导入配置 - + + 导出配置
+
@@ -61,12 +64,12 @@
- + - + @@ -82,10 +85,10 @@ - +
- 全选 + {{ isAllSelected ? '取消全选' : '全选' }} 删除 @@ -131,10 +134,18 @@ export default { ], currentPage: 1, pageSize: 4, - total: 20 + total: 20, + selectedModels: [], + isAllSelected: false }; }, methods: { + headerCellClassName({ column, columnIndex }) { + if (columnIndex === 0) { + return 'custom-selection-header'; + } + return ''; + }, handleMenuSelect(index) { this.activeTab = index; }, @@ -142,8 +153,24 @@ export default { console.log('查询：', this.search); }, batchDelete() { - console.log('批量删除'); - }, + if (this.selectedModels.length === 0) { + this.$message.warning('请先选择要删除的模型'); + return; + } + this.$confirm('确定要删除选中的模型吗?', '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + const selectedIds = this.selectedModels.map(model => model.code); + this.modelList = this.modelList.filter(model => !selectedIds.includes(model.code)); + this.$message.success('删除成功'); + this.selectedModels = []; + this.isAllSelected = false; + }).catch(() => { + this.$message.info('已取消删除'); + }); + }, addModel() { this.addDialogVisible = true; }, @@ -156,10 +183,20 @@ export default { this.editDialogVisible = true; }, deleteModel(model) { - console.log('删除：', model); + this.$confirm(`确定要删除模型 ${model.candidateName} 吗?`, '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + this.modelList = this.modelList.filter(item => item.code !== model.code); + this.$message.success('删除成功'); + }).catch(() => { + this.$message.info('已取消删除'); + }); }, handleCurrentChange(page) { this.currentPage = page; + this.$refs.modelTable.clearSelection(); console.log('当前页码：', page); }, handleImport() { @@ -172,7 +209,18 @@ export default { console.log('保存的模型数据：', formData); }, selectAll() { - console.log('全选'); + if (this.isAllSelected) { + this.$refs.modelTable.clearSelection(); + } else { + this.$refs.modelTable.toggleAllSelection(); + } + }, + handleSelectionChange(val) { + this.selectedModels = val; + this.isAllSelected = val.length === this.modelList.length; + if (val.length === 0) { + this.isAllSelected = false; + } }, handleAddConfirm(newModel) { console.log('新增模型数据:', newModel); @@ -185,6 +233,7 @@ export default { ::v-deep .el-table tr{ background: transparent; } + .welcome { min-width: 900px; min-height: 506px; @@ -200,21 +249,32 @@ export default { .main-wrapper { margin: 5px 60px; - background-image: url("@/assets/home/background.png"); border-radius: 15px; min-height: 600px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); position: relative; + background: rgba(237,242,255,0.5); } .operation-bar { display: flex; - justify-content: flex-end; + justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid #ebeef5; } +.page-title { + font-size: 24px; + margin: 0; +} + +.right-operations { + display: flex; + gap: 10px; + margin-left: auto; +} + .content-panel { flex: 1; display: flex; @@ -225,12 +285,17 @@ export default { } .nav-panel { - width: 18%; - min-width: 200px; + min-width: 242px; height: 100%; border-right: 1px solid #ebeef5; - background-size: cover; - background: url("../assets/model/model.png") no-repeat center; + background: + linear-gradient( + 120deg, + rgba(107, 140, 255, 0.3) 0%, + rgba(169, 102, 255, 0.3) 25%, + transparent 60% + ), + url("../assets/model/model.png") no-repeat center / cover; padding: 16px 0; flex-shrink: 0; display: flex; @@ -238,22 +303,36 @@ export default { } .nav-panel .el-menu-item { - height: 48px; - line-height: 40px; + height: 50px; + line-height: 50px; border-radius: 4px; transition: all 0.3s; display: flex !important; justify-content: flex-end; padding-right: 12px !important; width: fit-content; - margin: 8px 12px 8px auto; + margin: 8px 0px 8px auto; min-width: unset; } .nav-panel .el-menu-item.is-active { - background: #ecf5ff; - color: #409EFF; - border-right: 3px solid #409EFF; + background: #e9f0ff; + color: #0ba6f4 !important; + position: relative; + padding-left: 40px !important; +} + +.nav-panel .el-menu-item.is-active::before { + content: ''; + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); + width: 13px; + height: 13px; + background: #409EFF; + border-radius: 50%; + box-shadow: 0 0 4px rgba(64, 158, 255, 0.5); } .menu-text { @@ -264,14 +343,12 @@ export default { padding-right: 8px; } - .content-area { flex: 1; padding: 24px; height: 100%; min-width: 600px; overflow-x: auto; - } .title-bar { @@ -303,6 +380,15 @@ export default { width: 240px; } +::v-deep .search-input .el-input__inner::placeholder { + color: black; + opacity: 0.6; +} + +::v-deep .search-input .el-input__inner { + background: transparent; +} + .search-btn { background: linear-gradient(135deg, #6B8CFF, #A966FF); border: none; @@ -313,7 +399,6 @@ export default { border-radius: 6px; overflow: hidden; background-color: transparent !important; - } .data-table /deep/ .el-table__row { @@ -355,24 +440,27 @@ export default { } .edit-btn { - color: #409EFF !important; + color: #7079aa !important; } .delete-btn { - color: #F56C6C !important; + color: #7079aa !important; } .add-btn { - background: #87CEFA; + background: #cce5f9; + width: 75px; border: none; - color: white; + color: black; padding: 8px 16px; } + .title-wrapper { display: flex; align-items: center; gap: 8px; } + .batch-actions .el-button:first-child { background: linear-gradient(135deg, #409EFF, #6B8CFF); border: none; @@ -396,6 +484,64 @@ export default { justify-content: flex-end; } +::v-deep .el-table .custom-selection-header .cell .el-checkbox__inner { + display: none !important; /* 使表头复选框不可见 */ +} + +::v-deep .el-table .custom-selection-header .cell::before { + content: '选择'; + display: block; + text-align: center; + line-height: 0; + color: black; + margin-top: 23px; +} + +::v-deep .el-table__body .el-checkbox__inner { + display: inline-block !important; + background: #e6edfa; +} + +::v-deep .el-table thead th:not(:first-child) .cell { + color: #303133 !important; +} + +::v-deep .nav-panel .el-menu-item.is-active .menu-text { + color: #409EFF !important; +} + +::v-deep .data-table { + &.el-table::before, + &.el-table::after, + &.el-table__inner-wrapper::before { + display: none !important; + } +} + +::v-deep .data-table .el-table__header-wrapper { + border-bottom: 1px solid rgb(224,227,237); +} + +::v-deep .data-table .el-table__body td { + border-bottom: 1px solid rgb(224,227,237) !important; +} + +.el-button img{ + height: 1em; + vertical-align: middle; + padding-right: 2px; + padding-bottom: 2px; +} + +::v-deep .el-checkbox__inner { + border-color: #cfcfcf !important; + transition: all 0.2s ease-in-out; +} + +::v-deep .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #409EFF !important; + border-color: #409EFF !important; +}