From ca16078569b245a94f0aa888e83501bbeceddf03 Mon Sep 17 00:00:00 2001 From: cp3hnu Date: Wed, 23 Oct 2024 14:45:29 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E7=BB=93=E6=9E=84=E5=92=8C=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- react-ui/src/assets/img/code-name-icon.png | Bin 0 -> 2158 bytes react-ui/src/assets/img/creatBy.png | Bin 1566 -> 1656 bytes react-ui/src/assets/img/total-icon.png | Bin 0 -> 4078 bytes react-ui/src/pages/CodeConfig/List/index.less | 75 +++++++-------- react-ui/src/pages/CodeConfig/List/index.tsx | 90 ++++++++++-------- .../components/CodeConfigItem/index.less | 75 +++++++++++---- .../components/CodeConfigItem/index.tsx | 23 +++-- .../components/ResourceItem/index.less | 44 +++++---- .../components/ResourceList/index.less | 1 - .../Dataset/components/ResourceList/index.tsx | 1 + .../DevelopmentEnvironment/List/index.tsx | 7 +- .../components/ExperimentInstance/index.less | 2 +- .../components/ExperimentInstance/index.tsx | 3 +- .../components/TensorBoardStatus/index.less | 2 +- react-ui/src/pages/Mirror/Info/index.tsx | 7 +- react-ui/src/pages/Mirror/List/index.tsx | 7 +- .../src/pages/ModelDeployment/List/index.tsx | 7 +- .../components/VersionCompareModal/index.tsx | 8 +- .../components/CodeSelectorModal/index.less | 4 - .../components/CodeSelectorModal/index.tsx | 1 + 20 files changed, 218 insertions(+), 139 deletions(-) create mode 100644 react-ui/src/assets/img/code-name-icon.png create mode 100644 react-ui/src/assets/img/total-icon.png diff --git a/react-ui/src/assets/img/code-name-icon.png b/react-ui/src/assets/img/code-name-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..1e7991a97645ada3a9f925b57ab5c9d912fd19ca GIT binary patch literal 2158 zcmV-!2$A=RP)C4?CJU?_KYK0GsbXYcHG=ic4h zZgR8TcJG-vzjMy-{AQ*YS+4fSMGN8dd*YKWj1gi@eC+&p-b1$cv;MyLod1)<-3H4lc}Fg%6K5Q+(ZRZ&xEPJ&%93HG`2}Y zJ~?^y97c$Gbo{r^?d(+CQ66+e;f*BvdK~El!~Q#y$5-vm?LdreG9a&N!ia=I(Bbr# zFYWA9+zIq4+zn;~H1hgRMKC_~Ng+2yd0%NN8-ubn&C zbxg==g>Fa)(H(vzBLQ`=IC;!jlRE;%$NdqnTw#Y~?x&`W96?6PY(@oOk<;lc($*7f zTE*RSYGPr8)#MY;9G=T%)Os;z9Viy+coIS!IGq54n+0(lC5b%q=#RF^OWW-)_$Prr zcgB!6BBAO)M?nOqem_>|&JzWDA9zd%jhM=L-N?Sl*9VF(_|p#d?uzBS5ebRBc1|ER z^ZQYE{mMA-1UQhA^Alg^bD*<_1&}*#b&^#uq*F@N>2VOJQ^WbBiai3-fkdv$sZV^B z-2s{Z1qAtT&T2ObeA4MRH1f_KI>@jaFYZUBa?kUc(94ZIfBnNHZ75wBNccVht zNEMy)W*>-ZgwxU=!`=hScA)qSXcro?Qy6AegKf+K+k5;zg2+CMoo0=+c0eI+Xe_e^ zqDTq0z&YPPJ6vDj)l`-p&jcmHft}#3dTb--B~u2H{WF4`^~sz!(N0A^872A5*fio| z`|OAIl&a}K)-Xz~g9ttCU}vk!a7)hD>I1P9Go1lVi8vd*IFzopmhC{XyF5s+JAg3= zK?}cYhcY9dW=C*}eR^>2NL(*9>_A(0`RM|7j$`38N61Q60WUPWXtv3Nyk;rgsbef9 z`w?Xe!e_mI9a;5F=x5eMslHe2uCPngkrRlSix$oGN$nG*nW>G!zL0!3DLdpdp|o`A zJ@0|s5h!;1B?oyMlsmekHi~?rBU}4JiiQFOiipp~b34%44gEnb%M+|&YMRtsH_P%Ci3VHZMHIqoIII9V% z{sDhwN#mB?hhh)(22|ZITGC}LUDs9vaV-?rMo9q}Aup#-Fmi4L`BO-`3KF4&F|4pc zO_K%bROCY~l*NwBd5yfD{QSFxjk#+;$Es~t`Dw>-k3;@6*X8#*Id5%ZVJcNsD-_jK$t%bs&Zz^9?DG37)X0)mbI&XO zh`{a^qzl|YFX|Ub#z~1xq@nb?z%))k&t85neaUJ~A*pY$OTWj6bSW{1_}Jv}+WSB2 zUJ5o5N1Vn^xB^S^d{X}>`8|O=3HS`B;`#YQ4Tw3-HYPtaM8~H-uD?6I{#CzEILG)Z#urGy_Fp=<3_0D=Q{nr#7UA^5N7-GdC;R5B>*o{aQFe(S*m*3C6 zKV(gzj$T!cm5yiR>f}e+mz3*v2b)B}J(m@EIgYzXH(#oeGRfMrI#84j7&)n(m^_-@ z0Xf*(0Tu`nN^MId)W#OT1nr&9AFywbrL|kT124*z1YC)>K9$pf*4OB?aGkqq?F(t1 zCw?&V_q&CB+bSm8$VEv~e=ph3iSaye1mk1V!*+IB+wY&`tGt~tJDOrcFl)jWzoWJMsum(3&)d_mrjuXQ0tXL z`L@`xWSdy?303A2H#&gJHGYL3?FlvO<|=uGaqYAYD^;o?vxU64l+a2!%dbeQu zaK1jE=XA$j`Y-e3PF*GEHS*F0LdC+hw;DX;vpLn zfxNWuEz;4egDZT@dN(*AS;OoLl67VdHWq<92mHSBP2P}+ysnAWi$VXD!KRfx=w9Df z`L_U53qd?;vQ51dzV%JmvW5R&(Cc8mv#{`{qmK>inOO37YYl)T9uZ!god~PVHuXlo zeXn0CH&vRZss+hD*Zt9JZ#O+y@4L3Y*Q|Ughq2>ysslX^Y*T|Ovrgc)z5YmfwX;Rm klXruiz4mrvxv$6j9}f6iLj1QKM@L7$y1Tn; zOG--CIq40loYJUp2Jw6?ZBySKOZ zDww|l#oc*?uz!vP-(B2ycXxM(VW?deIwk=1_4Utz*?YL@^UN>I$V1#;mzI|5#Ds|g zsH>}c5zGp~$U}^ooWElxHsMm=R905b+v95&Kx1R$H89Bn11C9^W90?I9YX#Oh>Krr z(bxoVqI?dku(KTJ6L-+4%;T z`)~+2kD(g?@dZFUG8bk60IACzIldGFo_ACuwOXwT3=C8fpM!&gz3J)c#nsi-O-J}5 zCjRvG^{p=~EHqVc3jnpXwQ2CT*Bud(kdP1_8ylr6O(w9p;>5Y zY5AUq#(b=?HW&b)T`0!1P+KhNV)1<;#zR9x12Z!-D^i5Q-DgmtTNRW#;R0Ve(i-RG z<)sA#1YF`(#1R10W^8S3eV{<$dKrc59bVz)3(W*)Rt3IwnQ{$#iKum};#L~x^x z?d|OirBZp>oCjGS3;Hg&7%e3wU$myC8GrZ;9AsH(rKhLIhlPbj+tY}Yhvg+#Vk_Q% z5r7uFlx?*|ONz<%X?}iwhJ}liYhq$zY;tmPP6{mw znO5OQ8!fekuvS(o2&DfJ$*qKx4%C*FsWWYFZ|ANHXsN$bG&MDO;GvPXnJX$P$`(qM zQe1&(v|8;HV&Xn4{Yf*YkUooYXX04r_@5A=w2x)brt|PyVGM7$d8JPi=UVj=4q>`yUfka z&E~PN*w~eomBr4^&O2h`=y&t26%zmoW>|r?ReV{PSoilVG`7Z&^}D*dSbujZo}k11 z)Odbi;WDVo*Ad;Btjf?<3IbXsWjRSQXw|m9zOEY{9-d_FlMuW;SPPFBb+iD0%;Jo_ zoe$+$AFvvMXB?EDN4jn5?d^Rk2!LK<7JLBUV?18uVSWx{>2$N&`V37l>mZ=7AWc<3 zssF_GIvoN+pL&f(^T66r|9^`E4p_b&me&f+vgi>Lh~MIEGvsn7Y8TMvbYlzgXInf) z3m2W%0KofTc4~k`Jx` delta 1533 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 literal 0 HcmV?d00001 diff --git a/react-ui/src/pages/CodeConfig/List/index.less b/react-ui/src/pages/CodeConfig/List/index.less index 4108b486..d4cb1b4a 100644 --- a/react-ui/src/pages/CodeConfig/List/index.less +++ b/react-ui/src/pages/CodeConfig/List/index.less @@ -1,47 +1,46 @@ -.code-config-list { - display: flex; - flex: 1; - flex-direction: column; +.code-config { height: 100%; - height: 100%; - padding: 20px 0; - background: white; - box-shadow: 0px 3px 6px rgba(146, 146, 146, 0.09); - &__header { + &__list { display: flex; - align-items: center; - justify-content: space-between; - height: 32px; - margin-bottom: 30px; - padding: 0 30px; - color: @text-color; - font-size: 15px; - } + flex-direction: column; + height: calc(100% - 60px); + margin-top: 10px; + padding: 30px 30px 0; + background: white; + border-radius: 10px; + box-shadow: 0px 2px 12px rgba(180, 182, 191, 0.09); - &__content { - display: flex; - flex: 1; - flex-wrap: wrap; - gap: 20px; - align-content: flex-start; - width: 100%; - margin-bottom: 30px; - padding: 0 30px; - overflow-y: auto; - } + &__header { + display: flex; + align-items: center; + height: 32px; + color: @text-color; + font-size: 15px; + } - &__empty { - display: flex; - flex: 1; - align-items: center; - justify-content: center; - } + &__content { + display: flex; + flex: 1 1 0%; + flex-wrap: wrap; + gap: 20px; + align-content: flex-start; + width: 100%; + margin: 25px 0; + overflow-y: auto; + } + + &__empty { + display: flex; + flex: 1; + align-items: center; + justify-content: center; + } - :global { - .ant-pagination { - margin-right: 30px; - text-align: right; + :global { + .ant-pagination { + margin-bottom: 25px; + } } } } diff --git a/react-ui/src/pages/CodeConfig/List/index.tsx b/react-ui/src/pages/CodeConfig/List/index.tsx index 847d30ec..e8a2557f 100644 --- a/react-ui/src/pages/CodeConfig/List/index.tsx +++ b/react-ui/src/pages/CodeConfig/List/index.tsx @@ -1,5 +1,12 @@ +/* + * @Author: 赵伟 + * @Date: 2024-10-10 09:55:12 + * @Description: 代码配置 + */ + import KFEmpty, { EmptyType } from '@/components/KFEmpty'; import KFIcon from '@/components/KFIcon'; +import PageTitle from '@/components/PageTitle'; import { deleteCodeConfigReq, getCodeConfigListReq } from '@/services/codeConfig'; import { getGitUrl } from '@/utils'; import { openAntdModal } from '@/utils/modal'; @@ -127,64 +134,69 @@ function CodeConfigList() { }; return ( -
-
- 数据总数：{total} 个 -
+
+ +
+
+ 数据总数：{total} 个 setInputText(e.target.value)} value={inputText} />
-
- {dataList && dataList.length !== 0 && ( - <> -
- {dataList.map((item) => ( - - ))} -
- +
+ {dataList.map((item) => ( + + ))} +
+ + + )} + {dataList && dataList.length === 0 && ( + - - )} - {dataList && dataList.length === 0 && ( - - )} + )} +
); } diff --git a/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.less b/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.less index c5d4abaa..c2855954 100644 --- a/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.less +++ b/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.less @@ -2,50 +2,96 @@ position: relative; width: calc(25% - 15px); padding: 20px; - background: white; - border: 1px solid #eaeaea; + background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%); + border: 2px solid white; border-radius: 4px; + box-shadow: 0px 3px 10px rgba(164, 169, 181, 0.13); cursor: pointer; + &:hover { + border-color: @primary-color; + } + @media screen and (max-width: 1860px) { & { width: calc(33.33% - 13.33px); } } - &__name { + &__icon { + flex: none; + width: 16px; + height: 16px; margin-right: 10px; + } + + &__name { + position: relative; + margin-right: 20px; margin-bottom: 0 !important; color: @text-color; + font-weight: 500; font-size: 16px; + + &::after { + position: absolute; + top: 14px; + left: 0; + width: 100%; + height: 6px; + background: linear-gradient( + to right, + .addAlpha(@primary-color, 0.4) [] 0, + .addAlpha(@primary-color, 0) [] 100% + ); + content: ''; + } + } + + &:hover &__name { + color: @primary-color; } &__tag { - padding: 2px 11px; - font-size: 12px; - border-radius: 1000px; + flex: none; + padding: 1px 10px; + font-size: 13px; + border-radius: 2px; &--public { color: @primary-color; - background-color: .addAlpha(@primary-color, 0.08) []; + background-color: .addAlpha(@primary-color, 0.1) []; border-color: .addAlpha(@primary-color, 0.5) []; } &--private { color: @warning-color; - background-color: .addAlpha(@warning-color, 0.08) []; + background-color: .addAlpha(@warning-color, 0.1) []; border-color: .addAlpha(@warning-color, 0.5) []; } } + :global { + .ant-btn { + flex: none; + color: #808080; + } + } + + &__url-box { + margin-bottom: 15px; + padding: 14px; + background-color: .addAlpha(@primary-color, 0.03) []; + border-radius: 4px; + } + &__url { - margin-bottom: 10px !important; + margin-bottom: 15px !important; color: @text-color-secondary; font-size: 14px; } &__branch { - margin-bottom: 20px; color: @text-color-tertiary; font-size: 14px; } @@ -59,13 +105,4 @@ color: #808080; font-size: 13px; } - - &:hover { - border-color: @primary-color; - box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); - } - - &:hover &__name { - color: @primary-color; - } } diff --git a/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.tsx b/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.tsx index fe062bac..de903f47 100644 --- a/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.tsx +++ b/react-ui/src/pages/CodeConfig/components/CodeConfigItem/index.tsx @@ -19,6 +19,11 @@ function CodeConfigItem({ item, onClick, onEdit, onRemove }: CodeConfigItemProps return (
onClick?.(item)}> + - - {item.git_url} - -
{item.git_branch}
+
+ + {item.git_url} + +
{item.git_branch}
+
{ + const handleTableChange: TableProps['onChange'] = ( + pagination, + _filters, + _sorter, + { action }, + ) => { if (action === 'paginate') { setPagination(pagination); } diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less index 56aa07e2..31df6572 100644 --- a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less +++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less @@ -4,7 +4,7 @@ width: 100%; padding: 0 0 0 33px; color: @text-color; - font-size: 15px; + font-size: 14px; & > div { padding: 0 16px; diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx index 04508fb7..754034aa 100644 --- a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx +++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.tsx @@ -129,7 +129,8 @@ function ExperimentInstanceComponent({ {selectedIns.length > 0 && (
); })} @@ -180,7 +182,9 @@ function VersionCompareModal({ version1, version2, ...rest }: CreateMirrorModalP [styles['version-compare__right__text--different']]: isDifferent(key), })} > - {text} + + {text} +
); })} diff --git a/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.less b/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.less index 3dd58383..cb77da6d 100644 --- a/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.less +++ b/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.less @@ -20,10 +20,6 @@ } } - .ant-pagination { - text-align: center; - } - .ant-input-group-addon { display: none; } diff --git a/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.tsx b/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.tsx index 6a42535c..24a54293 100644 --- a/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.tsx +++ b/react-ui/src/pages/Pipeline/components/CodeSelectorModal/index.tsx @@ -97,6 +97,7 @@ function CodeSelectorModal({ onOk, ...rest }: CodeSelectorModalProps) { ))}