From 066f4e9f1ef95684d07617c3da057e373de196fe Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Thu, 17 Aug 2023 21:59:31 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A4=A7=E5=B1=8F=E6=83=A0?=
 =?UTF-8?q?=E4=BC=81=E6=9C=8D=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/safetyIndex/back003.png            | Bin 0 -> 3959 bytes
 src/assets/safetyIndex/back004.png            | Bin 0 -> 4521 bytes
 src/assets/safetyIndex/employee02.png         | Bin 0 -> 7465 bytes
 src/assets/safetyIndex/incaricon.png          | Bin 0 -> 802 bytes
 src/assets/safetyIndex/service001.png         | Bin 0 -> 4446 bytes
 src/assets/safetyIndex/service002.png         | Bin 0 -> 4493 bytes
 src/assets/safetyIndex/service003.png         | Bin 0 -> 3901 bytes
 src/utils/request.js                          |   4 +-
 .../compositeIndex/components/companyCar.vue  | 243 ++++++
 .../compositeIndex/components/companyNum.vue  |   1 -
 .../components/companyService.vue             | 242 ++++++
 .../compositeIndex/components/employee.vue    | 166 +++-
 .../components/notification.vue               |  57 ++
 src/views/compositeIndex/index.vue            |  35 +-
 src/views/realtimeWarning/index.vue           |   4 +-
 src/views/safetyIndex/anjian.vue              | 749 +++++++++---------
 16 files changed, 1110 insertions(+), 391 deletions(-)
 create mode 100644 src/assets/safetyIndex/back003.png
 create mode 100644 src/assets/safetyIndex/back004.png
 create mode 100644 src/assets/safetyIndex/employee02.png
 create mode 100644 src/assets/safetyIndex/incaricon.png
 create mode 100644 src/assets/safetyIndex/service001.png
 create mode 100644 src/assets/safetyIndex/service002.png
 create mode 100644 src/assets/safetyIndex/service003.png
 create mode 100644 src/views/compositeIndex/components/companyCar.vue
 create mode 100644 src/views/compositeIndex/components/companyService.vue
 create mode 100644 src/views/compositeIndex/components/notification.vue

diff --git a/src/assets/safetyIndex/back003.png b/src/assets/safetyIndex/back003.png
new file mode 100644
index 0000000000000000000000000000000000000000..13a0c03e74b8dbe0157d3e91d384477ebe81fb9e
GIT binary patch
literal 3959
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
RsAT{E002ovPDHLkV1k-ldf)&6

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/back004.png b/src/assets/safetyIndex/back004.png
new file mode 100644
index 0000000000000000000000000000000000000000..b29ca1c18008ed5125feb2a97e319d68423e5379
GIT binary patch
literal 4521
zcmV;a5mxSrP)<h;3K|Lk000e1NJLTq004vl000^Y1^@s6b}00e00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91grEZe1ONa40RR918UO$Q0H81&2><{Q6G=otRA>e5noV*f$B{-Ov#L-)
zceB-InlVvhvlO}Ek|&r$aILH89J&I}!X-Bvtz<HjMzk?&BfA?YRAr{#`#homQfuuH
z04n3h-6PUJ4|k6!Ouza4|7@+bWoz3yw`px#TiZ0zw=GlSxox&r+ijb+X<~e93p~_A
zZ{M;(2mRXRC^LN9id=ZMHZ4k%Us`2O%8)1R#(3soE@q%V@>$o!I1KB|+NK%)wPeqo
zPJRR})rQ7*V1D^s53?{=pObp}vi8k4LMHOpw(KO@=Co@qwKm7q!{nGW&`z`K+kB&}
zkIJInT<g^4l?APP_@Wp1SoAvWW;vPk0zb0goaP;$k~6~CLVe!R$BLMPiFq&j7TWWk
zep*XAE%SV<)OB~*uNOuyr)_z)+imA%S@$=Gb-!HJhy8v#BJy;(tT&g(_4xX3{psUj
zduTr_yW5-X^~0~$cb|X0{^N97zx%I0F6|F(Lx(CK_4C804{=IgefDvowD5+Zswymj
zBi!=(tD43yeZG|A+Ji{JKSXu9u?F-5dqk8Jai~>{g#t!MT#DMxJk02L6)Y~yH7^t9
zT^g2Ti7lm~O)>^8Xl!#9HMdzZ<^VwWoUG3eMcC-yMU+H&7c9V6o2Q)wZ6_CESAYY}
z{x{E<8)cp4uR3dDj!Ros_LC;DZ*9+CYiF!r!C2U*m$M!8@54XMm+g@HW1Du&dpfo0
zJa5MXc6bZnoz(a36QA?`Vf*mmqaAIzdo{i1xxe|az5DEK0nq;1+Moa2+IQczZ@&LV
zB-`Be4XJvIeyJ2<exfJU7OmKJ(BCdG1JV?C0R&w*6_bjVK*8b_AgiJ%bPs{H0EQ3$
zSe(rGEJ_s4c=%<rTF>wci%nQlc&W@0nz?|CdDPr+!*9RH@xeyKHSwcLGz1vuK3NO}
zRI`RTa+wF-ZXnCDs6^(2-@VR{^CBo~+F>A>Wh&6CHO4iD>1rUCW!aF2Mh<Paf;NAL
z{UQ9*W!m;kkOm(&{8%1$^M*r6|HH#Wn;$i@SVdbex6|G2ZLQ;ezrA@pU->_8ziEGa
zecb-?=FQf={<?jOEL6>V50b9bf-3m)Ql(^}p%(aL;$^cK!Kw<7gwfAgzHp9;baJTf
z*o2i@K=@(C0){MSv!#^s5a3`eDSouA#n=v5N>IF$q!3%^qJ##NYO!<}EARnX7BoUu
z>!)GAJz1dwbVcEzCnzofoSk0Y!)=1S?mEIVZUga{5wRqk^|9b1LW5Be2C^1C0!xJ-
zuhI=i>OJ+{PVZ4(0ju54-9wz|yAUokmh)xa9-$|`5D?bsl&N$Nw{5-AIPTL!h}rHR
z9=7#zq3_4`;nQKeJieLU|8(5`-u|!s_Tzs}rw<>ZgKxs29w>!QeO80T4}h#f6Wu-S
zuz(`2!sw<FB&sMBSBz9q%^czBj930XB%4*ScXw)6dC=<owGMZ27E+86EWlZFf!FH_
z@uk3}XaOzcEGpr^rC9(R3SNz*1aR~a;WNds(usX70iH2syYrf<(3^0Cfylqmrhj+{
zfR(!Z1ICb$vEQL9--NheEHNvhXdpg~7fV2=9>;)TbPth`K_9xF^bOPH5}u>=^O^cX
zBF69#w;IMr!o{1{gpU1Y$Y}2%ro20yro;PV_`jh2*`NMY^P@bx9RkNrVLlpBlUNC_
zO^bk~l7`4RB7X9BBFSjg)>Ig6*i|U<p7ApcBc)*Y;ZZElK0i;HZHI`uMWSAqMgJyI
z7Vy+>i0PziuM0?a=R%4DfCv;!;OYz+zMzAw%21NJ^FwDhpx5s9^?V@>1kt2|hKy2$
zbny_;AhPfXdYoY2L7&JW%o~zNkbNx3v(B{S3m6c2qjGc-XYC>T3=R#T97oeTR30%x
z#$h@UI%GRy2={o1nT*!<9r>%zkN2OpW)eYpfBbR#^}BcJ|6kf)e);9}?N?u^d)8lA
z06<kxg#*D_^$Z+pr$!##DpJixhV3$h>Wg|@4Mb|WcC53FLRAA(?;2CVG3FO0dgSMM
zoqzB%>KJ+g7^F)Jp@O7kO`8DewR96jBv9zQunj+$DuJI`jN{qqtJ}HeaFrfEs`S_(
zK*#|$4TH(FN{ou9mgv?8ipku<F*-Lnce`YZ>C;1Sq=3o<bBn=fyBGQ{7)5sv?Ql2{
zCdv~G4^eBu5U7|`-s~|3>c{0~dcaHE6D{ue`D9l4`gJp8$n*MV9^&m}$T+_KVf*5D
z<dlqm^ZobH%TrRx3x+e@ilC%}iLIjU>Qm>b^(JE|pC5WVTGtUO=~8=$K$1YDGY06S
zCAZ|O{91tUN(tU{;MOw&f2T*&^z$pMky>)9vlfugA+WoxIz1>6<^WrKp>-?wBrr0&
zfU=_uCM4L6888)8c!6uku;a>~Mn1IAWeL)u57p)&7w@4Fjga90c2lNfLl<#CzdIsC
z8OE7Yh9iazbBM<a;UY=IgPHPXKDjRC74QoQ8Lvn#cX$XRhNq0f@wk~(p2#8o@^_L-
zP8q$hqP&*U-D7!D4;a<%T?LH#w@8jgQ{x%!*l?@L9`J3d_VNVOg0S=03E-(fZ&7}R
zVlQrXM@iITh!x+R)eRYbD0&rc;jN-9LxwX4$nO4oOP8LiK(fvrwj@Ui!1=_!cn!HD
zw@k^|>>;W2R1w2Ml)K+{lFIOteDZo`l8$LcdX91IjJME0x)GREj$`QFgc7^)v;kWT
z!DFY#&vER$A-Uk{VLEpMF{x}O5@Zm^^=2}kJUu>cujuiV(KvQ~;`lj^ol>4ZJ5B%p
z{(a_1QpqVJ#rL@G4;3#7+O~+<b&T!+BaYUKQhXv*VN~sAytu9VYf-hS!LM3};IfdA
zl!0h7ncWZhhr2Ehf$)f7AWTtwRU;I+v?>l#xpIe?*6{ur7)hgpOqLvjr`<V{CgzO!
zrNIQG<rVSni1)1uaGx4jg$xX)=N9Et7{m&=S|UdvjF42u7_<zEIYf+x=%yif4-vy)
zEcXzhddeXTEuJzsgT_Fyrmlg9cA6jKA&xgU)3}G|>`f104lzy{=Xa;@A3b(bJa(c7
zJzolsUK>aPO^rZh$@cB_u-etv(rIHwT0snlH-+s<uuPrbPCUSM^NzVPkEj})i?(<Q
zm@B_>5l}gVYm1#mewGh8UMuklbZY&OQG2RKM1KKf8SS(4$sv+A==Q>MeP=~!?@4sc
z6I^D;l{J89_Yk^;r&9(L-7=DAB&poDogu><g0(9{p!f8dLtJ|HXi_;&8RixH-M*4f
zy1j=u@6MYZA`XJS;UT!`++OJ-j2N6UMtSq<m-i4qZ2x-f<Q)M{Yy)6aR!9czXr=GG
zJp7=uNYoE?N@>a=GzK66rmqB!Am*ma5L6Wkq>kaxRFX)#AX{+t;*N}$kslI>v;lx|
zbx!S?<fwHRGP1#8Dhg$#p`VCUcXYWf)4qCjFP3@^z_aK=96*5$H^NRYez>fdIGRIv
zS1~+<p39^%<1ER$h<FKX#$F8|Nu~ah#t0uKmAR=LM^ETHWoQ=%l7<WU!z0FG{_x1p
zVL434<FP&F*m-;P5S}uUR60*TWwf_%+lQOOmYYhBo#P(Dr1E;~^mX8g(p0L-OEX%m
zZk3F((+K#GcRCrX%6pXoRMWs5s1b(NqPPeaz(}(dK_H-fx&;-4A_03~HL2G8wY0uz
z`=n5ZQxKUDLg!R28`Yg;mFa|=ew(3pZB>9#mM9?^1&oO#Sw>V--lEeh*s7i+UBmm(
zPEMk6X50%aVfP(19P^2Nyg+)DGb}@*ew96rm|Rm%-b0L2hF22tAXsdYNy5cM*pSt$
z>uo(S?*q@9$va9<8M%jecFI`Jm+5*_`5(yk9^$_vq5bsbPg6n$%jMllZm9{yfe=47
zQD4AP%K~S&suse$xnRkz7W!WRc6VOs8L}u+>ez&0k)#}j@+Z4SL0_cXYq#@ZUj<J1
z#oiHy0%8dczfu?@>xWVt@<Ffc`UVDbQ%O_zt%P_CY6%&V$&*;-hsNTCR#}%Gq;4vC
z`X-(*_{-{SQ_%ptv(Q6~n@N+^g+MUcdW0mBTugb&DAQqb+(V9?dI;RYITsO}GDtSP
zx_*9B`TQQDl1kD_E-O8D-t+O`6*d=BhKyHSU+=iOetuJ#dx*cbmQzOix_MKn>hmtt
z1GrrS+31|tV~nbRN83a3dDgZIK>-e_@VPtl1DNthwN^^HT64yLZg&Z_3o-IgNq^_R
zx^MZr3^pbFgR@g;QFNmJcnB|vfW8Jbt9sio5fC!}P{2qk%VZU-o2Ydpys)6q>Kzp6
zN}d;tz$hcX#-fKXoah}iBs~O4K<@*1j}w^A5W!MOIxqF*R==FOCYPQ%bPdmLD!qpo
z#T??q7hHaq;j#1X?ylvOajfq#K5-YZ+;M&V?55I?@w|Nd)wgPmC|pb8EuYqwS1m{2
zW{g(cy9&^Xq_yE-`iACgi&V7jex}e9)uxIf>0qW9kP-&}b8s<=J^*_{dA=veI^5;V
z-xpiLq}PoXF&npg2=*!j5n%X_O#Or=mt>^NMj{ZF%x*N{<4xm1@?FNr9gtZeqvQ&_
zHH`qVH3#}A4`G{&Dm}!rdk8P1D2T75QtyFSoIvqMDSSLXex4uAB((NRP8eQYn^fN5
zVu%{eZ#%t*Fk~c$;5nc8wv*>8zRSo>C3SO%X2`fZZhzxqs*=k3wv%CPy%aIP4a!|P
zUGYC#r9*|YoNBg+)r2kNMB(WVF`WWmw8;aX@k61&PUDIM&RuA6EZZ_ZCVc`n_yy5<
zq&Klk6JgOe?ByXM2{9!zA;XtNkd~FXVAWs*I!SBKAtD>jVK+)rW+kC41UlGEnJ_{m
zFmVhZ@8j{a=B#A1uVWlLZDK@?8%({29%7s_;tCkPdI-M;?`2!}xq~44oJ=YkNu?n}
z58)|e+*A$^@dmz6e3$W-rw*cyoj-2p`_tr?TVMQ+tdfwShoBO5r=o7IsG%hX>r*rt
z5oU`TC}OJ)B<yA|8Uz_3?Z2vAg))v|l~)zU5;chW9D4l1m^l=IA!L%Lg$mf<7sSj1
zZR{pe^$;@Gyr7x&qw$QIGh}uIX-a&!IlG7GVTC!a-X)@#U+^gQzx+Q$v@Q^6xv(vz
zq98Tz&Q$B-BWW3opRpVV14=@Ac27jf@gy+(QkIC4!WN_mFvIR5AC?X;wM^{F`uy;h
zOYbz-lK?2!+`a+c6=7N`A4xBHCe#49+hll`gc42!Swr9P%z!D?Vhjx<gqSO6Fq$6A
z$eLdM9|EX^RF#a%bAwThD2u@|Bq2d{?9l>M3*hf(9>NeHcCsa8P_rGdRJ#V_Bq>B@
zx+tOXBv4IvxA{!14;mp0Xc~t7_5^GN)P)B;^yC=u^8XN}EYuzF)ZNn#qbfYv$7o&)
z$d*8%FaHmrhZy$|-ImBFxS4$Ue+YIycI1ZBV8%|hst-_c4CujQd_1$$^%wR_<;D$}
z)>qYh>O^o6;nzEiA)SP-KW!|vXQkQcebZ+w_Yg7gm;Z-&`F{wk#gGxR(`2a`e#{ec
zHJww2hU%$9bGG#BBOM_|ntKRy-sC7R{|`|*;?uo2LWbM*x>biqNEfOV07eBObnzYZ
z_l<A#E?-g-z$RXza*LP$hj{sa2o1&rwHr!B4zCY1t1_fs#Vi>$R#3E5Lk5)!NxwLD
za(c)>zI(t}BRAwo>8A*+7UOgzaw|FQr;3;Vhfu?m0HY7Jp1o^D#Z{qdw_ZS4^v3yh
zRMmzM{(i~`Q)LRNMt<02PmzDP>zDtB82?jgTJ-Pye~5nqVEKYk6gR>$00000NkvXX
Hu0mjf!}^{v

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/employee02.png b/src/assets/safetyIndex/employee02.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3e686c3cd18ff735c7728c87442b35cf230881e
GIT binary patch
literal 7465
zcmV+^9oFKBP)<h;3K|Lk000e1NJLTq006rH001%w1^@s61TU(300001b5ch_0Itp)
z=>Py6<4Ht8RCr$PU0JYP)pcFx4t;xggPx@KB)umw$YKx(iO~WFgE2P5V3WiHp5m!0
zsY*U#m-CU76IZGdSALRwB_FOzoH&DR%#^}5g(1ewvjjp25NJjSBpFR_?!Lp>slCrR
zw{Q3Brx9#R>MlKX_Z?2(zP--6Yp=7<z6vMssP5W&v+~uv6KLYtclGeV<btJpkA27P
z9;f>mP{(@$s&8+-oPcL2@LJj++u&>spU`?u@H2hK<jAtmAMbH@_d9*h!0~~dNLAn3
z@_1Seuh5~d`Sfu^4#=HO=ex0<Kfs@;2Y~<K`tZ`nPv4)d`^}H%3>+8OYr9_mQs(*J
zOM9Zm@qFls?Bk`GA56s?r$$~}4RvdFB5if|J-yDrv4j1c*Lo`rwIQvQ=8)%QPzoUC
zbY<ziC{zgV#rj|}u6mljF}3*Ie?7f^uI{%zkuz}2V6X0c{qM8L|9VylC**^P6qGUu
zCq}#gys2p3i}e}&aH7$e_Vg+&UcUcCPC$3x)8`Bv6WF7z8_)Gh>Y1dcJf%D(TKzZm
zQ1ztOZzSKJK4bZx|E7+i`?)9A88{}eS9WZ?OIO1W>L{4VqfrHDCUcJ>0`&{0^MBL~
zNl7Vki#mN^zKacX^HXTA5M(YH^1s=i+lLCq<1ijbf2^ad&IceXJVh|wun;d3!Q=J3
zE|*z$dotV0df0uXfws03!E@_*Ti2%DR@z_!;B^{E`K3qj+S=#+-0`{3bjv(X%f8YE
zYeP9E_gxCh>}R@dwEZkCC&nBn@0)4B4|rn&GX6*Kxm}--*=OJGlVyO<pYNOVV6>^(
zmiKk<r44(oW^9)h_ARuNf)Ges8fgjyypA*wG`Ba)&9NrDJRyX94DR^(wL2!eECx_&
z5D>isweVL*>Uu{F_UevTK9>3353}C#uax3XRZv8V6vJ9Uj~zG@KYO4A;#I8QP1A~>
z4bT`2X1V)gU~*&d!2e`B<;gzec~Iqu=z~|L%9CG&n~-)C8Tfli=Bp%`ju&K)Ln)1n
ze`D!x=1;nq1HIBY@C5Ph2jgw{PkMoQZ9wh7ZUASlWCR8lxGe|#d>?H(lYmv5PG?{9
zbKv%uFJktW_Utj{@9hsN@1+fMtoi55(dfLh3Bcu8o5$x~OZz$aO-Gatz}xc4a-f$^
zV1e!c<!ML<U;s+TFz@+wzDzn5w*{oWMvxLxpAgvX!Qf|rgK=#;oddA@9MVVtguH&n
zIs!twytqFR8bpXn8i+l>Uj!_A5=tG`usAxfZ{8e5Ve%x^!Z|whr`mfEc{CUI-oFSt
zc4j6@<=@i+T(HgHWf1Wj-vCko&)}BMU^;-^Mp@94QcxG3o6z#}m>Vn>i}3*9kH<A#
z(+{M5*`_8VT4wV|H(A~>W&UF_>vmXg!DB#g*E;}urV}*TQ$zFlbypQ4VNV7bv!Af1
zYtJ*RT3pZUW_}*ire6e~1(IQ0vtRrEnFXw{wPRr-q$wHpWS}zA98)u6@_J@kpO7Ym
zpunzfyMzc~NJwHrSX^&ECniEEv_NEfb*x*m?8|IhvVe5!_&Ku2IYmI3FinICFXs-;
z&sF<8PC$+SG%&_}+iufOz<$2c5HOd3-2@Es_gn_hIMl-Jhhz7n0(-Q5!`D$R{bg1T
z_BbrdPbhmUpLXuJfPQ+v_%fExnR+dNnS=${2HXN{?u-m{$L5yxd4VkVZ6{EWlm3xw
z>geGwo`0x0H%gJ0>cE?9=*B|)03PDzrOq;A4z_l%+YXUm8gtoDxD<;FDRc-28V7C$
zzg$k5`^Y!9?{jb#))$Y5!R?qa?-*8INQbeVBbN>CJxoWE&f%nqJ+>UkWTZpN&lcoG
z+2NMwfX|uM04{+6x&YsO@3w6a5@HZaML_dw2EE-!7`T0X*@Bt~Q$(mbush&0(2JeG
zf!#gNAz&{7^KB=nlz{1rfCJA$t>E6*@o_}3S9iWPtabKy+7lf@;Kk6StW@9*rwGZJ
zxb3b%I&es{z%baclEVSsf!t@dWM*gCB9~?>X>x`)9e{sCVS0WBFtRAcm6td2kt>li
zmNU73Oe8%Nq%S1%)H6-6JKbAg>K2XJ4!}-eZ|@LoV9z^B2e7m9Iuf%B%NGEY@8c8P
z>-<@CZrhcEf$o4`06WVQkrKuBt%eqm7s1=c>;i7ymzmpvv=i9f`r<kUdA$|vc^i(|
zrwyyOEI(GTJ7#y_mn+;^K$b!+*?in!uWWnyU$RPYgD!_N^HCJl==tX_#*@$S&qgfQ
z1?QP21Rl`Wrw{}{oRXTF)Z`1u4TyaPy>9?7I@_|lNEi!r(aN?{d~o$N1_v{<t?f`E
zpC#z@g0Xrn8NzM4ghNf~P|)vrz}F@%+L_(y^=5!r03>T;X7eJDEC?O2_&c?*bb;w}
zslq=_LADe-M#tdKb|%N>CO9cbBzrsp<n{oQ*L7faqmNrVn|ude79R%e4D#8S-m!Z7
z6`;uM?LaRwcu~sC#_Y`Mu5%Q@J{bUgtANH@sI%*x0Do9!uWVYsT1Ua{S#N2(1c2@#
zaTh?7qnF@+?&w3Kp*dFNV^ECvWlKFQ8Sx~H%`}KKp<XA&ntpOx69b)pRAzAQ020hH
z>vKma=y?fREz9@yX86c8Qv$a9>f!u-4X>fAD$CxA7tqg72<$Dg=V+L{4eUi3BY<Y+
zZEL56!5v#W@Tcay@No#Z`MFIN<qnFy0u(!}lQAuwxS-jO#Oy6>-rgA;h-YJc2kL^1
zX<=};el})j&F=L2kz|Zp&w%I7&%tnY1jtHI!yAtc>_mRFZNpD=tu#m_|DbU!Bo;C5
zqNf+q0}ozAuWim)yqFk5le+9;pN0lKaPX97P+11z<)lG6BlX&rl;T*6juh=~!ORRT
zvc@vGV|3FA%({y%sN<ZonRbkcV_sOA2mH~-+^iq>W<A)MJ1aSO9m~(g?Cr9rC~K^v
zA;D>JJJ%K;pLIUk!R|hPM!?GZ+K!Tgw|EtpMYFs1X4CA>I&1+ox7&&F-SN)`>e-eT
zWloXh4+nM*PCH2$2U-UDL?K8$9<T=tpo@Xh2B;x3=vjEo%IuY`>p!2B{J+t)XtN6o
z9jX+_r#-u_!<|11i6slW>g*aUUZQa6N?*KG{^NCN3Z<Fdc_@{L#>O=^Z%yF`=925I
z$=sQ-%+3IpV3j+BT^2@~Zn$<rRU*EUh!vS*o{u7-D433u#v<=dc$C@>YA?G-0($|t
z`DMCOVA%$CzVZ}hjp>5TP9Z^L)^ulbrng|vgU~`Snmaajo6NF(&h!>w?N<ONW5m01
z+MGcy7GSG}pDl28OzZ;GmMcV2o^;aezYZBwWO5gvI%XGk9|HV-sD&>d9oS!bX`oc2
z`*m-0fP8PJ)u_@7)opj5L+|X%l&BO9m1d+qd~HB;<|w2|4t8PoEE9Pnnw~VNb?akN
zo;JGO4)!=_h8dFWNd`avn4;+mug@5X>GD-m#&dT;YE#Gi6X^hzvggvd!TJ_whP`Jq
z7Sn16y7&2d2iA6G_q6rR3p$sN-Rfr^5Mmp$qZ`94&Eo+15qGc}ov-a|#$s^E%k1a4
z&f*4#@{U;?uxSf?jV)<qXc4dl=I-da6q%g|a>VGc-@gs)Vn-eZ>~$iPdHrmfy`q6h
zH0{UZVRjkR0#LgMXl#Kxo8!0q(UIB9o7Vlcu7tN_)o`Y7>8ToRc=2QEp(nK+jg)~3
zN;C3q{bVTENmEdP-G$kCaKxNv!rJu>2{JsN#7k%3mP!g?0F@C@ns7%j%+FT<0lcr_
z8<|7bUNw&Sb5jAld_Cs?5qVnq{%E5&S>WHUBTRIC_S3;<FETrO{DT7k7D6ppe^{`W
zUSE4Y0{_QZU-eZeGF)UvB@Hb##y_O~>-J$x#cV>7Vhl6uBq_WveId+QodM6%Ce36d
zQIRIfG*ldGTKht5S({X~s%T`9k1$Zo`joLGN(o~VDW<25++jJxmZeyi9??L5itDc)
zZFbp08i1$BpGy0o(>Ia@!K2M!)iL#Kn!U*61&gukv!4V$dpp?K{#<eaP}v35mnRCg
zGCPrqHm&<N>M4z6<>2iZ5v`&TJp9N<v3?`BE(7<H;*e-&V|ZWr!w_kzcm$8w@=Qg-
z7_f`3&4}LIonh<tM1WhZDxCK|8L~i@lDIYucF8#asmZBSK+ic7VpDo1uR<xJOD>$i
z(lZ-&*xjU*xF8x@1*7p`HrM-ER`u92wJ8B@(xAnM?gaLuabw!7MJHprK6{&&&gXZw
zAobnw*;&HyA2U0H{hVH4;!I%pMQ38PfIZr{_6CZAzsvfg7wzTW<g6I0QPKY0x2hl9
z(<@6Dpv?Hf-Zl{Z>X(d+Nt|Y9Iiq=$(Kt1n)AIbf21dtC?#S|UL-f`ZyEdXp8RL?F
zVT@FMuMUpJh?7j*8^iEM&O{{+Ru7^ixf8~fF+I@0EzWAHo-~q?(ogeTk`^bWle6Mn
zl>)Q3bcn9cZU&o*4otfn<5C7Xxip8<?9Rz?DFd@<_St-P2lizIJWs%71nfB%nBEU%
z<}5eC{`T5xG@)+Sz2$>C^jd_yFub2#O1Iy0m3n)x0it7e363+OG$rq=UoOeEqSq4{
z(Bh6Da)yDMBt*Y_w9a`l%J)F4uZR?P1d&0!4POPgN63GSV2wD=)WL%d$=(wwBPj=x
zq(w{5oWi9mY+k*F;-J>qk)+{Gq(eHQr?a`ire+r5vB;RCVfL=i-Z~oUg4Ef--U;x<
z+?W&b*^A81?X0K(v<w(r&*MZn*vqf4{UcotKCP?aD@MLFDV=;>qt`cnP5t~a87Rsl
zLe?8>0&*r@nv(k3S4xugB_6wBcd;e~?3!@kkfx`eX&~^l3QG!CUJ=PvK(<eX{bf7J
z^pj}7q=N3+Q&(ZA^MNSi#S7EZhkxgQ8tCIFERRx6KT+JtO8#iln+%u!7lGnYwbs$l
z7N+m|>@ykrWb@hE!TuovcAX8Br=SMk7O+<~KeJeq|DRcZ<t42=&Y83iqhB&i-K_rO
zjtkV}bkn|aEXv^I+-)8(x^i_OI=oyq?n)FY7CeU8HQ~)SGkWo*27^>W-Vdyfq;oLf
z8Q`2$#iX9Iy9g-4n{Q32Ak^e5QY>dAJ5sc}ruhR2U3b+1+cgF7o=6&#8m^|(c~G=9
z9V)FkJlMNFdkff4TA$r%c4l?~dkKin0|s9fu$Nwa?mJnnbT(B>+gdoCw9+9B<FTi{
zs@7~UfuWf~Vd&ksF^0J_O{%|Nq22(-#tDtsX!=S8s8xZU9u8uOCMIltiz0RYxgiGU
z2OOL#cNGxO=Te5@s<GpZDTF096$w(!z@!XwDlqYcgUc=&rLz`KOAqBtNbWE8nHP8m
z>x;7arF(V7JJ|KvPj#QY9qfEH-@OEgGKD+t@S_!Hd^hc@Boz63W;ig@lLPAeKl+AP
zh`CfK4Al!0vu4lWf9jJVhK4+mFVoY6u`$BL1Yv4QV``eHUe~mBTkMjR)ckoqE?gd&
z(N;+>U>~!U*@-l^zcGm*<W$v6c^;VI!Gky^o08C1OX$XH_L-zGo}*xAE7=Ja!DwSd
z_j`|Ky`^0(S&`j*_ERLEy_5CG0qUIue1?F1=K#rmVfNa~&t2RI@g3bCJ#A;a6fo}r
zcir<@wP){2ks8MJFwgv8O)gR<h5GboLM#~aB-1hxpPeK~m1h&A(nF8bX>8042=O)I
zx@#&XkhOuTYfnpVnMSHJY-48kwPFj>=YgnPv&-xowd(v)z5IO>W&)D+-1(U&QcWcT
zUYd=k!=*=B^IB$cV_Fiyy7}xUM?QNeusa#Evk!<yIDH@wP)jdA{TEqpw3N!>W;-8~
zb+lQ(Z(pyv`zPN*lKO6t#?31=K_w9-3A~$b4zTQfeluOb2A(2wjI~JXUy5n#wg!Vz
zWm@6ttIDcWQtZ=9mY+^-t_f$35fR&t+jdMM3^J1?$$v^%-BTXvzMh0`x@NC{ob3Eh
zn>@xfX4Ij0ksb^m(3OA(q1uM}+lSRV&8<8_;F{;b*tWVp`)??pz1?SLX6N5z?*%|(
z7u1;tbFlZUe{v`ey?;&zs?WpsX5<5_|9kLyY})<_XdWSQGRAn}0(j1FT)y1HjW>im
znkr0hMp2vW&ftA+O@nssjBTnesY@;{tGRQ0lU~4jJtf2mTaG+AH$x*%Y41CA(dvQZ
z)7UwgoNwZ5x^DHauyClJ4=5GphWZon5c$}V4MrP|+IsBfv!A5-?45k}y>kJY54Gsk
zR-c^%)eTSm0hNQBvcA&uO&!Bz&I3n@um1avZ)0kDh(l5{BhRL_GU6qjS3`aAiyU-{
zZZ{c^M$dB)%G#aoy>E&%Z)oI@n$zdO^A)D+gnC1(IOc>#_S7}XB|;SO$Z9HJX9tF*
zjHCm5geAihblv;ku@my$<YjYQ8AbkRV@^6!c>tbDjvDOUeD>lj{<g^-F1Y<|&1WxK
zkCy@1eGw3Dh8i570e0MXUlg7>@DJ2idW*uKwfGP_A8XdFP|vRU2D|H~ihw7njGXtv
z4vGLiilA<~Da4Y+Ce_#J^@9g9di1e6jUM7^0cOyMLx7RtK!qVEfhh`0K<FzKgrG3s
zY)8%cF|>Kh1i~<r_rA}C2S|ruMz>tQ3%xa-o6Zhtp@fDabzpi4dc$>kPWWc$bb)rw
z-u2l}EuVei0>JBm8h*_Y_l&H^aQ)MlBEp~Qf$HPJhOFC7eG_@mZFhZB9T;5&t-17_
z308SK_O(TG8_;`;7Ag!6ds04T-@XiQ?@l@RWvy@YHAwaKdHCQ5YV5+W<dOUsmPC@y
z$}{^l(bQCmO<Tqcvj^HSJFPlzKQ3KyFwdlPY_B!Ede*1vDWxOTCuYuCI@}0qTb@gC
zB6ZIA-F$X)mHchZXJ_lN<^koEK)L~HiLs>HYZAGI;Y&|^GpqVF)l=PK3glQR!*j%T
z?i^A-fAF7>ijv_R88+Unb{7njk`YidCzZ=18Bg5TB)RG~2;{u>Wy>NgKR-gk^+tFE
zHI;oOpN1_+=IZg$n6_*iM-cD`s?qGdwFZ6ahBw%Im%JM@z{MZNkW~JG`Vu`adQw+|
z=6uv{KKp5s&(2_<KLR8{`{e76`RvtKA6t}Y^=&;+dmKti*t9(Kz4w34+qL_XAmTYO
z0(Qw#G|7rCP0TR9Sd;>Itz=M23`b3TVL0pT5>~A!8+~umgk=<!Ws-Y-bJrB@-8;=5
zy8}C2f8{PLJ#*ZcD{{TDoruVrNCrW)KU+|JrE^`F!boY?XFmmf_TB)%MZowvsB>DX
zOwT$kue9#5-`CY}74=tNa7fQNer%%T-EsGKRh$fPGJq}OVg!vT6DB~Hw+wJIS=+ug
z)wU!7EDV*p;f5aa6lXr>>@KB=nAz)%l-8{qh4MJ-F=ID|7B3j5n?LlX`0IA+QC`I>
z)+K+mF_bQ<Jb}P#v`)+G=Cik0ucuVqn1at92WO*HX>=->G<$V{r=F^ms@Y#<{pDA(
zs5J|cyN-V3iL2G?TfPO&>~4Y0IzloEJVrd1#S>@6)_EkQJd@{Zk{V3{8IPjA|NT`}
z3Y5qfP90z=GclfG!>i*I*Aw`mMxZhTVMe#!xCL|jVsd5UY$(B<%Rd;8P>;7&_eZ;C
z4j{G9LG9L!F(h@W)Qw>$rauCvF9e34gHkd@tN1u<DUI-jhcBln_&EBb$E92!0#i)Q
zKD-~^{*P*MawWK$pMczg-Q><lqE^oOQkQ_&%U0Yy%$!ahDD{1Xk>L>i{p_=795|3*
z?>i0hnbA2g<=TiIsg>vL&91$IQyPpsl3I!~5=*L{_IT52B^$1-F-0@Y@?)N<)b-g<
zVxPTo4iFxKn#T^@jK|?Cf)S~3-J^e^d&BXpR(=C)uM6sBraJr$8<*mlHQz(Z6wLs$
z^2LH)nA{X_H)39@`7)&o+<ACbCMOv;M{>-J)G^@ZVAMV<jaoI<U;e~K1Uy+olzOoU
zsq*(vFQK{7hL)i8c);HE*-uiR-LC<3E-?H|OO2xf<d0bXuJX)%i<5HoYw1AwVfbN_
z*jdY@fPeQr-^77KpGKx*0ejBywni8y&5K(jl14zPJR@XmaBCbLw=Zv_Z0TZ73y_2_
zMReWj?X>co15LJ;a$u&tiFB@~bt4<BzTTSESY-AimD1??>?gO+UcLap+fakMJF)t#
z)?@p|{<?>5M!7UUs|GJ4<hA@?BLA>&U)8(s!Jnu&?Gbmz0^2ww0&=k&#aWkNRl-vy
zcjMx))M2;_$hk0wEx#<1hjU;QVQB7{{^G}9GxGx(v|LX{=Bx7W<NF8d!`V>vMTCC+
z_`%-IXFqxK+0!{d=?q}uvw4Y?W0o;)hxHHCLS6dfWT5&i%6_xbQj+q>CwceW|9fiB
z-oHhf#f(D9cNe|Fvcv$|mOK>zE1vIUEKAL6q%$yj9pG6?NR4p=c>3&(FVpbQq_Hur
z?6ES&Kh#)Ap|?-ZtL$p63)9BbU7!6F_SyYafZhVN=$+YE{ivB;xcuo~UaEW4#o4^R
zr)D%5C(8TLowuoavcfX7*~F&V+B+?AaW8Wd1LwCJTatCUDedKIw7V(+oT9K|S)H!E
zbj-{xb#lj)+fykiHJMcP-12^N*9gbXu2aY|<NKT9spg7cX3!RbS2v}P_h$)Z?|xzC
zS>-|SjL}%R5*4mCd0oQ}lBs!PghIT*L3*LKJ0EO*a{)ef8=J`SyBinC@tYe0xLWbe
z8!1R2FNt}k{7ExVmp1G<%3tRNQjJ+)?i^yyV}26^x!HidIYWMq&2jTMg~|GKclWS&
z%8;tMeDeZ(rw_TKhiTVTN3-vFUv^RKjSw<U;m&V5V7K7`N2w?8eqS3OmNme2-WfDJ
zXmbY7L_6%`h?+g$o5=HD_~jQ=t+YL@x=9`p0QT)8_>Vog60dChclq*K4p^pjNHG|5
z(m5cNWgM1zoIniNXWrhE5(IW)tZWZI7|;IfbN66Q4@U>`og^8IA39UsJN1>SFI<z&
ztL`^d32a(}DLH5ANScV+1i}1}!2);dlx7-4J~1V~4T_0LWI6B7`@7)WHJMLlaqHN|
z;{h@o#7kQe%G-UpUb+kL&Fv`U6F9wDYN!{M@l-`~BLKUdJ^tc0vcDVilUuLY2QTB=
z>T*X5m+E1j<<=~As9#>Y_2v!Y*sizVS$5)z0sK3=ZKZIjB?0%Dt~x+*Kes)X(BMQ`
zt_J2_yX|;1-&F~7ZB?kXI#{PRSzvG-ch2!DP0Uugw|P#A)dh-6XL(&&|M22CO+T6~
zn)eXb$Ur?dorSX#`JrNkI`_0XP>y&|$gYnFE<>SVmqihw`1)|4@7m{W>}LisEv2!k
zo^17v_a4QecQ@&tfkG*bqdXbGng>6ENX2Py?<UmjPF$joAMQQB=4J2I`hDY(KdG<H
zg5amP<hq$<KaTRdbT>P_&cM;j7<XP?ez?b<Y}}H~2_HqRr(@Cg_xcnDdnZ<@G#g7+
z->~+*{;Y2Mr_LETcCfQTTKkKOG+|zPR^@pd8dJbrV2-VzdWdUeA3(nB-Cn<Ea*jWx
zF3<eA_u}%)XC$eeIzLVKo4ng+;JCmJy2JOM>-*g-^wwb@WMl(podxXJVUF)C0QO~m
z!0*!fU{B-fAda`zuf654cSd`+PgJ+Plm84HAK3YOKYZWfpyHhq5N)qV+617nr%<kQ
z9Y(@vtWXBZDC6B)Ujp@N<;_b!a1&SO?LN9^;F!+9@q?Y^%+tSEPC91)@z?f9qSAI;
n{?TT+>R;O@cR%Q4KLh^{g*tG5@JD!X00000NkvXXu0mjfH)hiq

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/incaricon.png b/src/assets/safetyIndex/incaricon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba8f378504baf06785f5aa330c5fc510c00b56b5
GIT binary patch
literal 802
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyy~STEL88gA~qMxha%^fvLyS#WBP}
zaBYaMN2sI7yh?jf*99I=m&pq_X=Hy?$qLk4tWco5^`vi-%L>N_dKbjjMTuW=+oTZn
zWx>(tRsof56`CF{5h{}uK5}iU`kw#n%uDOf??gZDUHaU}IQ`k2&u4)sW@(v6iS`_E
zQ@Nz&Zd1bEK6-HBhGpu^1=dH;oYGQ?SQT@o|DMf;{Jk4wUp)1<OYWF&!6Ml7cY3eU
zVLle=$A>G<NZw=a(e`y{>^(2FiEDXe>uXy}=8Zv1g!Zeay=03~N<VI3uihr+@RjLj
z?9c0SmD$s4O1krko_?11&O4L&O=9O;yM^7M4hy?1?wH(-|67z)JV~q3H^if{>w?Ry
z#+<*^XD;48!6JW2LR978qaW8>-G#Ngb8kky`S<dI>y0gpPa<bWMZex4Ql_S38JW#J
z?Nf+DCC9ppp2@kcJ{lkRm%n^>_}#wehv(n>68-#CUuE*H=Sj2Azb_A%%__az#@T7(
zL)|wX8(CQvFLu5#k5@0WN~!O8?_t#j-y_TqJ7!(BR$}w7m6~($?ZP9=0*=i2<-wVG
zTJ7`}MiKGu=buB~ccfZomDDx7+Va*U<ylRV&t|LT`BSUc>Bg@*_eFT!Qitvz!nW^T
z-EGkGjg74`P3Xug_S2p2&(D+m^7hl#nNsUMS1dKL(6v)q$W^etaQQYSQ=i^_d9T|8
z57@bHv5(e&<GU-a{Qi&GXH!MCJ$Rh0UR<vfXv7)2XpV@W-pm~KiC-@qtEgjJY5r$c
zLsIy558oRvUd*j7h~?8~I#(l=a4x%%*X!R)qq0^LMpv_%`3EF(WL*{KSIs*x%_b!A
zg1M$)N#%~H*OiP}Kcy}I<t3e%B-xm3Z8*cT`N{Xj116crqOV<z{dsrsYVl>)SaaN;
Y*vGTqEX^r@EdWZNp00i_>zopr0G2va7XSbN

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/service001.png b/src/assets/safetyIndex/service001.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dad9d1285c2a31e79d679c15f1ba4fe1186f73f
GIT binary patch
literal 4446
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

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/service002.png b/src/assets/safetyIndex/service002.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f93e309c430836aa4f0085e930f6f1c4c029ac4
GIT binary patch
literal 4493
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

literal 0
HcmV?d00001

diff --git a/src/assets/safetyIndex/service003.png b/src/assets/safetyIndex/service003.png
new file mode 100644
index 0000000000000000000000000000000000000000..c988900250a3799c7574543bd50a20105eabd15a
GIT binary patch
literal 3901
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
LNkvXXu0mjf31x+T

literal 0
HcmV?d00001

diff --git a/src/utils/request.js b/src/utils/request.js
index 56dd381..bbddc92 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -7,8 +7,8 @@ const request = axios.create({
   //baseURL: 'http://172.18.113.50:8080/zhapi',
   //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
   //baseURL: 'http://192.168.0.188:8888/zhapi',
-  baseURL: 'http://121.41.91.94:12002/zhapi',
-  //baseURL: `http://${window.location.host}/zhapi`,
+  //baseURL: 'http://121.41.91.94:12002/zhapi',
+  baseURL: `http://${window.location.host}/zhapi`,
   timeout: 50000,
   headers: { 'content-type': 'application/json' },
 })
diff --git a/src/views/compositeIndex/components/companyCar.vue b/src/views/compositeIndex/components/companyCar.vue
new file mode 100644
index 0000000..ade0f5b
--- /dev/null
+++ b/src/views/compositeIndex/components/companyCar.vue
@@ -0,0 +1,243 @@
+<!-- 园区车辆 -->
+<template>
+  <div class="company_car_box">
+    <!-- 模块标题 -->
+    <div class="title">
+      <div class="img_box">
+        <!-- <img src="@/assets/safetyIndex/装饰009991.png" alt="" /> -->
+      </div>
+      <div class="title_text">园区车辆</div>
+    </div>
+    <div class="car_num_box">
+      <!-- 进园区车辆 -->
+      <div class="in_car">
+        <div class="in_car_icon">
+          <div class="in_car_icon_item"></div>
+        </div>
+        <div class="in_car_item">
+          <div class="in_car_item_text">今日进园区</div>
+          <div class="in_car_item_value">
+            <div class="in_car_num">
+              {{ this.in_car_num }}
+            </div>
+            <div class="num_text">辆</div>
+          </div>
+        </div>
+      </div>
+      <!-- 出园区车辆 -->
+      <div class="out_car">
+        <div class="out_car_icon">
+          <div class="out_car_icon_item"></div>
+        </div>
+        <div class="out_car_item">
+          <div class="out_car_item_text">今日出园区</div>
+          <div class="out_car_item_value">
+            <div class="out_car_num">
+              {{ this.out_car_num }}
+            </div>
+            <div class="num_text">辆</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { vehicleIn } from "@/api/safetyIndex";
+export default {
+  name: "CompanyCar",
+  data() {
+    return {
+      in_car_num: "", // 今日进园区车数量
+      out_car_num: "", // 今日出园区车数量
+    };
+  },
+  created() {
+    this.get_in_car_num();
+    this.get_out_car_num();
+  },
+  methods: {
+    // 获取进园区车辆数
+    get_in_car_num() {
+      let params = {
+        direction: 1,
+        pageSize: 1,
+        pageNum: 1,
+      };
+      vehicleIn(params).then((res) => {
+        this.in_car_num = res.total;
+      });
+    },
+    // 获取出园区车辆数
+    get_out_car_num() {
+      let params = {
+        direction: 2,
+        pageSize: 1,
+        pageNum: 1,
+      };
+      vehicleIn(params).then((res) => {
+        this.out_car_num = res.total;
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.company_car_box {
+  margin-top: 10px;
+  width: 24vw;
+  height: 28vh;
+  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background-size: 100% 100%;
+  /* 盒子标题 */
+  .title {
+    width: 24vw;
+    height: 2.7vh;
+    display: flex;
+    font-size: 16px;
+    color: #d9e7ff;
+    font-weight: 500;
+    /* 图片盒子 */
+    .img_box {
+      width: 1.5vw;
+      height: 2.7vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    .title_text {
+      width: 4vw;
+      height: 3.2vh;
+      line-height: 3.2vh;
+      text-align: right;
+    }
+  }
+  .car_num_box {
+    margin-left: 1vw;
+    margin-top: 1vh;
+    width: 22vw;
+    height: 5vh;
+    display: flex;
+    justify-content: space-around;
+    .in_car {
+      width: 10vw;
+      height: 5vh;
+      //   border: 0.1px solid #495e70;
+      display: flex;
+      .in_car_icon {
+        width: 2.5vw;
+        height: 5vh;
+        background: url("~@/assets/safetyIndex/back003.png") no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .in_car_icon_item {
+          width: 20px;
+          height: 20px;
+          background: url("~@/assets/safetyIndex/incaricon.png") no-repeat;
+          background-size: 100% 100%;
+        }
+      }
+      .in_car_item {
+        width: 7vw;
+        height: 5vh;
+        // border: 0.1px solid #495e70;
+        .in_car_item_text {
+          width: 7vw;
+          height: 2.5vh;
+          line-height: 2.5vh;
+          color: #d9e7ff;
+          font-size: 14px;
+          text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+        }
+        .in_car_item_value {
+          background: url("~@/assets/safetyIndex/back004.png") no-repeat;
+          background-size: 100% 100%;
+          width: 7vw;
+          height: 2.5vh;
+          display: flex;
+          .in_car_num {
+            width: 4vw;
+            height: 2.5vh;
+            color: #d9e7ff;
+            line-height: 2.5vh;
+            text-align: center;
+            font-size: 20px;
+            font-weight: 600;
+            text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+          }
+          .num_text {
+            color: #d9e7ff;
+            font-size: 12px;
+            width: 2vw;
+            height: 2.5vh;
+            line-height: 2.5vh;
+          }
+        }
+      }
+    }
+    .out_car {
+      width: 10vw;
+      height: 5vh;
+      display: flex;
+      .out_car_icon {
+        width: 2.5vw;
+        height: 5vh;
+        background: url("~@/assets/safetyIndex/back003.png") no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .out_car_icon_item {
+          width: 20px;
+          height: 20px;
+          background: url("~@/assets/safetyIndex/incaricon.png") no-repeat;
+          background-size: 100% 100%;
+        }
+      }
+      .out_car_item {
+        width: 7vw;
+        height: 5vh;
+        // border: 0.1px solid #495e70;
+        .out_car_item_text {
+          width: 7vw;
+          height: 2.5vh;
+          line-height: 2.5vh;
+          color: #d9e7ff;
+          font-size: 14px;
+          text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+        }
+        .out_car_item_value {
+          background: url("~@/assets/safetyIndex/back004.png") no-repeat;
+          background-size: 100% 100%;
+          width: 7vw;
+          height: 2.5vh;
+          display: flex;
+          .out_car_num {
+            width: 4vw;
+            height: 2.5vh;
+            color: #d9e7ff;
+            line-height: 2.5vh;
+            text-align: center;
+            font-size: 20px;
+            font-weight: 600;
+            text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+          }
+          .num_text {
+            color: #d9e7ff;
+            font-size: 12px;
+            width: 2vw;
+            height: 2.5vh;
+            line-height: 2.5vh;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/compositeIndex/components/companyNum.vue b/src/views/compositeIndex/components/companyNum.vue
index d547a29..b2e5200 100644
--- a/src/views/compositeIndex/components/companyNum.vue
+++ b/src/views/compositeIndex/components/companyNum.vue
@@ -184,7 +184,6 @@ export default {
 <style lang="less" scoped>
 .company_num_box {
   margin-top: 10px;
-  margin-left: 20px;
   width: 24vw;
   height: 28vh;
   // border: 0.1px solid #495e70;
diff --git a/src/views/compositeIndex/components/companyService.vue b/src/views/compositeIndex/components/companyService.vue
new file mode 100644
index 0000000..5e03761
--- /dev/null
+++ b/src/views/compositeIndex/components/companyService.vue
@@ -0,0 +1,242 @@
+<!-- 惠企服务 -->
+<template>
+  <div class="company_service_box">
+    <!-- 模块标题 -->
+    <div class="title">
+      <div class="img_box">
+        <!-- <img src="@/assets/safetyIndex/装饰009991.png" alt="" /> -->
+      </div>
+      <div class="title_text">惠企服务</div>
+    </div>
+    <!-- 服务类别 -->
+    <div class="service_type">
+      <div class="month_service">
+        <div class="month_service_text">当月服务</div>
+        <div class="month_service_value">123</div>
+      </div>
+      <div class="season_service">
+        <div class="season_service_text">季度服务</div>
+        <div class="season_service_value">123</div>
+      </div>
+      <div class="year_service">
+        <div class="year_service_text">年度服务</div>
+        <div class="year_service_value">123</div>
+      </div>
+    </div>
+    <!-- 服务echarts表 -->
+    <div class="service_echarts">
+      <div class="left_chart"></div>
+      <div class="right_chart"></div>
+    </div>
+    <div class="chart_num">
+      <div class="left_chart_num">
+        <div class="chart_num_text">惠企服务总量</div>
+        <div class="chart_num_value">1222</div>
+      </div>
+      <div class="right_chart_num">
+        <div class="chart_num_text">请求受理总量</div>
+        <div class="chart_num_value">1222</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "CompanyService",
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="less" scoped>
+.company_service_box {
+  margin-top: 10px;
+  width: 24vw;
+  height: 28vh;
+  // border: 0.1px solid #495e70;
+  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background-size: 100% 100%;
+  /* 盒子标题 */
+  .title {
+    width: 24vw;
+    height: 2.7vh;
+    display: flex;
+    font-size: 16px;
+    color: #d9e7ff;
+    font-weight: 500;
+    /* 图片盒子 */
+    .img_box {
+      width: 1.5vw;
+      height: 2.7vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    .title_text {
+      width: 4vw;
+      height: 3.2vh;
+      line-height: 3.2vh;
+      text-align: right;
+    }
+  }
+  .service_type {
+    width: 22vw;
+    height: 6vh;
+    margin-top: 1vh;
+    margin-left: 1vw;
+    display: flex;
+    justify-content: space-around;
+    .month_service {
+      width: 6vw;
+      height: 6.5vh;
+      background: url("~@/assets/safetyIndex/service001.png") no-repeat;
+      background-size: 100% 100%;
+      .month_service_text {
+        width: 6vw;
+        height: 3vh;
+        color: #37fdc7;
+        font-size: 14px;
+        font-weight: 600;
+        letter-spacing: 2px;
+        text-align: center;
+        line-height: 3vh;
+      }
+      .month_service_value {
+        text-align: center;
+        color: #37fdc7;
+        width: 6vw;
+        height: 3.5vh;
+        line-height: 3.5vh;
+        font-size: 28px;
+        font-weight: 600;
+      }
+    }
+    .season_service {
+      width: 6vw;
+      height: 6.5vh;
+      background: url("~@/assets/safetyIndex/service002.png") no-repeat;
+      background-size: 100% 100%;
+      .season_service_text {
+        width: 6vw;
+        height: 3vh;
+        color: #ecde3d;
+        font-size: 14px;
+        font-weight: 600;
+        letter-spacing: 2px;
+        text-align: center;
+        line-height: 3vh;
+      }
+      .season_service_value {
+        text-align: center;
+        color: #ecde3d;
+        width: 6vw;
+        height: 3.5vh;
+        line-height: 3.5vh;
+        font-size: 28px;
+        font-weight: 600;
+      }
+    }
+    .year_service {
+      width: 6vw;
+      height: 6.5vh;
+      background: url("~@/assets/safetyIndex/service001.png") no-repeat;
+      background-size: 100% 100%;
+      .year_service_text {
+        width: 6vw;
+        height: 3vh;
+        color: #37fdc7;
+        font-size: 14px;
+        font-weight: 600;
+        letter-spacing: 2px;
+        text-align: center;
+        line-height: 3vh;
+      }
+      .year_service_value {
+        text-align: center;
+        color: #37fdc7;
+        width: 6vw;
+        height: 3.5vh;
+        line-height: 3.5vh;
+        font-size: 28px;
+        font-weight: 600;
+      }
+    }
+  }
+  .service_echarts {
+    width: 24vw;
+    height: 13vh;
+    display: flex;
+    .left_chart {
+      width: 12vw;
+      height: 13vh;
+      border: 0.1px solid #495e70;
+    }
+    .right_chart {
+      width: 12vw;
+      height: 13vh;
+      border: 0.1px solid #495e70;
+    }
+  }
+  .chart_num {
+    margin-top: 0.5vh;
+    width: 24vw;
+    height: 3vh;
+    display: flex;
+    justify-content: space-around;
+    .left_chart_num {
+      width: 10vw;
+      height: 3vh;
+      background: url("~@/assets/safetyIndex/service003.png") no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      justify-content: center;
+      .chart_num_text {
+        width: 5vw;
+        height: 3vh;
+        text-align: center;
+        line-height: 3vh;
+        color: #d9e7ff;
+        font-size: 14px;
+      }
+      .chart_num_value {
+        width: 3vw;
+        height: 3vh;
+        text-align: center;
+        line-height: 3vh;
+        color: #d9e7ff;
+        font-size: 18px;
+        font-weight: 600;
+      }
+    }
+    .right_chart_num {
+      width: 10vw;
+      height: 3vh;
+      background: url("~@/assets/safetyIndex/service003.png") no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      justify-content: center;
+      .chart_num_text {
+        width: 5vw;
+        height: 3vh;
+        text-align: center;
+        line-height: 3vh;
+        color: #d9e7ff;
+        font-size: 14px;
+      }
+      .chart_num_value {
+        width: 3vw;
+        height: 3vh;
+        text-align: center;
+        line-height: 3vh;
+        color: #d9e7ff;
+        font-size: 18px;
+        font-weight: 600;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/compositeIndex/components/employee.vue b/src/views/compositeIndex/components/employee.vue
index bbbd99b..f612954 100644
--- a/src/views/compositeIndex/components/employee.vue
+++ b/src/views/compositeIndex/components/employee.vue
@@ -44,32 +44,70 @@
         <!-- 员工类型数量 -->
         <div class="person_type_num">
           <div class="person_type_num_item">
-            {{ this.person_list[0].number }}
+            {{ this.person_one }}
           </div>
           <div class="person_type_num_item">
-            {{ this.person_list[1].number }}
+            {{ this.person_two }}
           </div>
           <div class="person_type_num_item">
-            {{ this.person_list[2].number }}
+            {{ this.person_three }}
           </div>
           <div class="person_type_num_item">
-            {{ this.person_list[3].number }}
+            {{ this.person_four }}
           </div>
         </div>
+        <!-- 员工占比 -->
+        <div class="person_proportion">
+          <div class="person_proportion_item">
+            {{ this.proportion_list[0] }}
+          </div>
+          <div class="person_proportion_item">
+            {{ this.proportion_list[1] }}
+          </div>
+          <div class="person_proportion_item">
+            {{ this.proportion_list[2] }}
+          </div>
+          <div class="person_proportion_item">
+            {{ this.proportion_list[3] }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 访客和流动人员 -->
+    <div class="visitor_person_body">
+      <div class="visitor_body">
+        <div class="visitor_text">访客</div>
+        <div class="visitor_value">{{ this.visitor_num }}</div>
+      </div>
+      <div class="person_body">
+        <div class="person_text">流动人员</div>
+        <div class="person_value">{{ this.flow_person_num }}</div>
       </div>
     </div>
   </div>
 </template>
 <script>
 import HighCharts from "highcharts";
-import { staffStatistics } from "@/api/safetyIndex";
+import {
+  staffStatistics,
+  visitStatistics,
+  flowStatistics,
+} from "@/api/safetyIndex";
 export default {
   name: "Employee",
   data() {
     return {
       person_sum: "", // 员工总数
       person_list: [], // 员工类型数量
+      next_person_list: [], // 员工类型数量数组，另存，以免影响3d环图
+      person_one: "", // 普通岗位人数
+      person_two: "", // 重点岗位人数
+      person_three: "", // 专家岗位人数
+      person_four: "", // 重点人员人数
       option_data: [],
+      proportion_list: [],
+      visitor_num: 0,
+      flow_person_num: 0,
       statusChart: null,
       id: "DispatchProportion",
       option: {
@@ -144,6 +182,9 @@ export default {
   },
   created() {
     this.get_data();
+    this.get_person_data();
+    this.get_visitor_data();
+    this.get_flow_person_data()
   },
   // mounted() {
 
@@ -170,6 +211,17 @@ export default {
         this.person_sum = res.data.filter((item) => {
           return item.type == "全部";
         })[0].number;
+        // 求员工类型人员数量占比
+        for (let i = 0; i < this.person_list.length; i++) {
+          this.proportion_list.push(
+            Math.round(
+              (Number(this.person_list[i].number) / Number(this.person_sum)) *
+                10000
+            ) /
+              100 +
+              "%"
+          );
+        }
         console.log("this.optionData123", this.option_data);
         let data = [
           ["普通岗位", Number(this.option_data[0].value)],
@@ -181,13 +233,36 @@ export default {
         HighCharts.chart(this.id, this.option);
       });
     },
+    // 员工数量重新请求渲染 --> 原请求数据直接调用会和3d环图起冲突
+    get_person_data() {
+      staffStatistics().then((res) => {
+        let list = res.data.filter((item) => {
+          return item.type != "全部";
+        });
+        this.person_one = list[0].number;
+        this.person_two = list[1].number;
+        this.person_three = list[2].number;
+        this.person_four = list[3].number;
+      });
+    },
+    // 请求访客数量
+    get_visitor_data() {
+      visitStatistics().then((res) => {
+        this.visitor_num = res.data;
+      });
+    },
+    // 请求流动人员数量
+    get_flow_person_data() {
+      flowStatistics().then((res)=>{
+        this.flow_person_num = res.data
+      })
+    },
   },
 };
 </script>
 <style lang="less" scoped>
 .employee_box {
   margin-top: 10px;
-  margin-left: 20px;
   width: 24vw;
   height: 32vh;
   //   border: 0.1px solid #495e70;
@@ -269,7 +344,7 @@ export default {
     .chart_data_body {
       width: 12vw;
       height: 16vh;
-      border: 0.1px solid #495e70;
+      // border: 0.1px solid #495e70;
       display: flex;
       .data_icon {
         width: 1vw;
@@ -320,7 +395,6 @@ export default {
       .person_type_num {
         width: 3vw;
         height: 16vh;
-        border: 0.1px solid #495e70;
         .person_type_num_item {
           width: 3vw;
           height: 4vh;
@@ -329,6 +403,82 @@ export default {
           line-height: 4vh;
         }
       }
+      .person_proportion {
+        width: 3vw;
+        height: 16vh;
+        // border: 0.1px solid #495e70;
+        .person_proportion_item {
+          width: 3vw;
+          height: 4vh;
+          color: #d9e7ff;
+          text-align: center;
+          line-height: 4vh;
+        }
+      }
+    }
+  }
+  .visitor_person_body {
+    width: 22vw;
+    height: 5vh;
+    // border: 0.1px solid #495e70;
+    margin-left: 1vw;
+    display: flex;
+    justify-content: space-around;
+    .visitor_body {
+      width: 10vw;
+      height: 5vh;
+      background: url("~@/assets/safetyIndex/employee01.png") no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      justify-content: center;
+      .visitor_text {
+        width: 4vw;
+        height: 5vh;
+        text-align: right;
+        color: #d9e7ff;
+        line-height: 5vh;
+        font-size: 14px;
+        letter-spacing: 2px;
+        font-weight: 500;
+      }
+      .visitor_value {
+        width: 3vw;
+        height: 5vh;
+        color: #d9e7ff;
+        line-height: 5vh;
+        text-align: center;
+        font-weight: 800;
+        font-size: 18px;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+      }
+    }
+    .person_body {
+      width: 10vw;
+      height: 5vh;
+      background: url("~@/assets/safetyIndex/employee02.png") no-repeat;
+      background-size: 100% 100%;
+      // border: 0.1px solid #495e70;
+      display: flex;
+      justify-content: center;
+      .person_text {
+        width: 5.5vw;
+        height: 5vh;
+        text-align: right;
+        color: #d9e7ff;
+        line-height: 5vh;
+        font-size: 14px;
+        font-weight: 500;
+      }
+      .person_value {
+        width: 3vw;
+        height: 5vh;
+        color: #d9e7ff;
+        line-height: 5vh;
+        text-align: center;
+        font-weight: 800;
+        font-size: 18px;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+      }
     }
   }
 }
diff --git a/src/views/compositeIndex/components/notification.vue b/src/views/compositeIndex/components/notification.vue
new file mode 100644
index 0000000..66c3e45
--- /dev/null
+++ b/src/views/compositeIndex/components/notification.vue
@@ -0,0 +1,57 @@
+<!-- 警情通报 -->
+<template>
+  <div class="notification_box">
+    <!-- 模块标题 -->
+    <div class="title">
+      <div class="img_box">
+        <!-- <img src="@/assets/safetyIndex/装饰009991.png" alt="" /> -->
+      </div>
+      <div class="title_text">警情通报</div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "Notification",
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="less" scoped>
+.notification_box {
+  margin-top: 10px;
+  width: 24vw;
+  height: 32vh;
+  // border: 0.1px solid #495e70;
+  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background-size: 100% 100%;
+  /* 盒子标题 */
+  .title {
+    width: 24vw;
+    height: 2.7vh;
+    display: flex;
+    font-size: 16px;
+    color: #d9e7ff;
+    font-weight: 500;
+    /* 图片盒子 */
+    .img_box {
+      width: 1.5vw;
+      height: 2.7vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    .title_text {
+      width: 4vw;
+      height: 3.2vh;
+      line-height: 3.2vh;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/compositeIndex/index.vue b/src/views/compositeIndex/index.vue
index 126232f..7f9466a 100644
--- a/src/views/compositeIndex/index.vue
+++ b/src/views/compositeIndex/index.vue
@@ -3,21 +3,37 @@
   <div>
     <!-- 最底层地图框 -->
     <div class="map_box">
-      <!-- 园区企业 -->
-      <CompanyNum ref="companyNum"></CompanyNum>
-      <!-- 企业员工 -->
-      <Employee ref="employee"></Employee>
+      <div class="left_box">
+        <!-- 园区企业 -->
+        <CompanyNum ref="companyNum"></CompanyNum>
+        <!-- 企业员工 -->
+        <Employee ref="employee"></Employee>
+        <!-- 园区车辆 -->
+        <CompanyCar ref="companyCar"></CompanyCar>
+      </div>
+      <div class="right_box">
+        <!-- 惠企服务 -->
+        <CompanyService ref="companyService"></CompanyService>
+        <!-- 警情通报 -->
+        <Notification ref="notification"></Notification>
+      </div>
     </div>
   </div>
 </template>
 <script>
 import CompanyNum from "./components/companyNum";
 import Employee from "./components/employee";
+import CompanyCar from "./components/companyCar";
+import CompanyService from "./components/companyService";
+import Notification from "./components/notification"
 export default {
   name: "CompositeIndex",
   components: {
     CompanyNum,
     Employee,
+    CompanyCar,
+    CompanyService,
+    Notification
   },
   data() {
     return {};
@@ -30,6 +46,17 @@ export default {
   width: 100%;
   height: calc(100% - 80px);
   box-sizing: border-box;
+  position: relative;
   //   border: 0.1px solid #495e70;
+  .left_box {
+    position: absolute;
+    width: 24vw;
+    left: 20px;
+  }
+  .right_box {
+    position: absolute;
+    width: 24vw;
+    right: 20px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/realtimeWarning/index.vue b/src/views/realtimeWarning/index.vue
index 2ec3720..0c13f43 100644
--- a/src/views/realtimeWarning/index.vue
+++ b/src/views/realtimeWarning/index.vue
@@ -21,7 +21,7 @@
         <div class="totalTitle">
           <div class="titleText">预警列表</div>
           <span
-            >&nbsp;（ <span class="redText">{{ total }}</span> ）</span
+            >( <span class="redText">{{ total }}</span> )</span
           >
           <div class="searchBox">
             <el-form :model="formInline" class="search">
@@ -293,7 +293,7 @@ export default {
           font-size: 16px;
           color: #ebfff4;
           letter-spacing: 2px;
-          width: 120px;
+          width: 80px;
           text-shadow: 0 0 9px rgba(21, 255, 195, 0.6);
           font-weight: 400;
         }
diff --git a/src/views/safetyIndex/anjian.vue b/src/views/safetyIndex/anjian.vue
index 2939a4a..c7aa2c9 100644
--- a/src/views/safetyIndex/anjian.vue
+++ b/src/views/safetyIndex/anjian.vue
@@ -1,22 +1,38 @@
 <template>
-    <div class="asj">
-        <div class="title"><img src="../../assets/safetyIndex/装饰009991.png" alt="">案事件</div>
-        <div class="qyclBody">
-            <swiper :options="swiperOption1" class="swiper" ref="mySwiper1" v-if="caseTotalList.length">
-                <swiper-slide v-for="(item, index) of caseTotalList" :key="index" class="today">
-                    <div class="todayChild" @click="showfangkeVisible(item)">
-                        <div class="caseDetail">{{ item.caseName }}</div>
-                        <div class="caseMsg">
-                            <div>企业名称：{{ item.caseAddress }}</div>
-                            <div>时间：{{ item.registerTime }}</div>
-                        </div>
-                    </div>
-                </swiper-slide>
-            </swiper>
-        </div>
-        <el-dialog title="案件详情" :visible.sync="fangkeVisible" class="picForm" v-if="anjianDetail">
-            <div class="jibenx">
-                <!-- <div class="jibenhang">
+  <div class="asj">
+    <div class="title">
+      <img src="../../assets/safetyIndex/装饰009991.png" alt="" />案事件
+    </div>
+    <div class="qyclBody">
+      <swiper
+        :options="swiperOption1"
+        class="swiper"
+        ref="mySwiper1"
+        v-if="caseTotalList.length"
+      >
+        <swiper-slide
+          v-for="(item, index) of caseTotalList"
+          :key="index"
+          class="today"
+        >
+          <div class="todayChild" @click="showfangkeVisible(item)">
+            <div class="caseDetail">{{ item.caseName }}</div>
+            <div class="caseMsg">
+              <div>企业名称：{{ item.caseAddress }}</div>
+              <div>时间：{{ item.registerTime }}</div>
+            </div>
+          </div>
+        </swiper-slide>
+      </swiper>
+    </div>
+    <el-dialog
+      title="案件详情"
+      :visible.sync="fangkeVisible"
+      class="picForm"
+      v-if="anjianDetail"
+    >
+      <div class="jibenx">
+        <!-- <div class="jibenhang">
         <div class="jibenhangTitle">企业名称</div>
         <div class="jibenhangleftText">
             <span v-html="anjianDetail.caseName"></span>
@@ -26,411 +42,396 @@
             <div>{{ anjianDetail.caseName }}</div>
         </div>
     </div> -->
-                <div class="jibenhang">
-                    <div class="jibenhangTitle">案件编号</div>
-                    <div class="jibenhangleftText">
-                        <span v-html="anjianDetail.caseNo"></span>
-                    </div>
-                    <div class="jibenhangTitle">案件名称</div>
-                    <div class="jibenhangrightText">
-                        <div>{{ anjianDetail.caseName }}</div>
-                    </div>
-                </div>
-                <div class="jibenhang">
-                    <div class="jibenhangTitle">案件分类</div>
-                    <div class="jibenhangleftText">
-                        <span v-html="anjianDetail.caseType"></span>
-                    </div>
-                    <div class="jibenhangTitle">案件类别</div>
-                    <div class="jibenhangrightText">
-                        <div>{{ anjianDetail.caseCategory }}</div>
-                    </div>
-                </div>
-                <div class="jibenhang">
-                    <div class="jibenhangTitle">发案区划</div>
-                    <div class="jibenhangleftText">
-                        <span v-html="anjianDetail.policeDistrictCode"></span>
-                    </div>
-                    <div class="jibenhangTitle">派出所</div>
-                    <div class="jibenhangrightText">
-                        <div>{{ anjianDetail.policeDistrictCn }}</div>
-                    </div>
-                </div>
-                <div class="jibenhang">
-                    <div class="jibenhangTitle">破案情况</div>
-                    <div class="jibenhangleftText">
-                        <span v-html="anjianDetail.caseState"></span>
-                    </div>
-                    <div class="jibenhangTitle">发案地点</div>
-                    <div class="jibenhangrightText">
-                        <div>{{ anjianDetail.caseAddress }}</div>
-                    </div>
-                </div>
-                <div class="jibenhang1 jibenhang">
-                    <div class="jibenhangTitle">简要案情</div>
-                    <div class="jibenhangText">
-                        <span>{{ anjianDetail.caseDetail }}</span>
-                    </div>
-
-                </div>
-            </div>
-        </el-dialog>
-    </div>
+        <div class="jibenhang">
+          <div class="jibenhangTitle">案件编号</div>
+          <div class="jibenhangleftText">
+            <span v-html="anjianDetail.caseNo"></span>
+          </div>
+          <div class="jibenhangTitle">案件名称</div>
+          <div class="jibenhangrightText">
+            <div>{{ anjianDetail.caseName }}</div>
+          </div>
+        </div>
+        <div class="jibenhang">
+          <div class="jibenhangTitle">案件分类</div>
+          <div class="jibenhangleftText">
+            <span v-html="anjianDetail.caseType"></span>
+          </div>
+          <div class="jibenhangTitle">案件类别</div>
+          <div class="jibenhangrightText">
+            <div>{{ anjianDetail.caseCategory }}</div>
+          </div>
+        </div>
+        <div class="jibenhang">
+          <div class="jibenhangTitle">发案区划</div>
+          <div class="jibenhangleftText">
+            <span v-html="anjianDetail.policeDistrictCode"></span>
+          </div>
+          <div class="jibenhangTitle">派出所</div>
+          <div class="jibenhangrightText">
+            <div>{{ anjianDetail.policeDistrictCn }}</div>
+          </div>
+        </div>
+        <div class="jibenhang">
+          <div class="jibenhangTitle">破案情况</div>
+          <div class="jibenhangleftText">
+            <span v-html="anjianDetail.caseState"></span>
+          </div>
+          <div class="jibenhangTitle">发案地点</div>
+          <div class="jibenhangrightText">
+            <div>{{ anjianDetail.caseAddress }}</div>
+          </div>
+        </div>
+        <div class="jibenhang1 jibenhang">
+          <div class="jibenhangTitle">简要案情</div>
+          <div class="jibenhangText">
+            <span>{{ anjianDetail.caseDetail }}</span>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import "swiper/dist/css/swiper.min.css";
-import { swiper, swiperSlide } from "vue-awesome-swiper/dist/vue-awesome-swiper.js";
-import { caseList } from '@/api/safetyIndex'
+import {
+  swiper,
+  swiperSlide,
+} from "vue-awesome-swiper/dist/vue-awesome-swiper.js";
+import { caseList } from "@/api/safetyIndex";
 export default {
-    components: {
-        swiper,
-        swiperSlide
+  components: {
+    swiper,
+    swiperSlide,
+  },
+  data() {
+    return {
+      staffStatisticsList: [],
+      staffDetailList: [],
+      listTotal: {},
+      fangkeVisible: false,
+      fangkepageSize: 10,
+      fangkepageNum: 1,
+      fangketotal: 0,
+      fangkeList: [],
+      intotal: 0,
+      outtotal: 0,
+      ziyouTotal: 0,
+      zulintotal: 0,
+      useType: 0,
+      caseTotalList: [],
+      anjianDetail: {},
+      swiperOption1: {
+        direction: "vertical",
+        // cubeEffect:true,
+        grabCursor: true,
+        // centeredSlides: true,
+        slidesPerView: "auto",
+        loop: true, // 循环模式选项 设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。
+        loopedSlides: 2, //在loop模式下使用slidesPerview:'auto'，还需使用该参数设置所要用到的loop个数(一般设置大于可视slide个数2个即可)。
+        autoplay: {
+          delay: 3000,
+          disableOnInteraction: false,
+        },
+        //滑动速度
+        speed: 1000,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      caseList().then((res) => {
+        this.caseTotalList = res.data;
+      });
     },
-    data() {
+    tableRowStyle({ rowIndex }) {
+      if ((rowIndex + 1) % 2 == 1) {
+        return { background: "rgba(0,0,0,0)", color: "#fff", border: "0" };
+      } else {
         return {
-            staffStatisticsList: [],
-            staffDetailList: [],
-            listTotal: {},
-            fangkeVisible: false,
-            fangkepageSize: 10,
-            fangkepageNum: 1,
-            fangketotal: 0,
-            fangkeList: [],
-            intotal: 0,
-            outtotal: 0,
-            ziyouTotal: 0,
-            zulintotal: 0,
-            useType: 0,
-            caseTotalList: [],
-            anjianDetail: {},
-            swiperOption1: {
-                direction: "vertical",
-                // cubeEffect:true,
-                grabCursor: true,
-                // centeredSlides: true,
-                slidesPerView: 'auto',
-                loop: true, // 循环模式选项 设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。
-                loopedSlides: 2, //在loop模式下使用slidesPerview:'auto'，还需使用该参数设置所要用到的loop个数(一般设置大于可视slide个数2个即可)。
-                autoplay: {
-                    delay: 3000,
-                    disableOnInteraction: false,
-                },
-                //滑动速度
-                speed: 1000,
-            }
-        }
+          background: "rgba(61, 85, 102, 0.16)",
+          border: "0",
+          color: "#fff",
+        };
+      }
     },
-    created() {
-        this.getList()
-
+    tableHeaderColor() {
+      return {
+        background:
+          "linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)",
+      };
+      // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
+    },
+    tableHeaderCellColor() {
+      return { background: "rgba(0,0,0,0)", border: "0", color: "#fff" };
     },
-    methods: {
-        getList() {
-            caseList().then(res => {
-                this.caseTotalList = res.data
-            })
-        },
-        tableRowStyle({ rowIndex }) {
-            if ((rowIndex + 1) % 2 == 1) {
-                return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
-            } else {
-                return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
-            }
-        },
-        tableHeaderColor() {
-            return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
-            // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
-        },
-        tableHeaderCellColor() {
-            return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
-        },
-
-        fangkeSizeChange(val) {
-            this.fangkepageNum = 1;
-            this.fangkepageSize = val;
-            this.showfangkeVisible(this.useType)
-        },
-        fangkeCurrentChange(val) {
-            this.fangkepageNum = val;
-            this.showfangkeVisible(this.useType)
-        },
 
+    fangkeSizeChange(val) {
+      this.fangkepageNum = 1;
+      this.fangkepageSize = val;
+      this.showfangkeVisible(this.useType);
+    },
+    fangkeCurrentChange(val) {
+      this.fangkepageNum = val;
+      this.showfangkeVisible(this.useType);
+    },
 
-        showfangkeVisible(val) {
-            this.anjianDetail = val
-            this.fangkeVisible = true
-        }
+    showfangkeVisible(val) {
+      this.anjianDetail = val;
+      this.fangkeVisible = true;
     },
-}
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .asj {
-    height: 23%;
+  height: 23%;
+  width: 100%;
+  margin-bottom: 20px;
+  background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
+  background-size: 100% 100%;
+
+  .title {
     width: 100%;
-    margin-bottom: 20px;
-    background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
+    height: 33px;
+    background: url("~@/assets/safetyIndex/标题样式.png") no-repeat;
     background-size: 100% 100%;
+    font-size: 16px;
+    color: #d9e7ff;
+    letter-spacing: 1px;
+    text-align: center;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 16px;
+      height: 16px;
+      margin: 0 12px;
+    }
+  }
 
+  .qyclBody {
+    width: 100%;
+    height: calc(100% - 33px);
+    padding: 0 20px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-content: space-around;
+    flex-wrap: wrap;
+    overflow: hidden;
+
+    .swiper {
+      width: 100%;
+      height: 100%;
+    }
 
+    .today {
+      width: 100%;
+      height: 50%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 5px 0;
+      box-sizing: border-box;
 
-    .title {
+      .todayChild {
         width: 100%;
-        height: 33px;
-        background: url('~@/assets/safetyIndex/标题样式.png') no-repeat;
-        background-size: 100% 100%;
-        font-size: 16px;
-        color: #D9E7FF;
-        letter-spacing: 1px;
-        text-align: center;
-        font-weight: 500;
+        height: 100%;
         display: flex;
         align-items: center;
-
-        img {
-            width: 16px;
-            height: 16px;
-            margin: 0 12px;
-        }
-    }
-
-    .qyclBody {
-        width: 100%;
-        height: calc(100% - 33px);
-        padding: 0 20px;
-        box-sizing: border-box;
-        display: flex;
-        justify-content: center;
-        align-content: space-around;
         flex-wrap: wrap;
-        overflow: hidden;
-
-        .swiper {
-            width: 100%;
-            height: 100%;
+        box-sizing: border-box;
+        position: relative;
+        padding: 10px 8px;
+        background: rgba(0, 0, 0, 0);
+        z-index: 200;
+        cursor: pointer;
+
+        .caseDetail {
+          width: 100%;
+          height: 60%;
+          font-size: 16px;
+          color: #ffe6d9;
+          letter-spacing: 0;
+          line-height: 16px;
+          text-shadow: 0 0 8px rgba(255, 119, 52, 0.5);
+          font-weight: 400;
+          // display: flex;
+          // align-items: center;
+          overflow: hidden;
+          white-space: nowrap; //禁止换行
+          text-overflow: ellipsis; //...
         }
 
-        .today {
-            width: 100%;
-            height: 50%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 5px 0;
-            box-sizing: border-box;
-
-
-            .todayChild {
-                width: 100%;
-                height: 100%;
-                display: flex;
-                align-items: center;
-                flex-wrap: wrap;
-                box-sizing: border-box;
-                position: relative;
-                padding: 10px 8px;
-                background: rgba(0, 0, 0, 0);
-                z-index: 200;
-                cursor: pointer;
-
-                .caseDetail {
-                    width: 100%;
-                    height: 60%;
-                    font-size: 16px;
-                    color: #FFE6D9;
-                    letter-spacing: 0;
-                    line-height: 16px;
-                    text-shadow: 0 0 8px rgba(255, 119, 52, 0.50);
-                    font-weight: 400;
-                    // display: flex;
-                    // align-items: center;
-                    overflow: hidden;
-                    white-space: nowrap; //禁止换行
-                    text-overflow: ellipsis; //...
-                }
-
-                .caseMsg {
-                    width: 100%;
-                    height: 40%;
-                    font-size: 14px;
-                    color: #D0DEEE;
-                    letter-spacing: 0;
-                    line-height: 16px;
-                    font-weight: 400;
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                }
-
-            }
-
-            .todayChild::after {
-                content: "";
-                background: url('~@/assets/safetyIndex/0091.png') no-repeat;
-                background-size: 100% 100%;
-                opacity: 0.5;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                right: 0;
-                position: absolute;
-                z-index: -1;
-            }
-
+        .caseMsg {
+          width: 100%;
+          height: 40%;
+          font-size: 14px;
+          color: #d0deee;
+          letter-spacing: 0;
+          line-height: 16px;
+          font-weight: 400;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
         }
+      }
 
-
+      .todayChild::after {
+        content: "";
+        background: url("~@/assets/safetyIndex/0091.png") no-repeat;
+        background-size: 100% 100%;
+        opacity: 0.5;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        position: absolute;
+        z-index: -1;
+      }
     }
-
-
-
+  }
 }
 
-
 .picForm {
+  /deep/ .el-dialog {
+    background-color: rgba(0, 0, 0, 0);
+    background: url("~@/assets/companyFile/背景2.png") no-repeat;
+    background-size: 100% 100%;
+    width: 811px;
+    height: 420px;
+    position: relative;
 
+    .el-dialog__title {
+      font-size: 16px;
+      color: #ebfff4;
+      letter-spacing: 2px;
 
-    /deep/ .el-dialog {
-        background-color: rgba(0, 0, 0, 0);
-        background: url('~@/assets/companyFile/背景2.png') no-repeat;
-        background-size: 100% 100%;
-        width: 811px;
-        height: 420px;
-        position: relative;
-
-        .el-dialog__title {
-            font-size: 16px;
-            color: #EBFFF4;
-            letter-spacing: 2px;
-
-            text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-            font-weight: 400;
-        }
-
-        .el-dialog__body {
-            box-sizing: border-box;
-            height: 360px;
-
-
-            .jibenx {
-                width: 100%;
-                height: 100%;
-                border: 1px solid rgba(91, 116, 140, 0.6);
-
-                .jibenhang {
-                    height: 19%;
-                    width: 100%;
-                    display: flex;
-                    border-bottom: 1px solid rgba(91, 116, 140, 0.6);
-
-                    .jibenhangTitle {
-                        box-sizing: border-box;
-                        padding-left: 10px;
-                        width: 15%;
-                        height: 100%;
-                        background: rgba(108, 128, 151, 0.20);
-                        line-height: 48px;
-                        border-right: 1px solid rgba(91, 116, 140, 0.6);
-                        font-size: 14px;
-                        color: rgba(255, 255, 255, 0.8);
-                        letter-spacing: 0;
-                        font-weight: 400;
+      text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+      font-weight: 400;
+    }
 
-                    }
+    .el-dialog__body {
+      box-sizing: border-box;
+      height: 360px;
 
-                    .jibenhangleftText {
-                        width: 30%;
-                        box-sizing: border-box;
-                        padding-left: 10px;
-                        height: 100%;
-                        border-right: 1px solid rgba(91, 116, 140, 0.6);
-                        line-height: 48px;
-                        font-size: 12px;
-                        color: #FFFFFF;
-                        letter-spacing: 0;
-                        font-weight: 400;
-                    }
+      .jibenx {
+        width: 100%;
+        height: 100%;
+        border: 1px solid rgba(91, 116, 140, 0.6);
 
-                    .jibenhangrightText {
-                        box-sizing: border-box;
-                        padding-left: 10px;
-                        width: 40%;
-                        height: 100%;
-                        line-height: 48px;
-                        font-size: 12px;
-                        color: #FFFFFF;
-                        letter-spacing: 0;
-                        font-weight: 400;
-                        overflow: hidden;
-                    }
+        .jibenhang {
+          height: 19%;
+          width: 100%;
+          display: flex;
+          border-bottom: 1px solid rgba(91, 116, 140, 0.6);
 
-                    .jibenhangText {
-                        padding-left: 10px;
-                        width: 85%;
-                        height: 100%;
-                        display: flex;
-                        align-items: center;
-                        font-size: 12px;
-                        color: #FFFFFF;
-                    }
-                }
+          .jibenhangTitle {
+            box-sizing: border-box;
+            padding-left: 10px;
+            width: 15%;
+            height: 100%;
+            background: rgba(108, 128, 151, 0.2);
+            line-height: 48px;
+            border-right: 1px solid rgba(91, 116, 140, 0.6);
+            font-size: 14px;
+            color: rgba(255, 255, 255, 0.8);
+            letter-spacing: 0;
+            font-weight: 400;
+          }
 
-                .jibenhang1 {
-                    height: 24%;
-                    width: 100%;
-                    border-bottom: 0;
-                    box-sizing: border-box;
+          .jibenhangleftText {
+            width: 30%;
+            box-sizing: border-box;
+            padding-left: 10px;
+            height: 100%;
+            border-right: 1px solid rgba(91, 116, 140, 0.6);
+            line-height: 48px;
+            font-size: 12px;
+            color: #ffffff;
+            letter-spacing: 0;
+            font-weight: 400;
+          }
 
-                    .jibenhangTitle {
+          .jibenhangrightText {
+            box-sizing: border-box;
+            padding-left: 10px;
+            width: 40%;
+            height: 100%;
+            line-height: 48px;
+            font-size: 12px;
+            color: #ffffff;
+            letter-spacing: 0;
+            font-weight: 400;
+            overflow: hidden;
+          }
 
-                        padding-left: 12px;
-                        width: 15%;
-                        height: 100%;
-                        background: rgba(108, 128, 151, 0.20);
-                        line-height: 57px;
-                        border-right: 1px solid rgba(91, 116, 140, 0.6);
-                        font-size: 14px;
-                        color: rgba(255, 255, 255, 0.8);
-                        letter-spacing: 0;
-                        font-weight: 400;
+          .jibenhangText {
+            padding-left: 10px;
+            width: 85%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            font-size: 12px;
+            color: #ffffff;
+          }
+        }
 
-                    }
+        .jibenhang1 {
+          height: 24%;
+          width: 100%;
+          border-bottom: 0;
+          box-sizing: border-box;
 
-                    .jibenhangText {
-                        padding-left: 10px;
-                        width: 84.8%;
-                        height: 100%;
-                        display: flex;
-                        align-items: center;
-                        font-size: 12px;
-                        color: #FFFFFF;
-                        box-sizing: border-box;
-                    }
-                }
-            }
+          .jibenhangTitle {
+            padding-left: 12px;
+            width: 15%;
+            height: 100%;
+            background: rgba(108, 128, 151, 0.2);
+            line-height: 57px;
+            border-right: 1px solid rgba(91, 116, 140, 0.6);
+            font-size: 14px;
+            color: rgba(255, 255, 255, 0.8);
+            letter-spacing: 0;
+            font-weight: 400;
+          }
 
+          .jibenhangText {
+            padding-left: 10px;
+            width: 84.8%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            font-size: 12px;
+            color: #ffffff;
+            box-sizing: border-box;
+          }
         }
+      }
     }
+  }
 }
 
-
-
 /deep/.el-input__inner {
-    // background: url('~@/assets/companyFile/2121.png') no-repeat;
-    background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
-    background-size: 100% 100%;
-    border: 1px solid rgba(40, 132, 126, 1);
-    color: rgba(234, 246, 255, 0.7);
-    ;
-
-    .el-range-separator {
-        color: #ccc;
-    }
-
-    .el-range-input {
-        background: rgba(0, 0, 0, 0);
-        color: #ccc;
-    }
+  // background: url('~@/assets/companyFile/2121.png') no-repeat;
+  background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
+  background-size: 100% 100%;
+  border: 1px solid rgba(40, 132, 126, 1);
+  color: rgba(234, 246, 255, 0.7);
+  .el-range-separator {
+    color: #ccc;
+  }
+
+  .el-range-input {
+    background: rgba(0, 0, 0, 0);
+    color: #ccc;
+  }
 }
 </style>
\ No newline at end of file