From d9cd37f3cbce8a676d6d8624ea4031adad20900a Mon Sep 17 00:00:00 2001 From: shijingjing <1789544664@qq.com> Date: Thu, 10 Mar 2022 18:37:39 +0800 Subject: [PATCH] =?UTF-8?q?=E7=89=B9=E6=AE=8A=E4=BA=BA=E7=BE=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/saas/AppResidentDocument/DetailPeople.vue | 226 ++++++++++++------ .../components/img/icon1h@2x.png | Bin 0 -> 491 bytes .../components/img/icon1n@2x.png | Bin 0 -> 590 bytes .../components/img/tsrq@2x.png | Bin 0 -> 1144 bytes .../components/img/tsrq备份@2x.png | Bin 0 -> 1042 bytes 5 files changed, 151 insertions(+), 75 deletions(-) create mode 100644 src/saas/AppResidentDocument/components/img/icon1h@2x.png create mode 100644 src/saas/AppResidentDocument/components/img/icon1n@2x.png create mode 100644 src/saas/AppResidentDocument/components/img/tsrq@2x.png create mode 100644 src/saas/AppResidentDocument/components/img/tsrq备份@2x.png diff --git a/src/saas/AppResidentDocument/DetailPeople.vue b/src/saas/AppResidentDocument/DetailPeople.vue index 98e5c3c2..c54325f6 100644 --- a/src/saas/AppResidentDocument/DetailPeople.vue +++ b/src/saas/AppResidentDocument/DetailPeople.vue @@ -1,11 +1,11 @@ @@ -116,6 +139,29 @@ export default { return { id: '', data: [], + tabList: [ + { + icon: require('./components/img/icon1n@2x.png'), + activeIcon: require('./components/img/icon1h@2x.png'), + name: '基本信息', + }, + { + icon: require('./components/img/tsrq@2x.png'), + activeIcon: require('./components/img/tsrq备份@2x.png'), + name: '残疾人员', + }, + { + icon: require('./components/img/tsrq@2x.png'), + activeIcon: require('./components/img/tsrq备份@2x.png'), + name: '精神病人', + }, + { + icon: require('./components/img/tsrq@2x.png'), + activeIcon: require('./components/img/tsrq备份@2x.png'), + name: '吸毒人员', + }, + ], + tabIndex: 0, } }, computed: {}, @@ -134,9 +180,6 @@ export default { this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => { if (res.code == 0) { this.data = res.data - // this.$nextTick(() => { - // this.currentAreaName = res.data.resident.currentAreaName - // }) } }) }, @@ -151,6 +194,38 @@ export default { .DetailPeople { height: 100%; background: #fff; + .tab-list{ + height: 100%; + padding: 32px 0; + .tab-item{ + display: inline-block; + width: 148px; + height: 136px; + background-color: #F8F9FB; + border-radius: 8px; + text-align: center; + margin-left: 32px; + img{ + width: 40px; + height: 40px; + margin-top: 30px; + } + p{ + font-size: 22px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #C5C9CD; + line-height: 32px; + margin-top: 8px; + } + } + .active{ + background-color: #357CE3; + p{ + color: #fff; + } + } + } .top { display: flex; padding: 48px 32px 32px 32px; @@ -197,6 +272,7 @@ export default { .hint { padding: 32px 0; + font-weight: 600; } .contents { diff --git a/src/saas/AppResidentDocument/components/img/icon1h@2x.png b/src/saas/AppResidentDocument/components/img/icon1h@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..c245cabd20d92963d7da95464be21033dab489e3 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEjKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(dI9TBt$pqZ#*P;f8D}2$GnzR6=G^}6 zhlSL;ntFp3-bu$zdn)(c?}Ks;`~3sUw=hk9`hok8%<+%0rj`eUD!A$o{ZBn}bk50e z54HpAKP>Ip`CGAYvj4^{OM_g)n-?UVz5760a>Id-+?M>lzFrdh1U}U;ZqrhgJP|aL z<)#*sY^c0m#-#7`#0RmVchO`_$NQ>y;~tCc28usR|EyL Mr>mdKI;Vst0PnZD#Q*>R literal 0 HcmV?d00001 diff --git a/src/saas/AppResidentDocument/components/img/icon1n@2x.png b/src/saas/AppResidentDocument/components/img/icon1n@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..556b024544f8c1428055d802baa5ec92ccea29db GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEjKx9jP7LeL$-D$|Tv8)E(|mmy zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(^*1-}ZL98;%wht|@yN3N}$GGjN# ze7#IvOV6hj1=B6w{d{-2KHb}H>7)D^ObO9()9zol|4_ZYq?DUs=e1vl(r%~A)#hDH zU#L)Ne?5JDWZBQsGv^r<^k(Up&sJZ0mAP+na<`vt`-Z7ZUybJb$rtXK{7<^U^iI{^ zWm}^>l;e{bz8cOy`%WdrSurS2$3mzv>H1CKt_@8g#nm_Je|fD=$l%euyV5V;$9GfH z7R6(2%0Wph%%9tvF<;8dtvNMAzp0fm@K%kFnq>4Q0|l?@OT~U{Z>*;2@Z7lCssEe9 zBIM%><&SfGE+rG?9Xr+d+d*v!M&DJx?B-@~ zcyF1(T)g(>jHKC3>pmaUei75W&h+uBp4G7*xZE7BhunG-;kai-POjU&=c?Syk6f32 z;7#gQkCd3O%V!(wz2~gl%t72dOV{o>yoE`KdE<;swl&p?H<*m;d%n4_U7oJkcFdKd z*gmrDPMvdQd1<{~WBUA;%OV;KZ|^HP)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91D4+uX1ONa40RR91C;$Ke0D9(TtN;K5;z>k7R9Fe^Sjlb^K@hE3yf1N9 zD^lPCK;k1fAn_ku5S;iBP9QG)2NDN90*N08ks>Ft9UJeSg?erG&@=XAdS=LSNLg0b z^i)^BuIj3;X`)BUX8|K_`1yJF`O+A9H z{;zF%HURRV;@QQ;NAl?{^X9fe|GSUDdSuX-lcS>#%r8{^A%Fs0r}NGC>7^=kSG-}+ zkCS%$wF)w1Az1Fdz`+QZTX;{gNMJ$iImd8*-j!Pw3?UZowtf4B+>?O?5fJwc4oHDP z1m_yI9l+;k4fqsHsaT{&wMxZ8flSjN*YjvLpVMG8CXe|{q+kgEvT2b@Qt1P*okpE_ zY%tEYEUI&Vxm2RdUY{J-4c_T8z#?S>7c;n2dCs=24RBH^S^z!VZK++_yox0Ns6Bcu z*sRq;mfJSowr#3a%G+LP_hkkM7wS+&Q!Y+dCV(dIIm^@=T3{>YA-!25Go%TnG_sLt z#A7yq9PPR(1ZgJ^Wdeu^7t5vAyo-gNT%5AZ0LRl=oX$}HWTqz<8l*gA28fB1tcXP{ z9Y>iiJ)0RIrn>51$DR~(c5Qz+NRKEoA{Rgez(udO5iqdYCHJR1IU~?kkGTLsh3k5v zKv1;nOoB~Ur*(4WbKP>P{m z1i{tA@km7UkgIGwgHVb!Ysn>OqKj+n78IYlg#1_Esfx0{Hyny6mt(Q_@V8jsUbD%I zF34B0ZK4IMW$YV$a=FAuR3m^;`fsBKFB*Xsjs9)2i2(5-l!j0zI_~OtgR22VB^0m? z?g#07uLJ=3LuI5Yl6>!aka*@wS+ocM^^BHfnaqhQC{<3?p<)U4AaCAN7J8-%f}e9# zcDg;@H|8pzS+?L!wiLeR#2a(cF5@oivR&M{x}MIoCjlzSzuXHu)%KQ>H}_V z*6Si#kqO{lcm$S{u9rY$%ZmwJeFOj@@VnFb&5o7WfPF8KJT7W!i%P0000< KMNUMnLSTYEQT@FD literal 0 HcmV?d00001 diff --git a/src/saas/AppResidentDocument/components/img/tsrq备份@2x.png b/src/saas/AppResidentDocument/components/img/tsrq备份@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..4e215d2a780becaa5bb8f25174b43240dd1d4e3a GIT binary patch literal 1042 zcmV+t1nv8YP)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91D4+uX1ONa40RR91C;$Ke0D9(TtN;K5d`Uz>R9Fe^n7?ZjK@`VxY9dNv zqafmsXbJ@r6I9SBieM2C#9l0H1VI!m1b_SiB3LBFRVoUKwLcJxU<$3oM$~8&HH3f> z6a`H{2*&vN?%mAI?d-0*dxw`I4?Z_<-n@D5-R{in-ZeGNOKn%65I22xcD9qTW6%fd zpcU#VQv@4_LAX{Z6kewaPGK!jgcqFl<^l31i1U$w0_#*IDCe@;@840 zp3JfME;Gk26So@d?Jxp)WYWa4!4<_AQ?@#{wy;)W=Ml04pLeh*WlZZv+@Lo17Tdv; z%B7^@6oc_mnp-L3MY`2e;KRs>zVV)KN^i+q;8(8B_mpXdQ~E`^TVI%Z{PJk?jeXyu2D>Pcu51X5yB#DC01$YJB#u0s=qxaAshFCGa zwvF{H4UE$4vd#$#eoFoWHW)Yb^`ITCpRa+Sca&{3z8F8-`YzV;1ueV@?7Xmo?+rL- z?C8yK9VA!4-dgnYGDeA+Z`&xRvhAXEN}(|41MGl4(3RJL?uz;!VL#}sj1(_bq*uw< z z=b(KOn89*;n^`>}TT=HKgYKJ-4sD4!6Lqi~(UB7+wifqMryoI^qrA(uFm3lpG( zKj9Zl!wl$0_a4wD>EfLH#+Q4HJ^**&5S)d*&<1+jj(V2AVXpp2s0e}j?e(pXGDw&e z;NGPmA-3i40OF*-QdwEUvlDa}*Hd&voq}!93R~d>OhBBdhU%+ls%4-UH|syzi>4m0 zrHHxx_nRs%7pW^*@7tYp6O>CiTf$e(?&9zO&U5oG;BcYy{eN76za$*$76&IDYXATM M07*qoM6N<$f|3W)Hvj+t literal 0 HcmV?d00001