From e29c5e5695bdf61b93a38f7e6ae2f4b1190aa70c Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Tue, 9 Jul 2024 16:30:40 +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/components/AiPagePicker/AiPagePicker.vue  |   8 +-
 src/components/AiTreePath/AiTreePath.vue      |  59 ++++
 src/components/pages/img/right-icon.png       | Bin 0 -> 373 bytes
 src/components/pages/img/tx@2x.png            | Bin 0 -> 1467 bytes
 src/components/pages/selectDept.vue           | 182 +++++++++++
 src/components/pages/selectDeptUser.vue       | 303 ++++++++++++++++++
 src/components/pages/selectResident.vue       |  49 ++-
 src/project/weiyang/AppHome/AppHome.vue       |   2 +-
 src/project/weiyang/AppMine/userInfo.vue      |   1 +
 .../AppSpecialPeople/AppSpecialPeople.vue     |   5 +-
 src/project/weiyang/AppSpecialPeople/add.vue  | 121 ++++---
 11 files changed, 674 insertions(+), 56 deletions(-)
 create mode 100644 src/components/AiTreePath/AiTreePath.vue
 create mode 100644 src/components/pages/img/right-icon.png
 create mode 100644 src/components/pages/img/tx@2x.png
 create mode 100644 src/components/pages/selectDept.vue
 create mode 100644 src/components/pages/selectDeptUser.vue

diff --git a/src/components/AiPagePicker/AiPagePicker.vue b/src/components/AiPagePicker/AiPagePicker.vue
index bdfdb50..9a2dc3b 100644
--- a/src/components/AiPagePicker/AiPagePicker.vue
+++ b/src/components/AiPagePicker/AiPagePicker.vue
@@ -25,7 +25,8 @@ export default {
     ops: {default: () => ({})},
     valueObj: Boolean,
     params: {default: () => ({})},
-    multiple: Boolean
+    multiple: Boolean,
+    single: Boolean,
   },
   data() {
     return {
@@ -35,6 +36,7 @@ export default {
         gird: {url: "/components/pages/selectGird", label: "girdName"},
         party: {url: "/components/pages/selectParty", label: "name"},
         dept: {url: "/components/pages/selectDept", label: "name"},
+        deptUser: {url: "/components/pages/selectDeptUser", label: "name"},
         custom: {...this.ops}
       },
     }
@@ -50,7 +52,7 @@ export default {
   },
   methods: {
     handleJump() {
-      let {config, nodeKey, valueObj, multiple} = this,
+      let {config, nodeKey, valueObj, multiple, single} = this,
           selected = (valueObj ? this.value[nodeKey] : this.value) || this.selected?.map(e => e[nodeKey])
       uni.$once('pagePicker:' + this.type, data => {
         console.log('发送', data)
@@ -61,7 +63,7 @@ export default {
       })
       let url = `${config.url}`,
           qsstr = qs.stringify({
-            selected, nodeKey, multiple, ...this.params
+            selected, nodeKey, multiple, single, ...this.params
           })
       if (!!qsstr) {
         url += `?${qsstr}`
diff --git a/src/components/AiTreePath/AiTreePath.vue b/src/components/AiTreePath/AiTreePath.vue
new file mode 100644
index 0000000..13eab4b
--- /dev/null
+++ b/src/components/AiTreePath/AiTreePath.vue
@@ -0,0 +1,59 @@
+<template>
+  <section class="AiTreePath">
+    <b v-text="`全部`" @click="$emit('click','all')"/>
+    <div flex v-for="p in parents" :key="p.id">
+      <u-icon name="arrow-right" size="32" color="#ccc"/>
+      <div class="mar-l8" v-text="p[options.label]" @click="$emit('click',p)"/>
+    </div>
+    <u-icon v-if="label" name="arrow-right" size="32" color="#ccc"/>
+    <div class="active" v-text="label" @click="$emit('click',node)"/>
+  </section>
+</template>
+<script>
+export default {
+  name: "AiTreePath",
+  props: {
+    prop: {default: () => ({})},
+    paths: {default: () => ({})},
+    node: {default: null}
+  },
+  computed: {
+    options: v => ({
+      id: 'id',
+      label: 'name',
+      parent: 'parentId',
+      ...v.prop
+    }),
+    label: v => v.node?.[v.options.label] || "",
+    parent: v => v.paths?.[v.node?.[v.options.parent]],
+    parents() {
+      const arr = []
+      const {id: KEY, parent: PARENT} = this.options
+      const find = n => {
+        if (!!n?.[KEY]) {
+          arr.unshift(n)
+          find(this.paths[n?.[PARENT]])
+        }
+      }
+      find(this.parent)
+      return arr
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.AiTreePath {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 36px;
+  line-height: 40px;
+  font-family: PingFang-SC;
+  flex-wrap: wrap;
+
+  .active {
+    font-weight: bold;
+    color: #26f
+  }
+}
+</style>
diff --git a/src/components/pages/img/right-icon.png b/src/components/pages/img/right-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1c626b7c87f84c92030092297eed2f61f7a8eec
GIT binary patch
literal 373
zcmV-*0gC>KP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px$FG)l}RA@u(*f9=*KoAAcnchnP*RnI##yfZbdqe5577pP7#z19^gamf}teZ~_
zv-|$1*sMzBk5=vz0{^{XHpm7GPk_H@;RUU3j}5LyRQL;Qu<(Lbx5oxoBP#p_Hn^vt
zVHj>^b`g=jZQHA=+Man^zIAOdrSuY!!?ZC~?VF}KqmkagyNFB;&QAo=6=-HUj^o43
zPEkl#;Dm}sx&xz;5MU${28=>Nfe}bJ5RD80B9URhC8UTPyRLg~IhOtUhQM4&e$PQ2
z074o>;pX$NS3^s4kvKRIje`Osa4=vL4g!qCxdWqd?!c5%-B%XXUpiHPZHPWZ6nEH0
z1OPv(AyA)d5Qt7Z_j+tFccSQdY!IDz?)BJU?nKe^*dRLb-0QKy+=-&+Ro~zn`K16z
TcgI<d00000NkvXXu0mjfWagc2

literal 0
HcmV?d00001

diff --git a/src/components/pages/img/tx@2x.png b/src/components/pages/img/tx@2x.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/components/pages/selectDept.vue b/src/components/pages/selectDept.vue
new file mode 100644
index 0000000..f6c4a69
--- /dev/null
+++ b/src/components/pages/selectDept.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="selectDept">
+    <AiTopFixed>
+      <AiTreePath :node="cursor" :paths="depts.map" :prop="{parent:'parentid'}" @click="changeList"/>
+    </AiTopFixed>
+    <div class="user-list">
+      <template v-if="list.length>0">
+        <div class="item" v-for="(item, index) in list" :key="index" flex>
+          <div class="select-img" @click="checkClick(item)">
+            <img :src="item.isCheck ? checkIcon : cirIcon" alt="">
+          </div>
+          <div class="user-info fill" flex @click="getCursor(item)">
+            <div class="fill" v-text="item.name"/>
+            <u-icon v-if="Array.isArray(item.children)" class="mar-r16" name="arrow-right" size="40" color="#999"/>
+          </div>
+        </div>
+      </template>
+      <template v-else>
+        <AiEmpty/>
+        <div class="pad-b118"/>
+      </template>
+    </div>
+    <div class="pad-b118"/>
+    <div class="footer">
+      <div class="btn" @click="confirm">确定选择</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: "selectDept",
+  appName: "选择部门",
+  data() {
+    return {
+      current: 1,
+      total: 0,
+      name: '',
+      list: [],
+      depts: [],
+      cirIcon: require('./img/xz.png'),
+      checkIcon: require('./img/xzh.png'),
+      selected: [],
+      cursor: {}
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    isSingle: v => !!v.$route.query.single,
+    nodeKey: v => v.$route.query.nodeKey || "idNumber",
+    isRequire: v => v.$route.query.isRequire || 1,
+    isAuth: v => !!v.$route.query.isAuth, //是否只能选择自己当前部门及以下
+  },
+  onLoad(query) {
+    console.log(query)
+    if (query.selected) {
+      this.selected = query.selected?.split(",").map(e => Number(e)) || []
+    }
+    this.getList()
+  },
+  methods: {
+    getList() {
+      var url = this.isAuth ? `/app/wxcp/wxdepartment/listByUser?name=${this.name}` : `/app/wxcp/wxdepartment/listAll?name=${this.name}`
+      this.$http.post(url).then(res => {
+        if (res?.data) {
+          res.data.forEach(e => e.isCheck = this.selected.includes(e[this.nodeKey]))
+          this.depts = new this.$tree(res.data, {parent: 'parentid'})
+          this.list = this.depts.tree
+        }
+      })
+    },
+    checkClick(item) {
+      if (this.isSingle && this.isRequire == 1) {
+        this.depts.every(e => {
+          e.isCheck = item.id == e.id
+        })
+      } else item.isCheck = !item.isCheck
+
+    },
+    confirm() {
+      let checkList = []
+      this.depts.every((item) => {
+        if (item.isCheck) {
+          checkList.push(item)
+        }
+      })
+      if (!checkList.length && this.isRequire == 1) {
+        return this.$u.toast('请先选择部门')
+      } else {
+        uni.navigateBack({
+          success: () => {
+            uni.$emit("pagePicker:dept", checkList)
+          }
+        })
+      }
+    },
+    changeList(item) {
+      if (item == "all") {
+        this.cursor = {}
+        this.list = this.depts.tree
+      } else {
+        this.cursor = item
+        this.list = item.children
+      }
+    },
+    getCursor(item) {
+      if (item.children?.length > 0) {
+        this.cursor = item
+        this.list = item.children
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.selectDept {
+  ::v-deep .AiTopFixed .u-search {
+    margin-bottom: 0 !important;
+  }
+
+  .pad-b118 {
+    padding-bottom: 118px;
+  }
+
+  .user-list {
+    background-color: #fff;
+
+    .item {
+      width: 100vw;
+
+      .select-img {
+        display: inline-block;
+
+        img {
+          width: 48px;
+          height: 48px;
+          margin: 12px 36px 12px 30px;
+          vertical-align: middle;
+        }
+      }
+
+      .user-info {
+        padding: 20px 0 20px 0;
+        height: 100%;
+        border-bottom: 1px solid #E4E5E6;
+        font-size: 36px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333;
+        line-height: 74px;
+      }
+    }
+  }
+
+  .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>
diff --git a/src/components/pages/selectDeptUser.vue b/src/components/pages/selectDeptUser.vue
new file mode 100644
index 0000000..ba9abde
--- /dev/null
+++ b/src/components/pages/selectDeptUser.vue
@@ -0,0 +1,303 @@
+<template>
+  <section class="selectDeptUser">
+    <div class="header-middle">
+      <div class="hint">
+        <span v-for="(item, index) in selectDeptPath" :key="index">
+          <span v-if="index>0" class="mar-h4">/</span>
+          <span class="color-3F8DF5" @click="deptNameClick(item, index)">{{ item.name }}</span>
+        </span>
+      </div>
+      <div class="cards" v-for="item in treeList" :key="item.id" @click="itemClick(item)">
+        <div class="imges">
+          <div class="imgselect" v-if="type == 1" :class="{checked:item.isChecked}" />
+          <img src="./img/gird--select-icon.png" alt="" class="avatras"/>
+        </div>
+        <div class="rightes">
+          <div class="applicationNames">{{ item.name }}</div>
+          <img src="./img/right-icon.png" alt="" class="imgs"/>
+        </div>
+      </div>
+      <div v-if="type == 0">
+        <div class="userCards" v-for="(e, userIndex) in userList" :key="e.id">
+          <div class="imges">
+            <div class="imgselect" :class="{checked:e.isChecked}" @click.stop="itemCheck(e, 'user', userIndex)"/>
+            <img src="./img/tx@2x.png" alt="" class="avatras"/>
+          </div>
+          <div class="rights fill">
+            <div class="applicationNames" v-text="e.name"></div>
+            <div class="idNumbers">{{ e.phone }}</div>
+          </div>
+        </div>
+      </div>
+      <AiEmpty description="暂无数据" v-if="!hasData"/>
+    </div>
+    <div class="subBtn" @click="submit">
+      <div>确定选择</div>
+    </div>
+  </section>
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  name: "selectDeptUser",
+  appName: "选择人员",
+  data() {
+    return {
+      selected: [],
+      allData: null,
+      treeList: [],
+      selectDeptPath: [],
+      userList: [],
+      type: 0,
+    }
+  },
+  computed: {
+    isSingle: v => !!v.$route.query.single,
+    nodeKey: v => v.$route.query.nodeKey || "id",
+    isRequire: v => v.$route.query.isRequire || 1,
+    hasData() {
+      return this.treeList?.length > 0 || this.userList?.length > 0
+    },
+    ...mapState(['user'])
+  },
+  onLoad(query) {
+    if (query.selected) {
+      this.selected = query.selected?.split(",") || []
+    }
+    this.getListAll() 
+  },
+  methods: {
+    isSelected(id) {
+      return !!this.selected.find(e => e == id)
+    },
+    getListAll() {
+      this.$instance.post('/app/wxcp/wxdepartment/listAllByCorp').then((res) => {
+        if (res?.data) {
+          let parents = res.data.map(e => e.parentid)
+          this.allData = res.data.map(e => ({...e, hasChildren: parents.includes(e.id), isChecked: this.isSelected(e.id)}))
+          this.deptInit()
+        }
+      })
+    },
+    deptInit() {
+      this.treeList = this.allData.filter(e => !e.parentid)
+      this.selectDeptPath = [{name: "可选范围", id: ''}]
+    },
+    itemClick({id, name, corpId}) {
+      let index = this.selectDeptPath.findIndex(e => e.id == id && e.corpId == corpId)
+      if (index == -1) {
+        this.selectDeptPath.push({name, id, corpId})
+        this.getDeptsAndUsersByParent(id, corpId)
+      }
+    },
+    getDeptsAndUsersByParent(departmentId, corpId) {
+      this.treeList = this.allData.filter(e => e.parentid == departmentId && e.corpId == corpId)
+      this.userList = []
+      this.$instance.post(`/app/wxcp/wxuser/listByDeptId`, null, {
+        params: {departmentId, status: 1, cid: corpId}
+      }).then(res => {
+        if (res?.data) {
+          this.userList = res.data.map(e => ({...e, isChecked: this.isSelected(e.id, e.corpId)}))
+        }
+      })
+    },
+    deptNameClick(row, index) {
+      this.userList = []
+      if (!index) { //第一级别
+        this.deptInit()
+      } else {
+        let length = this.selectDeptPath.length - index
+        this.selectDeptPath.splice(index + 1, length)
+        this.getDeptsAndUsersByParent(row.id, row.corpId)
+      }
+    },
+    itemCheck(row, kind, index) {
+      if(this.isSingle) {
+        this.selected = []
+        this.userList.map((item) => {
+          item.isChecked = false
+        })
+        this.userList[index].isChecked = true
+        this.selected.push({...row, kind})
+      } else {
+        row.isChecked = !row.isChecked
+        if (row.isChecked) {
+          this.selected.push({...row, kind})
+        } else {
+          let index = this.selected.findIndex(e => e.id == row.id)
+          this.selected.splice(index, 1)
+        }
+      }
+      this.$forceUpdate()
+    },
+    submit() {
+      if(![this.selected].flat().length) {
+        return this.$u.toast('请选择人员')
+      }
+      uni.navigateBack({
+        success: () => {
+          uni.$emit("pagePicker:deptUser",  this.selected)
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.selectDeptUser {
+  height: 100%;
+  background: #fff;
+
+  .header-top {
+    background: #fff;
+    padding: 20px 32px;
+  }
+
+  .header-middle {
+    padding-bottom: 140px;
+
+    .hint {
+      padding: 28px 20px 28px 32px;
+      line-height: 56px;
+      box-shadow: 0 1px 0 0 #e4e5e6;
+      font-size: 30px;
+      font-weight: 500;
+      word-break: break-all;
+    }
+
+    .empty-div {
+      height: 16px;
+      background: #f5f5f5;
+    }
+
+    .imges {
+      display: flex;
+      align-items: center;
+
+      .imgselect {
+        width: 48px;
+        height: 48px;
+        vertical-align: middle;
+        background-image: url("./img/xz.png");
+        background-position: center;
+        background-size: 100% 100%;
+
+        &.checked {
+          background-image: url("./img/xzh.png");
+        }
+      }
+
+      .avatras {
+        width: 74px;
+        height: 74px;
+        border-radius: 8px;
+        margin-left: 36px;
+      }
+    }
+
+    .cards {
+      display: flex;
+      align-items: center;
+      height: 120px;
+      line-height: 120px;
+      padding: 0 0 0 32px;
+
+
+      img {
+        width: 74px;
+        height: 74px;
+        border-radius: 8px;
+      }
+
+      .rightes {
+        width: calc(100% - 160px);
+        display: flex;
+        align-items: center;
+        margin-left: 32px;
+        border-bottom: 1px solid #e4e5e6;
+
+        .applicationNames {
+          flex: 1;
+          min-width: 0;
+          font-size: 36px;
+          font-weight: 500;
+          color: #333333;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        .imgs {
+          flex-shrink: 0;
+          width: 40px;
+          height: 40px;
+          margin-right: 20px;
+        }
+      }
+    }
+
+    .userCards {
+      display: flex;
+      align-items: center;
+      height: 120px;
+      line-height: 120px;
+      padding: 0 0 0 32px;
+
+      .rights {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-left: 32px;
+        border-bottom: 1px solid #e4e5e6;
+        padding-right: 40px;
+        height: inherit;
+
+        .applicationNames {
+          font-size: 36px;
+          font-weight: 500;
+          color: #333333;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        .idNumbers {
+          color: #666;
+        }
+      }
+    }
+  }
+
+  .subBtn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 118px;
+    background: #f4f8fb;
+
+    div {
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: #1365dd;
+      border-radius: 4px;
+      font-size: 32px;
+      color: #fff;
+      margin: 20px 34px 0 0;
+      float: right;
+    }
+  }
+
+  .color-3F8DF5 {
+    color: #3F8DF5;
+  }
+
+  .mar-h4 {
+    margin: 0 4px;
+  }
+}
+</style>
diff --git a/src/components/pages/selectResident.vue b/src/components/pages/selectResident.vue
index 612e0da..e57897b 100644
--- a/src/components/pages/selectResident.vue
+++ b/src/components/pages/selectResident.vue
@@ -1,8 +1,11 @@
 <template>
   <div class="selectResident">
-    <AiTopFixed>
-      <u-search placeholder="搜索" v-model="name" :show-action="false" @change="getList"></u-search>
-    </AiTopFixed>
+    <!-- <AiTopFixed> -->
+    <div class="search-top">
+      <u-search placeholder="搜索" v-model="name" :show-action="false" bg-color="#fff" search-icon-color="#E2E8F1" 
+        color="#666" height="72" @search="getSearchList" @clear="handerClear" @change="getList"></u-search>
+    </div>
+    <!-- </AiTopFixed> -->
     <div class="user-list">
       <template v-if="list.length>0">
         <div class="item" v-for="(item, index) in list" :key="index">
@@ -37,19 +40,23 @@ export default {
       list: [],
       cirIcon: require('./img/xz.png'),
       checkIcon: require('./img/xzh.png'),
-      selected: []
+      selected: [],
+      isSingle:  false, //是否单选
     }
   },
-  computed: {...mapState(['user'])},
+  computed: {
+    ...mapState(['user']),
+  },
   onLoad(query) {
     if (query.selected) {
       this.selected = query.selected?.split(",") || []
     }
+    this.isSingle = query.single || false
     this.getList()
   },
   methods: {
     getList() {
-      this.$http.post(`/app/appresident/list`, null, {
+      this.$instance.post(`/app/appresident/list`, null, {
         params: {
           current: this.current,
           size: 20,
@@ -69,7 +76,15 @@ export default {
       })
     },
     checkClick(index) {
-      this.list[index].isCheck = !this.list[index].isCheck
+      if(this.isSingle) {
+        this.list.map((item) => {
+          item.isCheck = false
+        })
+        this.list[index].isCheck = true
+      }else {
+        this.list[index].isCheck = !this.list[index].isCheck
+      }
+      
     },
     confirm() {
       let checkList = []
@@ -83,10 +98,15 @@ export default {
       } else {
         uni.navigateBack({
           success: () => {
-            uni.$emit("pagePicker", checkList)
+            uni.$emit("pagePicker:resident", checkList)
           }
         })
       }
+    },
+    handerClear() {
+      this.current = 1
+      this.name = ''
+      this.getList()
     }
   },
   onReachBottom() {
@@ -106,9 +126,20 @@ export default {
     padding-bottom: 118px;
   }
 
+  .search-top {
+    position: fixed;
+    top: 0;
+    left: 0;
+    padding: 16px;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #E4E5E6;
+    z-index: 99;
+  }
+
   .user-list {
     background-color: #fff;
-
+    padding-top: 100px;
     .item {
       .select-img {
         display: inline-block;
diff --git a/src/project/weiyang/AppHome/AppHome.vue b/src/project/weiyang/AppHome/AppHome.vue
index ea7924f..cd14e04 100644
--- a/src/project/weiyang/AppHome/AppHome.vue
+++ b/src/project/weiyang/AppHome/AppHome.vue
@@ -278,7 +278,7 @@ export default {
 
   onShareAppMessage() {
     return {
-      title: '欢迎使用数智巫溪~',
+      title: '欢迎使用数智未央~',
       path: `/pages/AppHome/AppHome`
     }
   },
diff --git a/src/project/weiyang/AppMine/userInfo.vue b/src/project/weiyang/AppMine/userInfo.vue
index 306e3af..5d96b95 100644
--- a/src/project/weiyang/AppMine/userInfo.vue
+++ b/src/project/weiyang/AppMine/userInfo.vue
@@ -189,6 +189,7 @@ export default {
           }, 600);
         }
       }).catch(err=> {
+        this.flag = false
         this.$u.toast(err.msg)
       })
     },
diff --git a/src/project/weiyang/AppSpecialPeople/AppSpecialPeople.vue b/src/project/weiyang/AppSpecialPeople/AppSpecialPeople.vue
index f5d8287..6a5ae4d 100644
--- a/src/project/weiyang/AppSpecialPeople/AppSpecialPeople.vue
+++ b/src/project/weiyang/AppSpecialPeople/AppSpecialPeople.vue
@@ -99,17 +99,16 @@ export default {
   computed: {
     ...mapState(['user']),
     hasGridPermit() {
-      return this.user.girdCheckType != 0
+      return this.user.girdInfos2G && this.user.girdInfos2G.length
     },
     isAdmin() {
-      return this.user.girdCheckType == 2
+      return this.user.girdInfos2G && this.user.girdInfos2G.length
     },
   },
   created() {
     this.$dict.load('appSpecialTypeFive')
   },
   onShow() {
-    document.title = '特殊人群管理'
     if (this.hasGridPermit) {
       if (!this.search.girdId) {
         this.search.girdId = this.user.girdId
diff --git a/src/project/weiyang/AppSpecialPeople/add.vue b/src/project/weiyang/AppSpecialPeople/add.vue
index dcc0f59..180f1b9 100644
--- a/src/project/weiyang/AppSpecialPeople/add.vue
+++ b/src/project/weiyang/AppSpecialPeople/add.vue
@@ -23,10 +23,10 @@
               </template>
               <span v-else>-</span>
             </div>
-            <div class="value" v-else v-text="toString(formData[item.fieldDbName])"/>
+            <div class="value" v-if="!item.dict && item.type!='area' && item.type!='upload'" v-text="toString(formData[item.fieldDbName])"/>
           </div>
           <!-- input输入框 -->
-          <div class="item" v-if="item.type == 'input' || item.type == 'name' || item.type == 'phone'">
+          <div class="item" v-else-if="item.type == 'input' || item.type == 'name' || item.type == 'phone'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-input type="text" placeholder="请输入" input-align="right" placeholder-style="color:#999;font-size:16px;"
@@ -34,7 +34,7 @@
             </div>
           </div>
           <!-- number 输入框 -->
-          <div class="item" v-if="item.type == 'number'">
+          <div class="item" v-else-if="item.type == 'number'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-input type="number" placeholder="请输入" input-align="right"
@@ -43,7 +43,7 @@
             </div>
           </div>
           <!-- 身份证输入框 -->
-          <div class="item" v-if="item.type == 'idNumber'">
+          <div class="item" v-else-if="item.type == 'idNumber'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-input type="idcard" placeholder="请输入" input-align="right"
@@ -52,7 +52,7 @@
             </div>
           </div>
           <!-- textarea输入框 富文本-->
-          <div class="textarea" v-if="item.type == 'textarea' || item.type == 'text' || item.type == 'rtf'">
+          <div class="textarea" v-else-if="item.type == 'textarea' || item.type == 'text' || item.type == 'rtf'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-input type="textarea" placeholder="请输入请输入" placeholder-style="color:#999;font-size:16px;" height="200"
@@ -60,32 +60,32 @@
             </div>
           </div>
           <!-- 字典下拉选择 -->
-          <div class="item" v-if="item.type == 'dict'">
+          <div class="item" v-else-if="item.type == 'dict'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value" @click="selectClick(item.fieldDbName, item.dict)">
               <AiMore :value="$dict.getLabel(item.dict, formData[item.fieldDbName])"/>
             </div>
           </div>
           <!-- 单选radio -->
-          <div class="item" v-if="item.type == 'radio'">
+          <div class="item" v-else-if="item.type == 'radio'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-radio-group v-model="formData[item.fieldDbName]">
-                <!-- <u-radio :name="item.dictValue" v-for="(item, index) in $dict.getDict(item.dict)" :key="index">
-                  {{ item.dictName }}
-                </u-radio> -->
+                <u-radio :name="itemr.dictValue" v-for="(itemr, indexr) in $dict.getDict(item.dict)" :key="indexr">
+                  {{ itemr.dictName }}
+                </u-radio>
               </u-radio-group>
             </div>
           </div>
           <!-- 开关onOff -->
-          <div class="item" v-if="item.type == 'onOff'">
+          <div class="item" v-else-if="item.type == 'onOff'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-switch v-model="formData[item.fieldDbName]" :active-value="1" :inactive-value="0"></u-switch>
             </div>
           </div>
           <!-- 多选checkbox -->
-          <div class="textarea" v-if="item.type == 'checkbox'">
+          <div class="textarea" v-else-if="item.type == 'checkbox'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <u-checkbox-group>
@@ -100,26 +100,34 @@
             </div>
           </div>
           <!-- 附件 -->
-          <div class="textarea" v-if="item.type == 'upload'">
+          <div class="textarea" v-else-if="item.type == 'upload'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value">
               <!-- <AiUploader :multiple="true" type="image" :limit="9" placeholder="上传图片"
                           :def.sync="formData[item.fieldDbName]"
                           action="/admin/file/add2"/> -->
+              <AiUploader v-model="formData[item.fieldDbName]" :limit="9" action="/admin/file/add2"></AiUploader>
             </div>
           </div>
           <!-- 地区选择 -->
-          <div class="item" v-if="item.type == 'area'">
+          <div class="item" v-else-if="item.type == 'area'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value" flex>
               <!-- <AiAreaPicker @select="v=>formData[item.fieldDbName]=v" :name.sync="formData[item.fieldDbName+'_name']"
                             all :value="formData[item.fieldDbName]" :valueLevel="item.areaPattern" isForm/> -->
+            <AiAreaPicker class="ai-area" v-model="formData[item.fieldDbName]" :fullName="formData[item.fieldDbName+'_name']"
+              :valueLevel="item.areaPattern" :areaId="$areaId" >
+               <div class="ai-area__wrapper">
+                <span :style="formData[item.fieldDbName+'_name']? '' : 'color: #999'">{{ formData[item.fieldDbName+'_name'] || '请选择'}}</span>
+                <u-icon name="arrow-right" color="#999" size="22"></u-icon>
+              </div>
+            </AiAreaPicker>
             </div>
           </div>
           <!-- 人员选择 -->
-          <div class="item" v-if="item.type == 'user'">
+          <div class="item" v-else-if="item.type == 'user'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
-            <div class="value" @click="handleSelectUser(item.fieldDbName)">
+            <!-- <div class="value" @click="handleSelectUser(item.fieldDbName)">
               <template v-if="!formData[item.fieldDbName].length">
                 <span>请选择</span>
               </template>
@@ -129,26 +137,29 @@
                 }}</em>人
               </template>
               <u-icon name="arrow-right" color="#ddd"></u-icon>
-            </div>
+            </div> -->
+            <AiPagePicker @select="v=>handleSelectDeptUser(v, item)" type="deptUser">
+              <AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
+            </AiPagePicker>
           </div>
           <!-- 日期选择 / 日期带时分秒选择 / 时间-时分秒选择 -->
-          <div class="item" v-if="item.type == 'date' || item.type == 'datetime' || item.type == 'time'">
+          <div class="item" v-else-if="item.type == 'date' || item.type == 'datetime' || item.type == 'time'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value" @click="dateClick(indexs, index)" flex>
               <AiMore v-model="formData[item.fieldDbName]"/>
             </div>
           </div>
           <!-- 居民档案选择 -->
-          <div class="item" v-if="item.type == 'resident'">
+          <div class="item" v-else-if="item.type == 'resident'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value" flex>
-              <AiPagePicker @select="v=>handleSelectResident(v,item)" single>
-                <AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
+              <AiPagePicker @select="v=>handleSelectResident(v, item.fieldDbName)" single>
+                <AiMore v-model="formData[item.fieldDbName]" :placeholder="item.fieldTips"/>
               </AiPagePicker>
             </div>
           </div>
           <!-- 网格选择 -->
-          <div class="item" v-if="item.type == 'gird'">
+          <div class="item" v-else-if="item.type == 'gird'">
             <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
             <div class="value" flex>
               <AiPagePicker type="gird" @select="v=>handleSelectGird(v,item)">
@@ -190,31 +201,36 @@ export default {
       selectName: '',
       selectList: [],
       selectShow: false,
+      id: '',
+      appId: '',
+      query: {}
     }
   },
   computed: {
     ...mapState(['user']),
     isEdit() {
-      return !!this.$route.query.id
+      return !!this.id
     }
   },
   created() {
-    // this.getType()
+    this.getType()
+  },
+  onLoad(e) {
+    console.log(e)
+    this.id = e.id || ''
+    this.appId = e.appId || ''
+    this.query = {...e} 
   },
   onShow() {
-    // if (this.isEdit) {
-    //   document.title = "编辑人员"
-    //   if (!this.appId) {
-    //     let {appId: value} = this.$route.query
-    //     this.typeConfirm([{value}]).then(() => this.getDetail())
-    //   }
-    // } else {
-    //   document.title = '新增人员'
-    //   if (this.$route.query.appId && !this.appId) {
-    //     let {appId: value, appName} = this.$route.query
-    //     this.typeConfirm([{value, label: decodeURIComponent(appName)}])
-    //   }
-    // }
+    if (this.isEdit) {
+      uni.setNavigationBarTitle({
+        title: '编辑人员',
+      })
+    } else {
+      uni.setNavigationBarTitle({
+        title: '新增人员',
+      })
+    }
   },
   methods: {
     // ...mapActions(['selectEnterpriseContact']),
@@ -233,6 +249,13 @@ export default {
       }).then((res) => {
         if (res?.data) {
           this.typeList = res.data
+          if(this.appId) {
+            this.typeList.map((item) => {
+              if(this.appId == item.id) {
+                this.typeConfirm([{value: item.id, label: item.applicationName}])
+              }
+            })
+          }
         }
       })
     },
@@ -242,6 +265,7 @@ export default {
       return this.$instance.post(`/app/appapplicationinfo/queryApplicationInfo?appId=${this.appId}`).then((res) => {
         if (res?.data) {
           this.formData = {}
+          this.formDataList = []
           let data = res.data
           let dictList = []
           let formList = {}
@@ -297,6 +321,7 @@ export default {
                 ...item,
                 type: item.type,
                 fieldValue: "",
+                // fieldAreaName: item.fieldDbName+'_name'
               }
             } else {
               if (item.type == 'date') {
@@ -317,6 +342,7 @@ export default {
             }
             formList[item.groupIndex]?.push(colItem) || (formList[item.groupIndex] = [colItem])
             this.$set(this.formData, colItem.fieldDbName, colItem.fieldValue || "")
+            // this.$set(this.formData, colItem.fieldAreaName, colItem.fieldAreaName || "")
           })
           this.formDataList = Object.values(formList)
 
@@ -336,6 +362,10 @@ export default {
             this.$forceUpdate()
             this.pageShow = true
           }
+
+          if(this.id) {
+            this.getDetail()
+          }
         }
       })
     },
@@ -433,6 +463,7 @@ export default {
           }
         })
       })
+      
 
       if (!isValid) return
 
@@ -451,12 +482,21 @@ export default {
         this.$u.toast(err || "提交失败,请联系管理员")
       })
     },
-    handleSelectResident(resident, item) {
+    handleSelectResident(resident, fieldDbName) {
+      let info = resident[0]
+      info[fieldDbName + "_name"] = info.name
+      this.formData = {...this.formData, ...info}
+      this.formData[fieldDbName] = info.id
+      this.formData[fieldDbName + "_name"] = info.name
+      this.formData.birthDate = this.$idCardNoUtil.getIdCardInfo(info.idNumber).birthday
+      this.$forceUpdate()
+    },
+    handleSelectDeptUser(resident, item) {
       let info = resident?.[0] || {}
       this.formData = {...this.formData, ...info}
       this.formData[item.fieldDbName] = info.id
       this.formData[item.fieldDbName + "_name"] = info.name
-      this.$forceUpdate()
+      // this.$forceUpdate()
     },
     toString(obj) {
       return obj?.toString() || "-"
@@ -468,7 +508,7 @@ export default {
       this.$forceUpdate()
     },
     getDetail() {
-      let {id, appId} = this.$route.query
+      let {id, appId} = this.query
       return id ? this.$instance.post("/app/appapplicationinfo/queryDetailById", null, {
         params: {id, appId}
       }).then(res => {
@@ -592,6 +632,7 @@ export default {
     position: fixed;
     bottom: 0;
     left: 0;
+    z-index: 99;
   }
 
   .btn {