From 26a1f2cf61d2d359dcd3e352ddcb8ef080396db2 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 5 Nov 2021 17:02:06 +0800
Subject: [PATCH] fdsfd

---
 src/assets/img/shuju/card/bg.png              | Bin 0 -> 922 bytes
 src/assets/img/shuju/card/l-b.png             | Bin 0 -> 1142 bytes
 src/assets/img/shuju/card/l-t.png             | Bin 0 -> 1087 bytes
 src/assets/img/shuju/card/line-b.png          | Bin 0 -> 991 bytes
 src/assets/img/shuju/card/line-l.png          | Bin 0 -> 989 bytes
 src/assets/img/shuju/card/line-r.png          | Bin 0 -> 987 bytes
 src/assets/img/shuju/card/line-t.png          | Bin 0 -> 943 bytes
 src/assets/img/shuju/card/r-b.png             | Bin 0 -> 15626 bytes
 src/assets/img/shuju/card/r-t.png             | Bin 0 -> 1693 bytes
 src/assets/img/shuju/title-tip.png            | Bin 0 -> 1539 bytes
 src/assets/img/shuju/youby.png                | Bin 0 -> 4241 bytes
 src/assets/scss/people.scss                   |   7 +
 src/assets/scss/shuju-card.scss               |  72 +++++++
 src/router/index.js                           |   9 +
 src/views/modules/visual/basicinfo/people.vue | 175 ++++++++++++++++++
 src/views/modules/visual/cpts/card.vue        |  36 ++++
 16 files changed, 299 insertions(+)
 create mode 100644 src/assets/img/shuju/card/bg.png
 create mode 100644 src/assets/img/shuju/card/l-b.png
 create mode 100644 src/assets/img/shuju/card/l-t.png
 create mode 100644 src/assets/img/shuju/card/line-b.png
 create mode 100644 src/assets/img/shuju/card/line-l.png
 create mode 100644 src/assets/img/shuju/card/line-r.png
 create mode 100644 src/assets/img/shuju/card/line-t.png
 create mode 100644 src/assets/img/shuju/card/r-b.png
 create mode 100644 src/assets/img/shuju/card/r-t.png
 create mode 100644 src/assets/img/shuju/title-tip.png
 create mode 100644 src/assets/img/shuju/youby.png
 create mode 100644 src/assets/scss/people.scss
 create mode 100644 src/assets/scss/shuju-card.scss
 create mode 100644 src/views/modules/visual/basicinfo/people.vue
 create mode 100644 src/views/modules/visual/cpts/card.vue

diff --git a/src/assets/img/shuju/card/bg.png b/src/assets/img/shuju/card/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..89d483b5300e1a554950bcc230c7ec3ac3d50f5a
GIT binary patch
literal 922
zcmaJ=J#W)M7<P(4s8Yqm01O=N07%5=vtu>3VyeV;s0EIqG*UC-*q6jg?K9^Kb~3W{
z4=}K>Ff+0+z`(*^VB#MzvvE%2l!0LBd>?wA=Y8Jy-n;1co*nGp-4_Jmz&)`Ce6E$_
z<_-S8fBV}7pYAYc#7@bC<vztiJ0xQa+}NMu0rtb?tM9la2-hA&!x0;KFN}c1l3!w^
zB2GD55L(AY>IZYoz!*=X#1wyh{vv`XG{rN`lfBf!v*=_+@#(5J3|8|%55?oBpj8-L
zAjZrGMSPxQMq!F;U4yU7V<>_(gw0Ly($vW71B*}$G)b!mGHQS$T|ydaG|>~F$Vi2<
z3XxhziXrO;(!k~uc{CbMjDg+V#Ns<soH3Rf5axL<<*G#J6e3;Mp{zhfsdGd<TPDme
z>PdE3DcCp*Xq2*uB%oCE$7I1wkvqLiAx^ilNwz5yFBmNR6e3A3Q>uWT_kU;{Z_ybW
z;48oX6wZdr6vF||$bts^;wFb>sMN41_8Fl=Le8ry_Gg5VY(`RGS>VxGl!PSD9<Sk^
zXShkm{3O7xZHin#ilWfa6r{8@OI97EBIH<Y-9B;}n$>8ka?`S`iffZ#5#xka-0+Hv
zc5=&3h*KWf#x#13!!9K;SZ8cRJH2$Aoq8K?xYJ9gyORsK8Cc%yU-w)c@#ZO)+pguC
zZQtXBH#_BB{qXJY=ln(7a_#o8_%Z(Z=^d(pufpE@TC#WV!}apDxK7Xh*m?Qp4`RR<
A&;S4c

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/l-b.png b/src/assets/img/shuju/card/l-b.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaa27965708eaf9c1f791374483caddb3aecc8c4
GIT binary patch
literal 1142
zcmaJ=OH30%7~Y~1tfC&gNHnfXKt;Qcwkzz0O4@FL8WwA5A{>k^y92DaJL~RX3(<fk
zVuS<n;=!AGP!oc9^Kq!r7y=R>F~*}&<3UY)UNkAzS)|p2b&`4flkfZf$NY0P(cV(&
zt@08CQ5kQQl6YU`&WdupUYktU;?3hETO!2NqmA#dvAj1dhY8}w#HyUK0^2LC)-H!2
z*4%feX9ix?@Z|;+>qH%}2c;Do5Md2=12S$Xy&wq`ZSd$UXe5YbTl7>X>Xh3=6&keS
zV(5%vVKzZDHf1bD?FWeL2EDo&qCVZpQlzehsQtXm%2pKg>8(RH=oo5GsYCs$pixb`
z$;OO`1q^@`GGiPu9WfK47Ij5@cCQ(VT!f(h5cNB#PB}qFp$$l$=6x#51<87W=6EjH
z!0jacEEizd0K)}*oL^)Gk>kmwL1AyU)*~jR<|SX)3Q>IsSt7%v(`h;#prPH%aDpH(
zte^4weHh_$22G@7e5O-fP>_J5+PZ~wXp*j?(hUbth{BQnPQkE>vZk|CCR{KkqgV__
zvu;WSpe+9%Y8XYdgOcD+y#Ew-QiB#?lE8rjwu&FFr`mO8iBTIU2-+zKj})qy=z|D4
zeb6GKQF7aU-PB;(*}e#uWif6#NHJ9qmqHX4pmkjn8zep`2$AMMjKd=qZHUH#5k3-#
z1cmzgNH|vDN>CjzfQbrRt;mhCCAn@V7#8*{0b4%?v}PL`<YLC6UOE=3q}~!&D;Y~9
zR+7u$U>NsZ|9a=b6>c8)SnOJC6#E{SxY=#o)n$(oH2x8{;!-%ZtwYtU6W=eqnVI#?
z=U)zY-!1>SkY5WpHmqMFX2(7)DCas(TVIydj$Yq;JU_i>Wlnqk^vu|+<!!5HCJ%DQ
zhu?aG2Xb4-&(o=mJ4SB)n4Wb;v+%&r>A8nFZQqNsam7=y_G2J3_xao9Z<}}3Ja{>I
z_<dsE`jM)tGiY-lH}v7_c&uxoe%w2HWy8f_oppP1{_cEs;_c&SEp7Si@X4{)iPdFO
jFGgw|-qSU|&Qo4aOl0|*drvmix&JyIYnP@Xhfe(ht2BLj

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/l-t.png b/src/assets/img/shuju/card/l-t.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd34c828b162558395fefc306172547cf9df9270
GIT binary patch
literal 1087
zcmaJ=TSyd97#@_?NPMg40x?ZdS?yeQchDK!7H4P8rAB1iaD9jzXO24P%$a76?XE9I
z_K*@~5N1S?kAVbTD5N0Kr|1H`M5%Ox=)utNK_R2<jJjJ7Z3kw~h41_R@Bhz#`WqV#
zS8Uj}fgp&Ac)gs!bGi4e_u>ET(exfXZAGyZItJTNT6F+XtHV}6#!a;yB!H@CPdx)Q
z1W~%vNTyIqIVx(<q*V_?XG|Nj38E&Fu~n@TAhH#-8&;T_fBcjp4LwXX@d~ThQP5%3
z_c-8KPeW4c>C^<BiX0+qG9nf*0aD3~*=4z6CQPm9ig@iEGZeW3L7ic0)l^DpB%{y)
zBv12xjpagQl|XYm7pmqCk^z<rGHj6Hf_^R_vVzF*<l3NcG)Hd}6LQ^JEW8U-9SGSX
z!=%$`Ivu2;)6Q^$ATVrz2?YEY;diqZQZs(b-IZ66fvY)&jSOg!o}$_cyHS|JPFGVf
z?Sic3u9XQFjLE1r!_lmlQXZ%%|A(4p0qvp$_~ZAV!frBa1114n*zIWe;@Wn3p=>eg
z02M(e31L^hij5r*LAL|iWHd_dYcebyrrpXFxT1)0%SEcCfw&x|umEisx>zmqAwiJp
zf-w${ShPAC3rV~bltMyPl~fzcb7iP?o4`VOu3q3q*`i#p6HFUNmVslO26~+XO>!k;
z(J1akE~>Z2)r)$OVnw+OHp6)L`qw?@k8tyN%R<-UO`-3Bg`3^MU0w33k;X6LL0qm)
zW~N&8@pYpY2RQqAm+#({7U@E2)6~t&`p1paFBg{Il?_EMS(E3Q*^T0f!M2vo?<W_Q
zUmscg&_q*5M)p5^eDL}Bi>Ft=EcNaE)_dnfT~*o0+fPqQO1I~B44qt>yPq4&R$QMY
z2X4>@N|l+(#pOBWP2`dFc_CQdH_IRQ`F7lzm~Lv$&5XS~Q^s<v&ENf*{c(O!8V(L$
q`_-G9_&%TOl?JYDsV8<<`qr~VBqV<NI@LeyJ?VI?LB1okoc#^`F>t#8

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/line-b.png b/src/assets/img/shuju/card/line-b.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ee88b33afe8c5cab3c5ba1ad51aec9c4d6e38bb
GIT binary patch
literal 991
zcmaJ=zi-n(6uydrN~<z}#4j-%&Qc`evz<nXO-+^9P8$hVRT`-&6Rv$ttkyo`yAY=v
zY+YdL(ut9&5)3RzfW%M`5`RO*f)GR5K!|~JnxqVblg_^P^nKs^aqo7PmlmccuTBC0
zrmKr)jsM5^o|-trzpo#EIZ7S0wonH9pRRr7#(1-2mjHPFWa_tbn%ifi#Wf1Rxp(Ov
zJ0Q<I?!3aR23sK;tmDKOlsvMIVKs1?xP~3Cd;bHT1K`wkzusUC`;O+4Ky*@!m;@1L
z128wAM2@?O8C=IrKh%YzS8oL9d%Cciw<S9=aLZrZj`7O&Qr+F&bX8B7zYXUSjSB>r
zIWP&fLaHUY(9_lUIdvle_8@Fi7mkx^*vrr$F@||DpLHd978X=d&dak!`6g5(IftYi
zl5<&E(Ii!q^RT}J9xe7Zw3=Dz$KsYQv>1ytggTv$*vW|`ZX#J#RU|1$QL-G7rQMJ@
zNj9XJfr5#t8~YLSNeEL#XPvZ}F7Ql`O9-N&Y)JcU;tfNI6CqiY(vk*1+x|Z^2!?3N
zYWO7Ie+tujH^QifDQU+pzqpM|8Y<F^7(0x_bwaiVU0iMvMreyf&@kZ4svml!LvQrp
zwyjk|%AC-}RZ|zZfav?4W)({Xt5P;|mduxBsD*-JC`F|t&8kJKP#JJd;<f`EvH{mS
z;aVfP=_CXZk8I-De}KJ8Oaj=eSo25cQXZ+-=X#@aF-CF`PX?v;`qw=VTzq)a<8W%Z
zF`RoG@?nqpRPWvT@r}O-p=y@umsj1xmwWQVow13h;}<d+<<joYk2CKN-X8w?o(Ffq
V_>1$OcQ2+7sA?^l`{jF&{s4iSF)9E6

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/line-l.png b/src/assets/img/shuju/card/line-l.png
new file mode 100644
index 0000000000000000000000000000000000000000..b863ea77a13ef0f3a09c0fc32db295794721a0db
GIT binary patch
literal 989
zcmaJ=J#W)M7`_UqN~^*Oh~aP-kciKA8YMO{C9$1060V{&Qp1L0UlXgf@9<rTTM1QS
zK}_uZ1x%Hg89-vFDxog?00t(+zz9e{Ij2d=Ksf2_dr!~vyr1{HvAR4zdu<i~FkfG>
zo8mtw_SDR@_|6nt_cDVum#g65`1)sIobOiL3IMNO%>DE(2>T*kdB6a;^e)>|hva1-
zF0XQ@&DY2V?|TUbm4I|GtVdoKH?bG&JUYT<0M6YATW#KU?;AdeWG}<WX+#AZfbvpG
zJ%1B(*umW}Hl?qx-$*bFOliH~DlWBfFI?G8@Y?Qb%irDf^*~y>3(Kh?1R~5mm_}PM
zGg4C;=o;djT_Xt&Abiu5PJ?Q@4QP=B!-8DM`HH#-i@K~9)Wwo|8)}N0M@k;4`JAd5
zif*U{I9!tOmINC{)2<DD3ComvoKpj#e!nmG^D;@gNY!;6DH_tWoIvE*PRzYD7qf+t
zf{mG<gp`LQhMA(*A=})PM5L!FM06}0vtgM;!BFZ^q{>Q`(g^6f|A$7=7|nPSpT+x6
zVb<EA7&S2?+len4x3Q49qK1`VkCUWD$kwQejUM5I^$3NQ1#hm0aX|X))&TChMm=WS
zi+x<TO-TsIVHg-rsZw-mRXgvfVmX#xENYfk(kjZLUUG`H5!WXEc7$U-;s$42XCgP7
zgop~yHcrCFIH)Bgf`g2WaB?iwiF!kBFgX@$A{U8ZP}bMK`aHT4!;>AyQ!9+|+~Zgb
zdm^TK|IW8B;zhu^U1?oe_XGOm`~IiHqul$Gk9(cB)4zY6T=o<NfWqD^dG_JQarS)b
L&Z>P-efabb^I$QK

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/line-r.png b/src/assets/img/shuju/card/line-r.png
new file mode 100644
index 0000000000000000000000000000000000000000..27776f0d8f7b8e2b13f6f6522542ed8f5d6a0c6e
GIT binary patch
literal 987
zcmaJ=zi-n(7`=*8N~^*ELyHhP+y$h@XFG`!o0^i?PHPEQC5_ZDfooq9tF_PguEgyI
z3u1x|)Qyd)5(^Sy0KtHe5Pt;=VkjF61LrhJ83-qxec$Q5_x-%bYpcsMQx~QH05kTA
zS?B+0zQ-mf_;<3@xRDvOzFY+dUoU>=#(2BpQ~-GOWcs&zlG~@_mD?16Gas`(_KCdo
z`Q;q5nrxl4Sl3N3sQ6?PLpyZaxQ<<a_ugl`2*8QUL8Hl<&P~lDq3C89F%4tR24Hb1
zja_dGGq{P{L8J?ZZ{G<p@O5FM=txd%;7+izm*Dli)rPmX<*B}~bR90H8W#vLb72~8
zM^sC7p{J|yb9Rjc*n_YwT{sG=>8wG6Bp4ROV$PG~0xYSbT$BrCc>yYtoJUd~$@!eD
zXp*YQMc7{g_m=oAt!~!(zPP0e9mZk}p>DS;cJm@h+DKMa6-f$GlpIIo=x)T^G#AnN
zfr5#tmjp2jNCY!Qca!WeUEq-(r4YtL*@*Vb#0!Q}H%783Who7Sj`M$L7!J{t)$wt>
z{}iT;-58@frer7ac;j00nX6bc66`XPGzi%qRB^3C7@-{!L&JbqHiF0}U3#?#cO1=*
zD03qZ+ompX0Wk=C%_>()R;_C0EtxONP)jAnP|8Y0DyU_vR2y(j;_ZYuVgs&!%(X^x
zvq=bJ?%Bjia3A}%goLn{u@;Pur8-it&-F*gVvOV>9t_I*`d6O^SA2M~<8W%ZF`RoG
z@nKK+RPSH=^@G2NOSV~Q%x-w!Uhm5f#wMQ6&b?ST|MS_cr-!E=y*Uf)598;`U+%om
O9*=FUng`Xp5B~uFc`PXa

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/line-t.png b/src/assets/img/shuju/card/line-t.png
new file mode 100644
index 0000000000000000000000000000000000000000..7daff2821d8fdaa2ff2b4cbefd0a7a781f092758
GIT binary patch
literal 943
zcmaJ=%Wl&^6g5IZrKJ*ESPc#fkch{25+!zHLSj4As18vY(JbrOlf+8xG4=#Ik&sY#
z6@opL_yv9d3D*2Ve}Dyx?r0H<GEU=^1z{w69y;gTbMM?aYPX(luHRi}7-rMh);e^)
zM!$`<8}$F>{r6Kk-6499?BW55tq?JF2lo*$JZp$L$a1DHzo9C_T)*dbd!%RX$Ts#k
zE5&e$7f?3CRBK6K*<(aN9}Qh!VNXAQWr6D`>|V*_%|JyXcY7A1-C3(^&&Iaou(ija
zn#feZL&O4!ci=~IqOfyanXc1g$bvb9j1~6MRL^V!6^96vxKiHcg(4_RoKO;q72y#O
zd7%LL0u%~)L6mt(7D`|-SQ;&K269JhE@IK0!j1?DWC-Ip=Hdc}!yyzTNrJoxMKMni
z`Dp4BE6Mv&E>qA@WQT4*T<n8X(dy#~QCRBqG6gSK%KFiwOtfGyu>vS?e40`QG|m4*
zJ#UGQNC#c{{ikr$odyVYP=qI;O)qYcOG5>+8X}9}u#53QR>k%R6C90j08|w`*mHdc
z$I-(%+%#pwkBH^l$j}s)3UIFL$a<w-)|(BjpbK>9s#GqEs#p>0d{L_C<z~j!us!jR
zPcp7^#no4G(@yXL8d*c3`wBVD5PM*rvFxt)(pagt;5w_ls4KaUnt|!P{&mmU5pAAy
zx$IiHS@u2hX|sp4tB<$Ne$W?j-_Yva<fOkJygonvpq@N?d-Ut#_w$`wPu_eyKf9<M
aZrt8yaxd22{j`TS(<fx;E$vfd|L_k;@F$r7

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/r-b.png b/src/assets/img/shuju/card/r-b.png
new file mode 100644
index 0000000000000000000000000000000000000000..611c69df19e32b6c9b86e246ea7e34f999f032d5
GIT binary patch
literal 15626
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/card/r-t.png b/src/assets/img/shuju/card/r-t.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4a918de2d7ae282c1353012f7f2077fe5d01bd1
GIT binary patch
literal 1693
zcmeAS@N?(olHy`uVBq!ia0vp^6+q0*!3HF^T=Lutq$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~;1Ffc1-hD4M^`1)8S=jZArg4F0$<Q4#RGcefLR}>^BXQ!4Z
zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di
zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2Keo~drKfuV_lxuu?=
zsiBF5p^k!)fuXU!fw8`!v96(!m4T&|p{W8CC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR
zmzV368|&p4rRy77T3YHG80i}s=>k>g7FXt#Bv$C=6)VF`a7isrF3Kz@$;{7F0GXJW
zlwVq6s|0i@#0$9vaAWg|p}_<UF#U?e0)0b01CW<s3VnU?E6vS?t1d1HN=3LAtHH$~
zl?AE#L8-<0rA5iWh)YujSyf==T$Gwvl3x^(pPvH@#ej_blKkR~`~n4MX9bP$%)FHR
z@?uS}a$jF7&%EN2#JuEGPZwJypaFWBnJHH0rl!VbrbZ^lu7*J1>g;3=goef@E(VS!
z#+K%$FugAM$)&lec_lEtDG0r$IQ4>3LT&-jW|!2W%(B!Jx1#)91+b5;GI6`b2&Z{a
zy(zfeVvJL-KF~4xpm;@!XP6K$@qn1{R14(5(|u|lFtHZ_Q?=yY!@9uCBIN1f7*cWT
zO<1hANT5XB`7>|c{Bn%Q@Jxt^)C^P6d$zqvx9VbO`B&~YS}&B2RCDg)*t1Emsm`fH
zP$WulmPT8X>XIogT3Qd?U)5PupL;oT?#;3pX;&{D$ceA`R(t>R$1~OEil3b^+VyE=
zdzJrvmCH+PJXNC3awKe<o>D$Z_RX2q{v8`deXJdi%+^SaK3i;aezk8c<GJ?_Z1~Qd
zUiWdC_)4>v9l~!9iQc|&?0_U=y4<IvhULGK8s<mG-8$hUx9zdayMvj}5(~I)u`kn1
zTI{&R=kBt7#@{E_Gp=g%-k+y8dE1GThg!3HxEG1+W1itCb>vUc@jG)rSlr%e`$eSg
z9pmQ**8S^*@-GTKe!T9+H!q{@2e}{2XIkA+Sn#6bZhAsB1K$d_Rc9G$I+i|s@Nivv
z)`3%X0udjNx5XPC%MU!Aa>A<AOTFv<hTk{MKF>UCo%pWW^yClI?%>_CEv_n*_XOHJ
z+xhcE;p`cStlzd?eZ*t$;B4Y+o3>)f%FDLvB%Xg`viK<TwO94g`RK;njqlceb7N0W
zsNZw2hr2%KNu^G}Zx1uSEeQ*Q1(tEw#;$Wsy2!IJ<W2CbFK3dSC+(BvmOZ*9^GBY{
zC%@}oPs`Xm`DJ3jzwqoAtCJsCHojRe@Z0cH*>Q`Ve<!hSmU}7Uab>~2$SXTp>{H_Z
zPiZ?J+Q0llTD;i~o`RzDMpDO5pO|0GetC7-(gh;(H8)i@vw2;&@lW#mdpOVd!J7<6
zlhupnn5DhSTu|3*^sRhNrH#k0g?xL|bE9hh?NxiWtUf*@Ceg=p&ZQkuA!=6+zg7{y
zy~2FQtgwX3JZqnvSr+$5S#e(Klpn#ulV%v~aZ!A>yK8}4_xZk`J^k`ij(o5AE_QkK
ztVdCGJ%>)`Ua2p%Tzg>JiS+ZFs@D1Euj`6V6?tlZy{`7;c1zRDI<fDwtQN6Lw@lN|
z%(ZoCe(IgcdhW*l?7+R7`c@wgF%on7V)aA!qdK>F*O{EN2RAsBEU}kbvF2e_qWo39
zmKV8q7frf3ty%5UZpX7TxP$X9dS}V$o#CiqI4dtL8`Rs%k;!Un&mzHKC6mvmmv!wN
PsKW4c^>bP0l+XkK+*hLd

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/title-tip.png b/src/assets/img/shuju/title-tip.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f97c7c463816adb6197dd79699f554c8b4225c4
GIT binary patch
literal 1539
zcmX9;dpwhC9Dg@LqZVUZ5pzpXD7oz5v@@hhv%RyLvYH`MQ7fFB)JO`sBwc(~pA(hb
zbMJJ&o}5Bg`m|10Cv?^}aT>;6&w23u{NC^LeZHUX`+I(Wyzi64VF%A4EFd5VGKaM$
z5QVENeC&+$AX6?`9)JsO4;suw>YrNuiy-(-oY3$fXd(be0pJ6`m}V9LA^?QbnghUE
z0Jy_|3jq5E;Qs(&BLE!*oKe6Z1zar%(*m9raK`~>9H8TXI|8^90EIj)xMP4b26$rt
z3KR-0Kw%j2=u~)yxv<YTm}TT=Nch>%1Qx@P$RL<938n!A@@f<68UiWEWI>1tW%XQJ
zj<HqfJSRSEIM;fenQH{>IhPh@<|c%WzULOWHT2$M=p99L3@3X>lj+e@=W4-hzgT1D
zHd7Y?mAMU`PIBEee@!CEJ<^i3+uTcJ9iB#}$Jz-GlKo?BBc;T!y_A@&`K#jXW3uN5
zY<Gw|!X3rnThyRLr`<)|F$_-28^d_xz$z@onv=RzdTwdPIU9bO`_T*5>wk00x#*UA
z2_3`WFt99l9J3W2S|)4slr?j;Q+-e^21lA<10!E(I>hDpT)yQHpQG=H8d$ESSKV^l
zag1JjmtK1h9h-#VC8;M@-F|90IccfWIsaA~(Egg)-s6%k3wZJ-;Kh5V+>0<~gJJV>
z%Bi3F?R1#E4x3>I9fl}XIHd|QqEbU)URYtRP(vST1C<&kaY{85(1GPVf#H=(yi!dX
z93r2nvK<`8eeT2c_UYx7QA(=qhBS+G*vbiP$~jpDx47Q^SxPnKWR3lhX34O|Nry4D
zllm&PzIxDhLWjATi{RJwcrVK4AvnCAzJZ~UF>#(LiA13;w4vE9S?22I;Yp|a`uVM4
zg@m#>TvR9&iK3#m#>K_Q$0sBtY~Q|fXHrtqu3fu!@0RS@vv(RPsZ-duFD>oh!HkT|
z%&fzQ4`*i|Ig*o`pI=aLytugd)Tz^_Ps?Oy&rhSQti1ffg{rFRnwpxry1JH@8#nIU
zeemGnqemT`U9aTwj~_pM`t;>X-!%IB`v(RFzJ66G6iVgb48DK=J~V}q5e&mvQIs(F
z?_{t7e+l>Lh!!z$$3hu*k3N26KrIyr<ZtA1LBtvAak)>pN3&$t@bJ)(MAFdIfXMy!
z@AqSPdDy4)D9`Hd+lj??_jQq0R*~*rPQG3mM$bEZxn$Vcc~~N5>U2zT6RoYb67eQ$
zXgy4`+>Pw?boNgnFME5@khiq9it?;^6=@9#EWWH|ejcUkukSB8>(`Hl7&h{DhC43r
z4hXN=M|rkcscefmAS}L`DpuXJsDGNbm9np<tma7d+{%r&-$Xonp4v68&d#n+u1Pof
zah9^|iV1^9<O!QoOgXLBgq;=dUtJ!2OWnEM0KL<;fbV}@aXxGKL2#kf;(X%63Ts|+
z)Ic|>{c`KTg-S|Rb)2}*yojTz$5+4Z@opR`boqKl5)VEcI`Q{^(OB&<&E5=!%Pqd6
zzE4D{^ht!zSdfJ(@3bEO+k%L+)n8Vwdv~qwQu0K>?EHw&YO=v~hNdHLhk1~eE|4Zh
z^_ib~#gffI>*B-<i_sT1VmGZ#PyaU3<sbX_9_^nD#lXdcCq{dkR;+Mu9Lin%M<-GR
zM@Tm5NZe$A&Oz_A&^@|w7p*D}WS_WcM6@L7k$itY6JjH1t-pOOIQ+xXqX|XhrPq$D
zx6=9;nsjIJekG?5GcGDg`m<s`E|mUoxp9$Iv&F0B#-f6Zv}85j;YwoAs3KGDeub&m
z6w`zMmBD^{)xwiTq2bL;*BKX;ZzD=pE@Kod3bYeQON<I^&F<kNbGG8z9NLi7;z((U
z)H^VGL;hKRh9Z3fv#FiH84*ZJ{fj(4;^VF!Zs@%F+=7}ZSYac1y}1QB-kPzaHbT~&
nd8k{Q)6FdGwmaF4mz_}{2yxt9sVcK{nYzGPLF~YKrYQ4&7u*2a

literal 0
HcmV?d00001

diff --git a/src/assets/img/shuju/youby.png b/src/assets/img/shuju/youby.png
new file mode 100644
index 0000000000000000000000000000000000000000..020cfb5794aa08e385ee879b58835f2ecee4cc78
GIT binary patch
literal 4241
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
CUiriT

literal 0
HcmV?d00001

diff --git a/src/assets/scss/people.scss b/src/assets/scss/people.scss
new file mode 100644
index 00000000..f03939d0
--- /dev/null
+++ b/src/assets/scss/people.scss
@@ -0,0 +1,7 @@
+@import "c/config";
+@import "c/function";
+
+.m-people {
+    width: 400px;
+    // height: 400px;
+}
diff --git a/src/assets/scss/shuju-card.scss b/src/assets/scss/shuju-card.scss
new file mode 100644
index 00000000..3ebe3f46
--- /dev/null
+++ b/src/assets/scss/shuju-card.scss
@@ -0,0 +1,72 @@
+@import "c/config";
+@import "c/function";
+
+.m-card {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    padding: 11px;
+
+    .corner {
+        position: absolute;
+        display: block;
+        &.corner-1 {
+            top: 0;
+            left: 0;
+        }
+        &.corner-2 {
+            top: 0;
+            right: 0;
+        }
+        &.corner-3 {
+            bottom: 0;
+            right: 0;
+        }
+        &.corner-4 {
+            bottom: 0;
+            left: 0;
+        }
+    }
+
+    .line {
+        position: absolute;
+        display: block;
+        background-repeat: repeat;
+
+        &.line-t {
+            background-image: url(../img/shuju/card/line-t.png);
+            left: 11px;
+            right: 120px;
+            top: 0;
+            height: 11px;
+        }
+        &.line-r {
+            background-image: url(../img/shuju/card/line-r.png);
+            top: 11px;
+            bottom: 11px;
+            right: 0;
+            width: 11px;
+        }
+        &.line-b {
+            background-image: url(../img/shuju/card/line-b.png);
+            left: 11px;
+            right: 120px;
+            bottom: 0;
+            height: 11px;
+        }
+        &.line-l {
+            background-image: url(../img/shuju/card/line-l.png);
+            top: 11px;
+            bottom: 11px;
+            left: 0;
+            width: 11px;
+        }
+    }
+
+    .cnt {
+        height: 300px;
+        background-image: url(../img/shuju/card/bg.png);
+        background-repeat: repeat;
+    }
+}
diff --git a/src/router/index.js b/src/router/index.js
index 5f6e7ab7..a81d4d7f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -97,6 +97,15 @@ export const moduleShujuRoutes = {
         isTab: true,
       },
     },
+    {
+      path: "/main-shuju/visual-basicinfo-people",
+      component: () => import("@/views/modules/visual/basicinfo/people"),
+      name: "visual-basicinfo-people",
+      meta: {
+        title: "个人详情",
+        isTab: true,
+      },
+    },
   ],
 };
 
diff --git a/src/views/modules/visual/basicinfo/people.vue b/src/views/modules/visual/basicinfo/people.vue
new file mode 100644
index 00000000..c6bbcd3c
--- /dev/null
+++ b/src/views/modules/visual/basicinfo/people.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="g-cpt">
+    <div class="g-l">
+      <div class="m-people">
+        <cpt-card>
+          哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+        </cpt-card>
+      </div>
+    </div>
+    <div class="g-r"></div>
+  </div>
+</template>
+
+<script>
+import { Loading } from 'element-ui'; //引入Loading服务
+import { requestPost } from "@/js/dai/request";
+import cptCard from "@/views/modules/visual/cpts/card";
+
+export default {
+  name: 'HomeMap',
+  data () {
+    return {
+      centerPoint: [],//中心点位置
+      zoom: 14,//缩放范围：区14
+      minZoom: 1,//最小缩放
+
+      orgData: {},//当前组织对象
+      orgId: '',
+      orgLevel: '',
+
+      subAgencyArray: [],//下拉框数据
+
+      selPolygonId: '',//选择的多边形id
+      selPolygon: {},
+
+      //右侧列表
+      name: "",
+
+      //下钻层级记录
+      runNum: 0,
+      runAgency: [],
+
+    }
+  },
+
+    props: {
+
+    vueFlag: {
+      type: String,
+      default: "alarm"
+    }
+  },
+  computed: {
+
+    mapHeight () {
+
+      return this.clientHeight - 120;
+
+    },
+    // zoom: {
+    //   get () {
+    //     //根据不同屏幕分辨率，控制zoom大小
+    //     if (this.clientHeight < 900) {
+    //       return 2.3
+    //     } else {
+    //       return 2.8
+    //     }
+    //   },
+    //   set (value) {
+    //   }
+    // },
+
+  },
+  components: {
+    cptCard
+  },
+  async mounted () {
+    
+
+  },
+  methods: {
+    handleSearch () {
+
+    },
+
+    //加载组织数据
+    async loadOrgData () {
+      const url = "/gov/org/agency/maporg"
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/agency/maporg"
+      let params = {
+        orgId: this.orgId,
+        level: this.orgLevel
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.orgData = data
+        this.runAgency.push(data)
+
+        if (data.children && data.children.length > 0) {
+          this.subAgencyArray = data.children
+
+        }
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+
+    //加载当前园区的标注
+    loadPolygon (subAgencyArray) {
+      polygonSource.clear()//清空变电站标注
+
+      let featureData = []//标注数据
+      if (subAgencyArray && subAgencyArray.length > 0) {//判断是否存在下级标注
+        let oneData = {}
+
+        subAgencyArray.forEach(agencyItem => {
+
+          if (agencyItem.coordinates && agencyItem.coordinates !== '') {//如果有坐标
+            oneData = {
+              type: 'Feature',
+              id: agencyItem.id,
+              properties: {
+                id: agencyItem.id,
+                level: agencyItem.level,
+                name: agencyItem.name
+              },
+              geometry: {
+                type: 'Polygon',
+                coordinates: [],
+              },
+            }
+            let coorArray = agencyItem.coordinates.split(',')//坐标数组
+
+            let itemArray = []//单个点位的[lon,lat]，数组
+            let polygonArray = []//整个多边形的[[lon,lat],[lon,lat],[lon,lat]]数组
+
+            coorArray.forEach((item, index) => {
+              itemArray.push(item)
+              if (index % 2 == 0) {//偶
+
+              } else {//奇
+                polygonArray.push(itemArray)
+                itemArray = []
+              }
+
+            });
+            oneData.geometry.coordinates.push(polygonArray)
+            featureData.push(oneData)
+          }
+
+        });
+
+      }
+
+      if (featureData && featureData.length > 0) {
+        var geojsonObject = {
+          'type': 'FeatureCollection',
+          'features': featureData
+        };
+        let feature = (new GeoJSON()).readFeatures(geojsonObject)
+        polygonSource.addFeatures(feature)
+
+      }
+
+    },
+  }
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/people.scss" scoped></style>
+ 
\ No newline at end of file
diff --git a/src/views/modules/visual/cpts/card.vue b/src/views/modules/visual/cpts/card.vue
new file mode 100644
index 00000000..592608d4
--- /dev/null
+++ b/src/views/modules/visual/cpts/card.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="m-card">
+    <div class="wrap">
+      <img src="@/assets/img/shuju/card/l-t.png" class="corner corner-1" />
+      <img src="@/assets/img/shuju/card/r-t.png" class="corner corner-2" />
+      <img src="@/assets/img/shuju/card/r-b.png" class="corner corner-3" />
+      <img src="@/assets/img/shuju/card/l-b.png" class="corner corner-4" />
+      <div class="line line-t"></div>
+      <div class="line line-l"></div>
+      <div class="line line-r"></div>
+      <div class="line line-b"></div>
+      <div class="cnt">
+        <solt></solt>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "shuju-card",
+  data() {
+    return {
+
+    };
+  },
+  props: {
+  },
+
+  methods: {
+
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/shuju-card.scss" scoped></style>