From 3b41e0031f3e62f5b7b82d3142c1adf54d46e2e4 Mon Sep 17 00:00:00 2001 From: wangyunfei <1224056307@qq,com> Date: Wed, 24 Sep 2025 11:57:01 +0800 Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E6=B5=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../online_monitoring/alarm0.png | Bin 0 -> 5621 bytes .../online_monitoring/alarm1.png | Bin 0 -> 5679 bytes .../online_monitoring/alarm2.png | Bin 0 -> 5660 bytes .../online_monitoring/alarm3.png | Bin 0 -> 5618 bytes .../module/EvaluationReport.js | 50 +++++--- .../module/EvaluationReport.less | 0 .../module/OnlineMonitoring.js | 66 ++++++++--- .../module/OnlineMonitoring.less | 107 ++++++++++++++++++ 8 files changed, 187 insertions(+), 36 deletions(-) create mode 100644 src/assets/safe_majorHazard/online_monitoring/alarm0.png create mode 100644 src/assets/safe_majorHazard/online_monitoring/alarm1.png create mode 100644 src/assets/safe_majorHazard/online_monitoring/alarm2.png create mode 100644 src/assets/safe_majorHazard/online_monitoring/alarm3.png create mode 100644 src/pages/safe_majorHazard/module/EvaluationReport.less create mode 100644 src/pages/safe_majorHazard/module/OnlineMonitoring.less diff --git a/src/assets/safe_majorHazard/online_monitoring/alarm0.png b/src/assets/safe_majorHazard/online_monitoring/alarm0.png new file mode 100644 index 0000000000000000000000000000000000000000..f7ed384d03c93cd76b5ece3d5a0984c98ebf5c7f GIT binary patch literal 5621 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 P00000NkvXXu0mjfinXV( literal 0 HcmV?d00001 diff --git a/src/assets/safe_majorHazard/online_monitoring/alarm1.png b/src/assets/safe_majorHazard/online_monitoring/alarm1.png new file mode 100644 index 0000000000000000000000000000000000000000..70ee597016b43c238eb7c34248e74ed0d1e8ed40 GIT binary patch literal 5679 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 VL_lR`$jkr$002ovPDHLkV1m)G@IL?m literal 0 HcmV?d00001 diff --git a/src/assets/safe_majorHazard/online_monitoring/alarm2.png b/src/assets/safe_majorHazard/online_monitoring/alarm2.png new file mode 100644 index 0000000000000000000000000000000000000000..b825d9cb0726ac0c9500c6d77169b5e3d33e88c8 GIT binary patch literal 5660 zcmV+%7USuOP)`{<9`~Gc?>+b4JvB6SkDN2j-Y86pvbreCF(y2HgA`EIll7ShO zQJJA4!Z6~Dj(;?TI#Sv}7!1%-uvjZ4EgeeQl6UU=p2vQzhrhMZv+$U}_1`|IXY zZw%?%Lz3>=s~ICh=XravW{8mmvLCm z#u!HDd3(`J);#*x+Z7wx>QVL(8Lz754<4c`ZhT2RanqL8iP_3klaoH}xk1o*-d+qq z>@y5`+wKrUv=@gBQql?`*@?tz(n}`4EjdJVu z8H!>~N)>EEMx+bczx28aU-yzLMOXQAsTb1Zmj%f7yt&S~283B&Fyp&!^Rn*0BdnD2 z%Q+&XJw{RI_|VIL>!nFDV)K%yvmc^{glb&5U+|q+I7LG?(Aal zvR}K{7ktDI(=v@yKznaKFIIA{9%^UT=qL3ZUbB7=j)#}5!-1jmyNtbNj3CJ=tWArZ zH(m>NRV{C-M911|5v=ci+WFR``Pv_Eb;tL;C$#sT4XZk5vtaK3yPr|JE~-(xySQ|* z9}HE9FwS%Li560E`Rkjidf`P`LZw-vkY2ryuh1qIjLiJcpM5U-w|_oD?S-FYd*69K zyYbEhWL%=Npk>YlAbFU*=#oG6yPbPTu%YFz3NUhHiY+4t2x+EN_xR9DfA#88tEEB> z*ZJ=R1ba)bkCuru^T5YGsD5 zzD1c12i(M-C|V{}cU)ZH9&SQ56V1$oSKV}F+G+=Z=U0xGG3$>{G4q9Yuh)wk9}wLW zikR@3v2AK&q%vFtyOK};{N-6F%5!sb0nLq^F`t}GKpc^#heki(tq;FWMioT50*ry< z-UZyJ3NFdCNA+e}y5u#l(k9NzX)7eUUYmZMnYgF%D0US z&9{8b!$Y0NJleDSyaPh!+n?POT)S;2Wyt}ASup^>N!yBR!h)1BVu(2HsVLZf?KK%= z>l?Q|G^=kYJ;@IL$R`mnCt;R8Hgv<^j4~eg-gf**B^6wkN{w-Z_gjFhD&mr1%vpt| z+&c1)(eNVXjn%69`o)xs(CY+GjUGB9ay?ss7<2sNuVm|YN|JH1e0hLC5hFBmnYc?? z_c-Y^CR+iq8`F#u`@>OHx;td4rZQ(TE7LbBOAjucL{p?x4zsofIz~ z!BtcQ6i6WP08)u`Qq@^9OldZ5;#O6cMh=ilxibY=g0&KGh$|%-lkc6y04PEHbz6o- zm1`E3DfVgZzI_DGSj*ZhKLes8IL3;6mVWFQ6 zd#CF*FUUg7ckbGzwr}4olI$o#W?uYRO=~FlI@fZwCMb{vD^R&m%RvGpMo9Vgc`4hlme6UEef!QiAliKE&eyXGE}gXMKmDz*P2X$H*W>p_3OULkUlB;%z$pm1?Cc^44?jOP@goStxK&Lc~^Nd`b;y@sf zRY%ZVO3oZ~9~gz}Xk7H;?4}LFewabZJ593Z)ZFHD0b%CHe=<(Zjjx94{2^KO*c-gv zM89S9{|bPldi7O8osGg(FhV_q*$puuWU?kN48cvTH5Nqbz=1{OR^kRvg(&Oo^AF2` zsrX&>=CD?160B05irbtHAbFT=@4SOb;!8;0M%;OCIcp-H&$+MV0VPes#d2b#n# z+nz$5_O#Y^&FsA|(PC4BN1X+n)||;Y0Q&FhJFx?^vRuW0MwC}?)YLFgkf`=CaN)vd zj~5(K7ROXrLOx)|hDMB;JH`OM$@9pbV51@f29?CwRjrL|vqvlgq)wAq8OLCAYYg#} zEhG=K2WRi#X@a7$$-(F^@DL4Ji30sVgKNsqzXU+^b-+f0E`|d zFjkCk2^fo1nlLuH5n`=d++SqCkn(OV$Vz%nJZwe3-C&~al>%rItfbN&_Iv|9l}(#x z|Mji@ML+utQgeUFGES1DePHN>gD8EMuw}BLkM8fl#9PFA{lVDh4@%QHfg%U-Jff_q zb>suh!59={E)1KX%BVaHE6IrRh+{>XVFjq#6UJ+`-cF@-G1nwWAfJa^PX!PV>8C=d z>97dn~4J{CUiV zCIWDVSSH0HlsZFDeKn6>X4|tKFl5>>xs{|;++=dasx2tYg2vd4ZWXXur8k9D5h7emGnV{-;1EwBAs=J7ir|!7~XJ&vPjpKq|m28P$3U!M6 zkq|P5h?BpJWK3Qq%kP7lB@Jiv7Z!dc;;Ao89F|MaB+nt`p9>H-1Ie+gKkWPI7twOV zEiS252()Jz3BWM6>Xnrt$!jW!M_?Ue8ve#oH39%?X5nbbw5NTua15!jVMQ9h98GdL zUbu%UN`@xqh$Uc_f8zp%N{BTtKxd;o&rt)G1o5Y;&7^x%j3&L2l24D7*IYY(E(4|k3AMIe^{#x9s=#47OSQpHvpU~uSA&!Vs%WPIOv z({s1aSM_n>CBbo9uH1VUKOI2abu%&ce$nmR3&g9-U#$ScS%-}%P@)PXYD<7RX#jvx zr14FYNh`b>h$a>Kg*)n0pG0BH$Bb?z_J%#opo(Y(m&;mBk+E8Hq~t^Atp=hy|9q^M_EOJUnJM3P5hM?P9hKw~S-)ggfIj zE>ybip*N6`hNH-=>G6A+IsB+#6PIy1_iL@MYGBZE1xyzafJ=?r|t$;8#R+wB@n1WzkUX~Y&m@5SJyI2lRKHYJb z(Yh^I`sg@sar({PZrx^T>Mg7*Sr*1&DVgx>J1A>eh&Dg{?CY{%eBO^13aHisV<6HP z_o{;qB=@rz^dFu$mVfLDQ1@OhzH?mvN9p5ca=74zieF(eKg!aJx$|_>$@B%1YN0WlvhcRP! z__+m(^}xw1?#5-hwpWZrEi9F9HT2|v8m#@ed9#XG1p#?eM{e^k5%)|l4vo}?kpb_0 zDcokS>IX!dNB;J`biwdL$XDux|33#9ecw5gg~tahBUb}Lxy!TQh_3e1c^E;6^%5Vs zm9K5Y;u^<@NL(Q*37a_wwlIXj;G6+0<{>5V;Qt<61*HtKmSpQG=&Q1T*@Q*F3W2Wz z)|gC7+SsEP)~c-bu-6=()Z8G<%n>9N!up=E*ZAzrb@AbC>wHXsHv_p)Igl2E$!l7s z^$+8ccD;wE?fZ#mRazq6em7Z}3(4X;)_cXyzApw_hBe{{31dV24_n{F`fU)qD2s%SUdW z_>Yg$q<@&^k`4)?wK-$0mtSn`EJT`JRLbnk!KBmF120<@i$amKS_N6KbqCD2w&z%A z(^kW1--c&*kAW+x45dW-T7-7i!zA`b<{zbCX$IDm*~+|c&z*Hy_fz>^BZYv42^a1? zlxP>GDs<>ckNm*6*|QGd`3J-e*YApEW*TL!7ifGuVz=y7h0Dw%F49qm6P~9rILT#Y>iWcLF6Bv}Xo2Vfkv8X0isiiFWy4Fr-7 zN`bbO{Jc8lsFy)WA3iY~dd3UlK#P&N5jQ{wNc!Mc?+)Jj`|rRH9xarTaii{emME;l zt}NOMrx)Ph`^O$|-r||vAfj9U{)aP_=pSn%o32(S!&KtYI%jn&F1Q}# zQ%?Qo`s8aC5BEl?rk)G(ys($wrv9l* zObZm&nPfH+q00g4g$mKiKz%_qBW{C~c_69v#boEMxiC#G6N`&iFqvMis$1`CO>X*1 zDT4lv{#~n{m6Ih025V}-Z3#ojYra;`g_x0XC-yvz;_xue9GZDxDO(CBT z%2LIWhxNXx%&VysCdE!#va^ZD-_w>Bef$1-QSGM~;8QHr9+ygi4 zYu~xJW+hNj3nkScRdaA1onb-PuH)40-6iUnM6@teDv`8$j7-O6(A#cBN%TL#U0T2PEy^q1fKN zJrPlK!1*Ws@3~&kBvOzONPwZujM~qxxu^rn>O0=Q`n9DtcC2#Wemb?bd%xRp@^gmT zYqVdSfg5&AmJMyM4UXfR_*^k==;phgbK&a${r10_(IBzph89);0000catNEl;W#S)aN#4eZP#HoM_QT~^IiT{yG z#rZ*gumq>D;{YyOc8pB|GGIwIU_g?!OEaU{-qzjso_yza_sr91MjMjIkF;v^-s|pn zU*E64^PTUU+eGJf(?@-J<{6Lvk8O(1-6oSa-x}vX8`)1o&4hmW-8Jf!bwA-E_9vUy zks+m+KIYA*bF&HX=KkOCw^t>WZd#tn6e9>T!S-mpwo*pOat+!~;?aS$sZMV>SdWy!2dr93kMNMWlA15f9&i*Fs;1Lx+ zetp$@cABWhhS=g}giQNyUO~5y7f2T?RBjh2P|u!|Yg%wS7eCH_v7P^L-BNEPHl&To z_5zWqi0n1PR9IA|wXFsf`o^fZ{!(ZS^SRWvqqegRh(ZXcY2Q40p|4+VCnN&u)Ri@{ zQlzHqboh?dbon%nSxpr>OyT;EktJvQhxwkZ^tC&Oy;s{z-5U4afgyMpayrohKC5cf zShIw#o=iv|CMr%>p=}=%OU@=B>H+4VD|(Wfh7@gY#i@Yj5hJh6!~tHW8#Hl&L1g5ZGF|N~?k?D#e3Tc=2xX=1fw+h&Sxyr`~zFwQuh({@~XCv_Jfg zQti!~sl4$i@&y?B2;12JM8;$oufM&_^Im8$Rr3R#;nK+v_vb-?EgigN8C^Ao_mk69 zS-g*e4YL9(Ar#-XoBwM6o6(<++d>j2lpLPoyKZ}hzZmW&-oA*6FK#&o#8bZbGriec zw(^Eg*OCulO2eE9Ci^c3Bi|=rcuW>E;257T>LVWRp|zUHi$j-{y!FpGEjIW6m~V`K zo&4Pd2T`Ee2a>+liYJ@)n=d~=&A_Kh|0snUK0=l{(}1W=JGgjFPxQrQp8qolX+d@_ z1V+ADa-w4;oTl0|cI_&<?XDe16u@B5;!OOpweCliF-+5meFQ$HfxqI?8U*!Xp069!EAyn;xeT!#V8n<4 z{CUQb-+~ag+csV@L^u8MPwn?UJVF-$3nOe`{FITAZ3;#T3{#^`{k}H0sE|BuU8tUx zxjR#U@P;?}#=BMriKnUE$&5Lgp<_jjaYF~2F||}iYhgb2dvLQs(^9G3rs`Cz!&=$g zeyBm8Z=>b`HGG-7kR2OaQ*8L==UrXqlP)2dZPx~=9>;f*@|B2ZLo87d*ebT_T-Yqfc>op?hL ztHHomMReDytth)zmhk|D%u|37fKVk`fD2=)QkUBufUvbg)yb>)N3h3tShB`gGq(b+0!8@Q?RGf~e8VNJn z+>g2UCC2u}hHH&B*M@qawI&B+*3H>8;@H?UhQ#xXHPnOMB^nhS>8Vn1s^a=l0C7SZ zlKq>t1^WY6ucUR!d|tzZDBQ9i)Y+HiRpSc-O@eMDwz~;1+E({RF%Lvm_dsB)K(C0& z`u#Oxgi#tMU`K`lJ5hzLllLGBPfYXLMnvc1lp<=PptSYWqTnMj=siBUa?;Vy(;Q8Y%vrMC+gD|XhkSTg&Y zX^O+d9Y89=uZ*?mOF>KxVTreryi=)fP8SeYuk`MZzja~gJvVLAUdIApENIANn~DKO zWcnIL^+k~yh$K{)yTObSCK?!Np+F@f2+D9j5i*dNQ-_SPF2nF_wn;7ONS(h>sZ&E- zYpZl>VRO2G*n8gQyRKiV#=QB{tJ~tvm{|aoR&0A(#_Nj{Jpe}ZC02Dq6Uw;b0fZ9u zigIQQB;#_C6hxCGYH$vx1}(F#>}Eoa9_j2N3?$Hu~y~gZ`^cq{-Zo9uJJvVa{J$w2d0T z`TY?@Sws})6>!&mD}rltePCC~$yh!bEIrVZIL<`X#S2lM>Rs3X#?cABv(Tmz99prm z7@lOy*#Sg-<##;znJ#l{k5Aj`_UN{t1A}IP$oHcSpfKTM)_`OVkubwhugfS3U|0$u z4_bUhnnhezVVj93ZUPVVraqoC5Nr;H&G*3$H@P&`qR)xuwAvJgAJR!Rk4^;;$I?Rw z=&{SYy?>jCsJBx{J5iWZ+AC=hB4vj24Jv>D1Y{I0L1(0_hp}^D2w)BjNwtz$IlBmC z5*|bnk0Ok3Q(*IgkF(D{zIu4vK2%9)R8sKZdE{?Di3<2s0O1?n=gV)rlxm>igf&MG z?h3Ryp9PE-Y~+>G-iFmR`UFyXL0Z&dN2{4bWOAm}n!W za>H8JEXrw~-E9TSUcvbxb7w}$(r9XHmD@ezPTe0zZKUBr#qd8zg$}1i1q@@Az#AQ^ z+xvntHT;l5GeZ8R6R_lD0kIq3=0CYWZYo1>5$gk*? zZ4+Fdh{F#!3^rVh7rFtGVvb)_@JP4LZ#*ywl!iH0Z zxYL!A3V4E-w5I48I_UohO_-j}#?M?Za^1iU@*<`X zjiO2nFw#t-2GKD-Z{x3M$L&Ai1K)U)lf?xpCNhAIP*RsL)L%5%a^U>EBg}q5X~EJAuuQd z1LeOjB3h5oAcie(B-GnTlo+pmvE@S{4J|2CZ5Ykt1fi0qRaW9eU0C4exiRzNEls~O z&7heSEB~wj!K$|xVx@DpngYvN<%fne??1$!P0$~)CES2A1-)BN4-m(W#=-cpt4iMU zQ|MXbt8eo$BhJ8RE9eF?N;9%uO>275^cjc}3-hIV!IG{WbuR92aH0}#%V!p7 zC=CyuDcsboSlS$n*&0Tyx}@JBtd|0unRZ$(v@(mvG?nX3^I7@m!|QDQaN)2y9w2<* zX1@N`i#*7etVyR^r}4@+n~NwiA*fpdJF4g-_Ov3^9~(W8Slx?kg60oZp1V0O0$U^#*Ls-1!kip8YC;42--|oow$M}dk@mX zNYkU3a6uOq4x5Dlar=wI{Ppv-{ytXUTw5@nW4vaX#}H8??0|@(@~yOul@3^6WKqf| zjDn47dmCK-*K4W!{0gZ8M!%v*(X%%x^}#gf%^uFdnQ0Mb`|}J#sXJ9Of}81z00TEl zgNro9ExCWnRepI27C;V+sH@RxSOTwFELLC=x6j`vSqKn&_kZz&*Po}hLL5ud_?a(E zC}W59T$4C}tuCR{)zyM-v=TIW5{rfp^)wT%UeT+{{b9;d7mN5?4VYKp&L(cctUA)| zjIgF`;JmXXdf;cnh*+mmlz)8+q16GCc4NEhgLxXImz1<&^Y)eT$e_wwg2=xQa?M$-qn3d|M&pWz6Pm9MI{SV&Of;DlRt-wyH1r_ zinOcFD*b5EVqWtxnx#gptgXdYa9vG?`r7!{h+?&*T0 zb831HTewxUkAK3~&o!hiNJp=}&E3Q@OQ8kR!&>YWYmij|4sOFG)^Yn`)zu^}Y7#mz zxuinVMc0Kz9v?MM6XIGaXKObLFvNcTExz-Uz4nL!yEgmQo){(g)2wSD+%I zVBNtoz-dMBlr*ko@*2RZ+{7`>I#>r%9(68tr=eFUD=K#}wd?HGZ5%9kiNk@wUXdYgJq0Y`Iz$#g{wqJROWBn3sy$kP)A z*`j9geBAoLXB#9+2bhL0K)F9$3m5{dhMGgqxw41+rMTLHeVyt^U-B|F|HFgp4mSQl3+;1D`Y=DwGu;XZ(7a$@*XjOoP zs4&qKz_JIRN07KiGCTpA!LEvyZ+R8~DRerNkBjhS2^1N^OVaL~hn9jzMgb>qQ_C+q zeb#^p8lmJ>>K8d8XQD6_+d$lQLZmaYz2)C`HdCLtN!rX(y-11>c{=mj|D8@4{c@e+g# zGE!hX_Hn&FTqYPp0+bI9gw}vf07uFY%sK@vu~^Ymfjs7bG9Mww7z*q`S04L3B_SsX zOUtWpfMp@mi(9C37Apfl3aJ95!DpM~@7qWBt{kF&#vBT(i_}6BI@v_2RMDfm_=#)E zv=;$eU(joGgvs3Ff~|bUWL45~k2Hvl*OH3U>;u~4J-`u-aDNCfrzz+J`0z0Sq~7U@ zd#@PGQ9**#h;ik8XaqDAjjrcvZGhiEXI=w14if8_CZQJ?(JBL$0Wj&!A`7a<7?($W z4YHyA2u)c1stXBUd%fh4dBsH~wME*dEFbU42U zWkvxP69N#g_eh#;93WGp^!(H?eHkA8EyR}gIc3Km` z6?iFwSU@rW#>S*zr;VJ8*iA(55mFN4s;%7jHHt#drfl+rL2%QKJ#e{x+dV4b*bs;t z7M92au*?ZyxPT-dLN|(urwh=ZqES|g?vkunfj!7o6jr*Z`u_U@60RvtkEjAktyrS} z5yyLxvSL|=ovx;>Md#;{a<(>J=YLro(zW_GmVB5NAeX z-1>^2uB^#}9yZJTk|S-9j+s4{sj^2LAb$$G|j0tx`(e&jQ> z3F!k}I^~{BG*-*cI~}Sj{o;9_qVefAT{K>&i{qFt?(SAEE$yb4;AU(1okN8IvejTwM1vsy z@TxQc)=eziP0gn^s@Pr6Rf{OuBgwNsNDdSsDC=H=0dUt^T2_t3_-5T|{8$*e#V3}B z;N;c9o64dKTK?j;B=4)JIx$vT%JP#W@nyW3>k(oiF9Q@pNH-ny9Sq~&?01cJlS}&Eqys&?RW+1Jb~ji<1S3) z=TOIaa;)=vrH=Dz+4rj*<5S1?|wGdpKz$N4+wd7V4f zeEa4b_jvmj`fY5bVd7oWFrKSZwr=V88f-gn{wbKV=~$`!|1I187v# { // ======== 定义评估报告及隐患处理组件函数 ======== - return ( // ======== 返回JSX结构 ======== -
// ======== 外层容器，设置24px内边距 ======== - // ======== Card组件，标题为"评估报告及隐患处理"，高度为父级100% ======== - // ======== Result组件结束 ======== - -
// ======== 外层容器结束 ======== - ); // ======== return语句结束 ======== -}; // ======== 组件函数结束 ======== - -export default EvaluationReport; // ======== 导出组件供其他文件使用 ======== \ No newline at end of file +import React from 'react'; +import { Card, Result } from 'antd'; +import styles from './EvaluationReport.less'; + +const EvaluationReport = () => { + return ( +
+
+
+
+
+ +
+
+ +
+
+ +
+ + +
+ + +
+ + + + ); +}; + +export default EvaluationReport; \ No newline at end of file diff --git a/src/pages/safe_majorHazard/module/EvaluationReport.less b/src/pages/safe_majorHazard/module/EvaluationReport.less new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/safe_majorHazard/module/OnlineMonitoring.js b/src/pages/safe_majorHazard/module/OnlineMonitoring.js index 874ff58..be11243 100644 --- a/src/pages/safe_majorHazard/module/OnlineMonitoring.js +++ b/src/pages/safe_majorHazard/module/OnlineMonitoring.js @@ -1,19 +1,49 @@ -import React from 'react'; // ======== 导入React库，用于创建React组件 ======== -import { Card, Result } from 'antd'; // ======== 导入Ant Design的Card和Result组件 ======== - -const OnlineMonitoring = () => { // ======== 定义在线监测预警组件函数 ======== - return ( // ======== 返回JSX结构 ======== -
// ======== 外层容器，设置24px内边距 ======== - // ======== Card组件，标题为"在线监测预警"，高度为父级100% ======== - // ======== Result组件结束 ======== - // ======== Card组件结束 ======== -
// ======== 外层容器结束 ======== - ); // ======== return语句结束 ======== -}; // ======== 组件函数结束 ======== - -export default OnlineMonitoring; // ======== 导出组件供其他文件使用 ======== \ No newline at end of file +import React from 'react'; +import { Card, Result } from 'antd'; +import styles from './OnlineMonitoring.less'; + +import alarm0 from '@/assets/safe_majorHazard/online_monitoring/alarm0.png'; +import alarm1 from '@/assets/safe_majorHazard/online_monitoring/alarm1.png'; +import alarm2 from '@/assets/safe_majorHazard/online_monitoring/alarm2.png'; +import alarm3 from '@/assets/safe_majorHazard/online_monitoring/alarm3.png'; + + + +const OnlineMonitoring = () => { + return ( +
+
+
+
+
+ +
+ alarm0 +
+
+
总报警
+
1456
+
+
+ 未处理 6 +
+
处理中 10
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ ); +}; + +export default OnlineMonitoring; \ No newline at end of file diff --git a/src/pages/safe_majorHazard/module/OnlineMonitoring.less b/src/pages/safe_majorHazard/module/OnlineMonitoring.less new file mode 100644 index 0000000..6f49aab --- /dev/null +++ b/src/pages/safe_majorHazard/module/OnlineMonitoring.less @@ -0,0 +1,107 @@ +.Econtainer { + padding: 8px 6px; + height: 100%; + display: flex; + flex-direction: column; + + .EcontainerTop { + display: flex; + gap: 12px; + height: 50%; + margin-bottom: 5px; + + .EcontainerTopLeft { + background-color: #999; + width: 68%; + margin-right: 10px; + + .EcontainerTopLeftTop { + width: 100%; + height: 35%; + display: flex; + gap: 12px; + + .alarmO { + flex: 1; + height: 100%; + background-color: #F4F7FF; + border: 1px solid #AED3FF; + border-bottom: 0px solid #AED3FF; + border-radius: 4px; + box-shadow: 0px 2px 31px 0px #5382FE33 inset; + display: flex; + + + .alarmOLeft { + width: 35%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + } + + .alarmORight { + flex: 1; + width: 35%; + height: 100%; + display: flex; + flex-direction: column; + background-color: pink; + + font-family: PingFang SC; + font-weight: 400; + font-style: Regular; + font-size: 14px; + line-height: 100%; + letter-spacing: 0%; + color: #333333; + } + + + + } + + .alarmTw { + flex: 1; + height: 100%; + background-color: #FFF5f4; + border: 1px solid #FFC5BC; + border-bottom: 0px solid #FFC5BC; + border-radius: 4px; + box-shadow: 0px 2px 31px 0px #FE5F4C33 inset; + } + + .alarmTh { + flex: 1; + height: 100%; + background-color: #FFF7F2; + border: 1px solid #FFD9B2; + border-bottom: 0px solid #FFD9B2; + border-radius: 4px; + box-shadow: 0px 2px 31px 0px #FD883C33 inset; + } + + .alarmF { + flex: 1; + height: 100%; + background-color: #EFF9FF; + border: 1px solid #89E1FF; + border-bottom: 0px solid #89E1FF; + border-radius: 4px; + box-shadow: 0px 2px 31px 0px #22A4FD33 inset; + } + } + } + + .EcontainerLeftBottom { + background-color: #999; + width: 42%; + } + } + + .EcontainerBottom { + background-color: #666; + flex: 1; + } + +} \ No newline at end of file