From db781c050c377f864be640d6a8dccf08ac0b26ee Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 24 Dec 2021 10:38:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E6=8B=A9=E4=BA=BA=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppBuilding/add.vue                  |   7 +-
 .../AppBuilding/components/img/check-icon.png | Bin 0 -> 1735 bytes
 .../AppBuilding/components/img/cir-icon.png   | Bin 0 -> 1489 bytes
 .../AppBuilding/components/img/user-img.png   | Bin 0 -> 1467 bytes
 src/apps/AppBuilding/selectResident.vue       | 155 ++++++++++++++++++
 5 files changed, 161 insertions(+), 1 deletion(-)
 create mode 100644 src/apps/AppBuilding/components/img/check-icon.png
 create mode 100644 src/apps/AppBuilding/components/img/cir-icon.png
 create mode 100644 src/apps/AppBuilding/components/img/user-img.png
 create mode 100644 src/apps/AppBuilding/selectResident.vue

diff --git a/src/apps/AppBuilding/add.vue b/src/apps/AppBuilding/add.vue
index d6b831d0..6ae8cb27 100644
--- a/src/apps/AppBuilding/add.vue
+++ b/src/apps/AppBuilding/add.vue
@@ -62,7 +62,7 @@
     <div class="line-bg"></div>
     <div class="title">
       <span class="tips"></span>房主信息
-      <span class="select" @click="handleSelectUser('owner')">选择人员</span>
+      <span class="select" @click="toSelectUser">选择人员</span>
     </div>
     <div class="pad-l32">
       <div class="item" v-for="(item, index) in houseInfo.owner" :key="index">
@@ -166,6 +166,11 @@ export default {
         this.lockSelector = false
       })
     },
+
+    toSelectUser() {
+      console.log(111)
+      uni.navigateTo({url: './selectResident'})
+    },
     tableRelationSelect(name, index) {
       this.tableName = name
       this.tableIndex = index
diff --git a/src/apps/AppBuilding/components/img/check-icon.png b/src/apps/AppBuilding/components/img/check-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc974d1b899b73c7f10d859471dfe041ee75f10c
GIT binary patch
literal 1735
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

literal 0
HcmV?d00001

diff --git a/src/apps/AppBuilding/components/img/cir-icon.png b/src/apps/AppBuilding/components/img/cir-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..98f78cdab2ae85e91b206b3aa327d3557742f637
GIT binary patch
literal 1489
zcmV;?1upuDP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NHJ4r-ARA>d&noVdMM;L}@cBNJ^
z<PfNvSjC3~9|8u)v9_d#78*!%DQ)UPa%xY-$Mg@9v(HILe{w86B_{{krX?4*kV1Qi
z>B?~o1|NbirdCoHaxgS%CGGZo=f_^#iltpyyV8Qav%53jJnzmovoqgFihVd%S62_L
zudlxqhT&-;<Z+lBLHdxC@*vG4y@B*oBp=~w8R>h2gM&X04-Y@%^G*(#wD98M;-Olt
zaV`vlbFgt1e*-aX{e%3oQaX3?dH2rP*cb)IK4J^-{j~wddHi`0gqKm9dc%05A>Qm9
z&Ub@AuDGsPLwc=HC{##PtyYK73dKf46dfl#hV<KLsZ%)H`ZpX$UI~ID*FCRDVQnAQ
zK+6KC%$=W~|0oQ_G%^pd03d$>_-%mxI66A|nD^Q}mX?-|K-jymavrwNm~s^<#q`9)
z#J8~BXvbDt0u~k)UTHLfA5f7;qp0M*5V^~x(uv>Nsiak&a{1vKLe#I|<-DftOW$>!
z_r}M^|7=yZr2yZ5cnZe9hatZ86~JFAl}g{WGMwajxm<o9UUdzvdKBg1ez{4{J2AJH
ztvv<6;0Jgs-@rhD?vl^vE+p-2dqG5>>A|5sW8A8W7dC|#b}O1EntrYT1AkLzmN!bJ
zlb^Ngm(dE6q}kuf<p*D&B`&f&M11%>5lsacxA_%i3qm-bdfv&eXejN&_aA&BMDQi*
zt-_t&Z01h81hB)_>y1B92tF@wc;3XvX@f`W^Zog+O-odAIrr6_9ova!X47%BAv}Ga
zZWDc;McTM7hHEioMnX5ru}y#;=haZT!Va63&qslFrpZ7S++X1^PR3}SO#%GEnvWDa
z&82RSHc^OHX|j-s`N&9CTV_)Lrw6zR*Ae%-HO|{glbp#!HZmGkWkw0$*lXrCQ0OY9
zNh;}f8OugiGP6D<fU`=Z53=KW-uUm`21#n4Y-A*>Vb%i7lo<ErOj6_Nl?!jPF3aq2
zF@o!}P!<*nFZ`4qNV1wZ^Cc^p$?k9^g$wlRa4znYI2l4`r8Hy63ElwN9gMA~X%edL
zc4j)g(w3F%=)`IbE4Y$M523S~wpitHjzS|e$7Nt=X45MjVI83hsqqxe(l-JuE7=`f
zsD*hxpYIz1mX+-4L#AEG-8HpN&ne>7<hom|bfFCvXXqoIne1{~R<hHDo)QHY#q5yc
z)ofYGP8UMBPY4E`;+e@VcZBs31cb{(VZ<yuq<A%Nv4+cZp?fTjW<j{GKMu=EcF76R
zlP7=ujf(??!i&XTpAYGf<iBeW@$B&7mtS&Bh<g?{q>fegb}NvPte~7FyZR0=#I3RA
z`QFASoo2MmN&w^Yc(MUyXLO*oH)W8GjAS*;dPT-nKjZTnyKc_CC_=N5)kaNJ3lNo?
z3piC6;%1b%*YI`ZT7};$hE*YM3gFHN!WPrK3lUfCs$b>G_#atx*qsY6F&*8-*%UxV
zvoqo&d8}4bA?|HqyexFU=UuYkwI0P#?~^ggu}uInG`KT@3~(iOXok46J;-1>ZiQ@Q
zj1p}Vzy~_|o0~)uA?@&@4sl0|q?gupt33jS*C%&Irb)6(0B<r54_}*Nn(=vtxY?BY
zy8HiGmkz6|y#f0DRI|MSlI*#N>FX^f`=0xHlh2B1w#~{w>wd*ieShI~^v$dM1}V3|
zXtQtItX2g5viU~0oMA{Z?krZ%D*t;21H}b1%CM^LY;;=@JjeN|fsG#2YPBLDv;C<-
rR0PxfI`-v{J$4G=H5Wx${oLk%)9=4SDWBtd00000NkvXXu0mjfj7GBY

literal 0
HcmV?d00001

diff --git a/src/apps/AppBuilding/components/img/user-img.png b/src/apps/AppBuilding/components/img/user-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9620e086f8e6738ca671aacc434531257ce7add
GIT binary patch
literal 1467
zcmV;s1w{IZP)<h;3K|Lk000e1NJLTq002q=002q|1^@s69MHmX00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91N}vM(1ONa40RR91N&o-=06xuyNB{r@B}qg<RCodHoLg@jMHI)+?#7oG
z$B9YYCQX5orWFtf^Z^Nac_~t=z963Z2@n#md=TDHC4|I#zd)rvR8(rAZ-`1oh(am7
zL349UT(@>=FXz9hrE2YUXJ=>6#`Yd*W$$?Q>^Z+VGdr_09*cbP?d6T7Hnlz{*IjYR
zdY#BE`mzk^sa3Pcy-k*N!6xUsFOE-Nf6-B^b8_ywo87FgeeDu`$&l<$`bd6SR-3_`
zeYITq>dcbW1OpEgAZ=7v&y!0hM-ohs(-vKvF7G)FSYG5Hl2S-LXmQ|pY!FdslUmfe
zHuBZ22PZFytD!^Avi-c_9_=<M2oln{y#^y2Pq%*g(%(E-EA~zoAjQ#-02pzV8<l=i
zKNK(f%`K*F)5{n=|2+kjf>I=)m@SPcMNngk`C`kKaV%P_<Y@m?mMX;zjc0bs?#XtW
z)@s{y_hFO%SZmOBi$|deN@AdF9%UZcU!djr0_DcK13Tk5RLVPaa3)V59ca_Fdv*Hx
zZk^f*@k#_#F=x~1ccy6i6}8&~<cDt*X@Q}g|Mel&8g22|>MqKdO_<2r^x1M*8Pbd9
z04%PB4rvj+BdXiVTa#4GIof{W+Ec6px+Fyu)cf2Xp}~$SGpyqS)+H%opwM2U;Wj1E
z)#DjpN`03eF;MgT`0qUWyR6Vi$a6OWI;BJo)TDW*=3~$q1YQgj`b4H>a@@SmAREO%
z6|&}U6^G8D1ZA?#3j)+hH($&h&A!h#oEplAvV=Q`zH*9uDi%?3jQ-=$8ALP%6-36D
zo`UiL2|5)6Rd1SqH4=x;#6hh;eimedcKSvPI)jW6i>TGD?I0Vp(;vj3GsqY*P<N_L
zevNDHJuY-Xr<90+YVzcONynfII;BJm6dd}6CkRZ5NnI*7iGsTSXlMFK#jt*P?(q~B
zbV-URC^&ZM#(z9Vr{7gTZ~O<=AuZydws@-P%FUX#pI2^f5p+n4I4C&y+k>a{_huus
zuebRcT$_X>0t${^y%j#HbgnT4H8D`tdW*tzLXmfquSrT00|kexb@gFQn7nboOcYd@
z35Sy4L_#mniGg}|Zk*;qOgGJyvh?1*@m@ZNq$L7si6I?Z2>)NCqi+^zX*L;HYU^$c
zm05vjcRyx8hbnn3jTXOnKe0GLv!x9E_*adv*i1@d2ZcF>z3dp^9Nv>BtgwqJhgi>n
z=^XvO`jl?)f!8f@507I3RW3L*$8h#>8}wQ^+jB)-R9FCxDvYD?tnIy-xc{h0|L_>F
z`ow%U!Wby5!Cailc_obn6q14!d5aveI3TE!w>BE|=X%3i18TyS$e?B?GG4p0mp^xl
zV6ydXZuD`WTK>di%YP%j4UJUvSk3$C@)YeRNdCftZLkrxMiFgLh@?*rmw1U_^u{@g
z11i_TM%W6QbwwN0@q<PFpYra9)ByuqVY9AifkHn9>nI0JU^8sj5iL*)+=m%d(Y0L*
zRAnOa!!j|>y0&Y9n#>O_C|%pNK;^~;rxEvuuCDD`pa$q+=jX&v>aHZE1T9dK3%HcL
z2$4zGcCE(d`>X3AOdF1@S`jrIu7~p?1*OO<1(kwQB%qj$BgzUtWvi%sc(PeF{v#!C
zSC&d&0$^lgPq)6g(jU3f@xFK1_>RBG&HD@*cxD4eHg*T(Uj5lYvtP<yumK~ldw|^m
zd0W7XQa2x%`!Exa4IAu%!mfbW9gts_ev?*1rh@GynMG&EL=<e-SUTOXwD*Rk{{wHl
VVH*lAC%^yz002ovPDHLkV1jT#mkR&@

literal 0
HcmV?d00001

diff --git a/src/apps/AppBuilding/selectResident.vue b/src/apps/AppBuilding/selectResident.vue
new file mode 100644
index 00000000..5c3f1c8f
--- /dev/null
+++ b/src/apps/AppBuilding/selectResident.vue
@@ -0,0 +1,155 @@
+<template>
+  <div class="selectResident">
+    <AiTopFixed>
+      <u-search placeholder="搜索" v-model="name" :show-action="false"></u-search>
+    </AiTopFixed>
+    <div class="user-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <div class="select-img" @click="checkClick(index)">
+          <img :src="item.isCheck ? checkIcon : cirIcon" alt="">
+        </div>
+        <div class="user-info">
+          <img :src="item.photo" alt="" v-if="item.photo">
+          <img src="./components/img/user-img.png" alt="" v-else>{{item.name}}
+        </div>
+      </div>
+    </div>
+    <div class="pad-b118"></div>
+    <div class="footer">
+      <div class="btn" @click="confirm">确定选择</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+
+  data() {
+    return {
+      current: 1,
+      name: '',
+      list: [],
+      cirIcon: require('./components/img/cir-icon.png'),
+      checkIcon: require('./components/img/check-icon.png'),
+    }
+  },
+  computed: {...mapState(['user'])},
+  mounted() {
+    this.getList()
+  },
+
+  methods: {
+    getList() {
+      this.$http.post(`/app/appresident/list`, null, {
+        params: {
+          current: this.current,
+          size: 20,
+          areaId: this.user.areaId,
+          con: this.name
+        }
+      }).then(res => {
+        if (res?.data) {
+          res.data.records.forEach(e => {
+            e.isCheck = false
+          })
+          if (this.current > 1 && this.current > res.data.pages) {
+            return
+          }
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    },
+    checkClick(index) {
+      this.list[index].isCheck = !this.list[index].isCheck
+    },
+    confirm() {
+      var checkList = []
+      this.list.map((item) => {
+        if(item.isCheck) {
+          checkList.push(item)
+        }
+      })
+
+      console.log(checkList)
+
+      if(!checkList.length) {
+        return this.$u.toast('请先选择人员')
+      }
+
+    }
+  },
+  onReachBottom() {
+    console.log(111)
+    this.current++
+    this.getList()
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.selectResident {
+  ::v-deep .AiTopFixed .u-search{
+    margin-bottom: 0!important;
+  }
+  .pad-b118{
+    padding-bottom: 118px;
+  }
+  .user-list{
+    background-color: #fff;
+    .item{
+      .select-img{
+        display: inline-block;
+        img{
+          width: 48px;
+          height: 48px;
+          margin: 12px 36px 12px 30px;
+          vertical-align: middle;
+        }
+      }
+      .user-info{
+        display: inline-block;
+        padding: 20px 0 20px 0;
+        width: calc(100% - 114px);
+        height: 100%;
+        border-bottom: 1px solid #E4E5E6;
+        font-size: 36px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333;
+        line-height: 74px;
+        img{
+          width: 74px;
+          height: 74px;
+          border-radius: 8px;
+          margin-right: 34px;
+          vertical-align: bottom;
+        }
+      }
+    }
+  }
+  .footer{
+    width: 100%;
+    height: 118px;
+    background: #F4F8FB;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    text-align: right;
+    .btn{
+      display: inline-block;
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      background: #1365DD;
+      border-radius: 4px;
+      text-align: center;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #FFF;
+      margin: 20px 34px 0 0;
+    }
+  }
+}
+</style>