From 0f01458c150e5a6bf03672d6fd661d1a78611a7d Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Fri, 21 Jul 2023 16:50:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=BA=E5=91=98=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/icons/err.png           | Bin 372 -> 425 bytes
 static/icons/err_w.png         | Bin 0 -> 372 bytes
 static/icons/ok.png            | Bin 0 -> 772 bytes
 static/icons/ok_w.png          | Bin 0 -> 572 bytes
 subpkg/personnel/personnel.vue | 166 ++++++++++++++++++++++++++++++++-
 5 files changed, 161 insertions(+), 5 deletions(-)
 create mode 100644 static/icons/err_w.png
 create mode 100644 static/icons/ok.png
 create mode 100644 static/icons/ok_w.png

diff --git a/static/icons/err.png b/static/icons/err.png
index d2ef6ebd425703fd2163496a504a535956793b9f..c5afbc270369349f669f0d2cd60ee1fd390411aa 100644
GIT binary patch
delta 385
zcmV-{0e=4U0;vO#F@Ix8L_t(IPnFcMN&`U<2H^P<3@HwT3$d~^?6rbmp}pAU1@Z(o
zb`~}f@&Nh(LJCX4(kry{9poULok!M01i46VWY1hMce{Ig+b;7l%+9}<32{M0Lm~<n
zQVw?F_={?ud9QcKjmDUXJOF*ng!m?)tsG{4`H}Lp4*V&^(SH&MLF6d|L}P_M5YW$?
zs{<E7Wu(jlym!0amhV3TIIaWhKro+gN6`%wR2Q~^s}cP5=L%PW8>kEH0+vu4+yF)?
z(S82PS@CLy#SP46T0FW@lnM=?w$r@W2Aev}Yqg!`m-8SvVWP0m<zz9P?%M)lM0Jni
zy2o1708WT#&w2$ep{BJ-q`Y-a-UeE=hpquxqg9}7D~g{`hPr~TFw_T|Hk(f_N%_B8
zwo$16^p${My||X7xFnC6NB9up4ZyA~%ep9=Mgit)#6ldjfU_m@vmZrwHo$bJM$zhY
fF2USRljQ0bh~`NB*9qzW00000NkvXXu0mjfIfJ)y

delta 332
zcmV-S0ki(81M~urF@G*eL_t(IPnFdnP6I&{#_|7i2#!!$fh8e9P~YIVKu>_dRn(NE
z2Y>@KsX&q-L4e~97#vq<Qu&%!W}E5k%<P+Wo6Y?8&D;0QimJ|mCGY{vL}W|jrK;D!
z1~>=qL{)ddS#Z9A+ZI?=Z$d!^+O;wC&Ge`^H=F^DnHg$tcz*{bEpP#R5Rqpws1>e(
z<{i)$cnCZ}J+KGtp#$&=cnxFIZSc^;bOMjtj~^6zoUYA+*-8g`T&=Ksn5{H|r(v+;
zDu02?T0n|u;iGhTH6W#)rqMIZDja(P(nCvQ1FXHtJ3)u$(3`wCQMoPm#>NA8*>{27
zNZTo82kfUODMgNe{7;3d{s0%zf?`tANEKSKGV~7^g#~V~(uyZTuYh~tOGIAMYCQL$
e;zjr^J?;S@fxcb2iEMlT0000<MNUMnLSTX|(VD&h

diff --git a/static/icons/err_w.png b/static/icons/err_w.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2ef6ebd425703fd2163496a504a535956793b9f
GIT binary patch
literal 372
zcmV-)0gL{LP)<h;3K|Lk000e1NJLTq000#L000#T1^@s6sTZY|00001b5ch_0Itp)
z=>Px$E=fc|R5(wS)gev;K@`UE|8oeAP+5T`Awf{z;J83ffWcMNl%xlM12m~Xk|05V
z;|>@cS7=iCnpb9<>Fmtxn{}Jb{PxY;_sxo`&VeQH0n9{XOXH=g*T4oi2kt~wcfeV2
zzJc2oSXFOAK?d5jG4##!s5m#A0gag%YHxT4CM|FQd=QamF{l-;f#x017I+9eK|Qbs
z?4bkj3V01;({1q3!*l|V+m9a<dYrD!g4s$3dR(ordzh^>f~R4y<0^lF%UVE+XyK!D
zcr_rUo~F?=%qkpv0@6cEV*{+c$vZ)Z=FpqGI8nJR_r}HpciDG=-bmXiWe4o1Cn=7A
z{7;3d{s0%zf?`tANEKSKGV~7^g#~V~(uyZTuYh~tOGIAMYCQL$;zjr^J?;S@fxcb2
SiEMlT0000<MNUMnLSTYHU!VB^

literal 0
HcmV?d00001

diff --git a/static/icons/ok.png b/static/icons/ok.png
new file mode 100644
index 0000000000000000000000000000000000000000..67453c174f22ac4e015409aaa6645365f3e5f3ae
GIT binary patch
literal 772
zcmV+f1N;1mP)<h;3K|Lk000e1NJLTq000*N000;W1^@s65qxHK00001b5ch_0Itp)
z=>Px%zDYzuR7gv$mS0FyQ5?sA-?N#GFvJ9jAR;oU#6P<PSws>lku}?u=4M9Jiv&Ih
z^;jYG5=2Gx;)5YYZqBvUmPi^=4?$$RYF6U%p{GQVA~USE-Fsr&-Mow0%<Vj#d+zUi
z?)Ut@zu)14vN()(^Fe?;0QelZT!U<}w{%ypEi`Nh5YgrclXHG4YjD9SUI53HxY#hL
zJ}dC@z9XCTN^Sr|>!NT@&-^xbcG4m^#2x_6s%lvdhs#D=yb~EKuW&T%)j{_XgeZ%H
zI;AG}*~mOII41~B@eK%qs(M~#ta#Mon#&ko=`f$sf!&Fl$cfq|tNT{`dDY5Gyr#Uo
zMg0^3MKKR4AWeQLrH&WjjNyW#@ftwq6Qw6p{n!cjfVOW|rQFzO+6E=(1BlkB4f9m8
zdFuXd$koA}qL*=)VlW;KvT*6R#TV($r19VI3cI;h&)CqCiTt``^(4}hl$J`TSi?Bl
zIOoG70nb(HAZ5Axruuoceqpv?9E2Te%*=uzv^~(^TS&DBf<v4Juu*l~^^>ud35zS3
zD%fZj+Zn^nrFY6HzxCn0<-|bfZHySRQ&X!$G#@let&bPAn*{sOLSi{nAmpni4of!A
zo>&#89@yO@ZdDkb092d^;rvzjmvVUQ^rLU_HDj;X$q22n6LL;mu99rt*UNz;>rq2X
z?WUq!=m!CmYfkX)w-Ty--|U+;+8fIlqY)y~#R`P(`)%%%{{koAkx51Ov3#9@^@Ffa
zv+0w<LUl~mcM)(v_2q}cLnWg&-}H*%k-)0H<A$Ity8zT{Hhw3f^_ml%ldSF=>A*?K
z<H6B#n<==fxt}#0{?R}Ab(i-3NSpJNW#<rYGoVfTP5~VnX>t#)M0HB#N#*AdF9Nu%
z=6XP~y0z&_`;D~iANgHiI_wW2*!9-Z|2ZvD6YvKI6!Cy^bL|TN0000<MNUMnLSTZ2
CZ+p`K

literal 0
HcmV?d00001

diff --git a/static/icons/ok_w.png b/static/icons/ok_w.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b462fb264e0148f029d569446d39c2ca819ecd2
GIT binary patch
literal 572
zcmV-C0>k}@P)<h;3K|Lk000e1NJLTq000*N000;W1^@s65qxHK00001b5ch_0Itp)
z=>Px$_DMuRR7gv$mQ9F_VHC%I|41aVP@0s5e8gxhY=%inGm<G~D^fO67E>&-nAs>X
zO*XS&L9Ey)O+K<yLRk=ng%yo#d}Sg0b?Ujdb2azA-1|PO`#k5I-+P{O{^#k68kg;z
zzzyIdFs!=Rwig1gfK`Qgx=#2>U?L?uS_|Cv%98cs0>3Y*p0e1!2JA23U%-H*mpx~0
zdmHcoXt1Uw9gPq51h*aWPk=2Y>(9ViNuidW;fH}ssflBfrW*UMGq=42cmu2`u#n*<
zNk8j=p9M~|NKcx{bJJDkw$}hJfCUA1PtvZx2eMoEO<-?<MH!+TQI?kV-*DR_z}-YS
zCn=YwX_D<>;27{2I3wwIyZ6TSeBc?dq4>-K>m+@hD<<IYfxcqA4jhp5V=iagW58sx
z9g=jVT`~cW#%xRuapirIzULs@%Zv1umGijipd@#KuLf?%WF@DEz#d7T8fUhrfg@!f
zz^#%VwF5UN)OHNQ9bj{Eeh!RC`e1ticnZub_N$T(b^<ry@xyjp_ZBdeg5Cn5-;2PG
za{diiFDZJ}akWU%_97sfI+~)s087*UxTNz{;Fio&Z9{IC)BBt`uYvyjepJ@HjqENI
z{b%!TNzt2sS{*0U_9<YzkY*(1a#enya{SBRh3(N)N$)C&$>9%b-JtYtoi)$^0000<
KMNUMnLSTYGOAV0#

literal 0
HcmV?d00001

diff --git a/subpkg/personnel/personnel.vue b/subpkg/personnel/personnel.vue
index 41640e6..bb9f849 100644
--- a/subpkg/personnel/personnel.vue
+++ b/subpkg/personnel/personnel.vue
@@ -4,12 +4,81 @@
     <view class="personnel_list">
       <view class="personnel_item">
         <view class="type">
-          <image src="../../static/icons/err.png"></image>
+          <image src="../../static/icons/err_w.png"></image>
+          <!-- <image src="../../static/icons/ok_w.png"></image> -->
           <text>未签约</text>
         </view>
         <view class="top">
-          <view class="left"></view>
-          <view class="right"></view>
+          <view class="left">
+            <u--image class="u_avatar" :showLoading="true" src="../../static/img/public/man.png" width="112.28rpx" height="112.28rpx" shape="circle"></u--image>
+          </view>
+          <view class="right">
+            <view class="info_top">
+              <view class="info_name">人员名称</view>
+              <view>隶属乡镇公司名称</view>
+            </view>
+            <view class="info_bottom">
+              <view class="item phone">
+                <uni-icons type="phone" color="#999999FF"></uni-icons>
+                13546841564
+              </view>
+              <view class="item">
+                <uni-icons type="location" color="#999999FF"></uni-icons>
+                通滩镇
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="center">
+          <view class="top">小组服务团队：<text class="green">管理人</text></view>
+          <view class="bottom">
+            <view><image src="../../static/icons/ok.png"></image>身份证</view>
+            <view><image src="../../static/icons/ok.png"></image>驾驶证</view>
+            <view><image src="../../static/icons/err.png"></image>银行卡</view>
+          </view>
+        </view>
+        <u-line color="#999999FF"></u-line>
+        <view class="bottom" style="margin-top: 28rpx;">
+          <button class="look">查看</button>
+        </view>
+      </view>
+      <view class="personnel_item">
+        <view class="type type_blue">
+          <image src="../../static/icons/ok_w.png"></image>
+          <text>已签约</text>
+        </view>
+        <view class="top">
+          <view class="left">
+            <u--image class="u_avatar" :showLoading="true" src="../../static/img/public/man.png" width="112.28rpx" height="112.28rpx" shape="circle"></u--image>
+          </view>
+          <view class="right">
+            <view class="info_top">
+              <view class="info_name">人员名称</view>
+              <view>隶属乡镇公司名称</view>
+            </view>
+            <view class="info_bottom">
+              <view class="item phone">
+                <uni-icons type="phone" color="#999999FF"></uni-icons>
+                13546841564
+              </view>
+              <view class="item">
+                <uni-icons type="location" color="#999999FF"></uni-icons>
+                通滩镇
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="center">
+          <view class="top">小组服务团队：<text class="green">管理人</text></view>
+          <view class="bottom">
+            <view><image src="../../static/icons/ok.png"></image>身份证</view>
+            <view><image src="../../static/icons/ok.png"></image>驾驶证</view>
+            <view><image src="../../static/icons/err.png"></image>银行卡</view>
+          </view>
+        </view>
+        <u-line color="#999999FF"></u-line>
+        <view class="bottom" style="margin-top: 28rpx;">
+          <button class="look">查看</button>
         </view>
       </view>
     </view>
@@ -61,12 +130,13 @@ export default {
     padding-top: 32rpx;
     .personnel_item{
       width: 694rpx;
-      height: 407rpx;
+      // height: 407rpx;
       background: #FFFFFF;
       border-radius: 14rpx 14rpx 14rpx 14rpx;
       margin-bottom: 32rpx;
       overflow: hidden;
       position: relative;
+      padding: 28rpx;
       .type{
         width: 137rpx;
         height: 53rpx;
@@ -88,9 +158,95 @@ export default {
           margin-right: 9rpx;
         }
       }
+      .type_blue{
+        background-color: #3274f9;
+      }
       .top{
         // background-color: #3274F9;
-        
+        display: flex;
+        .right{
+          display: flex;
+          flex-direction: column;
+          justify-content: space-around;
+          margin-left: 28rpx;
+          font-size: 25rpx;
+          font-weight: 400;
+          color: #999999;
+          .info_top{
+            display: flex;
+            align-items: flex-end;
+            font-size: 25rpx;
+            font-weight: 400;
+            color: #3274F9;
+            .info_name{
+              font-size: 32rpx;
+              font-weight: 400;
+              color: #333333;
+              margin-right: 18rpx;
+            }
+          }
+          .info_bottom{
+            display: flex;
+            .item{
+              display: flex;
+              align-items: center;
+            }
+            .phone{
+              margin-right: 28rpx;
+            }
+            .location{
+              flex: 1;
+              white-space: nowrap; /* 不换行 */
+              overflow: hidden; /* 将超出文本隐藏 */
+              text-overflow: ellipsis; /* 使用省略号表示被隐藏的文本 */
+            }
+          }
+        }
+      }
+      .center{
+        padding: 28rpx 0;
+        .top{
+          font-size: 28rpx;
+          font-weight: 400;
+          color: #666666FF;
+          margin-bottom: 20rpx;
+          .green{
+            color: #34A853FF;
+          }
+          .yellow{
+            color: #F9AA32FF;
+          }
+        }
+        .bottom{
+          display: flex;
+          justify-content: space-around;
+          font-size: 25rpx;
+          font-weight: 400;
+          color: #999999;
+          image{
+            width: 18rpx;
+            height: 18rpx;
+            margin-right: 9rpx;
+          }
+        }
+      }
+      .bottom{
+        display: flex;
+        justify-content: right;
+        .look{
+          width: 158rpx;
+          height: 53rpx;
+          background: #FFFFFF;
+          border-radius: 26rpx 26rpx 26rpx 26rpx;
+          opacity: 1;
+          border: 2rpx solid #3274F9;
+          font-size: 28rpx;
+          font-weight: 400;
+          color: #3274F9;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
       }
     }
   }