From ae53c3977eb82ab66c0bad6d91f247f9f462b54c Mon Sep 17 00:00:00 2001 From: jl-zhoujl2 Date: Thu, 19 Jan 2023 15:27:34 +0800 Subject: [PATCH] =?UTF-8?q?1.19=20=E8=AF=84=E6=A0=87=E5=AE=A4=E7=9B=91?= =?UTF-8?q?=E6=8E=A7=E5=88=97=E8=A1=A8=E9=A1=B5=E9=87=8D=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/router_elecEvaluation.ts | 4 + src/assets/monitor/arrow-left-circle-fill.png | Bin 0 -> 492 bytes .../monitor/arrow-right-circle-fill.png | Bin 0 -> 482 bytes src/assets/monitor/error-icon.png | Bin 0 -> 621 bytes src/assets/monitor/options-back.png | Bin 0 -> 3968 bytes src/assets/monitor/options-back2.png | Bin 0 -> 3409 bytes src/assets/monitor/options-home.png | Bin 0 -> 3985 bytes src/assets/monitor/options-home2.png | Bin 0 -> 3363 bytes src/assets/monitor/select-first.png | Bin 0 -> 1034 bytes src/assets/monitor/select-first2.png | Bin 0 -> 680 bytes src/assets/monitor/select-second.png | Bin 0 -> 1105 bytes src/assets/monitor/select-second2.png | Bin 0 -> 746 bytes src/assets/monitor/select-third.png | Bin 0 -> 818 bytes src/assets/monitor/select-third2.png | Bin 0 -> 521 bytes src/assets/screen/content_title.png | Bin 18171 -> 905 bytes .../ElecEvaluation/Monitor/Home/index.tsx | 2 +- .../ElecEvaluation/Monitor/Room/index.tsx | 347 +++++++++++++++ src/pages/ElecEvaluation/Monitor/service.ts | 11 + src/pages/ElecEvaluation/Monitor/style.less | 416 ++++++++++++++++++ 19 files changed, 779 insertions(+), 1 deletion(-) create mode 100644 src/assets/monitor/arrow-left-circle-fill.png create mode 100644 src/assets/monitor/arrow-right-circle-fill.png create mode 100644 src/assets/monitor/error-icon.png create mode 100644 src/assets/monitor/options-back.png create mode 100644 src/assets/monitor/options-back2.png create mode 100644 src/assets/monitor/options-home.png create mode 100644 src/assets/monitor/options-home2.png create mode 100644 src/assets/monitor/select-first.png create mode 100644 src/assets/monitor/select-first2.png create mode 100644 src/assets/monitor/select-second.png create mode 100644 src/assets/monitor/select-second2.png create mode 100644 src/assets/monitor/select-third.png create mode 100644 src/assets/monitor/select-third2.png create mode 100644 src/pages/ElecEvaluation/Monitor/Room/index.tsx diff --git a/config/router_elecEvaluation.ts b/config/router_elecEvaluation.ts index 9f3ac01..aac32ed 100644 --- a/config/router_elecEvaluation.ts +++ b/config/router_elecEvaluation.ts @@ -44,6 +44,10 @@ export const monitor = [ path: '/ElecMonitor/OpenToday', component: './ElecEvaluation/Monitor/OpenToday', }, + {//评标室监控-列表 + path: '/ElecMonitor/Room', + component: './ElecEvaluation/Monitor/Room', + }, ], }, ] diff --git a/src/assets/monitor/arrow-left-circle-fill.png b/src/assets/monitor/arrow-left-circle-fill.png new file mode 100644 index 0000000000000000000000000000000000000000..a5424c0f8e6a8653f2e2858e6faf2d72e8db485a GIT binary patch literal 492 zcmVPx#1am@3R0s$N2z&@+hyVZqmPtfGR7i={mAz8JP!NT`jl|&*D8*->u%wa3LT8Mv zjy=qf&XV4797e4fX~h{WY_y@Y@EIfp1&_cO%vzW~LP!GIaH`Gb-g9>M?%fNU4$1mi z?`e6v#IeE=9yNp=02Bv<4}qtz8IQwrnXW9*xL3;)ZUib>K`2ZNrS*CygF*uJj+V?S z*9grl;uNJ@cZ5Cc$Sm$QlIzwY{|&Xdz02jIJBG%+S}HuOOdcmxPU7VX1?oL5m$n$? z)jSUhli4@b;NZg&nFdxaxzf!O5U7|2R`4C2fx%%O`P-Sa^8|dAgGB+Q_AlhW*b9tO z%(+v9{Owfc8e_k&nzAe8T4>WGL`WkjjCckPDOo7A8-3;VRBTupaS~2oL>UMl%U1g$ z*9C|Jyaz^lg6$`c#}hc;kir=rBx)rEQn&q z$M;+p`7`A15ByijvAxiy?kDZFM3k=k$wkur=LZKEi((gkaN?-fg&BqVJ1&XYZaXI?{0000Px#1am@3R0s$N2z&@+hyVZqj7da6R7i={l{-$uKoEw%F*eE(QYM^%g3<-hP=JJK zgXlp@I?D721q9Sl(h?*n(f~zD3eEs2Qsf8-2M-05k0w*?&aVD%W*;-K>?Uc8 zZc_`ZHv0;D1gs;J08si^yb9cZj=1X`$;Z@y?Us6ha3xSo3qoONDJPGI(#ZvI>uNh? z8VJW}!U?2n|D9T|E+f-zP41gX{3q1o)iuuIZo{@)>Zx!$wYVv$9GJ%y0o=oX# z&OFN$hNCaa;l)QsjFi`!VBl)JFwWz6XA13F0vp9J8^)ro(GTi_Nwo&`4O0v|`V6(Pn1QCn1ZiwyHS~Gumux^`GcNEx^n`c+DGC zhB&}W91!rZAaPK-F@PV?Q5a?cGR0xw2Sh(P0`!jL!%|MN0GRPx#1am@3R0s$N2z&@+hyVZr7fD1xR5*>TlQC#hVGzfE_Zib59Xd4NAZW3JLmV8O zOu{#$c>xzUmx4OgK~Nz9Asrmtic>7O2!$>Y92^9jHqcisI2dqo$ly@0Lk9;3!C0E_ z99{`Y-g~}Oz3qMX|NrjZaR(EImWz+IT>LPp-h=?wrqnB34=F{?Bb*Hvv^lNV3yEN+ zjx5L<_41XZuGHEY#BHPQULsgpyKR&Xm=(1)HAwX31*)|XamLkwX)w>nIjQl7pq#0p zuE7~*fdc?(`@12XBa5&qE&ofX!AS5>sI}8f^*vNB2Sxcx&$Pt%_y6P*trV9~mQkv* z`R?TqFhkna5vo8Y!ulGKhqB@C4LoI=L;4M%XK-c*WgnrbmEy`VbcVFsMp%x90_Y9Y zebmymJb-%n65>9ATtanqFbZ8LEW)X-Z22Aa3U5K8w&DjcJ@$5hF<1G?H`1=kp?N00 z|2;HgT_`MKWIY1f1J;1M5o1}C*3O;bm+&4NmLi~_JOzmx%WbuGHWnNtB_HA3atD literal 0 HcmV?d00001 diff --git a/src/assets/monitor/options-back.png b/src/assets/monitor/options-back.png new file mode 100644 index 0000000000000000000000000000000000000000..26dafa4bffe935f501f884a31c2ecb41cb038d68 GIT binary patch literal 3968 zcmV-`4}b89P)Px#1am@3R0s$N2z&@+hyVZ&DoI2^RCt`-oPBVWReHdG&w1aF`?ZpfWn`yV?KEn3 zN~buZTV@w$f}#R}DLaq|HwlIcEuFIK?yR)Bi)$)6x@(=*k5=(xk|kdl)`6Ws0P7m2 zWn4PiAv@&{sBxB#%!s22xaNK(_nxPJ+?$x(k0dv_iP+yi;lAhdeK_a5=RD7I9$`MI z=~_@;K!5yP|z03GsKOSR3eXjza+|6SiIKN$ zoWoZ-s{eN``#&cFT2k|lH{>1MC@Nc3_}Ex^W5D$ur)6cdAPqG3ddlOG)hgTzTCSq| z{gJXaE*|`Lq#*T=qo4v>7(7zyxMmk>*C?{zjfUDjIaoVX$TrehRMQoRd;Il+Zbi(o zMBKjcS;xA|g{r?W0%~mblqRnIzNp?Q$cqDQYY!Ks-aIL<@7bWD-&5qoW#{APXxTRF z5j$%EEo|ty!x4Q9Xc^pJ{pz#}c4@!|H*10lv3wH%!?l1%g-enkrVf`y=}!pfVw>fI z=~i8~_2_n>F`@F)&sx{Mo#!h}V8#MkRMQ)X7l)oiMARAHbEW0GS0*jctRA0-J5^XE zmMVm0`Lw4nBydXLB$gAQI_aA%e@Ww^5=kt0994B={)ay~xN=5QeMSPhCfI$W>zEc% z`}9ED`bnpgw@sIe;eKEfLdm$KD8f0Eeiiy9K@7tsfhfviRXiBVfeK(Luq3VLeF`nE zrTz1ue44BM^7`%#DrR>)VHJ8-TB;lA%El;nCEnLZM$_M|6vv%*b5T>y|AE zy^4`DgZrzWolgDJ5>RU7+&b7=y**pHr&Dh*a1gi^h@-r=AjU&;DVU5tbm$5ryhw7r zieq^q{63Foo5p4JM_N?m^mIm&nJPnRL-$&Ny9Ph>?abP-POUP^8Ir=epu+9ppzNGa z;Q&N~aw>eDTY!H6!0@QAl4EpfAU*HkMgMkzyGk3n*G^UMq$B8>VE2u#Yo2u?q1tR~ zj<-`c33QU2QomXdrE$ImlMR2nu2MrQuo!qx9M*?wCobTNYPtdmufHoEw+~GAb;~KB zMK!&FgeQCgEB9vmT6sFO-U!WrtID&Hp!{GK?^JM#TeZTtbPH4}oHGt9(}h%4*Ruqp zuRBrSJ-PNtIj2~>IP|2beL9yX!%E<+K&2+=PM>ar?Q1WJ z+Na~ip(k_IlT||JQ?aRy+p<1~l4tFV>18((M4$-9U z_&ft`>klI$3mbaw$W}+DfEt@Uj_70R4DZQE>(YQV925wk>i{bFeV z;uwD7>C~$6>8W>ZNxge+76y-$men6UkuA;Fp&NXis@_ihytq{>3f1}f#Mh}!zD`x| z0ezol%@{3Z4M%^yFnFYN{Idxo$Z^dsL0-(Lxmi63{{$egJJulm1@8O25I)c2z*$i$ zd|rN(o-QiSJFb~9GsXn8q~;wjYS&~_cKH_Y5O4$VUiduI*ZEv+G)dele*=KB$KR!k z$0rY5^d3R&nk6;wct@X&2`JWGBJ4>2%yp9St7HJWc zt)ssUBuz6ae4On#A;RARp!{r3dp(b&w2?;uPpp{6@oAqNtQ|t+vy$M^>mel|$;|G|IFrW09dQrFk1dxg}&H&47B`U7CE zz=hd#BeYE}AzTs&q#vKG*nW_uuBcWFd=$tKkZSUORg{7rD@vNRWY|L|usZL;N#oo*RPC%pU4fzVESv~#^z0d36 zzu^llf>E*_tn)%S2cR}>nzyWsf{Kf!C`Z8nfEsdIE%U+KshbkeJjs*_c-r-P0LP&u zVJR_&N|fcmI)$&N>4&2sw*X&P%K!#MCs=(`NRf+Ra}-?+Nrls_I?$x9?`9r_Ohr{1 zn~Y%-fGQXPG4z6BIN{O8OTUeVg}7_*$|S8vnMg;MKNtm(u?Ci^DQ?8aaDd;a4U+zN&U^H z=UR|-warFqZj#g_=Edhh`80B#)v7#`Z`mAN5X+iKQ2x0<^^K=9u5p;G)9raFlO`>g25%)-e^y{a%8Jt~rgp9spNG`pdsD zR58HB3}X2}1w^=cHmyg4(&lg1vuZfRWTP?ZN7N_66_nr3#K|gel19WzfY9*7_b*L^ zDpX9r3wk!`q&+c1LO5;6e$vgCP@VLBtwV2%3kQT8r*`FVWQ%N@ZCm-^xryZ@9WTzN zJ6#zy6;|}DF>!kaKxqa3UqHUMJe?eh3g#&IC*a)9JCTjg!jCF$w2 zAyg-Qj&hrl)auPQPSODsQQFhjpYr(7YDC_Il+xbDIc$yDm{Ciu3~5SlYurpz?QHqd z)}3iy0!R*$b! zf9LJgjJ0P`O;=#N1IO4gLyfk^J^l>KLa0vqMoqPv;3sp{=jax>FjsYFuuY=jE%HZ^ zEwU;-DPHVtRHLnE84Y;(S=kG*yaIh`&?pMm2y%%uBa@QOlAPdIt z|F!ydb@aOeAE}dgZQ=G4gW2+x)gRriB4w9b*ZzF`^9)_kW#{APFf^7l9?CdgM1yil zlt%!p;gG*w^Sbjj-(1;OU4x_lF7QL(=aO)Kqg^%L^n4|ahe{B(Uv@rzEG zno#+v*y60yC=`^Z1YQ>isNq<;;s0vFh(3_^=%&vHKF`Y!PRCo%+1LdG5|`<5|$5mDwD_bCG(N%3&}m*yoRP2&scC1HO+&qYhIgeeTAT`;n@9PcO;M>e`&!@CNLTvN9^5# zJU_6%`d0<1Hy^5c-SR&SS1bBGRrBUm6CP(gUj$gv)hg_FBcb+r3b1saKoF7RS7(5w zG{!=7S!qCIP(%+57~hG4hUl{4d(=uj=rwAz^(zsgD;uLh-cY?8rC3GYRpGP|r+-k2 zKbTTzjlG^Sjs3CJM1?5JMfEm>7$R?eWrMusBwLt30FffB9Z``~m_UtTOcAOh0AFU9 a!2bj1TZg((#bKNP0000Px#1am@3R0s$N2z&@+hyVZ#`$bj;f9%4gN zYC28|Brz$q4K{w@R>YBFy=*a<;0_K^4?WnuyLzm2CE5IDJmdY&Ip6v2r+d!5_nh;6 z!c0=ulv|t=SmyZ57eJPZ>JkJSha3b)g**UJ`cMpp0TfF`+Ck5mgmb22p!Y2M%ll`_ zWSQ;`3M*R{86TzU=qeG(SJBfTC(VG<-tkd>J115q##FGP%~!mjXNi+zmVka$RBlq$ z9x?KYli<*$#tk1#r~T97ppvpvfoPy}lc;P_;ev7GK!-1Il*r1sCmqzb`HK_1YgPCL zXt9d!3H62#oZr8^*Ax9ocZ{C!F2gjdyl=rQaI|)xPL2vgbb_s<#R9Y)Ae2L!Ri(lH%&tQWgD{BFDO{3(pX_ zd&+n0lpR!1)4IwMeH@5%?%D9OaU1MX6S|J2D%_~T^`cw@EKn#Cm{ zv3XB~*Q4)nj$Pu6*F|_s%Qm3aR(Y(uZv87$xxPs|XkJ-cej+dWBqE|#|09B_ za+4N>Z2nq>zX5JTDV$873Q3zn^buK_?kd)GJTCfzrrsReiE;c*G8*UT-{u%VjfD^ zPVFa+8{f^gldK(7RMWg(#O%P9Z+14UKcA^ipi#eq@Pxo^+3KGpCmnb+ULhwk6^5%? zOR)5LRcCis-Nx2z6ldk2qMDZN0;{cfbZe%kQ*f_drOFRQ*qn`C5BZhj@L;@3(%y~c zl{Mwt{?N}AUhb;f@RNxuoUnt!TUs7OxuNsJ;Py-}cfq}S5AXvZJW-v~L@)4AtU`XA zRV=1qTte$HLgc|NpF zV0BSV^ZN1BjOn1cmCe_Rm>pI;y45|b{0H=NVsjGZhU~4MF%}!c>!Bu1weiHtgcXl& z6)`*JRyJQdmV!}-*u1i~eA^#8h9lo_Kdt;tdX2Gp6<9bG>t~Qou~`wVmba6I;i}dW zjJ{;WgLjPfo;2zml*o%dDe64sc21~K=Np@sxpJHX5LSz${svu?EbMGpe_qsiDv=j` za$DEX_eh_WTEci2K{hzgKS) z_&ZO{odraw3N&hYvTW#DBSY7oT0i+mLFM5h%gDaY`VDua)OtbZ1cST{q>SM!m~N|| z#lPPw9m&FQP0Md=Tfd&Xo|JM2Sw6EvkZ0Z6fPv$(`W0faZhfeem+^yaXxSub=H-Xof?_QM;sIlbZ$~)k6VlO z^N9uuMFqZIWisZz~gsL`11D%^jDh>ZfRJQoy(fZ{21r1t+lK%bm89`ukV6UdU z&-wa#Bcifp__u+1VauoK1z)v z2i&bi+2WRc2KlC2APx=2M=18!x(N)5kywTLHv|8<(lH0z_P*Z;8aA( z_-*1f*B8KRYhdLcW#9Jc8$B{Y2ZvLNNc41ZPGFfCI!JIbL$fb?)cvTGE`+w#uy_)W zfxrJVSU%4qLxk(yBIB4h9H04u0aA*7&rGrc^_p@+IO4Q}EH$FKq~oLf6bBiLKk=+<7X>-+i(3cpfNb$w@Wa1=9}GP@ z-tue*9>m9=C;#rULhYiu#30ydyA;CJ-gW&c!}HDR1=+RpTTp!s{M%aCp0q&v^8a~g zoI~n>jjW7=iVugJ43+15eK4kUAw2h`(T7yX2Uib0l?rp9AQ!Hi12_Kxth)+|^HS@_ zZD`K8Z8=FagCCF_A41w;02StX)vr(B;icmbsk;^q{+lQ-v_o|4qgPp>nZFqNeZ$Az zQYu4^7dKEr4*Yz1_CsnsI{M&y=e*Tvpu{axAusa{uQ*d3V%HbIzOPR15k4OGpN8%M zZ*?ksl1c6prOz!CVM?dMRxg11Nj}2IqeN;->9PxN>6xqF&{*s^i}xrJKpHagesX1WAz&p zixq7tgCSwlo}qG9By?~%-1EldpEmy+8`SZ|R%r9`ohJig`0o@!ZJQs!ry}je3woAx zz{uabKgzqlx%2`7rpUhc;Xk?uC+xAlzPtP3txIsJAKtzM|NJrh%f&%Q&jc|;$|@V+E)t=!=X_)wbauVg^=`d*D`*8bjJYBAs3W?|(UP_VFw)sKh z>@V*(0Al2o;zZBdluEnAQK4bFtQww|+Ad624--S+02?KiEGtg*tVQHF3@zF_2@W~N zY;rfYl^3SdxXWT*QX*+0V^ui`4nfl4g>ZGtF{>}S$-Org+^ffcHPdb9qR=c1IpyDD zm9jKhG_R~F-_8pi7(T!;@|mGV>k|G@wOfY+-<^I-XJ4m@74jNFR;Sai2!z(O5QY_PJ`t%5^@c|_QAZqfe*f}b#2hKEZcf_*u?-Ib z-UP#49>j;PDTU&ao;wk9BsnlIY#ULo(h3&hEL!bTp>6vCPDoOE~H`d4rqGELa=N_kb_K2J=Z zK?LrLS4!FkcyV=eDUQQvp_`+gwDN}xW(bB z))E!j>FW#a9Iff74!XF1WlzG^T120pSJss8E{|=N=TxXbh-GSjIiL_zp(3_fo^zMY zD{IO}^!bFX)nmo8jv4LqN#n+MRh-?nKNN8<%L4RnmVMaVicW0}dslDVw&!{EK6<=Y50>NbS$F^xxO#^Ga>e~48|=J@>;ZNBir*iRA8dK!{B z%us0N?N&TmJ6g(#Ilt86L_a%4xgSUi4w)7PcY>d_^7zN!e@!y($PEScMihQMEkV7* z6xB4Z7d1Q3(Zj-F=!AYB-xkBYlT9Qr0pdW!7XGPkv%EK2rEpbi38K%dOmkTHFoTH& zBqFL~CKdpoS%ZNdN(CwyTvy7SOrJ^Es=O}nQfv+p_iCVj3gEqW+XKQ zpuT}e$4pHz%pMH|E&d9_EeswpUIxq`!wv*nba2ixLfjF$dMz$cE?Ixpglmr61J1oR z^6;!BH%VbQJ&rhQ1o=_No(;e9L~k~%X!8|c9owMjw^YsX%O*WeGM^?`(zPn=@%2U< zW+=hZR)I=Hj$WP#mRyXa=yIe6kxmia*I|OkJWbK%#O_c>szK+f(Yh-lMOP+S5v#pZ^4=TQX|-+su=Xu>)LtUWmqqm^gg!)$U$IHvMkQ04Kmd^(9A`j9 nhSCITAI9XMIsh=6X#)Qru4FWQ?t-1(00000NkvXXu0mjf-ddG4 literal 0 HcmV?d00001 diff --git a/src/assets/monitor/options-home.png b/src/assets/monitor/options-home.png new file mode 100644 index 0000000000000000000000000000000000000000..ee8a00cfa5f2f63533b7af4f8bc3f1e5f1c2a865 GIT binary patch literal 3985 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 literal 0 HcmV?d00001 diff --git a/src/assets/monitor/select-first.png b/src/assets/monitor/select-first.png new file mode 100644 index 0000000000000000000000000000000000000000..a70f248712f62e336a7aa0285dea18027cf06458 GIT binary patch literal 1034 zcmV+l1oiugP)Px#1am@3R0s$N2z&@+hyVZsv`IukR9J=Wmd$G%br{D#&u?FYn{0?B4cNm5qTShE zaw}rN9wJ1j;31$ldx%I6fW11%Ux4jvSHsM)nB-GhfU zw8_qPX=Zme^LW^oq_eY`jXCI{-_y)I&+~nrectwgm-vq%`!zUbI}_VP76hFFqOH$W z75#2(Fn)enq_H2qXt>G_GLJRs;ocK8;}fMsWv=wB0dRIdoPin0t!s*8eO^^&fC&JF zMNzqp=sln)k@}l!sZ1MT{4ZNvtO+ zO=;5oK#^%tJp!O2e+jy@^)z-n$Zl;^ssZH!_Q-%g(x$BTA#ej^EI4c}0iWm7i97xB z_PqzPWoHiL>(=W7ly4P11d=iEK!s00CV}rQ+ZoHJli&2q-4&^CjyY;O)9vq;?R?e= z%C6tC?7F)XWbIr>uk1{P@j}291i@ey02I9x@XI<`EDR^EqWUF(O4BBsI|R9kdxGXN zdE#uuuZHPwZN{&FJQ2vYY!4QI!dtDUrFMtEzFD8lK6Bp=YR0CH-UsmDco=_p6DlbH z_4H4G+R{_>WQ>ARhd5>*#2tW)4zlB8P zH53p+7g-+}Fh3!R;!U4ajV_Bc3PZ`ez0^;tM*pt3QvibbIgCEE2evk&s~{y{V%@II zhUvF-G9abH>FDx-11OG*gX$LmD&|IZ!#UMUH@o4SYLB1bo$cp3>U$Mic6|}}2%5(U zMixEY`VGLyz%e{MEpVEq!p;0}e6}Cnef<|??b<~_=IPx#4bV&ZbmB_Cyxk>eb?(H| z=STdaLOOBL;906%M|cR7fil8FRIeF4E6DjSuC9^of>m)>ntR*59ID(WauxS0%dV?c zaews7x=T=Yr&@<6Aa~XCemRhLV~z_t4S>o!`Qg|L*HqwDY?bS?7#2{H2XemS#Zfp@ z7>X};i+Uhet&Y)%zwfE`I6nGBM2g1Lm)a-%OZ@Nf4^@-3dFNQyGXMYp07*qoM6N<$ Ef;jN+E&u=k literal 0 HcmV?d00001 diff --git a/src/assets/monitor/select-first2.png b/src/assets/monitor/select-first2.png new file mode 100644 index 0000000000000000000000000000000000000000..ebf4ac1a342d2ef57a5d6bc330be7f2d02c77a4e GIT binary patch literal 680 zcmV;Z0$2TsP)Px#1am@3R0s$N2z&@+hyVZrQb|NXR9J=WmcMILQ5?n3l@1x|WQTwmGdOnZ&`OpF z9U{2d!NDOzMu!d^Iut5YsGy^R5EuUg!9oiTouxyEDxp+RNWsA&LMjnH4)6PXH?Q~o zh)D;b2f}^#e$PGMllSiZ-YZ?>e*;hl-UA~N41ir=?y8elfHShOJF7(Vzz)#!#JfP# zp3i`)$6t-#g!O&&fNfwtlKvgR%*N(;663($xI9o?PGxNq;^Jzfr@d# zt0P$kZWKC_maW~3S2(Z;G$d8iWaAuIcd1Cc%;^=^@KZ}(m2~9AL#6ezwKr#B;FqaYtbxB}loIDXFh_D;G`;bEUW65r;?pTHzhm6KZ+O~m z*tX#z(8`(HBDpC&D$*@&z{cN@pbIpB1^YGPEopdNR=2bPi)}G}7ffRWY)-11CJv2T z%ZS&B&i-TIhy9L$XFxq;PR%q2Wegk|dApEY5=8e)fDh?d=swVtv~S&al0HtEe@W5Z zL6Yt{=MM77v5B_#DQ1Bo@Hmt!^L9d1avvyA?Px#1am@3R0s$N2z&@+hyVZs`$6Y}4MFjD{2j4yC|DE%@N$$BP@V~XOJ%z&VR3Vrd_De%y z&!qFganCQE2&*^kg0996q8zivITALZ3X_648CEZ~O}bd@*Y(&8*u4$m9$+_+2hE2} zncP5G*eoI?3)9(n^y97S`X^v*>?G*8igE99)m9^Gn02pSAt^95w6d1m3gFgvs=EPL zuRfXC)tv)K`{kDv`3&@fOg#2>nEOxp!S4W>cyzGl^ZeiwfupXGAz-0V@6yJqQl4|@ zI%`zVg((goYNx|$w*~mMw|5zM^+6KOC%WE$C;&0;>)vYFe~={GnZUl#0HAM(k$c_$ zklhd9CAD_3qg9MMDd@pa0BY@(?8Z~jDf9f`l~%E~ov>r3tN@6b<$ndBv>G`jmd7)F zv7fibT0Vv;zdQlF)8rJ%WqPAew<|VWsO-0JKva{~>WXokYilcfGruc({eJqkeW1Cu z0;+$tQhKX*Mn#+{tGX9J0WpHArMu5Ad$)sA*`3idp#d`S*f}6n2lQ5hqhgprsG>|8 z?CiSL5{~qUnj^r3SWc(>U|%L4eJvCKz|hKCGP0xFsa@Y$WGOc&rAAH4UmF2t6mB|d z5B(DFy16CI>|^=hBO~%9=y5M!`YqegEnEHwQ-#W8#C885sN`y^yYKFcrrF#npom=` zs})cA!AQyvR@1jC2LNs)qF1fzA)qQ^-b@#Z{o4WvTvlWb;Zl7mpEhdt6v`g(1gd8m zdxu&)AYn!8lhlnw^eS*3NN6=WUdL|*Fy9;b9vEvC2Qce0f&oM>w9{?glzyeigbMqC zv+&S;KnDQSt~a-C$1VeiBhQbj)^E~Uy8s}eY?ibB+E>B2@_@;{umO_3%<5I1Hf3vm25h>p5zhR3Vr_IR^5f zTHA6S5F>M$c=SsBoF7~R2E++c^F2LHUq$*)?a^2;F6HPfk;;%7en6;-2?lH0O@Msm z8AQKko8F)z=d-<$7i-tvYGqW6UPQ=ND%G)@kL+03dM0(NycdUyApM|kHO`k!y*6De z_S=f%wF4;8bv?IBnnrZbFP#v~6p$B@(-^)ruA8ftt3#mU0>^+ZRKLh1ViS#LJ2v_Z z`;~(hodWLnFDkF9?`0FQcee&QI(v<(x=Vg_6yYgFlZY%EwLejgUYLJWik+Px#1am@3R0s$N2z&@+hyVZrlu1NER9J=Wmp@2VVHn1LuQ)h3G&tPhLIw^74h;^1 zLN^F95^89;K~RH1Lr_p)kb6r*pi*KG(NIx?LxDj8kpW3PlIA4!74W$z=~7t)&MLx<0zT`K*7Mq% z=U4&efB|p58|VSPx{(J}CqH|-U%-r+O^3!E-t$#p4Cu_6s0gaSl%#5^g{1p#xqCfb zyakhaGbL?-7rPePw|d(J;2!WeF9BetfNeGbGiv}BiUc&XTkR6KEa_X3AUSZT2!Sgl zC(lF@fiu9DlJiUeqj?D|nb}5}*(IGzo9jrMC>dK$Hc~B;>OfhL)FmnLAf{eJNp;|6 zpx!XEBQ25*10zJ$ZwpujUYgljAp$A*k&(CtOws%;iP4ZWX=byjk=xkp#)A|NUgOWB~{A;-gNSe@}*i7(Smb4uZ zA9A{pfW(f|S7LqEHC!b67`^t!gCKc7FbK>BwWA-{2kfngnXLfNoPI3UryfExdkY-T zAP6wzB$ z__a-7#mN)C(#&>=_IVLF?FPUxC*SSa#t)L_fN|h9kktwXt_MYPX-ZUx4HF5roo)my~>JGk=uDP`5RC0$SQvm|93Bszf_aG2=CH-PuRyqSG3 cGuOX^-*1HUI*x&X(EtDd07*qoM6N<$g3Uim4FCWD literal 0 HcmV?d00001 diff --git a/src/assets/monitor/select-third.png b/src/assets/monitor/select-third.png new file mode 100644 index 0000000000000000000000000000000000000000..ba3b4b4a901593f17970fbec4e300fe65be1a093 GIT binary patch literal 818 zcmV-21I_%2P)Px#1am@3R0s$N2z&@+hyVZr+(|@1R9J=Wm%UFEVGzcDv)mqM!2yPdg#{ffQqU4j zToV)EFObec5-CX33KLDlNMQ#=6CuIEj{g8G$YEhZNr508g$V+NV~@hykK3_e7mttQ z?s8{hB2RN~=AM~(c5dF8Tln80@xfM2>>hfrRb?1xt5f`+AT#ah#H(eI;5Es9MmA%u+4_J<;mgDc0B_9zztyl6&;~Mo& zSS>CEB+3!2oS#9}t|*$w@8*9Dmz#JneS8x3RstIdJNpM+t`!@)GLcdTVkO zpd+g-mg7C{$ZAW>U2jdUN~nVfd4&;c-|eZW0vEw@ys5}<>V!S#k3|(5E9rCSO+t-5 zAkZHj=Zo!H2(J`>p287Vxd$~~!{e*wnrE&TfHcURuB%SH~?Btb88Y14Vf-&^m~An*#0X_zDtQ0prm4(8nOZqaY5LsS%AVP zpbJCp7Yo>Gl>^{S3Adrhc?oJALZHIFEoJ@~urkG}~u^lp4BFZV;&< z3qT5(jrT&)F7Wq2+d{&@&F0i%r6Qs|u&i(k$OAJ1^SI_$02=+9YRC|wjsPivFW1th z9q)rb0uI~>M4ngt_(gxeqJ1#MQF%))BVe{YZ9XYpMkij)b{ua4F&=`Je>GD+Z?q)s wVw1J+_Rt{10{!ufK-fZAqM&oa7l21#&e;h8gLp#T5?07*qoM6N<$g3L#3o&W#< literal 0 HcmV?d00001 diff --git a/src/assets/monitor/select-third2.png b/src/assets/monitor/select-third2.png new file mode 100644 index 0000000000000000000000000000000000000000..90655a9abc7a280ad34d8a7932052792eb5c4a1f GIT binary patch literal 521 zcmV+k0`~ohP)Px#1am@3R0s$N2z&@+hyVZqvq?ljR9J=Wmp@AbK@i2~B!YrP>@6%UuDC8K1T6&f zZ7kCY5wuGn2iA6e1iJ*1BE3Rd3&A3dU~xr+pT*6Q%ewbBD+uPnvM~E*_TAph?48IK z3ZMbp0t?(>0rY@I838?q8=JT;BOrP5j)MbDVs?^~C_@Io)#hd6?zrBtDz*X&1puQ8 z**$l3V2!B5bs{jaqJ}?J9bysIlfH=n3`1Pp*SaG;~Dwn#Y>tB5QCMj!Z5=fJ(Ly#qmx&_Fo=!zu!% zDFI_k(4{_Ikg_*{E1+rNN9wbl6LnsJ9xcGYuy@to&GG4rY+ePIIzJlrePd1|;a-T8 z=!6A0()lH0{fyPu(9H9^rxf?tg@7!4>3pt3MC3z64o%{w0^UUAL_~ZMnWgNZir7op zlJz9{Ue_XRn1uZrJ_B>1jsV|QhB=TiCb~ftRmuzr^Tujx73!j z;wc%e_=aj286rZ8FQd@9c`C>q<$uk_mKZ*9lBKWXXSL;D$Nv`J{#&Er>{`IM00000 LNkvXXu0mjfw@c$s literal 0 HcmV?d00001 diff --git a/src/assets/screen/content_title.png b/src/assets/screen/content_title.png index dfe3252a33c1389d16f855657bffd1831f7c28cd..e2e3c85c5a7acf93aa6bf762f15c973a012b60d7 100644 GIT binary patch literal 905 zcmV;419tq0P)Px#1am@3R0s$N2z&@+hyVZsGf6~2R7i=fmO*G7RT#&A-74(mn2}J5tcHW zdQ`|Ehb$KK&_fG)5Gocdcu}P2!GmC-h!ig#l=fD^mR#aNRH&%1V!=QWbC6_H0$H$! zZEZ8NA$Dih+4uD@vzo@)tqp#sH#7hDoB#KJZyqD;sp{Q(b2z!zK#u|kfjgkTsWF$Q z4~$%?i^O~93@Ygl7F2V$+J9XDJv~If(u;ZdMmgUA@V285u{xKjRQ*x<;8wf4DDYzX z#+xd#Bx=`HF=`E#W%5+7-Y6@*2Qa;nJ*yyI2$oT!e?u4UQ})EZ#b$RfQViL=vh4p|6ZUyP6Gft;&=cGH?y4Q05@^2$^JFw z5SpPB%Db+D{yYHG{wbK_o*!L8=y!wZyFg_efS&%6umWH$l`K0(d-`qSTu;sTzS}I7f}T(V z`5uT7HpKGE`b6O>fEx35+DUzNQg#4Dn9uBW#`oQ#jBNrg!q-!ejh+~Ee#~xlPO34V zC!O%px|?5`-RjJ%F+XKGZu!Dt zz#8*b78rINTvb2(7?Hj(Ms-<{4S_Pk0?B6&BFhqWPpnRkw~`ao`T3!6fNIda4*JX> zF@SVO53EkgP8#QR$X-lHw&L#E83qREFJe)~E(`-_!5^Vydgx=-FLV1vueqbOhiL{n zSK+Fvt)Y5mzXpcI(rT27bwyY93m+JZpcQYs`>H`bwf{35m3dK}&pIIgYdsK)TKfes f?)m8E?VMPg)E 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 S+!Q@UY-_#3D#v2|*8c)kS|&jN diff --git a/src/pages/ElecEvaluation/Monitor/Home/index.tsx b/src/pages/ElecEvaluation/Monitor/Home/index.tsx index 205a96e..1a74d47 100644 --- a/src/pages/ElecEvaluation/Monitor/Home/index.tsx +++ b/src/pages/ElecEvaluation/Monitor/Home/index.tsx @@ -1684,7 +1684,7 @@ const MonitorHome: React.FC<{}> = () => {
{mapChart}
-
{ window.open("/ElecMonitorScreen/MonitorRoom") }}> +
{ window.open("/ElecMonitor/Room") }}>
diff --git a/src/pages/ElecEvaluation/Monitor/Room/index.tsx b/src/pages/ElecEvaluation/Monitor/Room/index.tsx new file mode 100644 index 0000000..7c9a017 --- /dev/null +++ b/src/pages/ElecEvaluation/Monitor/Room/index.tsx @@ -0,0 +1,347 @@ +import { Button, Col, Input, List, message, PaginationProps, Row, Tag, Tooltip } from 'antd'; +import React, { useEffect, useRef, useState } from 'react'; +import '../style.less' +import { proviceEnum, ScreenTitle } from '../Home'; +import { isNotEmpty } from '@/utils/CommonUtils'; +import { history } from "umi"; +import { getMonitorList } from '../service'; +import content_title from '@/assets/screen/content_title.png' +import errorIcon from '@/assets/monitor/error-icon.png' +import arrowLeftCircleFill from '@/assets/monitor/arrow-left-circle-fill.png' +import arrowRightCircleFill from '@/assets/monitor/arrow-right-circle-fill.png' +import { LeftOutlined, RightOutlined } from '@ant-design/icons'; +export const bidStatusMap = ["准备评标", "正在评标", "评标结束"]; +const statusColorMap = ["bidding-text-order", "bidding-text-going", "bidding-text-ending"]; +const provinceList = [{ + "provincesRemark": "集团", + "provincesNumber": "001000", +}, { + "provincesNumber": "0011", + "provincesRemark": "北京", +}, +{ + "provincesNumber": "0012", + "provincesRemark": "天津", +}, +{ + "provincesNumber": "0013", + "provincesRemark": "河北", +}, +{ + "provincesNumber": "0014", + "provincesRemark": "山西", +}, +{ + "provincesNumber": "0015", + "provincesRemark": "内蒙古", +}, +{ + "provincesNumber": "0021", + "provincesRemark": "辽宁", +}, +{ + "provincesNumber": "0022", + "provincesRemark": "吉林", +}, +{ + "provincesNumber": "0023", + "provincesRemark": "黑龙江", +}, +{ + "provincesNumber": "0031", + "provincesRemark": "上海", +}, +{ + "provincesNumber": "0032", + "provincesRemark": "江苏", +}, +{ + "provincesNumber": "0033", + "provincesRemark": "浙江", +}, +{ + "provincesNumber": "0034", + "provincesRemark": "安徽", +}, +{ + "provincesNumber": "0035", + "provincesRemark": "福建", +}, +{ + "provincesNumber": "0036", + "provincesRemark": "江西", +}, +{ + "provincesNumber": "0037", + "provincesRemark": "山东", +}, +{ + "provincesNumber": "0041", + "provincesRemark": "河南", +}, +{ + "provincesNumber": "0042", + "provincesRemark": "湖北", +}, +{ + "provincesNumber": "0043", + "provincesRemark": "湖南", +}, +{ + "provincesNumber": "0044", + "provincesRemark": "广东", +}, +{ + "provincesNumber": "0045", + "provincesRemark": "广西", +}, +{ + "provincesNumber": "0046", + "provincesRemark": "海南", +}, +{ + "provincesNumber": "0050", + "provincesRemark": "重庆", +}, +{ + "provincesNumber": "0051", + "provincesRemark": "四川", +}, +{ + "provincesNumber": "0052", + "provincesRemark": "贵州", +}, +{ + "provincesNumber": "0053", + "provincesRemark": "云南", +}, +{ + "provincesNumber": "0054", + "provincesRemark": "西藏", +}, +{ + "provincesNumber": "0061", + "provincesRemark": "陕西", +}, +{ + "provincesNumber": "0062", + "provincesRemark": "甘肃", +}, +{ + "provincesNumber": "0063", + "provincesRemark": "青海", +}, +{ + "provincesNumber": "0064", + "provincesRemark": "宁夏", +}, +{ + "provincesNumber": "0065", + "provincesRemark": "新疆", +},]; + +export const homeClick = () => { + history.push("/ElecMonitor/Home"); +} +export const previousClick = () => { + history.goBack(); +} + +const MonitorException: React.FC<{}> = () => { + //状态选择 + const [selectBtn, setSelectBtn] = useState(""); + const selectStatus = useRef(""); + //当前选中的省分 + const [selectedTag, setSelectedTag] = useState(""); + const selectProvince = useRef(""); + //当前页码 + const pageNo = useRef(1); + //总数 + const [totalItem, setTotalItem] = useState(0); + //当前页数据 + const [listData, setListData] = useState([]); + //all expand 展开收起 + const [allExpand, setAllExpand] = useState(false); + //关键字搜索条件 + const search = useRef(""); + //定时刷新间隔 + const _time = 60000; + const { CheckableTag } = Tag; + const handleChange = (tag: string, checked: boolean) => { + const nextSelectedTag = checked ? tag : ''; + setSelectedTag(nextSelectedTag); + selectProvince.current = nextSelectedTag; + pageNo.current = 1; + getMonitorRoom(); + }; + const onPageChange = (page: number) => { + pageNo.current = page; + getMonitorRoom(); + } + const onSearchChange = (e: any) => { + search.current = e.target.value; + } + const onSearchClick = () => { + pageNo.current = 1; + getMonitorRoom(); + } + const onBtnSelect = (btnName: string, status: string) => { + if (btnName == selectBtn) { + setSelectBtn(""); + selectStatus.current = ""; + } else { + setSelectBtn(btnName); + selectStatus.current = status; + } + pageNo.current = 1; + getMonitorRoom(); + } + const onCardClick = (item: any) => { + if (item.status == "0") { + message.info("当前评标室未开启，请等待开启后查看"); + return; + } + history.push({ + pathname: "/ElecMonitorScreen/ProjectMonitorRoom", + state: { monitorId: item.id }, + }) + } + const onProvinceMap = (tag: any, index: any) => ( + + handleChange(tag.provincesNumber, checked)} + > + {tag.provincesRemark} + + + ) + const itemRender: PaginationProps['itemRender'] = (_, type, originalElement) => { + if (type === 'prev') { + return ; + } + if (type === 'next') { + return ; + } + return originalElement; + }; + //获取监控列表数据 + const getMonitorRoom = () => { + const params = { + pageNo: pageNo.current, + pageSize: 6, + } + isNotEmpty(selectProvince.current) && (params["provinceDictId"] = selectProvince.current); + isNotEmpty(selectStatus.current) && (params["status"] = selectStatus.current); + isNotEmpty(search.current) && (params["keyword"] = search.current); + getMonitorList(params).then(res => { + if (res?.code == 200) { + setTotalItem(res?.data.total); + setListData(res?.data.records); + } + }) + } + + useEffect(() => { + getMonitorRoom(); + }, []) + + //定时器 + useEffect(() => { + const interval = setInterval(function () { + getMonitorRoom(); + }, _time); + return () => { + clearInterval(interval) + }; + }, []) + return ( + +
+
+
+
+
+ +
+ 选择省分： +
+
+ + +
+ + {provinceList.slice(0, 16).map(onProvinceMap)} + + {allExpand ? + {provinceList.slice(16, 32).map(onProvinceMap)} + : null} +
+ { setAllExpand(ite => !ite) }}>{allExpand ? "收起" : "展开"}{allExpand ? : } +
+
+ + +
+
+
onBtnSelect("order", "0")}> +
+ 已预约 +
+
onBtnSelect("going", "1")}> +
+ 开标中 +
+
onBtnSelect("ending", "2")}> +
+ 已结束 +
+
+
+ + + +
+
+ `当前第 ${range[0]}-${range[1]} 条，共计 ${total} 条`, + itemRender, + hideOnSinglePage: true, + }} + className="monitor-list-global" + dataSource={listData} + renderItem={item => ( + +
onCardClick(item)}> +
+
+ + {item.areaName} +
+ {item.isAbnormal == "1" && 异常预警} +
+
+

项目名称：{item.projectName}

+

标段名称：{item.sectionName}

+

评标时间：{item.startDate} — {item.endDate}

+

专家数量：{item.expertNumber}人

+

评标状态：{bidStatusMap[item.status]}所属省份：{proviceEnum[item.provinceDictId]}

+
+
+ + )} + /> + + ); +}; + +export default MonitorException; diff --git a/src/pages/ElecEvaluation/Monitor/service.ts b/src/pages/ElecEvaluation/Monitor/service.ts index 55c6499..cdaf9c2 100644 --- a/src/pages/ElecEvaluation/Monitor/service.ts +++ b/src/pages/ElecEvaluation/Monitor/service.ts @@ -255,4 +255,15 @@ export async function getMonitorListAPI(data: any) { method: 'POST', data: data, }); +} +/** + * 评标室监控列表-获取评标室监控列表 + * @param data + * @returns + */ +export async function getMonitorList(data: any) { + return request('/api/biz-service-ebtp-evaluation/v1/screen/getReviewRoomList', { + method: 'POST', + data: data, + }); } \ No newline at end of file diff --git a/src/pages/ElecEvaluation/Monitor/style.less b/src/pages/ElecEvaluation/Monitor/style.less index 16a41fc..cf5bcfd 100644 --- a/src/pages/ElecEvaluation/Monitor/style.less +++ b/src/pages/ElecEvaluation/Monitor/style.less @@ -502,6 +502,422 @@ .monitor-extra-pointer-select { color: #1B7EF2; } + + .monitor-center-menu { + .flex-center; + justify-content: space-around; + + .monitor-center-menu-options { + width: 72px; + height: 72px; + cursor: pointer; + background-size: cover; + } + + .monitor-center-menu-home { + background: url("~@/assets/monitor/options-home.png") left top no-repeat; + + &:hover { + background: url("~@/assets/monitor/options-home2.png") left top no-repeat; + } + } + + .monitor-center-menu-back { + background: url("~@/assets/monitor/options-back.png") left top no-repeat; + + &:hover { + background: url("~@/assets/monitor/options-back2.png") left top no-repeat; + } + } + + .monitor-center-menu-select { + width: 121.29px; + height: 75px; + opacity: 1; + background: #00000A; + box-sizing: border-box; + border: 1px solid #1B7EF2; + box-shadow: inset 0px 0px 87px 0px rgba(27, 126, 242, 0.4); + text-align: center; + padding-top: 8px; + cursor: pointer; + + &>div { + height: 32px; + width: 32px; + background-size: cover; + display: inline-block; + } + + .monitor-center-menu-select-first { + background: url("~@/assets/monitor/select-first.png") left top no-repeat; + } + + .monitor-center-menu-select-second { + background: url("~@/assets/monitor/select-second.png") left top no-repeat; + } + + .monitor-center-menu-select-third { + background: url("~@/assets/monitor/select-third.png") left top no-repeat; + } + + &>span { + font-size: 18px; + font-weight: normal; + line-height: 18px; + text-align: center; + letter-spacing: 0px; + color: #29F1FA; + display: block; + } + } + + .monitor-center-menu-select:hover, + .monitor-center-menu-checked { + background: #1B7EF2; + box-sizing: border-box; + border: 1px solid #1B7EF2; + + &>span { + color: #FFFFFF; + } + + .monitor-center-menu-select-first { + background: url("~@/assets/monitor/select-first2.png") left top no-repeat; + } + + .monitor-center-menu-select-second { + background: url("~@/assets/monitor/select-second2.png") left top no-repeat; + } + + .monitor-center-menu-select-third { + background: url("~@/assets/monitor/select-third2.png") left top no-repeat; + } + } + } + + .monitor-top-search { + position: absolute; + top: 15px; + left: 5%; + display: flex; + justify-content: flex-end; + + &>div:last-child { + padding-left: 8px; + } + + .ant-input { + width: 200px; + color: #FFFFFF; + background-color: transparent; + border: 1px solid #1B7DF2; + + &:hover { + border-color: #1B7DF2; + } + + &:focus { + border-color: #1B7DF2; + box-shadow: 0 0 0 2px #1B7DF2; + } + + &::-webkit-input-placeholder { + color: #29F1FA; + } + + &:-ms-input-placeholder { + color: #29F1FA; + } + } + + .ant-btn-primary { + background: #1B7EF2; + border-color: #1B7EF2; + + &:hover &:focus &:active { + background: #1B7EF2; + border-color: #1B7EF2; + } + } + } + + .monitor-list-global { + + .ant-list-item { + margin-bottom: 24px !important; + } + + .list-card { + background: rgba(27, 126, 242, 0.14); + border-radius: 4px; + border: 1px solid rgba(27, 126, 242, 0.14); + cursor: pointer; + height: 368px; + padding: 36px 32px; + position: relative; + transition: all .3s; + + &:hover { + background: rgba(27, 127, 242, 0.281); + } + + .list-card-title { + color: #29F0F9; + font-size: 20px; + font-weight: normal; + line-height: 34px; + letter-spacing: 0px; + color: #29F0F9; + margin-bottom: 38px; + + &>img { + vertical-align: bottom; + height: 24px; + width: 23px; + } + + &>span { + margin-left: 0.625rem; + } + } + + .list-error-text { + margin-top: 2px; + + &>img { + height: 22px; + width: 22px; + vertical-align: baseline; + } + + &>span { + font-size: 16px; + font-weight: normal; + letter-spacing: 0em; + color: #FF473E; + margin-left: 8px; + } + } + + .space-between { + display: flex; + justify-content: space-between; + } + + &>div>p { + margin-bottom: 26px; + color: #fff; + width: 100%; + font-size: 14px; + font-weight: normal; + line-height: 17px; + letter-spacing: 0.6px; + z-index: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + + &:last-child { + margin-bottom: 0; + } + + .blue-text { + color: #45A2FF; + } + + .yellow-text { + color: #ffd502; + } + + .bidding-text-going { + color: #29F0F9; + } + + .bidding-text-ending { + color: #ee6766; + } + + .bidding-text-order { + color: #72c1dd; + } + } + } + + .ant-list-pagination { + margin-top: 0; + text-align: center; + } + + .ant-pagination-item { + // border: none; + background: none; + border: 0; + // margin-right: 0.5rem; + margin: 0 0.5rem 0 0; + + &>a { + color: #45a2ff; + } + + &:hover>a { + color: #ffd502; + } + + + } + + .ant-pagination-item:hover { + border-color: #ffd502; + } + + .ant-pagination-item:focus-visible { + border-color: #ffd502; + } + + .ant-pagination-item-active { + border-color: #ffd502; + + a { + color: #ffd502; + } + + &:hover &:focus-visible { + border-color: #ffd502; + } + } + + .ant-pagination-prev:focus-visible .ant-pagination-item-link, + .ant-pagination-next:focus-visible .ant-pagination-item-link, + .ant-pagination-prev:hover .ant-pagination-item-link, + .ant-pagination-next:hover .ant-pagination-item-link { + border-color: #45a2ff; + color: #45a2ff; + } + + .ant-pagination-prev .ant-pagination-item-link, + .ant-pagination-next .ant-pagination-item-link { + background: none; + border-color: #45a2ff; + color: #45a2ff; + } + + .pagination-icon { + font-size: 20px; + vertical-align: middle; + color: #45a2ff; + height: 24px; + } + + .ant-pagination-total-text { + color: #45a2ff; + } + + .ant-pagination-prev { + margin-right: 0.5rem; + + &>a>img { + position: relative; + top: -2px; + } + } + + .ant-pagination-next { + &>a>img { + position: relative; + top: -2px; + } + } + + .ant-pagination-item-ellipsis { + color: #45a2ff; + } + + .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, + .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { + color: #45a2ff; + } + + .ant-pagination-jump-prev .ant-pagination-item-container, + .ant-pagination-jump-next .ant-pagination-item-container { + position: relative; + top: -2px; + } + + .ant-empty-image { + color: #FFFFFF; + } + + .ant-empty-description { + color: #FFFFFF; + } + + .ant-empty-normal { + margin: 100px 0; + } + } + + + + .top-province-label { + height: 26px; + padding-left: 10px; + + &>span { + font-size: 14px; + color: #fff; + } + } + + .list-content-col { + display: flex; + align-items: center; + + .top-province { + display: flex; + align-items: baseline; + justify-content: flex-start; + } + + .top-province-expand { + width: 76px; + text-align: center; + position: relative; + top: 28px; + + .top-province-all { + font-size: 0.875rem; + color: #29F1FA; + cursor: pointer; + + &:hover { + text-decoration: underline; + } + } + } + + .top-province-tag { + font-size: 0.875rem; + padding: 0 0.5625rem; + line-height: 1.6875rem; + margin-right: 0; + color: #fff; + } + + .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { + color: #1b7ef2; + } + + .ant-tag-checkable:active { + background-color: transparent; + } + + .ant-tag-checkable-checked { + background-color: #1b7ef2; + } + + } + } }