From ef97337b4d409b55a3d09cfb4b8cf4c3749fd8bb Mon Sep 17 00:00:00 2001
From: du <1176658673@qq.com>
Date: Fri, 26 Jan 2024 17:45:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A6=96=E9=A1=B5=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/homePage.ts                           |   9 +
 .../left/inner-ring.png                       | Bin
 .../images/home-page/left/leftArrow.png       | Bin 0 -> 383 bytes
 .../images/home-page/left/rightArrow.png      | Bin 0 -> 390 bytes
 .../safe-production/left/outer-ring.png       | Bin 7823 -> 0 bytes
 .../images/safe-production/right/blue.png     | Bin 6361 -> 0 bytes
 .../images/safe-production/right/orange.png   | Bin 6257 -> 0 bytes
 .../images/safe-production/right/red.png      | Bin 6122 -> 0 bytes
 .../images/safe-production/right/yellow.png   | Bin 6011 -> 0 bytes
 src/assets/images/top/menuSelection.png       | Bin 2896 -> 2174 bytes
 src/styles/element-plus.scss                  |  15 +-
 src/styles/index.scss                         |   2 +-
 src/styles/variables.scss                     |  28 +-
 src/utils/request.ts                          |   3 +-
 .../left-side/components/basicInformation.vue | 290 ++++++++++++------
 .../left-side/components/weather.vue          | 177 ++++++++++-
 .../left-side/components/workSituation.vue    | 149 +++++++++
 .../home-page/left-side/dialog/risk-pool.vue  | 110 -------
 src/views/home-page/left-side/index.vue       |   5 +-
 .../right-side/components/command.vue         | 188 ++++++++++++
 .../right-side/components/goods-materials.vue | 190 ------------
 .../right-side/components/portrait.vue        | 134 ++++++++
 .../home-page/right-side/components/ranks.vue | 226 --------------
 .../right-side/components/release.vue         | 213 -------------
 .../right-side/components/riskPool.vue        | 121 ++++++++
 .../right-side/components/system.vue          | 179 -----------
 .../home-page/right-side/dialog/events.vue    | 118 -------
 .../home-page/right-side/dialog/material.vue  | 124 --------
 .../home-page/right-side/dialog/team.vue      | 146 ---------
 src/views/home-page/right-side/index.vue      |  23 +-
 src/views/index/index.vue                     |   4 +-
 src/views/top-menu/index.vue                  | 166 +++++-----
 src/views/top-menu/top-option.vue             |   2 +
 33 files changed, 1101 insertions(+), 1521 deletions(-)
 create mode 100644 src/api/homePage.ts
 rename src/assets/images/{safe-production => home-page}/left/inner-ring.png (100%)
 create mode 100644 src/assets/images/home-page/left/leftArrow.png
 create mode 100644 src/assets/images/home-page/left/rightArrow.png
 delete mode 100644 src/assets/images/safe-production/left/outer-ring.png
 delete mode 100644 src/assets/images/safe-production/right/blue.png
 delete mode 100644 src/assets/images/safe-production/right/orange.png
 delete mode 100644 src/assets/images/safe-production/right/red.png
 delete mode 100644 src/assets/images/safe-production/right/yellow.png
 create mode 100644 src/views/home-page/left-side/components/workSituation.vue
 delete mode 100644 src/views/home-page/left-side/dialog/risk-pool.vue
 create mode 100644 src/views/home-page/right-side/components/command.vue
 delete mode 100644 src/views/home-page/right-side/components/goods-materials.vue
 create mode 100644 src/views/home-page/right-side/components/portrait.vue
 delete mode 100644 src/views/home-page/right-side/components/ranks.vue
 delete mode 100644 src/views/home-page/right-side/components/release.vue
 create mode 100644 src/views/home-page/right-side/components/riskPool.vue
 delete mode 100644 src/views/home-page/right-side/components/system.vue
 delete mode 100644 src/views/home-page/right-side/dialog/events.vue
 delete mode 100644 src/views/home-page/right-side/dialog/material.vue
 delete mode 100644 src/views/home-page/right-side/dialog/team.vue

diff --git a/src/api/homePage.ts b/src/api/homePage.ts
new file mode 100644
index 0000000..9651dae
--- /dev/null
+++ b/src/api/homePage.ts
@@ -0,0 +1,9 @@
+import request from "../utils/request";
+
+export function test(data: any) {
+  return request({
+    url: "",
+    method: "POST",
+    data: data
+  });
+}
diff --git a/src/assets/images/safe-production/left/inner-ring.png b/src/assets/images/home-page/left/inner-ring.png
similarity index 100%
rename from src/assets/images/safe-production/left/inner-ring.png
rename to src/assets/images/home-page/left/inner-ring.png
diff --git a/src/assets/images/home-page/left/leftArrow.png b/src/assets/images/home-page/left/leftArrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..54c573f6b2dcedb5fed8f25dbfea2e373503bf54
GIT binary patch
literal 383
zcmV-_0f7FAP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG00001b5ch_0Itp)
z=>Px$IY~r8R47wpWFQeRlBk{mtA_noUhxQVF^B6b3C{%?c=7&6bLRj5e&{F(Uc}IF
z{{DLb#{d5}GcYhbFi;YTz4+im@c)1R=KTBr*VRZ_^bCrIQ}<s<u>EJ*&&bHQLtjy_
z@ce^!*^GY~Dt`ZG@HABsx&pEduHnqhHySJ~OuHGG7<=>;1t(s(_r95d;eW{gpFcef
zH6<Uw{0i4_;qLqS{~7=3e0X@tQb55#hT-4;+e{2h5&FskYmoy6t^wpx0WQ}0j12#I
z-hcZO%FD@Oz|6p~o{5<$Ltg=*3B?cl_wQ#BkT;ml$nan17vrBm*53>gjLa;X|1&dm
z7%B)&Mezf&wNUr_7$^xDp1t!*g_((E^FN0FwMI(9Yj8#!NTIQc*d35TXKp?d0nsMv
dQg29(X#mpLZw;H8lFR@A002ovPDHLkV1k8{u+0Df

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-page/left/rightArrow.png b/src/assets/images/home-page/left/rightArrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..34064465a85f5e9e6abab865654069646d281e18
GIT binary patch
literal 390
zcmV;10eSw3P)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG00001b5ch_0Itp)
z=>Px$KuJVFR47wpWFQeRlBk{mtl`|<*CxzNY|Q$K{3k*Di}yYxzx(!UrK6767jy%`
z8qVH+Yr)LSxSf%SDMepFVC{u_?-nyKFetqL_Qw-l6WmFs@4VAtWn|d?pP8Y<P(f(w
z#ryC3|NsB*@r&_~qnV=E3z$tPemHyQl?pQx%Vq|K|7#4CgljL}f1m&V-@g(@MphSn
zCBB;=O&FfOc=to_KZbuR7?>DUKRmebL_l8eIOBh&D+bDfi5MC#KKKy)|KGnkfBrN0
ze*XUFf*=>m>i-OkUp{>Moe1*_+=lZH-eoiXWvKZ5pTYA#^Pe|t|5?^EFfv?t|KMV-
zqod;=6hEB1_cnxyfwB4TzdydlDq?po+<SMPfq`+0fs$Y?)?htz^O*=U8|NQGMZpi?
kV7~K81*8#Mq>>!d01=;m4Job}Qvd(}07*qoM6N<$f-ru!CIA2c

literal 0
HcmV?d00001

diff --git a/src/assets/images/safe-production/left/outer-ring.png b/src/assets/images/safe-production/left/outer-ring.png
deleted file mode 100644
index 330169adc5d3c28017c631bf2aa16d5d42e205b2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7823
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

diff --git a/src/assets/images/safe-production/right/blue.png b/src/assets/images/safe-production/right/blue.png
deleted file mode 100644
index 96825b211f5147b8ea1a4f3b73e79396caa66e18..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6361
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
bJkI|g$t+KY@~Qok00000NkvXXu0mjf+?H+J

diff --git a/src/assets/images/safe-production/right/orange.png b/src/assets/images/safe-production/right/orange.png
deleted file mode 100644
index 656f0d2ca20163a0b17c262c79ea583854d30e15..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6257
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
bpH%-ZT}kg^#%MDA00000NkvXXu0mjfqm?S1

diff --git a/src/assets/images/safe-production/right/red.png b/src/assets/images/safe-production/right/red.png
deleted file mode 100644
index 7530807d71730a5a4dd5253a6718d21c296d05c9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6122
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

diff --git a/src/assets/images/safe-production/right/yellow.png b/src/assets/images/safe-production/right/yellow.png
deleted file mode 100644
index 87990132573cafe0a2ee099ea997429d25634f14..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6011
zcmV->7li1EP)<h;3K|Lk000e1NJLTq002e+003491^@s6a`@mM00001b5ch_0Itp)
z=>Py1HAzH4RCr$PTzQaQRh9ppd*A!E?(~|@+94qcOA^Bp!m2Py!B``t$|)HH#Bvmu
z8Fj=zCR!z>gNS80>QrfIl_L(t2vd%QOgWCYjHm=;B4EN2AUjDqNq0y(-K3Xqeed2g
zb?*E2@9T|pSp<1h=Y99Sd(XS)ch5cBy$`~h>|*9)06s)Szd9Y(=yW>25&JUpCIC+o
z(W%oJ-<uAY(*dKp?_0o3faF`iyamk67TFmoG0gmJ0N)~_{WD{C`mN7YVD1O-FGTdx
z^jV!*%QF&~nX&l#TE7L%TgrE4lH(+XzX(<Cb{BxVtBCv=mhZkBh=6$v9_B>9-?{)C
zfQ^9J1|J9Dospot>*eK0o%4^#9{d)5ao*lp;-L@$^F8=D7x7sl`llsxP5LuXseeM4
z{u-Way=PWlz5(fqj(I!g%nH#zHIXHsZNc)*H{#gCKgZrr44v-lhXZi;^%yPd6@H|>
z6A7!vswfLm(<#q6?+aaHd+r&YZu`<J-iYm?$MUoh;}u|@>T1JCAu(gb&%Lt?%Rcua
zPCfokJhSQL8TWsqb(k|gMpq$Q2IkfOo!>G)Y1&@bI9LD28ti=knGcFEZ%z)<MuZiK
z5z92zHUD)1^JeK}iRs#*eqpD^ci|@&o|Ow&$$H8G__Mnko2Bbc9B%~XiMb1*lc_&X
zQ~+2SrmGLX)(Fhj-YyuP+jM0Rzj-`kCT_}Ol8@5*flM=Ck|4dTX(u)wLJ(qAPYb}A
zRxWtp80oN{$3g*!J=V8}z6je0jOd&vSFVP!m7uaj!8aaQdk6x+FIQqV%K<U@GGqx(
zLLdO(TjE)LA8de7nTE-?l%<WYlrw@2%Y(PBSqUz*Hgsg=0m01uoCz&fanb|?!wRGc
zsqQ!y-MkJhtKROqz3{1Tz#0pP=+9Cpr&R`)oK)0YM1yqIUT2XSBt|MSThCpbRBAy(
zM`Kk;;p_8rs))&Y49O$U145&e*S5OL_FQ*4rIuYzvCfMCl`J=Z{zEr}CI~%6CTtM?
znfnNyCI<T>O?w9Z0lNA{r+AwJ!;da+4-&2CH|tC~)8Ub7TxOGwF_KzCOj@ME1EKwz
zW$3!>a>N&|gV(m&ISrx?>+dgp;${<u1%zRsmCUl9IT}?xLc<|*a<mx{Kj}Y9>$l75
zod6hy!q$r~M>8v=gE__o$!LHE8X5+|_{3#t2LW^5RcE2=?bjkc{}QP9!fA21d-I18
zgc-0Yn9$nkyl>L+s8|}-OE<imbdIjv{%m!9QxnY3TzV1MG)CLnB#jL^%2<>rm9VKR
zJGh9IR-|#>Jzs}TOb?JE9lPhwPbp)^O=$C)*pxNq1n(;|Hqm%Yd>D%I4ZsBI1ifS1
zo~eP^cF76^v;<BOgs9xfGn{SIKNC#9c9KsXw2EQnonHaPyQd{7rA7zt*$l&D2*W(A
ztpHO;M6dY9Mx<6>VD^3T`^X)1en`V*0jAV|XRU4ED{l7Ey5|O_2Ih&Yd*BBbmMmwf
zgDd;F#Ry5H8W4k_m0K;1Wea0jX{~+h>4aMT=`TPfI%fimedVin!eCs5CTG}MEsj~U
z_pSY(I}q=^5Pe^|2ZR58sOflsAmsS5YTH)gZ!kCd)Vz&5$EOBn+a*2_-w310ITY2V
zQf23XxTQiwEMK)gE|uL~fj9=wOJUi^KLZu-m<cdA_^rEO!*LkSTf<f<#c=*t-TUI_
zw4!x&H->)J*Yvq-uSa3xLk;}E1a$e<-_?(6LN}kEx#k)W8vGe!O$X^h^RS_gx+0~l
z;uy4UQA<AfX{bcIGe3nxJCWY83nJEX$+(#`S}(l-u|+G(=IO}4ei<RBt>L_47WsVL
zm$I?rAYGkzbF>1c!PsSw|8e@jY`bnP$To%t*2bX=OQ#-T(HaRbo^HW{TRsV$i2R`3
z{^vQpYabC=SY{|9Fe|iNv=)ga6<1;C*Y{y;;4r{>8ycgOZXV-IJs2R2AB3i|IWBhz
z!rgSm6Z@tQ%u^eBLH?yB_q^s#*>gcW4S$9dv`CCfVZnPo28z$nL1c^U;U_V)bqfp^
ztYucpc|0?`R0x~cU)Bm$VFz^Zds@Hc<n)2rdSw!R#|>4Qwd}7z2WLUqXqio<V&oZ-
z0z_gcg?ZQC4i$fW33r=6iPxV08FKwcVAz7HqT|WlUm73jQH0*nlD}2HD`oM@uYOAJ
zb?Un2nlzQb+ppgQR4dw2-=N1TI}Ni<3Lg7PbCSES`&-iS2+Z)ceq;~t0XPJh1wkm~
zBeC>+==P$oQ*wn%?_|rl!RLASg)QJhPFZGKql70GA_Z>%RyXb-kQ$<OKmSd$o|6Of
z?4~OXW4VTcfkpYQkOJjbPASi_+!XmxoJ9B4?}PFqV6q3cBX?*&*v%A!p{$YxckUX*
zd)G`#m%|YZz3^W)7#UVhM@=~jfaCj&MYe$t#x7d_NR7u^qBc1&&)s+q*j`y#FGaZ(
zA4cUaa0+v>OMoHv;ZXwZ>u-jNRm?mG88CA>xynjIdDDyDGe>@h@uM$;Sv36QI)}-^
zBz8o@tZ^lfwZWFu`bQ4WTw<QOtqqCHjkUpB(VNqSb3k?yoxvgt3S>oM66m<_Js`hj
z!hmt2K(bkV_So-{8Q29@qDCbxG2!%BgE7U4Dyvf!FT8g0KWXC@NpCk?Q>H6<$IZ8a
zQAq`qNa%2pwZY;^B}RdiW^pzXm~+m%q5M?TJ{X6|$vIq6FeSDKD$xZhwJB2O{217V
zATM5e#<}B9Q)Xzlb-ApmmXq#R9IJ8ng|cBD^)7nop^3&nH83yU`j;@gqE-k2t8AOn
z=Ddl4kshQhtfzd$kvi)JkWM)mf>)nMFnSzBhAl&E7nn7?uBC|eoFC;Nq%O=Mf8Y-e
zK9xu!zVwQy|Ijv@8QG^m1#3|Bh?|eZ8oftZHCjJ@XzZr7KiYCSz+3=US2vM0Wp%J#
zwXEtuVtI!hdZe#Dr=q|FvK|!2Il17kh;&i%Y#ug03>H|55+kNvCAtBs&ME^obBt}6
zmpF@5tUVIAk>^mz?6(GiB4x@%>T)`w;9&f1;3g`X)bD8RgS%coFwfr913z_ZQv$m1
zHk|$SzeZwl4~~5OQ9J%zl}WTviilZ&v2jXtUJI(q&P~IZOxPsI?BF1G0IULGeIm21
zK;tm}i%scp@E~3A!*a&1zRlE2Nfz;r+dl!=#$zJdELC%_yA;Xu=Hk_Vdy!4f9k_`m
z&bcQdF&fIm5le1xY0GLGQfgcp)pX0I@DhwUD8Ps`un1<8Bp{%U*+3ntXIc?uY3=>r
zoosHV1ja4(mu|litd=(r^0*VqtZM!Ou}b2{SPil<c(NR6dggd4X)@t1X4OaCx1NRc
zODB-ob*ialGHMTuYH~D$_S4$$|K#+6+4+$xV7(0u{)~c#7hcg&U$UT96l!j5F-;+n
z^)%wEsZepxM_?(9?)N8=JG>WTe;kZliaHe=de6X$<*KVU_A$Ef-lt~_3^QWb5-BWE
z+Z*P8croCAAR<&3oM>|~6RPqvr8XcER}&+bfhY5KrUgW^Mhv8Of#dzm&GIzJQK+{y
z4dxQ&fh~Ra^>5e!U^|G`yDhAmt9j1%z}x17)>pO}hGGgW@y*s$w!UPqK(Z++W|uQ@
zC6}vPJ(y7=(m^f)Hy+6Npir!n2CN2D9He7_@<7UCRvt;bR2&V14GBkV1F#9eVV+?_
zQl15p1e?#n>X5BCc(SWl+9wi#qKhpJB2eWsdFAmEhv**p2C~{9oWqDckfNm{4NACi
z!|kyR9+uJy(1mW-zkC&N8w{26FlD*%OgAfz{F#=wwbT6DSM#CGPs0X80t6ck#VL^P
zgz{RWeIs%lh;EKTNT;eH$TYo^4AX`%VFn0BVGAQ*RR9DSWx(2nl=4F7F$yiCUV%|%
z9?Ih-K7s@uEc2y*nZlAi$BAkq>_%V?Tst48V{Rr`GF**IO3~GpDcT{dx)i~O&zD4_
zQG~>@7S8U=l44?}B*<S3rP|6)TQr|V@1^v5s?wcRbrI2$qf_0-kSUyGn>hhcNbI&;
z#Z#1k)Lk~99bhyh#u@ghJUb2Hu2lO@4}3U7y}N6abR#f*H(UZ<n91c5H8Dg&drPhH
zZUIYZB59V=2APG5s|%PpDHChiD8~v>94fH_kmXbM;)=tmXTDTTMY_d%e6e`B0L$qC
zCt_94g+`c0;k84gv|+aqCKBU3?vMkuJ(`2s@mggb4sGyC37CYJ4&fhaqot44oCs?G
zChWWUCX?@O_^Kl)m{`(lyF(I@j;Q=w4EdGE%b=)-!OnAW)<@}Xz;BWpF22$&kJ42?
z3<44>Ks~pBv%7(zl4Y$1wD{YcItb=GTnd7s*o$$>8tkj_ca_vL8=e0)vnfw{ArG{6
z^>@<ZpKh&Q2{j{Pz9|;;wSFMT_)T*Z3EloaW;AS?DUZ5YVVQ^tvymK(h*W}9VnG?m
zir7?1O&uWBV5wG6_q)OA7l6#pT1hLlV^iR8^q5jAWR}z1idk|QhWcUbtJRDaUq6&L
zBmZ7spX$iB!t%@1`#^a))r>6P_t7<E)FolsHvK@#kF{L`){#D`9;)Iv`D!&YyJf^|
zH7T*7lpw^~K)QTzq}CCW*H`P8@|vrALj!;e&ga-<MhTMOCegeGvhO7Nyukaw7_U#%
zSPot^;do=lE=4MtjOA$2ceXW^;r!9h++@bbVe^II>U?qWxC-JrwcOK*O%?yU<cKqo
zr&p6AU%-(>IYEH2p3^ZTfuZL^&NxUqyDS+^mQaH(i87y&#ttoPAq2|;KnPZ%TMQ|&
zOwMEr7M26^QWQAKs+RuI6XxL8nP6;piJ#Ivrc^dLzk4yw`|6LI0uvnl{Fe%^^*<Aa
zE?#Z8l+uYreC~%`a8gCVDIHHQ0nq7euJdpOAn{pBAh9NLmP$#2m)&NZa2)CCNLFME
zAW~eB1s5wUWowD7VP}j<mW%)*j9UU3X0oKnvgjD*G==6sGY*1a<UwQdO^<=JEL^!r
z&kuh<bhp#=Wd?cQr{X5r^Udsuy}v0QUT8?FOT8bPcQZ(LMc$o)5=K~5F2yOP&t}VB
z<d|5|G;Uc%s#<t}5@h5#v&5TDD@7rv13Q{pc`P$6>%zG@ZXTG4Bn9r0GY%~&L;jO`
zX}}054Ero2?@DE_P6lE#g~IV4R2|N!;V<63qQy^jJxg7mc7~@6OyTH1UttU5H)UQs
z@Lbv4xVft`Kaz@zcdjK$Tv-t(1rjG!jJT#aJZ~XDNs*4oK(GVD-31zvC+mK@t0?Hr
z1k^Q+9u#$lG-h%jxXn7Lw*sMiK5h$zV+0jMCcAV+<F_XJcs@9_r=Fiu*-v$6TNhl|
zMx7s(?=369n3LcAcy4IlyxdrSf0RvcDlqN<P%_r@7f}9+`t>NxyNUJ0q<9@llO(2!
z8ny_On|QbMYYcXAE!7?%D!GCpHBMtVb1a~UJcyjKH8xGwoU)eXixCH1y&f=O`l&)N
z`f_xNrx{-k-9pE?H=IlDANYK&#0=j1!?DAUJwrAOL&?}ru`iK`b*|PrwU&W+wRgcq
zNg-z<;FH!#5G6n=u1NV2cW&)Tiz@9~Qsfo5oyI5@BX?i+A~^)xJb|-T4lFZ=PGa0P
zOl8L)>Ssp7aQvA<Fy4^!b!$OMd(BEn0GM<3yL!Du>o=+Oy{|^<e%tr_;4J;yk%Pbd
znIorSF^}bhTrp6b;I5U5DLv<W&r7XjW??>BR>HT_DaE@J4$+TJqsVDB%@%U<Or|$7
z@h*rgyS9<WaBILCB81E~lz7HUj#zX{NjgLoIkn}Kit}_CJZ!@BPHV>x7gb?NB{tl1
zp@L7L+lg#lcv&JbckM1pUH`BHCOi0pjTDT3cI?ojTdh{ga4a4}q4CIPQ%w+=6Rlbo
zDlfi(RIG=HS_PfRMRAr!7K8jODr%=Hi>Ami(;zuw@1tC<#6J$UqPH*cr<>qND8v9d
zC1$h67Wz$?>9Zy`Val?eg#vrfYyt(t<hKlWuf6>|N?dz~8;}`)baQ6liHoy?&mRhv
zA6FWh*t)~MWyDKrI5I|+)K6X6txwW%qIkEb<L!XzAnmuvaVEEy?W|47J{Pq{X%#tv
zsrVg5lT<X_(aMkZ=s0IN9EUaIhJz8<!jR>HJ9IeH@dlyz1v>PR4`mK})_ryjV(<7H
z2TYiG{I|m|d}pUM=^&tFt4{^%guHY$Y$I2z?W$n8NqYyblMY3sRDzU_5nL`NCKa_a
zD0)>VoKsJ-eJ=|~qEZ&m$}op{%VAp1{z|f^Y<o^)d?Idn6SFbo3L=D^t3I?O*0u7R
z!afy79(j3q$G5kL=?c75N8B}<oy*#af^Dj^j9YDumq?;6`g=tkR};88#W_1y&c->0
zY*v;*a^AYJ_H%AKM)!U9ru*M{-Hn?vqx~b!j*__ba#XuoD$2>Vs%^t!8lYq~oSLr;
zG_u7}MOlFqe-xEZxp~Fwh}1_7$K`UdRsD1EFH0Gavc#6tGLaf8ug+R5OWrX<xm2Sl
zF(xnFweX_-^yRxQ;aBz@gVqGCRg-(MPAO<ljwDRc&e5pQQDwT#X*+vmWOGQIFuAik
zfo6={8ODfVVs~=hJ)5L$Lz}Ap5xq(17TdOWw4x=Iyw?Hq=r6V-7V{8`>8ii_vWD+B
z);0DM8kKgwU!vK(uTq2{Fjapx`W;H0McC|_dtPi;e%_?5qfz>+Z65~J?}^?eZF|p}
zkKW#SC19Sd1ErA}VK5%|P+@d(hD#tv?VEuT)z<=3HQ0hd7+MqpQw2^P7<J&3nJs})
z^Sshm+Bv!cT%i`^X#jKj5>pG}Y)edKmLsW%7_UfJbBQQPP_4vNK&t^}`_p^jc?zDV
z-CY=p?owA>u74ht8~ezzi|CbTH2W>@iF^-svloWZUG$1bi~B47HpO!3S#_J5_Mzwz
z>z1PE71z&1(r1eFg=SP=c~7a_GrtpayF2cs&uw1QCxi1mKOv_wB5UNr{U{U`_oI|G
zi7H*a`&n!!=0$97O<i%D$ocyd^%FYI@paB^6z({uxbe3Osf#A7{<+KHh;^#zS9FYv
z`3N@w5$z}hlYb&-)78rZ%bKkT3t<>OShl3k_W$UXUh{B&@w+lPYa!p4;W*DvELNvH
zIY15V0Y>(?&fL4Po*GeYrj3t`N1y6Ne9FDg|44qo+qCQ5Jv8QkdEtf4E#CY!H_yxc
z<Y2wablk3JU7(K6(&uHf<B**$m6NvD?^dr2*3(J*>+%OvcMWXpq(csvLjw=20*<Xq
z=ANu+Y$!>m%)E{Tc$HipLj&>&NI9=@hL(q@H`S>Q_7}s{GCs`O9O-&!_|neUa}h8n
ze*CUj{_zwQ4rQy8Iiox;9#`Cw#HrajrEt2FJuCgwwlfZ8PsR9Tx;}X|-u0FA%8s@F
z=YZ)y@z6hD<h~>IZ#{+c=X9Vi9wY1aKqt<CO_UjXW7b=zXBMN4_crW3nU))K$@Y)#
zpn-vprDCzm?<fpE)bOFfn7694)9jDeA1`?`lt=v)sZ_Z8K)o<fY+-iJ()$N!?AR}Q
zbnBvxjS@jBZOy!7;ix<1B4D_0sH)E3oXO=hx3skQZHJZebJZ&WT5&SDHd4OLuAdI_
zob$%Mwx}ojWYHqYVan=k#F<@A>s85g{Nj_V&c3zbj9yJfpdOrUgS>F@i4S%u9(q%m
z>I$DeMmugwozwfiKQt4J2_<I#$dQ%phd$C)_5UlF6^rmjB9d$0w4itC-~Y0BZmDKy
zO@Wc^je)`6T%-oRQMDQWMq+7p#-iG<>QuB~N6)gqlmE~7w18<#kNo!X-00rALx;07
ppf?H?@)Mrr)PbHww=^7k`G24FdX+L8bRPf!002ovPDHLkV1oX?i1Yve

diff --git a/src/assets/images/top/menuSelection.png b/src/assets/images/top/menuSelection.png
index a9f9e4f1d9aa333f649b3978fab80eec688a8bc9..f4222e74ebf6231a14291366ecbeb09ae81049d5 100644
GIT binary patch
literal 2174
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
Ad;kCd

literal 2896
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

diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss
index f7d1d88..0cb3ead 100644
--- a/src/styles/element-plus.scss
+++ b/src/styles/element-plus.scss
@@ -56,11 +56,12 @@
 
   table th,
   table td {
-    border-bottom: none !important;
+    // border-bottom: none !important;
   }
 
   td {
     border: none;
+    height: 34px;
   }
 
   // 滚动条的宽度
@@ -80,12 +81,12 @@
   }
 
   .cell {
-    // display: -webkit-box;
-    // -webkit-line-clamp: 1;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    // -webkit-box-orient: vertical;
-    // word-break: break-all;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
     color: #fff;
   }
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 891dc73..237c8ff 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -123,6 +123,6 @@ ul {
 	// border-image: linear-gradient(180deg,
 	// 		rgba(15, 37, 77, 0) 0%,
 	// 		rgba(64, 98, 165, 1) 100%) 2 2 2 2;
-	margin-bottom: 31px;
+	margin-bottom: 16px;
 	overflow: hidden;
 }
\ No newline at end of file
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index c0e42e6..83cffc3 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -4,7 +4,7 @@ $designWidth: 1920;
 $designHeight: 1080;
 
 //侧边菜单宽度
-$sideWidth: 33%;
+$sideWidth: 31%;
 
 @use "sass:math";
 
@@ -103,4 +103,30 @@ $sideWidth: 33%;
 .conBox {
   background-color: rgba(0, 61, 123, 0.5);
   border-radius: 0px 0px 10px 10px;
+}
+
+.module_top_title {
+  cursor: pointer;
+  width: 64px;
+  height: 22px;
+  box-sizing: border-box;
+  text-align: center;
+  line-height: 20px;
+  font-size: 12px;
+  font-family: Source Han Sans CN, Source Han Sans CN;
+  font-weight: 500;
+  border-radius: 3px;
+  margin-left: 8px;
+}
+
+.module_menu_selected {
+  background-color: #486f6f;
+  border: 1px solid #66e1df;
+  color: #66e1df;
+}
+
+.module_menu_notSelected {
+  background-color: #294040;
+  border: 1px solid #a6c2e2;
+  color: #a7c5e8;
 }
\ No newline at end of file
diff --git a/src/utils/request.ts b/src/utils/request.ts
index d51e90e..a0058ea 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -6,7 +6,8 @@ axios.defaults.headers["content-type"] = "application/json;charset=utf-8";
 // 创建axios实例
 const service = axios.create({
   // 路由BaseUrl，防止跨域请求
-  baseURL: import.meta.env.VITE_PUBLIC_PATH,
+  // baseURL: import.meta.env.VITE_PUBLIC_PATH,
+  baseURL: 'http://42.193.40.239:8017',
   // 超时时间
   timeout: 20000,
 });
diff --git a/src/views/home-page/left-side/components/basicInformation.vue b/src/views/home-page/left-side/components/basicInformation.vue
index 6698dd4..038c59e 100644
--- a/src/views/home-page/left-side/components/basicInformation.vue
+++ b/src/views/home-page/left-side/components/basicInformation.vue
@@ -1,12 +1,29 @@
-<!-- 晴雨台 -->
+<!-- 基本信息统计 -->
 <template>
   <div class="side-bg">
-    <TitleC title="晴雨台" :swshow="false"></TitleC>
+    <TitleC title="基本信息统计" :swshow="false"></TitleC>
     <div class="con_box conBox">
-      <div>
-        <div></div>
+      <div class="chart-wrapper">
+        <div class="container" ref="populationtenementRef"></div>
+        <div>
+          <div>6980</div>
+          <div></div>
+          <div>人口总数</div>
+        </div>
+        <img src="@/assets/images/home-page/left/inner-ring.png" alt="" />
+      </div>
+      <div class="con_option">
+        <div
+          class="con_option_term"
+          v-for="(item, index) in populationList"
+          :key="index"
+        >
+          <div :style="'background-color:' + item.color"></div>
+          <div>{{ item.lable }}</div>
+          <div></div>
+          <div>{{ item.value }}</div>
+        </div>
       </div>
-      <div></div>
     </div>
   </div>
 </template>
@@ -18,102 +35,84 @@ export default defineComponent({
 });
 </script>
 <script setup lang='ts'>
-// import * as echarts from "echarts";
-// const airTenementRef = ref();
-// let airOption = {
-//   series: [
-//     {
-//       type: "gauge",
-//       startAngle: 180,
-//       endAngle: 0,
-//       center: ["50%", "75%"],
-//       radius: "90%",
-//       min: 0,
-//       max: 1,
-//       splitNumber: 8,
-//       axisLine: {
-//         lineStyle: {
-//           width: 6,
-//           color: [
-//             [0.25, "#FF6E76"],
-//             [0.5, "#FDDD60"],
-//             [0.75, "#58D9F9"],
-//             [1, "#7CFFB2"],
-//           ],
-//         },
-//       },
-//       pointer: {
-//         icon: "path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",
-//         length: "12%",
-//         width: 20,
-//         offsetCenter: [0, "-60%"],
-//         itemStyle: {
-//           color: "auto",
-//         },
-//       },
-//       axisTick: {
-//         length: 12,
-//         lineStyle: {
-//           color: "auto",
-//           width: 2,
-//         },
-//       },
-//       splitLine: {
-//         length: 20,
-//         lineStyle: {
-//           color: "auto",
-//           width: 5,
-//         },
-//       },
-//       axisLabel: {
-//         color: "#fff",
-//         fontSize: 20,
-//         distance: -60,
-//         rotate: "tangential",
-//         formatter: function (value: number) {
-//           if (value === 0.875) {
-//             return "差";
-//           } else if (value === 0.625) {
-//             return "合格";
-//           } else if (value === 0.375) {
-//             return "良";
-//           } else if (value === 0.125) {
-//             return "优";
-//           }
-//           return "";
-//         },
-//       },
-//       title: {
-//         offsetCenter: [0, "10%"],
-//         fontSize: 20,
-//         color: "yellow",
-//       },
-//       detail: {
-//         fontSize: 30,
-//         offsetCenter: [0, "-20%"],
-//         valueAnimation: true,
-//         formatter: function (value: number) {
-//           return Math.round(value * 100) + "";
-//         },
-//         color: "inherit",
-//       },
-//       data: [
-//         {
-//           value: 0.7,
-//           name: "良",
-//         },
-//       ],
-//     },
-//   ],
-// };
-// const getData = () => {
-//   //空气情况仪表盘
-//   const airTenementChart = echarts.init(airTenementRef.value);
-//   airTenementChart.setOption(airOption);
-// };
-// onMounted(() => {
-//   getData();
-// });
+import * as echarts from "echarts";
+const populationtenementRef = ref();
+let populationList = ref([
+  { lable: "常驻人口", value: "379", color: "#4CC6C1" },
+  { lable: "党员", value: "022", color: "#05D48A" },
+  { lable: "村干部", value: "147", color: "#E6B900" },
+  { lable: "脱贫户", value: "354", color: "#DE8059" },
+  { lable: "新生儿", value: "379", color: "#D98200" },
+  { lable: "在校生", value: "379", color: "#BF43B2" },
+  { lable: "残疾人", value: "379", color: "#D43C33" },
+  { lable: "低保户", value: "379", color: "#6658E3" },
+  { lable: "五保户", value: "022", color: "#A1CDE6" },
+  { lable: "务工人员", value: "147", color: "#3DABCC" },
+]);
+const option = {
+  tooltip: {
+    trigger: "item",
+  },
+  // legend: {
+  //   top: "5%",
+  //   left: "center",
+  // },
+  series: [
+    {
+      color: [
+        // "#D33B33",
+        // "transparent",
+      ],
+      // name: "Access From",
+      type: "pie",
+      radius: ["75%", "85%"],
+      avoidLabelOverlap: false,
+      itemStyle: {
+        borderRadius: 5,
+      },
+      label: {
+        show: false,
+        position: "center",
+      },
+      // emphasis: {
+      //   label: {
+      //     show: true,
+      //     fontSize: 40,
+      //     fontWeight: "bold",
+      //   },
+      // },
+      labelLine: {
+        show: false,
+      },
+      data: [
+        // { value: 1048, name: "" },
+      ],
+    },
+  ],
+};
+const getData = () => {
+  let state = false;
+  for (let index = 0; index < populationList.value.length; index++) {
+    let data = [
+      {
+        value: populationList.value[index].value,
+        name: populationList.value[index].lable,
+      },
+      {
+        value: "10",
+        name: "",
+      },
+    ];
+    let color = [populationList.value[index].color, "transparent"];
+    option.series[0].color.push(...color);
+    option.series[0].data.push(...data);
+  }
+  const airTenementChart = echarts.init(populationtenementRef.value);
+  airTenementChart.setOption(option);
+};
+onMounted(() => {
+  getData();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -123,5 +122,94 @@ export default defineComponent({
 .con_box {
   height: 213px;
   margin-top: 5px;
+  display: flex;
+}
+.chart-wrapper {
+  margin-top: 10px;
+  flex: 1;
+  height: 180px;
+  position: relative;
+  .container {
+    flex: 1;
+    width: 170px;
+    margin-top: -10px;
+    height: 200px;
+  }
+  > div:nth-child(2) {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    top: 62px;
+    left: 48px;
+    > div:nth-child(1) {
+      font-size: 20px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 500;
+      color: #d0deee;
+    }
+    > div:nth-child(2) {
+      width: 70px;
+      height: 2px;
+      background-color: #63717b;
+    }
+    > div:nth-child(3) {
+      font-size: 10px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      color: #d0deee;
+    }
+  }
+  > img:nth-of-type(1) {
+    position: absolute;
+    left: 29px;
+    top: 35px;
+    width: 112px;
+    height: 112px;
+  }
+  > img:nth-of-type(2) {
+    position: absolute;
+    left: 2px;
+    top: 7px;
+    width: 165px;
+    height: 165px;
+  }
+}
+.con_option {
+  width: 400px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  padding: 10px 0px;
+}
+.con_option_term {
+  display: flex;
+  align-items: center;
+  height: 27px;
+  width: 45%;
+  > div:nth-child(1) {
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    margin-right: 5px;
+  }
+  > div:nth-child(2) {
+    font-size: 14px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    color: #a4a6ab;
+    flex: 1;
+  }
+  > div:nth-child(3) {
+    border-top: 1px #707070 dashed;
+    width: 50px;
+    margin-right: 5px;
+  }
+  > div:nth-child(4) {
+    font-size: 14px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 500;
+    color: #ffc97a;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/home-page/left-side/components/weather.vue b/src/views/home-page/left-side/components/weather.vue
index 3cb0737..1eb9b33 100644
--- a/src/views/home-page/left-side/components/weather.vue
+++ b/src/views/home-page/left-side/components/weather.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="side-bg">
     <div>
-      <TitleC title="晴雨台" :swshow="false"></TitleC>
+      <TitleC title="晴雨台"></TitleC>
       <div class="weather_data">
         <div>
           <TitleD width="100">
@@ -37,7 +37,21 @@
           <TitleD width="100">
             <div class="weather_data_title">未来7天气象数据</div>
           </TitleD>
-          <div class="weather_data_right conBox"></div>
+          <div class="weather_data_right conBox chart-wrapper">
+            <div ref="tenementRef" class="container"></div>
+            <div>
+              <img
+                src="../../../../assets/images/home-page/left/leftArrow.png"
+                alt=""
+              />
+            </div>
+            <div>
+              <img
+                src="../../../../assets/images/home-page/left/rightArrow.png"
+                alt=""
+              />
+            </div>
+          </div>
         </div>
       </div>
       <TitleD width="100">
@@ -51,7 +65,20 @@
           align="center"
           width="120"
         />
-        <el-table-column prop="info" label="预警信息" align="center" />
+        <el-table-column prop="info" label="预警信息" align="center">
+          <template #default="scope">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              :content="scope.row.info"
+              placement="top-start"
+              popper-class="weather_tip"
+            >
+              <span>{{ scope.row.info }}</span>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <!-- show-overflow-tooltip -->
         <el-table-column
           prop="time"
           label="预警时间"
@@ -75,6 +102,7 @@
 </template>
 
 <script lang="ts">
+import * as echarts from "echarts";
 import { defineComponent, onMounted, ref, watchEffect } from "vue";
 export default defineComponent({
   name: "weather",
@@ -98,8 +126,114 @@ const tableData = [
     info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
     time: "2024/1/22 12:20:13",
   },
+  {
+    type: "暴雨黄色预警",
+    info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
+    time: "2024/1/22 12:20:13",
+  },
 ];
 const clickDetails = () => {};
+
+const tenementRef = ref();
+let option = {
+  color: ["#66E1DF"],
+  tooltip: {
+    show: false,
+    trigger: "axis",
+    axisPointer: {
+      // 坐标轴指示器，坐标轴触发有效
+      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+    },
+  },
+  grid: {
+    left: "0%",
+    right: "5%",
+    bottom: "0%",
+    containLabel: true,
+  },
+  xAxis: [
+    {
+      type: "category",
+      data: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
+      boundaryGap: false,
+      axisTick: {
+        show: false, // 不显示坐标轴刻度线
+      },
+      splitLine: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      axisLabel: {
+        interval: 0,
+        color: "#D0DEEE",
+        fontSize: 12,
+      },
+    },
+  ],
+  yAxis: [
+    {
+      type: "value",
+      splitLine: {
+        // 网格线
+        show: true,
+        lineStyle: {
+          //分割线
+          color: "#99999955",
+          width: 1,
+          type: "dashed", //dotted：虚线 solid:实线
+        },
+      },
+      axisLabel: {
+        formatter: "{value} °C",
+      },
+    },
+  ],
+  series: [
+    {
+      name: "",
+      type: "line",
+      smooth: true,
+      symbol: "none", // 不显示连接点
+      tooltip: {
+        trigger: "axis",
+      },
+      lineStyle: {
+        width: 2,
+        shadowColor: "#165DFF",
+        shadowBlur: 20,
+      },
+      areaStyle: {
+        opacity: 0.8,
+        color: {
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0,
+              color: "#0F476B",
+            },
+            {
+              offset: 1,
+              color: "#002A56",
+            },
+          ],
+        },
+      },
+      data: [2, 4, 9, 12, 15, 48, 2],
+    },
+  ],
+};
+const getData = () => {
+  const airTenementChart = echarts.init(tenementRef.value);
+  airTenementChart.setOption(option);
+};
+onMounted(() => {
+  getData();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -168,7 +302,26 @@ const clickDetails = () => {};
 }
 .weather_data_right {
   width: 100%;
-  height: 120px;
+  > div:nth-child(2) {
+    margin-top: -17px;
+    margin-left: 28px;
+    text-align: left;
+    cursor: pointer;
+    img {
+      width: 15px;
+      height: 15px;
+    }
+  }
+  > div:nth-child(3) {
+    margin-top: -23px;
+    text-align: right;
+    margin-right: 10px;
+    cursor: pointer;
+    img {
+      width: 15px;
+      height: 15px;
+    }
+  }
 }
 .time {
   font-size: 12px;
@@ -176,4 +329,20 @@ const clickDetails = () => {};
   font-weight: 400;
   color: #159aff;
 }
+.chart-wrapper {
+  height: 120px;
+  position: relative;
+  overflow: hidden;
+  .container {
+    width: 86%;
+    height: 160px;
+    margin-top: -45px;
+    margin-left: 20px;
+  }
+}
+</style>
+<style>
+.weather_tip {
+  max-width: 200px !important;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/home-page/left-side/components/workSituation.vue b/src/views/home-page/left-side/components/workSituation.vue
new file mode 100644
index 0000000..e4236ec
--- /dev/null
+++ b/src/views/home-page/left-side/components/workSituation.vue
@@ -0,0 +1,149 @@
+<!-- 工作开展情况 -->
+<template>
+  <div class="side-bg">
+    <TitleC title="工作开展情况"></TitleC>
+    <TitleD width="100">
+      <!-- <div class="work_title">气象预警信息</div> -->
+      <div
+        class="module_top_title"
+        v-for="(item, index) in label"
+        :key="index"
+        @click="clickMenuOption(item.id)"
+        :class="
+          item.check == true
+            ? 'module_menu_selected'
+            : 'module_menu_notSelected'
+        "
+      >
+        {{ item.title }}
+      </div>
+    </TitleD>
+    <div class="work_con conBox">
+      <div v-for="(item, index) in data" :key="index">
+        <div>{{ item.index }}</div>
+        <img
+          src="../../../../assets/images/home-page/left/barometer.png"
+          alt=""
+        />
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="item.con"
+          placement="top-start"
+          popper-class="work_tip"
+        >
+          <div>{{ item.con }}</div>
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, ref, watchEffect } from "vue";
+export default defineComponent({
+  name: "WorkSituation",
+});
+</script>
+<script setup lang='ts'>
+const visible = ref(false);
+const label = ref([
+  { title: "党建统领", check: true, id: 0 },
+  { title: "平安法治", check: false, id: 1 },
+  { title: "经济生态", check: false, id: 2 },
+  { title: "公共服务", check: false, id: 3 },
+]);
+const data = [
+  {
+    index: 1,
+    con: "每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况...",
+  },
+  {
+    index: 2,
+    con: "每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况...",
+  },
+  {
+    index: 3,
+    con: "每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况...",
+  },
+  {
+    index: 4,
+    con: "每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况，每日工作动态的自动读取形成近期工作开展情况...",
+  },
+];
+const clickMenuOption = (id: any) => {
+  label.value.forEach((item) => {
+    item.check = false;
+  });
+  label.value[id].check = true;
+};
+</script>
+
+<style lang="scss" scoped>
+.side-bg {
+  // height: 45%;
+}
+.work_title {
+  font-size: 16px;
+  font-family: Source Han Sans SC, Source Han Sans SC;
+  font-weight: 400;
+  color: #ffe7cd;
+}
+.work_con {
+  width: 100%;
+  height: 244px;
+  padding: 12px 8px;
+  overflow-y: scroll;
+  > div:not(:nth-child(1)) {
+    // margin-top: ;
+  }
+  > div {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 68px;
+    padding: 10px 13px;
+    > div:nth-of-type(1) {
+      width: 24px;
+      height: 16px;
+      box-sizing: border-box;
+      border: 1px solid #ff7734;
+      background-color: #ff7734 10%;
+      line-height: 14px;
+      text-align: center;
+      font-size: 12px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      color: #ff7734;
+    }
+    > img {
+      width: 70px;
+      height: 48px;
+    }
+    > div:nth-of-type(2) {
+      width: 408px;
+      height: 48px;
+      font-size: 12px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      color: #d0deee;
+      //超出两行省略号
+      text-overflow: -o-ellipsis-lastline;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      line-clamp: 3;
+      -webkit-box-orient: vertical;
+    }
+  }
+}
+.work_con::-webkit-scrollbar {
+  display: none;
+}
+</style>
+<style>
+.work_tip {
+  max-width: 408px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/home-page/left-side/dialog/risk-pool.vue b/src/views/home-page/left-side/dialog/risk-pool.vue
deleted file mode 100644
index 055e2da..0000000
--- a/src/views/home-page/left-side/dialog/risk-pool.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<!--  -->
-
-
-<template>
-  <el-dialog
-    class="dialog"
-    width="40%"
-    v-model="dialogVisible"
-    :title="'发布预警'"
-    center
-    close-on-click-modal="false"
-    :show-close="false"
-    @close="emit('close')"
-  >
-    <div class="dialog_body">
-      <el-form label-width="150px" :model="form" class="center-form">
-        <el-form-item label="预警内容" style="width: 94%">
-          <el-input v-model="form.name" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item label="人员" style="width: 94%">
-          <el-select v-model="form.region" placeholder="请选择人员">
-            <el-option label="某某人1" value="shanghai" />
-            <el-option label="某某人2" value="beijing" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="close">取消</el-button>
-        <el-button type="primary" @click="close"> 确定 </el-button>
-      </span>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang='ts'>
-import { reactive, ref, watch } from "vue";
-const props = defineProps({
-  visible: Boolean,
-});
-const dialogVisible = ref(false);
-const emit = defineEmits(["close"]);
-const close = () => {
-  emit("close");
-};
-
-const dialogTableVisible = ref(false);
-const dialogFormVisible = ref(false);
-const formLabelWidth = "140px";
-
-const form = reactive({
-  con: "",
-});
-
-const gridData = [
-  {
-    date: "2016-05-02",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-04",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-01",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-03",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-];
-
-watch(
-  () => props.visible,
-  (val) => {
-    dialogVisible.value = val;
-  }
-);
-</script>
-
-<style lang="scss" scoped>
-.el-button--text {
-  margin-right: 15px;
-}
-log-footer button:first-child {
-  margin-right: 10px;
-}
-
-.dialog-footer button {
-  margin-bottom: 20px;
-}
-.dia log {
-  z-index: 9;
-  position: fixed;
-}
-
-.dialog_body {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 50px;
-  margin-top: 50px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/home-page/left-side/index.vue b/src/views/home-page/left-side/index.vue
index 9087e81..b70797d 100644
--- a/src/views/home-page/left-side/index.vue
+++ b/src/views/home-page/left-side/index.vue
@@ -4,13 +4,15 @@
     <Weather></Weather>
     <!-- 基本信息统计 -->
     <BasicInformation></BasicInformation>
+    <!-- 工作开展情况 -->
+    <WorkSituation></WorkSituation>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, onMounted, ref, watchEffect } from "vue";
 export default defineComponent({
-  components: { Weather, BasicInformation },
+  components: { Weather, BasicInformation, WorkSituation },
   name: "LeftSide",
 });
 </script>
@@ -18,6 +20,7 @@ export default defineComponent({
 <script lang='ts' setup>
 import BasicInformation from "./components/basicInformation.vue";
 import Weather from "./components/weather.vue";
+import WorkSituation from "./components/workSituation.vue";
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/home-page/right-side/components/command.vue b/src/views/home-page/right-side/components/command.vue
new file mode 100644
index 0000000..5892e1d
--- /dev/null
+++ b/src/views/home-page/right-side/components/command.vue
@@ -0,0 +1,188 @@
+<!-- 应急指挥 -->
+<template>
+  <div class="side-bg">
+    <TitleC title="应急指挥"></TitleC>
+    <TitleD width="100">
+      <div
+        class="module_top_title"
+        v-for="(item, index) in label"
+        :key="index"
+        @click="clickMenuOption(item.id)"
+        :class="
+          item.check == true
+            ? 'module_menu_selected'
+            : 'module_menu_notSelected'
+        "
+      >
+        {{ item.title }}
+      </div>
+    </TitleD>
+    <div class="command_data conBox">
+      <div class="command_search">
+        <div>
+          <el-input
+            size="small"
+            v-model="commandSearch"
+            placeholder="请输入..."
+            clearable
+          />
+        </div>
+        <span>搜索</span>
+      </div>
+      <el-table :data="tableData" height="150" style="width: 100%">
+        <el-table-column type="index" label="序号" align="center" width="60" />
+        <el-table-column
+          prop="address"
+          label="所属镇/村(社区)"
+          align="center"
+        />
+        <el-table-column
+          prop="numberOfPeople"
+          label="应急队伍人数"
+          align="center"
+          width="110"
+        />
+        <el-table-column
+          prop="contacts"
+          label="联系人"
+          align="center"
+          width="70"
+        />
+        <el-table-column
+          prop="phone"
+          label="值班电话"
+          align="center"
+          width="110"
+        />
+        <el-table-column label="操作" align="center" width="60">
+          <template #default="scope">
+            <span @click="clickDetails">
+              <span class="pointer details">详情</span>
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, ref, watchEffect } from "vue";
+export default defineComponent({
+  name: "WorkSituation",
+});
+</script>
+<script setup lang='ts'>
+const label = ref([
+  { title: "应急队伍", check: true, id: 0 },
+  { title: "应急物资", check: false, id: 1 },
+  { title: "应急体系", check: false, id: 2 },
+  { title: "应急发布", check: false, id: 3 },
+  { title: "应急事件", check: false, id: 4 },
+]);
+const clickMenuOption = (id: any) => {
+  label.value.forEach((item) => {
+    item.check = false;
+  });
+  label.value[id].check = true;
+};
+const tableData = [
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+  {
+    address: "某某某某某某某名称",
+    numberOfPeople: 20,
+    contacts: "某某某",
+    phone: "18094760684",
+  },
+];
+const commandSearch = ref("");
+const clickDetails = () => {};
+</script>
+
+<style lang="scss" scoped>
+.time {
+  font-size: 12px;
+  font-family: Source Han Sans SC, Source Han Sans SC;
+  font-weight: 400;
+  color: #159aff;
+}
+// ::v-deep .el-table .cell {
+//   -webkit-line-clamp: 2;
+// }
+.command_data {
+  height: 195px;
+  background-color: rgba(0, 61, 123, 0) !important;
+}
+.command_search {
+  display: flex;
+  align-items: center;
+  background-color: rgba(0, 61, 123, 0.353) !important;
+  padding: 10px 0px;
+  > div {
+    width: 258px;
+    background-color: rgba(0, 0, 0, 0.2);
+    margin-left: 25px;
+  }
+  > span {
+    width: 64px;
+    height: 25px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 3px 3px 3px 3px;
+    opacity: 1;
+    border: 1px solid #66e1df;
+    cursor: pointer;
+    font-size: 12px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 500;
+    color: #66e1df;
+    text-align: center;
+    box-sizing: border-box;
+    line-height: 23px;
+    margin-left: 2px;
+  }
+}
+::v-deep .el-input--small .el-input__wrapper {
+  box-shadow: none;
+  border: 1px solid rgba(108, 128, 151, 1) !important;
+}
+</style>
+<style>
+.command_tip {
+  max-width: 200px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/components/goods-materials.vue b/src/views/home-page/right-side/components/goods-materials.vue
deleted file mode 100644
index 012a496..0000000
--- a/src/views/home-page/right-side/components/goods-materials.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-<!-- 应急物资 -->
-<template>
-  <div class="side-bg">
-    <div><TitleC title="应急物资"></TitleC></div>
-
-    <div class="manage_body">
-      <div class="input_div">
-        <span> 关键词 </span>
-        <el-input
-          class="custom-input inputDeep"
-          v-model="search"
-          placeholder="请输入关键词"
-        >
-        </el-input>
-      </div>
-
-      <div class="manage_table">
-        <el-table
-          :data="tableData"
-          max-height="32vh"
-          style="width: 100%"
-          show-overflow-tooltip
-        >
-          <el-table-column prop="date" label="物资名" align="center" />
-          <el-table-column prop="date" label="物资类型" align="center" />
-          <el-table-column prop="house" label="存放仓库" align="center" />
-          <el-table-column
-            prop="name"
-            label="负责人"
-            align="center"
-            width="80"
-          />
-          <el-table-column
-            prop="address"
-            label="查看"
-            align="center"
-            width="80"
-          >
-            <template #default="scope">
-              <span @click="visible = true">
-                <span class="pointer details">详情</span>
-              </span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          background
-          small
-          v-model:currentPage="currentPage"
-          v-model:page-size="pageSize"
-          layout="total, prev, pager, next"
-          :total="total"
-        />
-      </div>
-    </div>
-    <Detail :visible="visible" @click="visible = false" />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, watchEffect } from "vue";
-export default defineComponent({
-  name: "goods-materials",
-});
-</script>
-
-<script lang='ts' setup>
-import Detail from "../dialog/material.vue";
-const visible = ref(false);
-
-const tableData = [
-  {
-    date: "应急物资",
-    name: "某某人",
-    house: "xxx仓库",
-    address: "999999999999999999",
-  },
-  {
-    date: "应急物资",
-    name: "某某人",
-    house: "xxx仓库",
-    address: "11111111111",
-  },
-  {
-    date: "应急物资",
-    name: "某某人",
-    house: "xxx仓库",
-    address: "11111111111",
-  },
-  {
-    date: "应急物资",
-    name: "某某人",
-    house: "xxx仓库",
-    address: "11111111111",
-  },
-  {
-    date: "应急物资",
-    name: "某某人",
-    house: "xxx仓库",
-    address: "11111111111",
-  },
-];
-
-const currentPage = ref(1);
-const pageSize = ref(5);
-const total = ref(10);
-const search = ref("");
-</script>
-
-<style lang="scss" scoped>
-.side-bg {
-  height: 36%;
-}
-.manage_body {
-  padding: 10px;
-}
-.manage_body_top_icon {
-  width: 50px;
-  height: 50px;
-  margin-top: 4px;
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > img {
-    width: 25px;
-    height: 25px;
-  }
-}
-.manage_body_top_icon_left {
-  background-image: url("@/assets/images/emergency-map/left/cm_left_bg_1.png");
-}
-.manage_body_top_icon_right {
-  background-image: url("@/assets/images/emergency-map/left/cm_right_bg_1.png");
-}
-
-.demo-pagination-block + .demo-pagination-block {
-  margin-top: 10px;
-}
-.demo-pagination-block .demonstration {
-  margin-bottom: 16px;
-}
-.el-pagination {
-  margin-top: 10px;
-}
-
-::v-deep .el-input__inner {
-  border-radius: 0% !important;
-  border: 1px solid #2fdbff;
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::selection {
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::placeholder {
-  color: #2fdbff !important;
-}
-.manage_table {
-  margin-top: 10px;
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-</style>
diff --git a/src/views/home-page/right-side/components/portrait.vue b/src/views/home-page/right-side/components/portrait.vue
new file mode 100644
index 0000000..24c486e
--- /dev/null
+++ b/src/views/home-page/right-side/components/portrait.vue
@@ -0,0 +1,134 @@
+<!-- 工作考核 -->
+<template>
+  <div class="side-bg">
+    <TitleC title="工作考核"></TitleC>
+    <TitleD width="100">
+      <div
+        class="module_top_title"
+        v-for="(item, index) in label"
+        :key="index"
+        @click="clickMenuOption(item.id)"
+        :class="
+          item.check == true
+            ? 'module_menu_selected'
+            : 'module_menu_notSelected'
+        "
+      >
+        {{ item.title }}
+      </div>
+    </TitleD>
+    <div class="portrait_con conBox">
+      <div
+        class="portrait_con_options"
+        v-for="(item, index) in portraitList"
+        :key="index"
+      >
+        <div>
+          <div>
+            <span>{{ index + 1 }}</span>
+            <span>{{ item.label }}</span>
+          </div>
+          <div>{{ item.value }}/50</div>
+        </div>
+        <div><el-slider disabled v-model="item.value" max="50" /></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, ref, watchEffect } from "vue";
+export default defineComponent({
+  name: "WorkSituation",
+});
+</script>
+<script setup lang='ts'>
+const label = ref([
+  { title: "各干部", check: true, id: 0 },
+  { title: "村(社区)", check: false, id: 1 },
+]);
+const clickMenuOption = (id: any) => {
+  label.value.forEach((item) => {
+    item.check = false;
+  });
+  label.value[id].check = true;
+};
+const portraitList = ref([
+  { label: "某某人-职位", value: 48 },
+  { label: "某某人-职位", value: 40 },
+  { label: "某某人-职位", value: 38 },
+  { label: "某某人-职位", value: 18 },
+  { label: "某某人-职位", value: 48 },
+]);
+</script>
+
+<style lang="scss" scoped>
+.portrait_con {
+  width: 100%;
+  height: 214px;
+  padding: 10px 21px;
+  overflow-y: scroll;
+}
+.portrait_con::-webkit-scrollbar {
+  display: none;
+}
+.portrait_con_options {
+  margin-top: 2px;
+  > div:nth-child(1) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    > div:nth-child(1) {
+      > span:nth-child(1) {
+        display: inline-block;
+        width: 24px;
+        height: 16px;
+        border: 1px solid #ff7734;
+        line-height: 14px;
+        text-align: center;
+        background-color: rgba(255, 119, 52, 0.3);
+        font-size: 12px;
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 400;
+        color: #ff7734;
+      }
+      > span:nth-child(2) {
+        font-size: 14px;
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 400;
+        color: #ffffff;
+        margin-left: 9px;
+      }
+    }
+    > div:nth-child(2) {
+      font-size: 14px;
+      font-family: Furore, Furore;
+      font-weight: normal;
+      color: #ffffff;
+    }
+  }
+  > div:nth-child(2) {
+    margin-top: -5px;
+  }
+}
+::v-deep .el-slider__bar {
+  background: linear-gradient(270deg, #00c7e6 0%, #0088ff 100%);
+  height: 6px;
+  margin: 2px 0px;
+  border-radius: 0%;
+}
+::v-deep .el-slider__button {
+  margin-top: 4px;
+  border-radius: 3px;
+  width: 2px;
+  height: 10px;
+  border: 0px;
+  background-color: rgba(255, 255, 255, 1);
+}
+
+::v-deep .el-slider__runway {
+  border-radius: 0%;
+  height: 10px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/components/ranks.vue b/src/views/home-page/right-side/components/ranks.vue
deleted file mode 100644
index 3ba4e8c..0000000
--- a/src/views/home-page/right-side/components/ranks.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<!-- 应急队伍 -->
-<template>
-  <div class="side-bg">
-    <div><TitleC title="应急队伍"></TitleC></div>
-
-    <div class="manage_body">
-      <div class="input_div">
-        <span> 关键词 </span>
-        <el-input
-          class="custom-input inputDeep"
-          v-model="search"
-          placeholder="请输入关键词"
-        >
-        </el-input>
-      </div>
-
-      <div class="manage_table">
-        <el-table
-          :data="tableData"
-          max-height="32vh"
-          style="width: 100%"
-          show-overflow-tooltip
-        >
-          <el-table-column prop="date" label="救援队伍" align="center" />
-          <el-table-column
-            prop="name"
-            label="负责人"
-            align="center"
-            width="80"
-          />
-          <el-table-column
-            prop="num"
-            label="队伍人数"
-            align="center"
-            width="130"
-          />
-          <el-table-column
-            prop="address"
-            label="查看"
-            align="center"
-            width="80"
-          >
-            <template #default="scope">
-              <span @click="visible = true">
-                <span class="pointer details">详情</span>
-              </span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          background
-          small
-          v-model:currentPage="currentPage"
-          v-model:page-size="pageSize"
-          layout="total, prev, pager, next"
-          :total="total"
-        />
-      </div>
-    </div>
-    <Detail :visible="visible" @click="visible = false" />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, watchEffect } from "vue";
-export default defineComponent({
-  name: "ranks",
-});
-</script>
-
-<script lang='ts' setup>
-import Detail from "../dialog/team.vue";
-const visible = ref(false);
-
-const tableData = [
-  {
-    date: "应急队伍",
-    name: "某某人",
-    num: 10,
-    address: "99999999999",
-  },
-  {
-    date: "应急队伍",
-    name: "某某人",
-    num: 10,
-    address: "11111111111",
-  },
-  {
-    date: "应急队伍",
-    name: "某某人",
-    num: 10,
-    address: "11111111111",
-  },
-  {
-    date: "应急队伍",
-    name: "某某人",
-    num: 10,
-    address: "11111111111",
-  },
-  {
-    date: "应急队伍",
-    name: "某某人",
-    num: 10,
-    address: "11111111111",
-  },
-];
-
-const currentPage = ref(1);
-const pageSize = ref(5);
-const total = ref(10);
-const search = ref("");
-</script>
-
-<style lang="scss" scoped>
-.side-bg {
-  height: 36%;
-}
-.manage_body {
-  padding: 10px;
-}
-.manage_body_top_icon {
-  width: 50px;
-  height: 50px;
-  margin-top: 4px;
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > img {
-    width: 25px;
-    height: 25px;
-  }
-}
-.manage_body_top_icon_left {
-  background-image: url("@/assets/images/emergency-map/left/cm_left_bg_1.png");
-}
-.manage_body_top_icon_right {
-  background-image: url("@/assets/images/emergency-map/left/cm_right_bg_1.png");
-}
-
-.demo-pagination-block + .demo-pagination-block {
-  margin-top: 10px;
-}
-.demo-pagination-block .demonstration {
-  margin-bottom: 16px;
-}
-.el-pagination {
-  margin-top: 10px;
-}
-
-::v-deep .el-input__inner {
-  border-radius: 0% !important;
-  border: 1px solid #2fdbff;
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::selection {
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::placeholder {
-  color: #2fdbff !important;
-}
-.manage_table {
-  margin-top: 10px;
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    border: 1px solid rgba(0, 0, 255, 0) !important;
-
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-</style>
diff --git a/src/views/home-page/right-side/components/release.vue b/src/views/home-page/right-side/components/release.vue
deleted file mode 100644
index 91533fb..0000000
--- a/src/views/home-page/right-side/components/release.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<!-- 应急发布 -->
-<template>
-  <div class="side-bg">
-    <div><TitleC title="应急发布"></TitleC></div>
-
-    <div class="release_body">
-      <div class="release_table">
-        <el-table
-          :data="tableData"
-          max-height="32vh"
-          style="width: 100%"
-          show-overflow-tooltip
-        >
-          <el-table-column prop="name" label="事件名" align="center" />
-          <el-table-column prop="status" label="状态" align="center" />
-          <el-table-column prop="address" label="发生地" align="center" />
-          <el-table-column
-            prop="address"
-            label="操作"
-            align="center"
-            width="100"
-          >
-            <template #default="scope">
-              <span @click="visible = true">
-                <span class="pointer details">应急发布</span>
-              </span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          background
-          small
-          v-model:currentPage="currentPage"
-          v-model:page-size="pageSize"
-          layout="total, prev, pager, next"
-          :total="total"
-        />
-      </div>
-    </div>
-    <Detail :visible="visible" @close="visible = false"></Detail>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, watchEffect } from "vue";
-export default defineComponent({
-  name: "release",
-});
-</script>
-
-<script lang='ts' setup>
-import Detail from "../dialog/events.vue";
-const visible = ref(false);
-
-const tableData = [
-  {
-    name: "事件",
-    status: "已处理",
-    address: "99999999999",
-  },
-  {
-    name: "事件",
-    status: "已处理",
-    address: "11111111111",
-  },
-  {
-    name: "事件",
-    status: "已处理",
-    address: "11111111111",
-  },
-  {
-    name: "事件",
-    status: "已处理",
-    address: "11111111111",
-  },
-  {
-    name: "事件",
-    status: "已处理",
-    address: "11111111111",
-  },
-];
-
-const currentPage = ref(1);
-const pageSize = ref(5);
-const total = ref(10);
-const search = ref("");
-</script>
-
-<style lang="scss" scoped>
-.side-bg {
-  height: 36%;
-  position: relative;
-}
-.release_body {
-  padding: 10px;
-}
-.release_body_top_icon {
-  width: 50px;
-  height: 50px;
-  margin-top: 4px;
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > img {
-    width: 25px;
-    height: 25px;
-  }
-}
-.release_body_top_icon_left {
-  background-image: url("@/assets/images/emergency-map/left/cm_left_bg_1.png");
-}
-.release_body_top_icon_right {
-  background-image: url("@/assets/images/emergency-map/left/cm_right_bg_1.png");
-}
-
-.demo-pagination-block + .demo-pagination-block {
-  margin-top: 10px;
-}
-.demo-pagination-block .demonstration {
-  margin-bottom: 16px;
-}
-.el-pagination {
-  margin-top: 10px;
-}
-
-::v-deep .el-input__inner {
-  border-radius: 0% !important;
-  border: 1px solid #2fdbff;
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::selection {
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::placeholder {
-  color: #2fdbff !important;
-}
-.release_table {
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    border: 1px solid rgba(0, 0, 255, 0) !important;
-
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-.release_buttom {
-  cursor: pointer;
-  color: red;
-  font-weight: bold;
-  font-size: 20px;
-  border: 1px solid red;
-  width: 60px;
-  text-align: center;
-  position: absolute;
-  top: 10px;
-  right: 30px;
-}
-</style>
diff --git a/src/views/home-page/right-side/components/riskPool.vue b/src/views/home-page/right-side/components/riskPool.vue
new file mode 100644
index 0000000..79fc78c
--- /dev/null
+++ b/src/views/home-page/right-side/components/riskPool.vue
@@ -0,0 +1,121 @@
+<!-- 风险池 -->
+<template>
+  <div class="side-bg">
+    <TitleC title="风险池"></TitleC>
+    <TitleD width="100">
+      <div
+        class="module_top_title"
+        v-for="(item, index) in label"
+        :key="index"
+        @click="clickMenuOption(item.id)"
+        :class="
+          item.check == true
+            ? 'module_menu_selected'
+            : 'module_menu_notSelected'
+        "
+      >
+        {{ item.title }}
+      </div>
+    </TitleD>
+    <el-table :data="tableData" height="180" style="width: 100%">
+      <el-table-column type="index" label="序号" align="center" width="60" />
+      <el-table-column prop="type" label="预警类型" align="center" width="80" />
+      <el-table-column prop="info" label="预警信息" align="center">
+        <template #default="scope">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="scope.row.info"
+            placement="top-start"
+            popper-class="riskPool_tip"
+          >
+            <span>{{ scope.row.info }}</span>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column prop="time" label="预警时间" align="center" width="140">
+        <template #default="scope">
+          <span class="time">{{ scope.row.time }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="recipient"
+        label="接收人"
+        align="center"
+        width="70"
+      >
+        <template #default="scope">
+          <span class="time">{{ scope.row.recipient }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="60">
+        <template #default="scope">
+          <span @click="clickDetails">
+            <span class="pointer details">详情</span>
+          </span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, ref, watchEffect } from "vue";
+export default defineComponent({
+  name: "WorkSituation",
+});
+</script>
+<script setup lang='ts'>
+const label = ref([
+  { title: "防火", check: true, id: 0 },
+  { title: "防汛", check: false, id: 1 },
+  { title: "治安", check: false, id: 2 },
+]);
+const clickMenuOption = (id: any) => {
+  label.value.forEach((item) => {
+    item.check = false;
+  });
+  label.value[id].check = true;
+};
+const tableData = [
+  {
+    type: "防火",
+    info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
+    time: "2024/1/22 12:20:13",
+    recipient: "某某某",
+  },
+  {
+    type: "防火",
+    info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
+    time: "2024/1/22 12:20:13",
+    recipient: "某某某",
+  },
+  {
+    type: "防火",
+    info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
+    time: "2024/1/22 12:20:13",
+    recipient: "某某某",
+  },
+  {
+    type: "防火",
+    info: "xxxx气象台发布暴雨黄色预警信号：xx区xx街道、xx街道、xx镇未来连续三天降雨量将达到150ml以上，请注意防范。",
+    time: "2024/1/22 12:20:13",
+    recipient: "某某某",
+  },
+];
+const clickDetails = () => {};
+</script>
+
+<style lang="scss" scoped>
+.time {
+  font-size: 12px;
+  font-family: Source Han Sans SC, Source Han Sans SC;
+  font-weight: 400;
+  color: #159aff;
+}
+</style>
+<style>
+.riskPool_tip {
+  max-width: 200px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/components/system.vue b/src/views/home-page/right-side/components/system.vue
deleted file mode 100644
index b0bbe92..0000000
--- a/src/views/home-page/right-side/components/system.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<!-- 应急体系 -->
-<template>
-  <div class="side-bg">
-    <div><TitleC title="应急体系"></TitleC></div>
-
-    <div class="manage_body">
-      <div class="input_div">
-        <span> 关键词 </span>
-        <el-input
-          class="custom-input inputDeep"
-          v-model="search"
-          placeholder="请输入关键词"
-        >
-        </el-input>
-      </div>
-
-      <div class="manage_table">
-        <el-table
-          :data="tableData"
-          max-height="32vh"
-          style="width: 100%"
-          show-overflow-tooltip
-        >
-          <el-table-column prop="date" label="预案名称" align="center" />
-          <el-table-column
-            prop="address"
-            label="查看"
-            align="center"
-            width="80"
-          >
-            <template #default="scope">
-              <span @click="toDetail">
-                <span class="pointer details">详情</span>
-              </span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          background
-          small
-          v-model:currentPage="currentPage"
-          v-model:page-size="pageSize"
-          layout="total, prev, pager, next"
-          :total="total"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, watchEffect } from "vue";
-export default defineComponent({
-  name: "system",
-});
-</script>
-
-<script lang='ts' setup>
-const tableData = [
-  {
-    date: "预案名",
-    name: "某某人",
-    address: "99999999999",
-  },
-  {
-    date: "预案名",
-    name: "某某人",
-    address: "11111111111",
-  },
-  {
-    date: "预案名",
-    name: "某某人",
-    address: "11111111111",
-  },
-  {
-    date: "预案名",
-    name: "某某人",
-    address: "11111111111",
-  },
-  {
-    date: "预案名",
-    name: "某某人",
-    address: "11111111111",
-  },
-];
-
-const currentPage = ref(1);
-const pageSize = ref(5);
-const total = ref(10);
-const search = ref("");
-
-const toDetail = () => {
-  window.open(
-    "http://42.193.40.239:8888/resource/hy/%E6%B6%88%E9%98%B2%E5%BA%94%E6%80%A5%E9%A2%84%E6%A1%88.pdf"
-  );
-};
-</script>
-
-<style lang="scss" scoped>
-.side-bg {
-  height: 36%;
-}
-.manage_body {
-  padding: 10px;
-}
-.manage_body_top_icon {
-  width: 50px;
-  height: 50px;
-  margin-top: 4px;
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > img {
-    width: 25px;
-    height: 25px;
-  }
-}
-.manage_body_top_icon_left {
-  background-image: url("@/assets/images/emergency-map/left/cm_left_bg_1.png");
-}
-.manage_body_top_icon_right {
-  background-image: url("@/assets/images/emergency-map/left/cm_right_bg_1.png");
-}
-
-.demo-pagination-block + .demo-pagination-block {
-  margin-top: 10px;
-}
-.demo-pagination-block .demonstration {
-  margin-bottom: 16px;
-}
-.el-pagination {
-  margin-top: 10px;
-}
-
-::v-deep .el-input__inner {
-  border-radius: 0% !important;
-  border: 1px solid #2fdbff;
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::selection {
-  color: #2fdbff !important;
-}
-
-::v-deep .el-input__inner::placeholder {
-  color: #2fdbff !important;
-}
-.manage_table {
-  margin-top: 10px;
-}
-.inputDeep {
-  :deep(.el-input__wrapper) {
-    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color))
-      inset;
-    cursor: default;
-    .el-input__inner {
-      cursor: default !important;
-    }
-  }
-}
-.input_div {
-  width: 300px;
-  height: 30px;
-  display: flex;
-  align-content: center;
-  > span {
-    line-height: 30px;
-    padding: 0px 10px;
-    border: 1px solid #2fdbff;
-    color: #fff;
-    font-size: 15px;
-  }
-  > .el-input {
-    width: 60%;
-    margin-left: -13px;
-  }
-}
-</style>
diff --git a/src/views/home-page/right-side/dialog/events.vue b/src/views/home-page/right-side/dialog/events.vue
deleted file mode 100644
index 9e40bfb..0000000
--- a/src/views/home-page/right-side/dialog/events.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<!--  -->
-<template>
-  <el-dialog
-    class="dialog"
-    width="40%"
-    v-model="dialogVisible"
-    title="应急发布"
-    center
-    :show-close="false"
-    @close="emit('close')"
-  >
-    <div class="dialog_body">
-      <el-form label-width="150px" :model="form" class="center-form">
-        <el-form-item label="事件内容" style="width: 94%">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="发生地点" style="width: 94%">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="责任人" style="width: 94%">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="解决建议" style="width: 94%">
-          <el-input v-model="form.name" />
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="close">取消</el-button>
-        <el-button type="primary" @click="close"> 确定 </el-button>
-      </span>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang='ts'>
-import { reactive, ref, watch } from "vue";
-const props = defineProps({
-  visible: Boolean,
-});
-const dialogVisible = ref(false);
-const emit = defineEmits(["close"]);
-const close = () => {
-  emit("close");
-};
-
-const dialogTableVisible = ref(false);
-const dialogFormVisible = ref(false);
-const formLabelWidth = "140px";
-
-const form = reactive({
-  con: "",
-});
-
-const gridData = [
-  {
-    date: "2016-05-02",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-04",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-01",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-03",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-];
-
-const tableData = [{ name: "张三" }];
-
-watch(
-  () => props.visible,
-  (val) => {
-    dialogVisible.value = val;
-  }
-);
-</script>
-
-<style lang="scss" scoped>
-.title-t {
-  font-size: 20px;
-  color: white;
-  margin-left: 10px;
-}
-
-.el-button--text {
-  margin-right: 15px;
-}
-log-footer button:first-child {
-  margin-right: 10px;
-}
-
-.dialog-footer button {
-  margin-bottom: 20px;
-}
-.dia log {
-  z-index: 9;
-  position: fixed;
-}
-
-.dialog_body {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 50px;
-  margin-top: 50px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/dialog/material.vue b/src/views/home-page/right-side/dialog/material.vue
deleted file mode 100644
index 3c61d65..0000000
--- a/src/views/home-page/right-side/dialog/material.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<!--  -->
-<template>
-  <el-dialog
-    class="dialog"
-    width="40%"
-    v-model="dialogVisible"
-    :title="'物资详情'"
-    center
-    :show-close="false"
-    @close="emit('close')"
-  >
-    <div class="dialog_body">
-      <el-form label-width="150px" :model="form" class="center-form">
-        <el-form-item label="物资名称">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="存放仓库">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="物资类型">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="负责人">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="详细地址">
-          <el-input v-model="form.name" />
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="close">取消</el-button>
-        <el-button type="primary" @click="close"> 确定 </el-button>
-      </span>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang='ts'>
-import { reactive, ref, watch } from "vue";
-const props = defineProps({
-  visible: Boolean,
-});
-const dialogVisible = ref(false);
-const emit = defineEmits(["close"]);
-const close = () => {
-  emit("close");
-};
-
-const dialogTableVisible = ref(false);
-const dialogFormVisible = ref(false);
-const formLabelWidth = "140px";
-
-const form = reactive({
-  con: "",
-});
-
-const gridData = [
-  {
-    date: "2016-05-02",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-04",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-01",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-03",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-];
-
-const tableData = [{ name: "张三" }];
-
-watch(
-  () => props.visible,
-  (val) => {
-    dialogVisible.value = val;
-  }
-);
-</script>
-
-<style lang="scss" scoped>
-.title-t {
-  font-size: 20px;
-  color: white;
-  margin-left: 10px;
-}
-
-.el-button--text {
-  margin-right: 15px;
-}
-log-footer button:first-child {
-  margin-right: 10px;
-}
-
-.dialog-footer button {
-  margin-bottom: 20px;
-}
-.dia log {
-  z-index: 9;
-  position: fixed;
-}
-
-.dialog_body {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 50px;
-  margin-top: 50px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/dialog/team.vue b/src/views/home-page/right-side/dialog/team.vue
deleted file mode 100644
index 129a8e2..0000000
--- a/src/views/home-page/right-side/dialog/team.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<!--  -->
-<template>
-  <el-dialog
-    class="dialog"
-    width="40%"
-    v-model="dialogVisible"
-    :title="'队伍详情'"
-    center
-    :show-close="false"
-    @close="emit('close')"
-  >
-    <div class="dialog_body">
-      <el-form label-width="150px" :model="form" class="center-form">
-        <el-form-item label="队伍名称">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="所属地区">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="人数">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="负责人">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="form.name" />
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="form.name" />
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <span class="title-t">队伍成员</span>
-    <el-table
-      :data="tableData"
-      max-height="32vh"
-      style="width: 100%; margin: 10px 0"
-      show-overflow-tooltip
-    >
-      <el-table-column prop="name" label="姓名" align="center" />
-      <el-table-column prop="sex" label="性别" align="center" />
-      <el-table-column prop="mz" label="民族" align="center" width="80" />
-      <el-table-column prop="age" label="年龄" align="center" />
-      <el-table-column prop="mm" label="政治面貌" align="center" />
-    </el-table>
-    <el-pagination
-      background
-      small
-      v-model:currentPage="currentPage"
-      v-model:page-size="pageSize"
-      layout="total, prev, pager, next"
-      :total="total"
-    />
-
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="close">取消</el-button>
-        <el-button type="primary" @click="close"> 确定 </el-button>
-      </span>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang='ts'>
-import { reactive, ref, watch } from "vue";
-const props = defineProps({
-  visible: Boolean,
-});
-const dialogVisible = ref(false);
-const emit = defineEmits(["close"]);
-const close = () => {
-  emit("close");
-};
-
-const dialogTableVisible = ref(false);
-const dialogFormVisible = ref(false);
-const formLabelWidth = "140px";
-
-const form = reactive({
-  con: "",
-});
-
-const gridData = [
-  {
-    date: "2016-05-02",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-04",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-01",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-  {
-    date: "2016-05-03",
-    name: "John Smith",
-    address: "No.1518,  Jinshajiang Road, Putuo District",
-  },
-];
-
-const tableData = [{ name: "张三" }];
-
-watch(
-  () => props.visible,
-  (val) => {
-    dialogVisible.value = val;
-  }
-);
-</script>
-
-<style lang="scss" scoped>
-.title-t {
-  font-size: 20px;
-  color: white;
-  margin-left: 10px;
-}
-
-.el-button--text {
-  margin-right: 15px;
-}
-log-footer button:first-child {
-  margin-right: 10px;
-}
-
-.dialog-footer button {
-  margin-bottom: 20px;
-}
-.dia log {
-  z-index: 9;
-  position: fixed;
-}
-
-.dialog_body {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 50px;
-  margin-top: 50px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/home-page/right-side/index.vue b/src/views/home-page/right-side/index.vue
index 08dce26..5a9fb99 100644
--- a/src/views/home-page/right-side/index.vue
+++ b/src/views/home-page/right-side/index.vue
@@ -1,26 +1,23 @@
 <template>
   <div class="right-side">
-    <!-- 应急队伍 -->
-    <Ranks></Ranks>
-    <!-- 应急物资 -->
-    <GoodsMaterials></GoodsMaterials>
-    <!-- 应急体系 -->
-    <System></System>
-    <!-- 应急发布 -->
-    <Release></Release>
+    <!-- 工作考核 -->
+    <Portrait></Portrait>
+    <!-- 风险池 -->
+    <RiskPool></RiskPool>
+    <!-- 应急指挥 -->
+    <Command></Command>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, onMounted, ref, watchEffect } from "vue";
 export default defineComponent({
-  components: { Ranks, GoodsMaterials, System, Release },
+  components: { Portrait, RiskPool, Command },
   name: "RightSide",
 });
-import Ranks from "./components/ranks.vue";
-import GoodsMaterials from "./components/goods-materials.vue";
-import System from "./components/system.vue";
-import Release from "./components/release.vue";
+import Portrait from "./components/portrait.vue";
+import RiskPool from "./components/riskPool.vue";
+import Command from "./components/command.vue";
 </script>
 
 <script lang='ts' setup>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 4012eed..3cc21ef 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -11,7 +11,7 @@
       <component :is="rightComponent" />
     </transition>
     <!-- 底部菜单 -->
-    <BottomMenu></BottomMenu>
+    <!-- <BottomMenu></BottomMenu> -->
     <!-- 顶部菜单 -->
     <transition name="fade" mode="out-in">
       <component :is="topComponent" />
@@ -30,7 +30,7 @@ import DataLeftSide from "../data-statistics/left-side/index.vue";
 import HomeRightSide from "../home-page/right-side/index.vue";
 import HomeLeftSide from "../home-page/left-side/index.vue";
 // 底部菜单
-import BottomMenu from "../bottom-menu/index.vue";
+// import BottomMenu from "../bottom-menu/index.vue";
 // 顶部菜单
 import TopMenu from "../top-menu/index.vue";
 
diff --git a/src/views/top-menu/index.vue b/src/views/top-menu/index.vue
index f66d805..b86dd08 100644
--- a/src/views/top-menu/index.vue
+++ b/src/views/top-menu/index.vue
@@ -1,39 +1,59 @@
 <template>
   <div class="top-menu">
-    <!-- <div class="item" v-for="(item, index) in menu" :key="index">
-      <div class="item-ext" v-if="item.ext">
-        <div class="item-in">
-          <span class="lab">{{ item.name }}</span>
-          <span class="val">{{ item.val }}</span>
-        </div>
-        <div class="item-in">
-          <span class="lab">{{ item.ext.name }}</span>
-          <span class="legend"></span>
-        </div>
+    <div class="time">
+      <div>{{ datetime }}</div>
+      <div>
+        <span>{{ specificDate }}</span>
+        <span>{{ nowWeek }}</span>
       </div>
-      <div class="item-normal" v-else>
-        <span class="val">{{ item.val }}</span>
-        <span class="lab">{{ item.name }}</span>
-      </div>
-    </div> -->
+    </div>
+    <div class="weather">
+      <img src="@/assets/images/home-page/left/lightRain.png" alt="" />
+      <span>雨 15℃</span>
+    </div>
   </div>
 </template>
 
 <script setup lang='ts'>
 import { onMounted, ref } from "vue";
-
-const menu = ref([
-  {
-    name: "天府新区街道总数：",
-    val: 13,
-    color: "#FF5B36",
-    ext: { name: "总体风险等级：", val: 0 },
-  },
-  { name: "天府新区社区总数", val: 13, color: "#FF5B36" },
-  { name: "监管企业总数", val: 7334, color: "#FF9131" },
-]);
-
-onMounted(() => {});
+//时间
+const datetime = ref("");
+//日期
+const specificDate = ref("");
+//星期
+const nowWeek = ref("");
+//获取时间：时分秒
+const getData = () => {
+  let date = new Date();
+  // 获取时间：时分秒
+  const hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
+  const minute =
+    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
+  const secound =
+    date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+  datetime.value = hour + ":" + minute + ":" + secound;
+  // 获取日期：年月日
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  specificDate.value = year + "-" + month + "-" + day;
+  // 获取星期几
+  const weeks = new Array(
+    "星期日",
+    "星期一",
+    "星期二",
+    "星期三",
+    "星期四",
+    "星期五",
+    "星期六"
+  );
+  nowWeek.value = weeks[new Date().getDay()];
+};
+onMounted(() => {
+  setInterval(() => {
+    getData();
+  }, 1000);
+});
 </script>
 
 <style lang="scss" scoped>
@@ -45,63 +65,41 @@ onMounted(() => {});
   margin: 0 1%;
   display: flex;
   flex-direction: row;
-  justify-content: center;
-
-  .item {
-    font-size: 18px;
-    color: #acc0d8;
-    padding: 10px 20px;
-    min-width: 223px;
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    cursor: pointer;
-    background-image: url("@/assets/images/menu/menu-top-bg.png");
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    margin: 2%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .val {
-      font-size: 20px;
-      font-family: YouSheBiaoTiHei;
-      color: #ff9131;
-    }
-
-    .lab {
-      font-size: 14px;
-      color: #acc0d8;
-    }
-
-    .item-normal {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-
-    .item-ext {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-
-      .item-in {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-
-        .legend {
-          width: 15px;
-          height: 15px;
-          background: #2281e3;
-          border-radius: 1px;
-        }
-      }
-
-      .item-in span:last-child {
-        margin-left: 10px;
-      }
+  justify-content: end;
+  color: #ffffff;
+}
+.time {
+  font-size: 12px;
+  font-family: Source Han Sans CN, Source Han Sans CN;
+  font-weight: 400;
+  color: #ffffff;
+  > div:nth-child(1) {
+    text-align: right;
+  }
+  > div:nth-child(2) {
+    > span:nth-child(2) {
+      margin-left: 5px;
     }
   }
 }
+.weather {
+  margin-left: 15px;
+  width: 112px;
+  height: 33px;
+  border: 1px solid #159aff;
+  border-radius: 16.5px;
+  margin-right: 10px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  > span {
+    margin-left: 10px;
+  }
+  > img {
+    margin-top: -10px;
+    width: 23px;
+    height: 23px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/top-menu/top-option.vue b/src/views/top-menu/top-option.vue
index 400dfb2..c167a51 100644
--- a/src/views/top-menu/top-option.vue
+++ b/src/views/top-menu/top-option.vue
@@ -81,6 +81,7 @@ export default defineComponent({
 </script>
 <script setup lang='ts'>
 import { menuStore } from "@/store/menu";
+const userMenu = menuStore();
 const label = ref([
   { title: "大屏首页", check: true, id: 0 },
   { title: "大数据分析", check: false, id: 1 },
@@ -90,6 +91,7 @@ const clickMenuOption = (id: any) => {
     item.check = false;
   });
   label.value[id].check = true;
+  userMenu.setMenuType(id);
 };
 // import { ClickOutside as vClickOutside } from "element-plus";
 // const buttonRef = ref();