From 4d58d19cfed791cc5a31ff4bff11430ef50bc23c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cyangqiao=E2=80=9D?= <“3083813177@qq.com”> Date: Tue, 18 Feb 2025 01:45:49 +0800 Subject: [PATCH] pagedit --- frontend/src/assets/chart/down_arrow.png | Bin 0 -> 1220 bytes frontend/src/assets/chart/five_arrow.png | Bin 0 -> 803 bytes frontend/src/assets/chart/four_arrow.png | Bin 898 -> 602 bytes frontend/src/assets/chart/one_arrow.png | Bin 779 -> 1225 bytes frontend/src/assets/chart/three_arrow.png | Bin 815 -> 762 bytes frontend/src/assets/chart/two_arrow.png | Bin 858 -> 678 bytes frontend/src/assets/chart/up_arrow.png | Bin 0 -> 1165 bytes .../src/components/ProcessView/index.less | 71 ++++++++++++++++-- frontend/src/components/ProcessView/index.vue | 42 ++++++++--- package-lock.json | 6 ++ 10 files changed, 100 insertions(+), 19 deletions(-) create mode 100644 frontend/src/assets/chart/down_arrow.png create mode 100644 frontend/src/assets/chart/five_arrow.png create mode 100644 frontend/src/assets/chart/up_arrow.png create mode 100644 package-lock.json diff --git a/frontend/src/assets/chart/down_arrow.png b/frontend/src/assets/chart/down_arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..67b06c167d46a8e6e5cea8e5f319d05502b7b666 GIT binary patch literal 1220 zcmeAS@N?(olHy`uVBq!ia0vp^#z36I!3HFcS9Wm#DaPU;cPEB*=VV?2IV|apzK#qG z8~eHcB(eheoCO|{#S9GMf*{OzO6{{fP)($#i(^Pd+}qi{9x>q}$Dj8)|6!Ud_%XSl zsY^jfU?SVbwuTEqFPze+SOgW!Ztb3wGTCEk)+Uc-kuUuWt#({)+qGe}+62!GLsj3< zHM~lqN-drWT#h-9EI!Ab^F7DyX>xA&`+3h}4*hN1Q~b{9+57+VKA-z~_HvBNnRDm9 zWy~^bT^ZUFqV+X3J^gv@nbv~Grpgj+4~ur+U2h<&wm4};U{Z=}=R{Fex3DP^kw4cQ znQ%7k@#DwKOJn7=G&K)S{c=EuUAXt6I1k(ZBdV=Vg)I|I8!leF=%n#act(`cOrKrP zo;{QE_w}_ssH%7(s@TuZPr78eeMOy(-1+x)`~O?~<4QbnL_|a+;fQ;1@MUkF)coH{9QF!s|UF?T@5?>lVICJLA#uTHMmrdTL#Kqk+jHx?*?wsGZd-v|m zJap)gfZj(T@1;SD<@(hde_G$VeY^gkfo{xslf@TbIIq8cyW?e`fdCJie)1f#b-B}K z&#u;=c;ox=VxGeW?-DXPb@oIZdjH)X7zOu#*X&!IA+s?+Bju(j+x2!SNy(cWEKHXJ z+u+F_wPTUe?F3?oWrJ z__l9#p`lm#ckkXk<0A9An1d6zqmvFj{P5}4ty#gX#tq?lIps@t?b;>%W~yLTLigW( zMe{qn2bS#H_b-3N+|LEq)pJ=k9Nl+tg7ockU%r1ouC1k&W~h2F@8RqlVuu;h*)-Le zcDLp$sVv*Q`}h2*Q$<&8OWXayx8;bzg0i+wHKxSwTyuuWn>KAqeUT;J)!p4H#prW9 zJ~=}=F+Cx!IxITcx_71Sf)DKmB2E!J%-e3VPF%~@s(-%RWcRLJ^YnCd?i`yU{_v2w zqTu0-oSZpZ3C@lOOf!;p7aadD791o~s3z38CnFk9A2$#q1JZs)~#Q6tKYqN&~rEOicp^k!{k4I{`9V0yVkqW zp~19i_oDPaB^IyF9655Ntho5|`3D@kw;w6EX(%IlI3hOIcK41QJ9tf9tQ6CEX592k fT(P0;^j9fW)%e>}lhtnnOCAPKS3j3^P6Px#1ZP1_K>z@;j|==^1poj532;bRa{vGr5dZ)e5dq33^FIIp0=P*;K~zXf&6ZD6 z6)_OTyE6gV2@4C|;SC-);0EFe#1jZrVilznzEX-Rp$a&GcmnkV;tf0kJO3?s?w*gC zwE6Nf^DDJhAzNqg5X-jZ8Q< zHy*`ipuOpBGGRdE%>Ts!RuAzF18eJAA5ho$V}JMDCvNg9^?7^sB=?=CsOr9X zR0(~Y_Fgw?RNFb&~6oz(;!^f82TuN-0a1X zyuVQB002ovPDHLkV1oMQXk7pR literal 0 HcmV?d00001 diff --git a/frontend/src/assets/chart/four_arrow.png b/frontend/src/assets/chart/four_arrow.png index 951db88aa09bc1ca5f0cce85973fdccea10bde0d..5d1a961dceec8466a73a1c69e9093c5570af391a 100644 GIT binary patch delta 563 zcmV-30?hq_2igQ7iBL{Q4GJ0x0000DNk~Le0000D0000z2nGNE0Cth%(UBoEe*y1F zL_t(YOYN0kPQpMC#&@=nXKx@!z#HHV0QFr@AUuMQ3W7cwPhfnPlpDwm>=8Hu7iia= zVYlu-N*{=giN9pioo&AT+Ue|+g^1(ibn>+9tI&h1t3}?(`wUpDLJv=bE^_q_7@STP z%Llb=;fc@%1r$gzT^%fuc2S{xf5NbvC9+&J0k=Zrx@bafg(&EvaW*5-J{OJaMxs&| zjj<^|=Ua3;6C!MPA(Bk#S_4Fwl`1!`Up&y$vj#IEiH+s;P4 zTbkE`|9F_q6V{|4V%zDkyP>&(ReMO*$lCIqzHsC$Pt>x7C#r%c5?pKrf7=bU^w;oG zK3;rufWsRFf~Ak6%L|$t1ha<)OhpVoHED93l+W+4R*=Ct4xaHEixnw9PmFD5!`?v6 z3%qyAAj1mp;E<)%rbUP2WG~`TDtp6#1{1GpxhDMVJtxgvhJl~GJZs6` z_d1w4?fZge*~noSR4P%^4GzC?x#$AOT`C~8SQeO^MP)ThX!`s#qfH~ zr{iuaGgYa^%p__$?mrVCPt%G^vB#44kZo9lvDqL7>G zf>?k&PDHLkV1oIo B1Bd_s delta 861 zcmV-j1ET!e1cC=4iBL{Q4GJ0x0000DNk~Le0000g0000e2nGNE0Ei1{P>~@te*+gu zL_t(oN6nZ~P8%^0hR4n(?PK}?sBh&4;RFpQ08Rkhph$p(NCgNYBoZmy0D1zr0rUiL zgYwn_mC7T{Zgx7q<6W}J5*o7c^1ayOjiO)U@yytY-Y9=sJ7wQ5u8>v>9P-+m5_;d* zuZBcbt@MJJmF_BCPpxmyET_W9sed5p%bZSTRF`3S{<`rSAB# z%nV^BnM>7KLo6Dx;z{!(R_A7P&F#@a<+icEYfZz?!^43pgtfb79bqxR#A6ion@OJ` zxudz5-mD$lPpKe=dry1Bf5e5tL#RTSBR6&eJr`A*QJ8p)77Ohq8LlBRRJ8gUkrU%r zv%YAj25e{l+Nfl{^>;@HU(j@*>Y)1A<*~_h>*aK>KqTgf%l?x-4w(v_*{q$$^;>dc z7C&yu|7&UcU8e#dD3hp&_c_O@e>w845h*^2Af1+f?tA(aj4~VzZ z%o#g9As!WRx#0P$Y2tGM9!onYlk{Z7fJc!FF(TEN1q;M^UgyHxy(RT{oIry) z@&Enb;1K!DHvoI6-mDY+sB`Z(Y9kO%dadDYVwh z#=yF7iUh_VzW!bB$g44W z&bLK4?}ohMsitq|Lf+kUdNf_l7&8n?-T1x~VC^3|8tu<(b-K4WdhF`Ye}?wQ1R9eu zcFZ@`_m3loz8a8Poh^Z1@#E9$Yu^kA#!LpCPW?BPTFqYhZkE8f41w{`&~0j}`iD^nGAM2IUkRp)nBBQN ziE7ZO)!O5`3*+pPm7+~|e-#$pq^XO#LLPUj2y4|86|7BWr>+{X(I!RJ#=OFlxX#U* zbaSv{CVfUj)N?gIFwiX*ZB&p#LE@(hU=tq#8&te3RSaQmpHEn8@R<#b!NK-n$+d0P zBhlBbySw^??+g%(iy;|1(WipXt(Ow*So}(hKGAO14`R_ToIb|%f3IzgI_9eZ51J~G zY70L*RWm!6>v$qs(_nY^mPR*RJp&(Y)GjqPWHX;D3&4>sCa;VbosrN?TV?PK}ry91se z+7IOgiaupS7!LP(13=yEFO5vP6B*cm`JJrK_FZ9l{Hemk?YbxW7LQd!yfNCH`e&-+ zFEsWRM;6?P4D6UGg+e1I`q(U&4HexEiBr`ReY@tnDg+yCesP)xQr+#+AfvCDbh{aOGkZao@T00@Kz|0Kk5) z%Q3zm*%<5@{&d2hd_AcQVzjfu$7TECnCVkgU$!rQX8TtjWSmPi1)p$JMSmW>Kyw|z zC&u(c4ikCT?sm<1GSB`)pG#Kn2M+fZ-%KUZuGc#oeAroV#|oSDGcl$Wgqcr)Jd?ae zN}8JIDAT*od*qb}7D>MMo>w9;&iCH)N(9CP=bbXa>{Ej^=DeeE$}7Pd6DaztzDk^O zUq(e^|I1EpQ9T2%glJ6Q!yU&C*Ys-Mca=l_9}A`a0>$Iga#9l|*8l(j07*qoM6N<$ Ef<+cioB#j- delta 741 zcmV7g^?jNe*&OM zL_t(oN6nbwb<;2ug=Hq_280c=0SOD>Zcrv5oq)px2@^C-(6B&VCZHRT4afwT@5(Pa zw&OIkwk3b(IFV%kxW4b{NpkkEad*zSLsq&U%UkzIdy-_u+TFO!i}jSw?GXKw<`&_H zYBW6(dWFzG)^C7lIs7yQw=?}HfBZCV{KzvPd@HvRy|tleywQ&w^Suk`Wy;Kb_ECt8 zcU0i&Z#pyUc7mgOUTTS>dmD;|chuO~e5JM_hXrES{zfF)j>^UFh}|G^V?!Qu)=wtoGS7Wed$MR1!`-=cJuw!5Q1D-i zr9h6uqb>v|p??XQT)e5S8TtFG?eviJ68hIQLM}H)bF_EpanWy7EcB!8UwaE}qlty^ zJA`WwJJ@!xSLoZA$Te@De`A5F!^&>;W>BG^oXx8y^)_>Ft=XGFg{nL$SG7mb3P=0w zj%*Sr1$0^0_xmongHNV5mbW^S<+%L#Vda)~>qQKmqbE>nwIKMs<$rK;*7y3}rn1o|JX8A#=5_}-_`%!gkGoFXG@iw=DF}9DJGNluMM}(QGYIlqsqzu{WKKvG|8+# zV(z|2#Q9~_YHCuUJ9QA9voDxu)KEl)Ln4)7$42IQGD7PhTIq3gJ6BDu?o6Cw?PmV~ XZDsAhtl)U?00000NkvXXu0mjfR$gn7 diff --git a/frontend/src/assets/chart/three_arrow.png b/frontend/src/assets/chart/three_arrow.png index d1bf5bad7bfef615e78cf2511006015192166343..b177b3e6e0d630ca60df2cea137f27bb41ac12c9 100644 GIT binary patch delta 723 zcmV;^0xbQn2KogdiBL{Q4GJ0x0000DNk~Le0000E0000$2nGNE04f?r&56urVhfoB+51 zOD801)U6(QG?I*=D9l%-s7I5|uYO1wSVw(v@Jh`DqjN%iF&d&VC-vpwkuF6P9nsK< z%!o4g$vS!!9O~nK{q|sA?LgKMe-Uam1*}Y>iaG~a&24Y0j{!39uo=(4>SL-{iV3Zc zxg}DpFGmx%%{Tg(&{YkJ_4Lu8A6uWU>T0XE_m17qBzqBrNA+~{fK74qYG$pPfG~ht zJ7Lo+vKlXLKr0~0(Si>E$vaz}9qt$Jd!t>$0TG=ib!50xutNFE1n{|efAapdyy%eB zQ84HdfG!rCAm9sKjmSIlwgdECjflLXwO3^AsSLt%UEMOptb#GViz--jPen^U#tMhr z>@s?%qNR|WRRfeL)zOuJ7Cgw(H(lK_`K;=hV{#c~vN3Wd(ZUxVrQ1B8oNlj5qEZTu ze*wN$)Z8-JavZ-KeFE}rf9E=9+&uqqB`-RZlY{R1;33yYO5Rb`1p19~@b<{UV|NXX zVP~0ab2}8WdKmuIk-^i=uMWM8{mApjy;{hsUdCOq~coy9c* z-SJ6T5gMTXqQ_bPZVis|f++o8$ZFLpww9>n2+~-IZ1c-IM~+Zem79F$Ci!w?B1fjH z>eb?oX-OP|DvyF1DU&!dtV#$)H74r_)p7>rdQCS0`~(3M4XX#aOg#Vq002ovPDHLk FV1oYMR1yFH delta 776 zcmV+j1NZ#;1+NAniBL{Q4GJ0x0000DNk~Le0000g0000a2nGNE0RPFTE0G~Jf5b^d zK~z{r&6rPC8bJ`oyPEf+OL7Bq19Jl520_hUZxEIUiYUmE$qB%9#PJ3pC(xWAa|DU zok-{e&0jCt<7hcN*CGiP$^~TAh<6r%kADJB(2>w7ER;ZxE);-XeZa0zE2=BZgmxOW z05cXym;wuGS8c1ZgwB}>B`nxQS@q~weL$Vm-Awt#CXwuGDZ(VqgkGK;c=Yy4#T6e9c_P!skBX1}W?3M&KDrDf(r#P& z@nf!i;mu6&#;OuBMLl}PZdsbZQau(AiV6+r5;BDejfzXc6qwaHuNERSI$kBr1c&mu zOgk6KZRw55jzdKiUT;;-g~luVpTus+xlpX;Px#XK5#MBKxc2CnonA>3Z&ii1rwD3O z;fJt-lhz&zub{x$sTH-VjS!jzjfN~3)Sd>t_E(#nQ0gz{t~4sv+b1mm0000+J; zK~zXf&6bT(0x=MU_pE>t=s>7Iv;wR^tU#zhtpKb*tUxV5#SZ8|O27s@-&;44Ts8;J zIN~>x$tIWmxlOWn;_)(-AzIglE(g{p)RkPIO>O8>Ss$S{%--vumj3ZXmMS;MJkpzq zl#5;yMR*$^gnwTovX8%CnyhsX$vIyOx3ys9EB zcB+k}G@-$!S5<_!amibt>Gi<8Wl3p5!_TvCWqKSk0bj#*ux@Ngl$p`n^mw11sQVu zL1I-1P2bVJw4s`XlEFTf4=nsHCAFNYB9EB9(+)6_ld<$QRA$Y>+6oTD4g2_xm^e4F z2#m9;>()d?mU=vBy|nlzxWhWF4oOzqyu#=ji)S`W6=@9%+)p>WRNVw`BvB;rIx#U~ z-V%eEBCYZ|*)Z_H9GI+RiUgB0%b*grU=vr7Ua?rcGSe7m|K+YC!Qwf+dfv8T_tHV+ Y6WFS?XZA{JXaE2J07*qoM6N<$f7g^?jOfA2{| zK~z{r&6rJ68c`6(y9X<<la)Q7@SPG?P8$7|_3Dgt7oIu=0EyxmGs3*`H#2dsV zRAf5cJyP&ka*97_Y(hv)7Pv!GI?RnwfAFmg&!sJZu!^3y z!;jcj9(uc@N~S_p+_YFlgdHGke*!|;-io0xJPG!%kDUwke{OHFpr%HRU~`qYdB}sW zL2LBrnePlNpwA+Y*c8EuBAKCx6vMgD-tN@_$Ej~_B1Cj%rhB1+iM=&z9qIFwCskqO2F61f_anl~ngwE=wf1tI~Y{hv* zHH#7AB`2UW^2Rkb3h__tap&`$cp>Y-g_^fzw{xM;||0v(?4%i)&3w(vR;>yhYn7X zTJZgPWjV?O|9tychmSdQf4)q?S|cjSf?=`CU)z=pUS|Z?yGQ?i;i$1lf%hd(N-TOk ztW~H)k3x{*&Co4*lU8Ks09o#({diGtzEv|nN~%2??a7i17h4j^V1JZ6x}_l1($7Sy z?ZHjj%uXVeP@0C)vm*$&XGh0|T<|(-(rKh_n(L0FoJgJAD!Xm2@TF`@`fvkVd27?`8S2r5h}u0;xQ!PnwFE#A)^x?bSY)7u*znwJSL z5uFyRD@6(j9hub4f6IheC?ftab0rAa&7v&L(4~)-z4V*CHwOtlIqr>|pAw^phQ;=K zL<;=Rx}Vw8|Az|YAD7yh1kah_3HSC26~=mBY0sU3dJk0a7CVs?bR-r>cWe*ya3Dh& yDD+}Ax~1srHa3IG5}MNUMnLSTZ`c8RqtOi(^Pd+}k;~vxOsNjz6C>bBXU|&soRJ zvT~Ms=SKE^bqf{P+NAJ8YoAMvz%}vk)2p_IMCS*r)o7X$_R;l7m2(KodTzTnr@1z5 z*s$yN)&GZInPpDiBB}mq@r^CFW*YBb{QTkf#tHYon~2!WskRFFEhh7B?|yc#l?4^k zkImezpLNRV*~V}8thE<mJc)5NG`he`@`2Njim~qX(qE@@q~v>b-2RgY|pw>WXZ`nyZ@)}&6Cg- zuutUQK5gIe_17F-+-LceRqVLBrsJ5R-+>*9Ys;6M*z)~eN4oLLUIF!kmeaQhc)XI_ zcdIAF)MrQ-Q(*UQGw;H znQNY2+I(=Uz(t4Y48`x~j+J@!~&Bhva}=ALEp?Li!gGyDEkcb@ThwR(B-_lViQ z~M-txFCUJ|EF|O3RN%PD*k%>%kT2jie9cy_B``C*5i`(cPV40@P3Ky&S$6cr0)qf|MSiEjFeVY z?S^>CA2T$L?l1P(u3z)P*xjI_+~xXF_S0|nE=>vhy2mi%*Aa{Kp2(k%eV*T5c+&7& zU8&XjkM=xyyxEo+e|ng2&;Hj|W?a zyB{A=XMQ0iq#-4wl?1d*+1hGRs@vrW`}i~J*>r5KpV@NfPn&A?f}@u0+f?J6JOx%Y zo2BpCtsA%V)lU9J$+yh%zx^^e!jfV1*Z=-CqqNxO7c$H4X8q3mnCmg`z~stL@xs?{ zD!3fi_!-d5HKAt}0-Y&I*{rEM-PPJyh~*=%!|wAp%!Q}<*gZIzBDBf4>`lVsfGRfM zwD8|Me>G&r`L8MY{+~-{8L!N(OC_?4)L$%Hsim?Q2|0VXU$$dvnf60@apMGLU=hOL M>FVdQ&MBb@0Kz6BNB{r; literal 0 HcmV?d00001 diff --git a/frontend/src/components/ProcessView/index.less b/frontend/src/components/ProcessView/index.less index bc3d507..2267872 100644 --- a/frontend/src/components/ProcessView/index.less +++ b/frontend/src/components/ProcessView/index.less @@ -21,16 +21,17 @@ .item_text { position: relative; - width: 56px; - height: 56px; + width: 55px; + height: 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 5px; - img { - width: 56px; - height: 56px; + + .item_round { + width: 100%; + height: 100%; position: absolute; top: 0; left: 0; @@ -38,18 +39,46 @@ p { font-size: 12px; - width: 20px; - height: 20px; + width: 22px; + height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(0.8); + font-weight: 600; } span { transform: scale(0.6); font-size: 12px; + margin-top: -4px; + } + + .dashed_line { + position: absolute; + width: 13px; + } + } + + &:nth-child(1) { + top: 82px; + left: 84px; + + .item_text { + width: 68px; + height: 63px; + } + p { + width: 18px; + height: 18px; + background: #bfd8ee; + color: #fff; + } + + span { + color: #649ed2; + margin-top: -6px; } } @@ -65,11 +94,18 @@ span { color: #DAA600; } + + .dashed_line { + transform: rotate(-90deg); + top: -34px; + left: 108px; + } } &:nth-child(3) { top: 1px; right: -2px; + p { background: #c5e0b4; color: #e58881; @@ -78,11 +114,18 @@ span { color: #5e913b; } + + .dashed_line { + top: 61px; + left: 24px; + width: 12.4px; + } } &:nth-child(4) { top: 173px; right: -2px; + p { background: #cccfde; color: #5e913b; @@ -91,11 +134,18 @@ span { color: #5e913b; } + + .dashed_line { + transform: rotate(90deg); + top: -28px; + left: -66.6px; + } } &:nth-child(5) { top: 173px; left: 1px; + p { background: #edd1cf; color: #e58881; @@ -104,6 +154,13 @@ span { color: #e58881; } + + .dashed_line { + transform: rotate(180deg); + top: -113px; + left: 20px; + width: 12.4px; + } } } } diff --git a/frontend/src/components/ProcessView/index.vue b/frontend/src/components/ProcessView/index.vue index c42e330..74d6ade 100644 --- a/frontend/src/components/ProcessView/index.vue +++ b/frontend/src/components/ProcessView/index.vue @@ -2,11 +2,22 @@
-
+
- +

{{ item.goup }}

{{ item.content }} +
+
+
+
+ +

{{ item.goup }}

+ {{ item.content }} +
+
+ +
@@ -25,28 +36,35 @@ const isCollapse = ref(true); const outList = ref>([ { url: oneRound, - goup: 'G1', - content: 'ORCHESTRATOR' + goup: "G1", + content: "ORCHESTRATOR", }, { url: twoRound, - goup: 'G2', - content: 'SCIENTIST' + goup: "G2", + content: "SCIENTIST", }, { url: threeRound, - goup: 'G3', - content: 'ENGINEER' + goup: "G3", + content: "ENGINEER", }, { url: fourRound, - goup: 'G4', - content: 'EXECUTOR' + goup: "G4", + content: "EXECUTOR", }, { url: fiveRound, - goup: 'G5', - content: 'ANALYST' + goup: "G5", + content: "ANALYST", + }, +]); +const centerList = ref>([ + { + url: oneRound, + getter: "Admin", + typeText: "Handoff", }, ]); diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..d3633a7 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "matagent", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}