From 0aa45ef8fa68eeca9f916b2279476c9d7aeffc66 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 21 Jun 2024 13:43:16 +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

---
 .../baiduAI/AppDialogue/AppDialogue.vue       |   4 +-
 .../new/AppSpecialPeople/AppSpecialPeople.vue | 483 ++++++++++++++
 src/project/new/AppSpecialPeople/add.vue      | 620 ++++++++++++++++++
 .../new/AppSpecialPeople/img/del-icon.png     | Bin 0 -> 1415 bytes
 .../new/AppSpecialPeople/img/down-icon.png    | Bin 0 -> 282 bytes
 .../new/AppSpecialPeople/img/edit-icon.png    | Bin 0 -> 1352 bytes
 .../new/AppSpecialPeople/img/local-icon.png   | Bin 0 -> 1121 bytes
 .../new/AppSpecialPeople/img/search-icon.png  | Bin 0 -> 766 bytes
 .../new/AppSpecialPeople/img/user-img.png     | Bin 0 -> 2733 bytes
 9 files changed, 1105 insertions(+), 2 deletions(-)
 create mode 100644 src/project/new/AppSpecialPeople/AppSpecialPeople.vue
 create mode 100644 src/project/new/AppSpecialPeople/add.vue
 create mode 100644 src/project/new/AppSpecialPeople/img/del-icon.png
 create mode 100644 src/project/new/AppSpecialPeople/img/down-icon.png
 create mode 100644 src/project/new/AppSpecialPeople/img/edit-icon.png
 create mode 100644 src/project/new/AppSpecialPeople/img/local-icon.png
 create mode 100644 src/project/new/AppSpecialPeople/img/search-icon.png
 create mode 100644 src/project/new/AppSpecialPeople/img/user-img.png

diff --git a/src/project/baiduAI/AppDialogue/AppDialogue.vue b/src/project/baiduAI/AppDialogue/AppDialogue.vue
index abac8c1..f826caa 100644
--- a/src/project/baiduAI/AppDialogue/AppDialogue.vue
+++ b/src/project/baiduAI/AppDialogue/AppDialogue.vue
@@ -334,8 +334,8 @@ page {
           font-weight: 700;
           font-size: 36px;
           background: linear-gradient(to bottom, #2A6EE9, #58A5F7);
-          -webkit-background-clip: text;
-          -webkit-text-fill-color: transparent;
+          // -webkit-background-clip: text;
+          // -webkit-text-fill-color: transparent;
           margin-bottom: 16px;
         }
         p {
diff --git a/src/project/new/AppSpecialPeople/AppSpecialPeople.vue b/src/project/new/AppSpecialPeople/AppSpecialPeople.vue
new file mode 100644
index 0000000..f5d8287
--- /dev/null
+++ b/src/project/new/AppSpecialPeople/AppSpecialPeople.vue
@@ -0,0 +1,483 @@
+<template>
+  <div class="AppSpecialPeople">
+    <template v-if="hasGridPermit">
+      <div class="tab-select">
+        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
+             @click="tabClick(index)">{{ item }}<span></span></div>
+      </div>
+      <div class="area-select">
+        <div class="select-content">
+          <div class="area-content fill">
+            <AiPagePicker type="gird" @select="handleGridSelect">
+              <AiMore v-model="gridName" placeholder="选择网格"/>
+            </AiPagePicker>
+          </div>
+          <div class="search-input" v-if="tabIndex">
+            <img src="./img/search-icon.png" alt=""/>
+            <u-input type="text" placeholder="请输入姓名" placeholder-style="color:#999;font-size:13px;" height="18"
+                     v-model="search.name" @confirm="getUserList" :clearable="false" maxlength="6"/>
+          </div>
+        </div>
+      </div>
+      <div v-if="!tabIndex">
+        <div class="info-content">
+          <div class="title">特殊人群</div>
+          <div class="num-content">
+            <div class="num-item" v-for="(item, index) in statisticsList" :key="index">
+              <h3 v-text="item.value"/>
+              <p v-text="item.label"/>
+            </div>
+            <AiEmpty v-if="!statisticsList.length"/>
+          </div>
+        </div>
+        <div class="info-content">
+          <div class="title">本月新增</div>
+          <div class="num-content color-org">
+            <div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
+              <h3>{{ item.value }}</h3>
+              <p>{{ item.label }}</p>
+            </div>
+            <AiEmpty v-if="!statisticsListMon.length"/>
+          </div>
+        </div>
+      </div>
+      <div v-else>
+        <div class="item-content" v-for="(item, index) in userList" :key="index">
+          <div class="title" @click="showUserType(index)">
+            <h2>{{ item.label }}</h2>
+            <img src="./img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''"/>
+          </div>
+          <div class="user-list" v-if="item.check">
+            <div class="user-item" v-for="(e, indexs) in item.value" :key="indexs" @click="showDetail(e)">
+              <div class="user-img">
+                <img src="./img/user-img.png" alt=""/>
+              </div>
+              <div class="user-info">
+                <p class="name">{{ e.name }}
+                  <span class="btn-icon" v-if="isAdmin || user.id == e.create_user_id">
+                  <img src="./img/edit-icon.png" alt="" @click.stop="toEdit(e,item.dictValue)">
+                  <img src="./img/del-icon.png" alt="" @click.stop="del(e,item.dictValue)">
+                </span>
+                </p>
+                <div class="phone">
+                  <span>{{ idNumberInit(e.idNumber) }}</span>
+                  <span>{{ e.phone }}</span>
+                </div>
+              </div>
+            </div>
+            <p class="text" v-if="!item.value.length">{{ '暂无' + item.label + '信息' }}</p>
+          </div>
+        </div>
+        <div class="footer" @click="toAdd">
+          <div class="btn">新增特殊人群信息</div>
+        </div>
+      </div>
+    </template>
+    <AiEmpty description="没有网格员权限<br>无法查看特殊人员信息~" v-else style="text-align:center;"/>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: 'AppSpecialPeople',
+  appName: '特殊人群',
+  data() {
+    return {
+      areaName: '',
+      tabs: ['统计信息', '人员信息'],
+      tabIndex: 0,
+      addressArea: '',
+      statisticsList: [],
+      statisticsListMon: [],
+      userList: [],
+      gridName: "",
+      search: {name: ''}
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    hasGridPermit() {
+      return this.user.girdCheckType != 0
+    },
+    isAdmin() {
+      return this.user.girdCheckType == 2
+    },
+  },
+  created() {
+    this.$dict.load('appSpecialTypeFive')
+  },
+  onShow() {
+    document.title = '特殊人群管理'
+    if (this.hasGridPermit) {
+      if (!this.search.girdId) {
+        this.search.girdId = this.user.girdId
+        this.gridName = this.user.girdName
+      }
+      this.getDatas()
+    }
+  },
+  methods: {
+    getDatas() {
+      this.getStatistic()
+      this.getStatisticMon()
+      this.getUserList()
+      this.$forceUpdate()
+    },
+    handleGridSelect(e) {
+      this.gridName = e?.girdName
+      this.search.girdId = e?.id
+      this.getDatas()
+    },
+    areaSelect(e) {
+      this.search.areaId = e
+      this.getDatas()
+    },
+    tabClick(index) {
+      this.tabIndex = index
+    },
+    getStatistic() {
+      this.statisticsList = []
+      this.$instance.post(`/app/appapplicationinfo/specialStatistic`, null, {
+        params: {...this.search, type: 0, range: 0}
+      }).then((res) => {
+        if (res?.data) {
+          this.statisticsList = Object.keys(res.data).map((label, i, arr) => ({label, value: res.data[label]}))
+        }
+      })
+    },
+    getStatisticMon() {
+      this.statisticsListMon = []
+      this.$instance.post(`/app/appapplicationinfo/specialStatistic`, null, {
+        params: {...this.search, type: 0, range: 1}
+      }).then((res) => {
+        if (res?.data) {
+          this.statisticsListMon = Object.keys(res.data).map((label, i, arr) => ({label, value: res.data[label]}))
+        }
+      })
+    },
+    getUserList() {
+      this.userList = []
+      this.$instance.post(`/app/appapplicationinfo/queryPeople`, null, {
+        params: {...this.search, type: 0, status: 1}
+      }).then((res) => {
+        if (res?.data) {
+          this.userList = Object.keys(res.data).map(e => ({
+            label: e,
+            value: res.data[e],
+            check: false,
+          }))
+        }
+      })
+    },
+    toAdd() {
+      uni.navigateTo({url: './add'})
+    },
+    idNumberInit(idNumber) {
+      if (!idNumber) {
+        idNumber = ''
+      } else {
+        idNumber = idNumber.substring(0, 5) + '******' + idNumber.substring(12, 15)
+      }
+      return idNumber
+    },
+    showUserType(index) {
+      if (this.userList[index].check) {
+        this.userList[index].check = false
+      } else {
+        this.userList.map((item) => {
+          item.check = false
+        })
+        this.userList[index].check = true
+      }
+    },
+    toEdit(row) {
+      uni.navigateTo({
+        url: `./add?id=${row.id}&appId=${row.appId}`
+      })
+    },
+    del(row) {
+      this.$confirm('确定删除该数据?').then(() => {
+        uni.showLoading({})
+        let {id: ids, appId} = row
+        this.$instance.post("/app/appapplicationinfo/delete", null, {
+          params: {ids, appId}
+        }).then((res) => {
+          if (res?.code == 0) {
+            this.$u.toast('删除成功！')
+            this.getUserList()
+          }
+          uni.hideLoading()
+        })
+      }).catch(() => {
+      })
+    },
+    showDetail(e) {
+      uni.navigateTo({url: `/apps/AppPeopleList/DetailCard?id=${e.resident_id}`})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.AppSpecialPeople {
+  min-height: 100%;
+
+  .tab-select {
+    width: 100%;
+    height: 96px;
+    line-height: 96px;
+    background: #3975c6;
+    display: flex;
+
+    .item {
+      flex: 1;
+      text-align: center;
+      font-size: 28px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #cddcf0;
+    }
+
+    .active {
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      position: relative;
+      color: #fff;
+
+      span {
+        width: 48px;
+        height: 4px;
+        background: #fff;
+        position: absolute;
+        bottom: 14px;
+        left: 50%;
+        margin-left: -24px;
+      }
+    }
+  }
+
+  .area-select {
+    width: 100%;
+    background: #fff;
+    padding-left: 32px;
+    box-sizing: border-box;
+
+    .select-content {
+      width: 100%;
+      padding: 24px 32px 24px 0;
+      border-bottom: 1px solid #d8dde6;
+      display: flex;
+      justify-content: space-between;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #333;
+      line-height: 44px;
+      box-sizing: border-box;
+
+      .area-content {
+        line-height: 64px;
+
+        img {
+          width: 42px;
+          vertical-align: middle;
+          margin-right: 16px;
+        }
+
+        .u-icon {
+          margin-left: 6px;
+        }
+      }
+
+      .search-input {
+        width: 402px;
+        height: 64px;
+        background: #f5f5f5;
+        border-radius: 32px;
+        padding: 14px 32px 14px 64px;
+        box-sizing: border-box;
+        position: relative;
+
+        img {
+          width: 32px;
+          height: 32px;
+          margin-right: 12px;
+          position: absolute;
+          top: 18px;
+          left: 24px;
+        }
+
+        ::v-deep .u-input {
+          display: inline-block;
+          width: 240px;
+          font-size: 26px;
+        }
+      }
+    }
+  }
+
+  .info-content {
+    width: calc(100% - 64px);
+    background: #fff;
+    border-radius: 8px;
+    margin: 24px 32px 0;
+
+    .title {
+      padding-left: 32px;
+      line-height: 94px;
+      border-bottom: 1px solid #ddd;
+      font-size: 32px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .num-content {
+      overflow: hidden;
+
+      .num-item {
+        float: left;
+        width: 33%;
+        padding: 40px 0;
+        text-align: center;
+
+        h3 {
+          font-size: 64px;
+          font-family: DINAlternate-Bold, DINAlternate;
+          font-weight: bold;
+          color: #3192f4;
+          line-height: 74px;
+          margin-bottom: 10px;
+        }
+
+        p {
+          font-size: 28px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #999;
+          line-height: 40px;
+        }
+      }
+    }
+
+    .color-org {
+      .num-item {
+        h3 {
+          color: #ff8700;
+        }
+      }
+    }
+  }
+
+  .item-content {
+    margin-bottom: 4px;
+
+    .title {
+      width: 100%;
+      height: 108px;
+      line-height: 108px;
+      background: #fff;
+      padding: 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+
+      h2 {
+        font-size: 32px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #333;
+      }
+
+      img {
+        width: 34px;
+        height: 34px;
+        margin-top: 38px;
+        transition: all 0.3s ease-in-out;
+      }
+
+      .img-active {
+        transform: rotate(180deg);
+      }
+    }
+
+    .user-list {
+      background-color: #fff;
+
+      .user-item {
+        padding: 24px 32px;
+        display: flex;
+
+        .user-img {
+          width: 112px;
+
+          img {
+            width: 80px;
+            height: 80px;
+          }
+        }
+
+        .user-info {
+          width: 100%;
+
+          .name {
+            font-size: 32px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #333;
+            line-height: 44px;
+            margin-bottom: 8px;
+
+            .btn-icon {
+              float: right;
+
+              img {
+                width: 48px;
+                height: 48px;
+                margin-left: 20px;
+                vertical-align: baseline;
+              }
+            }
+          }
+
+          .phone {
+            width: 100%;
+            font-size: 26px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #999;
+            line-height: 36px;
+            display: flex;
+            justify-content: space-between;
+          }
+        }
+      }
+    }
+  }
+
+  .text {
+    height: 96px;
+    line-height: 96px;
+    color: #999;
+    font-size: 28px;
+    text-align: center;
+  }
+
+  .footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+
+  .btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #1365dd;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/project/new/AppSpecialPeople/add.vue b/src/project/new/AppSpecialPeople/add.vue
new file mode 100644
index 0000000..dcc0f59
--- /dev/null
+++ b/src/project/new/AppSpecialPeople/add.vue
@@ -0,0 +1,620 @@
+<template>
+  <div class="add">
+    <div class="pad-l32">
+      <div class="item" v-if="!isEdit">
+        <span class="label"><span class="tips">*</span>类型</span>
+        <div class="value" @click="showType=true">
+          <AiMore v-model="appName"/>
+        </div>
+      </div>
+      <div class="info-content" v-for="(items, indexs) in formDataList" :key="indexs">
+        <div v-for="(item, index) in items" :key="index">
+          <!-- 初始化字段锁定 -->
+          <div class="item" v-if="!!formData[item.isInit]&&item.isInit!=item.fieldDbName">
+            <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
+            <div class="value" v-if="item.dict"
+                 v-text="toString($dict.getLabel(item.dict, formData[item.fieldDbName]))"/>
+            <div class="value" v-if="item.type=='area'">
+              <AiAreaPicker :value="formData[item.fieldDbName]" isForm disabled/>
+            </div>
+            <div class="value" v-if="item.type=='upload'">
+              <template v-if="formData[item.fieldDbName]">
+                <ai-image v-for="(op,i) in [formData[item.fieldDbName]].flat()" :key="i" :src="op" preview/>
+              </template>
+              <span v-else>-</span>
+            </div>
+            <div class="value" v-else v-text="toString(formData[item.fieldDbName])"/>
+          </div>
+          <!-- input输入框 -->
+          <div class="item" v-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;"
+                       height="48" v-model="formData[item.fieldDbName]" :maxlength="item.maxLength"/>
+            </div>
+          </div>
+          <!-- number 输入框 -->
+          <div class="item" v-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"
+                       placeholder-style="color:#999;font-size:16px;" height="48" v-model="formData[item.fieldDbName]"
+                       :maxlength="item.maxLength"/>
+            </div>
+          </div>
+          <!-- 身份证输入框 -->
+          <div class="item" v-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"
+                       placeholder-style="color:#999;font-size:16px;" height="48" v-model="formData[item.fieldDbName]"
+                       :maxlength="item.maxLength"/>
+            </div>
+          </div>
+          <!-- textarea输入框 富文本-->
+          <div class="textarea" v-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"
+                       v-model="formData[item.fieldDbName]" :maxlength="item.maxLength"/>
+            </div>
+          </div>
+          <!-- 字典下拉选择 -->
+          <div class="item" v-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'">
+            <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-group>
+            </div>
+          </div>
+          <!-- 开关onOff -->
+          <div class="item" v-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'">
+            <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
+            <div class="value">
+              <u-checkbox-group>
+                <u-checkbox
+                    v-model="e.checked"
+                    v-for="(e, i) in item.checkList" :key="i"
+                    :name="item.dictValue"
+                    @change="checkboxChange(indexs, index, i)"
+                >{{ e.dictName }}
+                </u-checkbox>
+              </u-checkbox-group>
+            </div>
+          </div>
+          <!-- 附件 -->
+          <div class="textarea" v-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"/> -->
+            </div>
+          </div>
+          <!-- 地区选择 -->
+          <div class="item" v-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/> -->
+            </div>
+          </div>
+          <!-- 人员选择 -->
+          <div class="item" v-if="item.type == 'user'">
+            <span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
+            <div class="value" @click="handleSelectUser(item.fieldDbName)">
+              <template v-if="!formData[item.fieldDbName].length">
+                <span>请选择</span>
+              </template>
+              <template v-else>
+                已选择<em>{{ formData[item.fieldDbName].map(e => e.name).slice(0, 2).join("、") }}</em>等<em>{{
+                  formData[item.fieldDbName].length
+                }}</em>人
+              </template>
+              <u-icon name="arrow-right" color="#ddd"></u-icon>
+            </div>
+          </div>
+          <!-- 日期选择 / 日期带时分秒选择 / 时间-时分秒选择 -->
+          <div class="item" v-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'">
+            <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>
+            </div>
+          </div>
+          <!-- 网格选择 -->
+          <div class="item" v-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)">
+                <AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
+              </AiPagePicker>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <u-picker mode="time" v-model="dateShow" :params="deteParams" @confirm="dateConfirm">请选择</u-picker>
+    <u-select v-model="selectShow" mode="single-column" :list="selectList" label-name="dictName" value-name="dictValue"
+              @confirm="selectConfirm"></u-select>
+    <u-select v-model="showType" :list="typeList" label-name="applicationName" value-name="id"
+              @confirm="typeConfirm"></u-select>
+    <div class="footer" @click="submit" v-if="appId">
+      <div class="btn">保存</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapActions, mapState} from 'vuex'
+
+export default {
+  data() {
+    return {
+      appId: '',
+      appName: '',
+      showType: false,
+      typeList: [],
+      formDataList: [],
+      formData: {},
+      pageShow: false,
+      dateShow: false,
+      deteParams: {},
+      datePropIndex: '', //时间选择 formDataList索引
+      dateIndex: '', //时间选择 formDataList 数组里面的索引
+      selectName: '',
+      selectList: [],
+      selectShow: false,
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    isEdit() {
+      return !!this.$route.query.id
+    }
+  },
+  created() {
+    // this.getType()
+  },
+  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)}])
+    //   }
+    // }
+  },
+  methods: {
+    // ...mapActions(['selectEnterpriseContact']),
+    handleSelectUser(fieldDbName) {
+      // this.selectEnterpriseContact({
+      //   fromDepartmentId: 0,
+      //   type: ["user"],
+      //   selectedUserIds: this.form[fieldDbName]?.map(e => e.id)
+      // }).then(res => {
+      //   this.form[fieldDbName] = res?.userList || []
+      // })
+    },
+    getType() {
+      this.$instance.post(`/app/appapplicationinfo/queryApplicationListByType`, null, {
+        params: {type: 0, status: 1}
+      }).then((res) => {
+        if (res?.data) {
+          this.typeList = res.data
+        }
+      })
+    },
+    typeConfirm(e) {
+      this.appId = e[0].value
+      this.appName = e[0].label
+      return this.$instance.post(`/app/appapplicationinfo/queryApplicationInfo?appId=${this.appId}`).then((res) => {
+        if (res?.data) {
+          this.formData = {}
+          let data = res.data
+          let dictList = []
+          let formList = {}
+          data.tableInfos.map((item) => {
+            let colItem
+            if (item.dictionaryCode) {
+              dictList.push(item.dictionaryCode)
+            }
+            if (item.dictionaryCode && item.type != 'radio' && item.type != 'checkbox' && item.type != 'onOff') {
+              colItem = {
+                ...item,
+                type: 'dict',
+                dict: item.dictionaryCode,
+                fieldValue: item.defaultValue || ''
+              }
+            } else if (item.type == 'radio') {
+              colItem = {
+                ...item,
+                dict: item.dictionaryCode,
+                fieldValue: item.defaultValue || ''
+              }
+            } else if (item.type == 'checkbox') {
+              colItem = {
+                ...item,
+                dict: item.dictionaryCode,
+                fieldValue: ''
+              }
+              if (item.defaultValue) {
+                colItem.fieldValue = item.defaultValue?.split('`')
+              }
+
+            } else if (item.type == 'onOff') {
+              colItem = {
+                ...item,
+                fieldValue: 0
+              }
+            } else if (item.type == 'number') {
+              colItem = {
+                ...item,
+                type: item.type,
+                min: item.minValue || '',
+                max: item.maxValue || '',
+                fieldValue: Number(item.defaultValue) || 0
+              }
+            } else if (item.type == 'upload' || item.type == 'user') {
+              colItem = {
+                ...item,
+                type: item.type,
+                fieldValue: []
+              }
+            } else if (item.type == 'area') {
+              colItem = {
+                ...item,
+                type: item.type,
+                fieldValue: "",
+              }
+            } else {
+              if (item.type == 'date') {
+                item.params = {year: true, month: true, day: true, hour: false, minute: false, second: false}
+              }
+              if (item.type == 'datetime') {
+                item.params = {year: true, month: true, day: true, hour: true, minute: true, second: true}
+              }
+              if (item.type == 'time') {
+                item.params = {year: false, month: false, day: false, hour: true, minute: true, second: true}
+              }
+
+              colItem = {
+                ...item,
+                type: item.type,
+              }
+              colItem.fieldValue = item.defaultValue || ''
+            }
+            formList[item.groupIndex]?.push(colItem) || (formList[item.groupIndex] = [colItem])
+            this.$set(this.formData, colItem.fieldDbName, colItem.fieldValue || "")
+          })
+          this.formDataList = Object.values(formList)
+
+          if (dictList.length) {
+            this.getDictList(dictList)
+          } else {
+            this.formDataList.map((item) => {
+              item.map((e) => {
+                if (e.type == 'onOff') { //开关
+                  this.formData[e.fieldDbName] = 0
+                }
+                if (e.type == 'area') { //地区
+                  this.formData[e.fieldDbName + '_name'] = this.user.areaName
+                }
+              })
+            })
+            this.$forceUpdate()
+            this.pageShow = true
+          }
+        }
+      })
+    },
+    getDictList(listName) {
+      this.$dict.load(listName.join(',')).then(() => {
+        this.formDataList.map((item) => {
+          item.map((e) => {
+            if (e.type == 'checkbox') {  //多选
+              var list = this.$dict.getDict(e.dict)
+              list.map((items) => {
+                items.checked = false
+              })
+              e.checkList = list
+            }
+            if (e.type == 'onOff') { //开关
+              this.formData[e.fieldDbName] = 0
+            }
+            if (e.type == 'area') { //地区
+              this.formData[e.fieldDbName + '_name'] = this.user.areaName
+            }
+          })
+        })
+        this.$forceUpdate()
+        this.pageShow = true
+      })
+    },
+    selectClick(name, dictName) {
+      this.selectName = name
+      this.selectList = this.$dict.getDict(dictName)
+      this.selectShow = true
+    },
+    selectConfirm(e) {
+      this.formData[this.selectName] = e[0].value
+    },
+    checkboxChange(indexs, index, i) {
+      this.formDataList[indexs][index].checkList[i].checked = !this.formDataList[indexs][index].checkList[i].checked
+      this.$forceUpdate()
+    },
+    dateClick(indexs, index) {
+      this.deteParams = this.formDataList[indexs][index].params
+      this.datePropIndex = indexs
+      this.dateIndex = index
+
+      this.$nextTick(() => {
+        this.dateShow = true
+      })
+    },
+    dateConfirm(e) {
+      var fieldDbName = this.formDataList[this.datePropIndex][this.dateIndex].fieldDbName
+      if (this.formDataList[this.datePropIndex][this.dateIndex].type == 'date') {  //年月日
+        this.formData[fieldDbName] = `${e.year}-${e.month}-${e.day}`
+      }
+      if (this.formDataList[this.datePropIndex][this.dateIndex].type == 'datetime') {  //年月日时分秒
+        this.formData[fieldDbName] = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}:${e.second}`
+      }
+      if (this.formDataList[this.datePropIndex][this.dateIndex].type == 'time') {  //时分秒
+        this.formData[fieldDbName] = `${e.hour}:${e.minute}:${e.second}`
+      }
+    },
+    submit() {
+      let isValid = true, form = JSON.parse(JSON.stringify(this.formData))
+      this.formDataList.map((item) => {
+        item?.map((items) => {
+          if (items.type == 'checkbox') { //多选
+            form[items.fieldDbName] = ''
+            let list = []
+            items.checkList.map((e) => {
+              if (e.checked) {
+                list.push(e.dictValue)
+              }
+            })
+            form[items.fieldDbName] = list?.toString()
+          }
+          if (items.type == 'upload') { //附件 只传id
+            let files = [];
+            [form[items.fieldDbName]]?.flat()?.map(item => item?.url && files.push(item.url))
+            form[items.fieldDbName] = files?.toString()
+          }
+          // if (items.type == 'onOff') { //开关
+          //   form[items.fieldDbName] = form[items.fieldDbName] ? '1' : '0'
+          // }
+          if (items.type == 'area' && form[items.fieldDbName]) {
+            let area = []
+            area.push(form[items.fieldDbName])
+            area.push(form[items.fieldDbName + '_name'])
+            form[items.fieldDbName] = area.join('_')
+          }
+        })
+      })
+      this.formDataList.some((item) => {
+        return item.some((items) => {
+          if (items.mustFill == 1 && !form[items.fieldDbName]) {
+            isValid = false
+            return this.$u.toast(`${items.fieldName}为必填项`)
+          }
+        })
+      })
+
+      if (!isValid) return
+
+      this.$instance.post(`/app/appapplicationinfo/addOrUpdate?appId=${this.appId}`, {
+        ...form
+      }).then(res => {
+        if (res?.code == 0) {
+          this.$u.toast('提交成功')
+          setTimeout(() => uni.navigateBack({
+            success: () => {
+              uni.$emit("selectType")
+            }
+          }), 1500)
+        } else this.$u.toast(res?.msg || "提交失败,请联系管理员")
+      }).catch(err => {
+        this.$u.toast(err || "提交失败,请联系管理员")
+      })
+    },
+    handleSelectResident(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()
+    },
+    toString(obj) {
+      return obj?.toString() || "-"
+    },
+    handleSelectGird(gird, item) {
+      let info = gird || {}
+      this.formData[item.fieldDbName] = [info.id, info.girdName].join("_")
+      this.formData[item.fieldDbName + "_name"] = info.girdName
+      this.$forceUpdate()
+    },
+    getDetail() {
+      let {id, appId} = this.$route.query
+      return id ? this.$instance.post("/app/appapplicationinfo/queryDetailById", null, {
+        params: {id, appId}
+      }).then(res => {
+        if (res?.data) {
+          this.formData = res.data
+          this.$forceUpdate()
+        }
+      }) : Promise.resolve()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  padding-bottom: 112px;
+
+  .title {
+    width: 100%;
+    height: 96px;
+    line-height: 96px;
+    background: #FFF;
+    font-size: 32px;
+    font-weight: 500;
+    color: #262B36;
+    padding-right: 32px;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .tips {
+      display: inline-block;
+      width: 8px;
+      height: 32px;
+      background: #4E75FE;
+      box-shadow: 0 8px 24px 2px #C9D8FA;
+      border-radius: 4px;
+      vertical-align: middle;
+      margin-right: 22px;
+    }
+
+    .select {
+      float: right;
+      font-size: 30px;
+      color: #1365DD;
+    }
+  }
+
+  .item {
+    width: 100%;
+    padding: 34px 32px 34px 0;
+    background: #FFFFFF;
+    border-bottom: 1px solid #D8DDE6;
+    display: flex;
+    justify-content: space-between;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333;
+    line-height: 44px;
+    box-sizing: border-box;
+    position: relative;
+
+    .value {
+      .u-icon {
+        margin-left: 16px;
+      }
+
+      ::v-deep .u-input {
+        font-size: 32px;
+      }
+    }
+  }
+
+  .color-999 {
+    color: #999;
+  }
+
+  .tips {
+    display: inline-block;
+    width: 16px;
+    height: 44px;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #F46;
+    line-height: 44px;
+  }
+
+  .textarea {
+    width: 100%;
+    padding: 34px 32px 34px 0;
+    background: #FFFFFF;
+    border-bottom: 1px solid #D8DDE6;
+
+    .label {
+      display: inline-block;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #333;
+      line-height: 44px;
+      margin-bottom: 8px;
+    }
+
+    .value {
+      padding: 0 16px;
+    }
+  }
+
+  ::v-deep .default {
+    width: 160px !important;
+    height: 160px !important;
+  }
+
+  .area-icon {
+    vertical-align: super;
+    position: absolute;
+    top: 10px;
+    right: 0;
+  }
+
+  .footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+
+  .btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #1365DD;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
+
+  .line-bg {
+    width: 100%;
+    height: 16px;
+    background: #F5F5F5;
+  }
+
+  .pad-l32 {
+    padding-left: 32px;
+    background-color: #fff;
+  }
+}
+</style>
diff --git a/src/project/new/AppSpecialPeople/img/del-icon.png b/src/project/new/AppSpecialPeople/img/del-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f536bfb4d1447fb8bb29932f26139be15ad7e82
GIT binary patch
literal 1415
zcmV;21$g?2P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px)K}keGRA@upnrUoQRTRg6_m#FF)G2M*6bRz57!YYh7R3)3Fz~@GRH+{js0NG>
zL$DYyge^pfvc-TAA}z=VQA<Qjgb1-FqAZfMBB;O!h9$DJFhdJ;p>xcAk0~=l%e<u)
z$NTZUv;E&W_bm55MGGvcs_IN#!zfV0LHZ%m2c<F*GEDJ`Dnx=PbsW@DkbR`3l&Xx3
z3trVLw*n*-%A$dn5t)d{P}59jOHk?nN^K^EPnFMi$r-yv?Nljp@oG1W8-+-C8qnU2
z(k6JWqKtKf+bma|+W+lDrfmRn@L(#v{WA&6e4v99B@Sq-G1OvC1XimdL+b7D*#aP;
zke_<_93<C{&=#O6Bh`3G`Fw#yvJwK2ip$Rfn}B;032Wi^SAa<>r{lIe$-N^0sSHj<
z<U=5(g^jZ-t^uXqP}!O5n`3AefN4B@gh)a!*|o+Mol*k4-W-S~jk_5(C3o@5$75{(
z@|p^#+W^RgP#=u&!MhOii5zr=urWk+_8pHVi~(S#%3l8ct(a{R86E$=jKBUI7M)^a
z0bB~sCM@qcmD;NGhI(6NWxgNL*$BX_u&VCZzgVPN3THKv);ChIZvm(btw6%FJZoua
zfZtBS4ZZK8R$3eA-wRS&AR{YdrONib)z}M}jahy8l;_^2rWRIw0>3s>KnMDv@D*sA
z?)5ueCDrJu8$i<oaw#;OaCnVvsoKylOQE*z7K;cR4#3$29rAsh;Nd=?qPAap8oV&d
z88E|`p|X5yEdZ6leTWRR4dCQinEQcka$AH;--HM5w?%3aDYai^XAW29Fj9Ntoa5H|
z@|9Q**jIf!rS?Ea$E}u--lnUP%HRY<wz$?`8G?FSo$u``(o!MI=UO#N<twQStwO>x
zT}e4`7*=j}#oEX;Ya$FC=uU<*R%;J@gUC2n623bC>$h60BL;yl1C9jX^m*%9Zhz?1
z5%!e9wHoNr1qS#bR0VqvSu|6}!&7=9b+MG%p`_xn?k)T-*x{F>u(Zfx{dfU%xCeIZ
zflXgq&sNQbZaJ`Q1C$?wNzcHzkx+dNURz|*%q@UN`nggM1hfY(B9h}u!kP0>xYA->
zJsY~_z|J3G<M!BR%Zi}<C`^79#y$b(Dq!Z#ZeaN==-$PZdX%bAQW2~HaaUQc*T9qo
zmhvStz~93jfWT>(ceCsiFM@V$-2p(=dIO-<PMHtaYhg|S4DM$SfcA#=O1pF@UhL9%
z&87i(2_Y?`a0Q&X05kGoWUf5`dQ-320^K{qa<ipzx2zEIu!*(WcQ?SHV=(zS82h+A
z06TwzjbFi_zVObg?u@s%%uVb*jcO6=N}%*-cySDjA8il7*4^;ME*SL~Ov`f*z)YiF
z3Yk`2vI|OfTiHct89P}>XDLmWHyZNBcmQA(GH<O!q?kRK3)A!M0a&{Qekk)+#LPXc
zTM4(#T;#h&irL`)FlUNA0LzM@{12~1%xdPe9gf@SXs1VtnZGA2nQjljytNQG1>TC7
z)lQoLoDMY60Q7KEun=@-sbjkAcQ|swqIi0QRh_qg55X!J&>M0evi3|}Jrpf;HpE2h
zjTvaXj+8~);M={<HlqetppRW$t=N&$3L}q0y`Iv7)%L8(?BHzrikBKc)SCd3{aD4?
z3rT#iWdbmd79ZTNM-h9m(CSooK3X(E{Fe`RQ;kRCZ*Bg6$Lo=xNa_oY7!b*N#ncEQ
znJ@VoL6{p`K5NB`k21o>g!tQ-rgEO`3%sPh=#EC7w7(j}yDw>f_Gl^&@8<6|{{WZs
Vg+*=VdDZ{`002ovPDHLkV1g%8p5_1m

literal 0
HcmV?d00001

diff --git a/src/project/new/AppSpecialPeople/img/down-icon.png b/src/project/new/AppSpecialPeople/img/down-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0db859fa9bb652d52191c018f433139f6da2671
GIT binary patch
literal 282
zcmV+#0p<RQP)<h;3K|Lk000e1NJLTq001HY001Be1^@s6caN&c00001b5ch_0Itp)
z=>Px#)Ja4^R9Hvtl}io+F$jj?n(EGQD&kJPW=)$e=Ft|IV$ua}hoN8p$B3}V4;SHp
z0697lii9FkJ0l~J5s!=@5#914X8r;|5|&!$%Q`WvM07{QcOFhDy_lH>Fd2do@mc2|
z%>0qmFoOs%I|z4>tlIXL9T?5bP#Dpg`u6A`P=Jc=XhDjNtpm%0nh9l&not&yCd_uL
zBFtT7tRP*O83<KtI#)Q>RI0UWMoxbZ#t)rKYs4GP4qVB|?3pgD`3uBMSlxlbno|Yc
gHNLnotXbBYAMX!*A^JA8^8f$<07*qoM6N<$f>PshUjP6A

literal 0
HcmV?d00001

diff --git a/src/project/new/AppSpecialPeople/img/edit-icon.png b/src/project/new/AppSpecialPeople/img/edit-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b6bb392b40894b4256f9b29b630a8a3d95d38e8
GIT binary patch
literal 1352
zcmV-O1-JT%P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px)0!c(cRA@upT3u`uRTTctOlP;Wlr7TMk`M@C5fe;GOZoAEMzkVo6%&jtCdLQ+
z0j=1GkWdm$eDFa8(O9Fz2f<kXqc3WFLLW?uX>9btL}(-;V!K<~9d@_vc02c&JF{DN
zx7+T_>~?XTr`^ms=YHS4=boQ?hfsiLD9m+=VQeR&tpKfK=CvTI22hnS9|m)Xh%Ny9
z8#DI_RXtl@MS*;WC$|Q4oo|RM*u#P!Vdl*MoZ4a{`jHfRUlaJy=c7?KSey=uV3e0*
z8qYI}CjnHt88nMdlt_68Wq7r=lKysL(>8(re%4m`MHd4v09fo~5C^gm0$%!KP&wJ$
zOmRDUwg~7t`(w<X0NiNDX#O%Z;3ay<=cB<~wsH~}9-DrEh)x4olFL|u-(O?qM{itO
z_T_wb=Oqvf@e>U3767%t;Ov?+2+C8n)pTkug*gdG@F0GhnRBj^T{Ldwh={?oZ!Qv9
z!6n@0v+FqXnOqHKelVLm%_0!cC)a|t{_EiLxfbXeDBfJ>E5DE`m_|T`%9VaTSG;JG
z3v=ds8n`q_TT(-88i8QQIK;p!PR$lmo`A!()#|b2m@@=qhUK_8zko?<hUf1?29A9`
zj`0}dz^+BuxJGj_2NBYgo01v(UjjNGXBN*nvE)Wpf<JmDitq%R>Y551?WjPr-#!T<
z<wUKI4oZEKfGo^nEG`wWw#mwk894ZE1m~|9Y45!naH_Kk%a$m1=OpSSWu+_tO#&lf
zep(pfO}pA|<o>#9;M<?3(6-5o?lVygjfpff$M-JAx)t{GrJ^dGHC5DO5(w&|kD0f)
z0cJ->f<N+J6r&NwosAmyw3Mfj*tTB7;oTJ=2Pu<?&ei&qtz<PLV#q~3ZwEV4!6y}V
zG<ndm%~}cnautVmFM_H#KyMjhp(^zh2yr_gKC*?zp-?vPNfSGpJb3svFMO5c27JN{
zcTi9_USmd=Lu@(4FJCp#op76M!nZeQ=(@iGitT+n+X@j*QcxFPGxOa!5jhaJJYwL;
z=_tk`R;bK;?r6~PY@XnyO(Ob+0wF`z7Jdi#<`vBazO_NafdYU}fEc8JE`ngLDFgvq
z;CEHP`F@=P9npv+FbQUFz65fD-;kJj$H8VEWJIxo5cqS%K=(X8-?|XstxaGO$jgNc
z0qpMy<H~4yW=+nUOkB_0S3tK(T@cfS^4P?&IOB(3<EUS%;KdK3n3zgm?ga&J4K<io
z7(M&T6i$3Gf&KTEV^y7Ml9)`8C<1sZjOLTbWLf<4#c6XY_T5vC)sjSS6fNsDbS{+J
zq%5+T$O571c7Pn062l>Z$6gO3HB~*nvm8xp%CKUY>ZmYt9|5_;burib-6VRykC|i3
zxZdP1!(B}t+<LS9#>72vQ`0Ku<S(b?v}{cFz7aONA?fR_8$777-;Csm+ftt?r{y1~
z4UHZZxHv4(u)3^Bt}>f*T0>K;ma-sIZy8B%DJ?g$-_!?nftNoW$M|ISYSS)I*@3lf
z@}O<Avr1-GQ*RP*aI6xF2=sh4f$^z42>{s9=t0XZ9=n{ST=ruXlSC;WY)Jwof3zq`
z{Fe`Ry`*f+ytVoN9j_;MQ%PTNq>?DvE2boglD_0ilCU<m=i}mCe9!=Bsy*{ICR?(w
z-C~#YMRzLmlKs>mbNNd4V~=cpXq|9lJCU&YxsB2%R21ZMn|}ajdxQs}H=gwX0000<
KMNUMnLSTZ-3VNde

literal 0
HcmV?d00001

diff --git a/src/project/new/AppSpecialPeople/img/local-icon.png b/src/project/new/AppSpecialPeople/img/local-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e23aff6ab5f4ec6d80c86118da1c7f1f48fc80b
GIT binary patch
literal 1121
zcmV-n1fKheP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NF%Sl8*RA>e5SUqS{Q53%CCAKzc
z6$h!sZXJt=t>Vw5;-JMYf=)V!iiiz}b5#&s9JG*bRa`oVf-a>Bia1EI^iL5ti%Zc)
z6bH%ck2S}0lDzVopLfnnZt9W?;oaQx_kHJ{`}3YL^;XY7Jp=U&{Lc)4t>DK-u`xB9
zK4=UaHwJgovki^e#{MbDJdJ&$-UoV)w06YbJnw-e8?mb<uy+Vs|17%wh~_MTi|ar^
z8o)f<urYRP`~swOHl?*HCUEjGHq55n>jeCY9(W;$ERlhZ*4WJ_r(n5Is`+0L0nYmJ
zg8P(!AJ7DmbzrQaDR!cg*$7RbJGrzYgDay1zFh_uMg!&?i1th+8b5}z3ZtCQ{G@&G
z9txPFnb;j>CLGUHdUDO@%f@o%{gJVqHiTy!%Rd^_R}<g`Yp>?ZLqf#;xme|O{1Vj~
z$d}G65m0WE{t)5&0N_R(?3lRROy@^%Q_TSH^Xmnk;nFO`{$}7>F!Y>MB)}(Z?vT>B
zBOL&w3=TPtvu|@G-oiib^BBvNUYNxhjxFg&C57Dez^F<G4A6DKIX#_ddR^dmoc@n@
zB^MqUlNm;XZ3Xh8zr?g9^(B3X1TTt&z5#ItD5Z3_Q8dmjlmx$OoFzs&>Y2zu@2YW`
zj)DMR%;ZM9!Tl1MFEV5u)-4j07@)P#Sz>t2kb(e+)6E{K#viQl9Pmf0OC>3uIU)h?
zN*sVED{6tJPm+!&SL=e=?%9-kiUi6TuFp7%?+hXVs#ozaVKTpQL9ADgv|1P8hi6mn
zDH5O!nYKo`(SkcCYvnZ5x?sLbJ{1J`HBfG}R?gEte^}CF9oCifa&mkp=_v@{h~y+I
zM+AeJ;UE%O8R^g|OO+`%$G}TTOLWA?`TS@1r}{3$R|(qZd8_nx8?JdSn{4Kl;K|;F
zhS=7ri{J*45DBnxS2CR>0DVD@Y|H4S|K4<>`KshsQ9{P>*8@7L(vmY<a?1W<#4&d?
z{!|3`6^}A9pmAtL2h3f~y8y>h5nx6B^g**Q#{F70x<0(!)ET>>jiFitp0k?2)Mxj7
z*fo=gfAwNYPxTD2BQB+A1bgXQ;V;Q?XgT?eMB!){@Eju)0XCr8eD44pu}Xr#v(L#(
z@fnU0riCgYzvJ$~bXNxPl|i$`KOVZD2S3#ppAKzH1{D+FU{#Z-5<Fw5ia=E)EP%H{
zpdu2Mz*{2_iiAb*Rtcy`SO#yMKp=@4fUgOGk|b&bzGej2@t(n@&Xvr{ZMp<v1fu;D
neU0j`7HnT{^$gTApv%BNee`t*HU#Bi00000NkvXXu0mjftbXz<

literal 0
HcmV?d00001

diff --git a/src/project/new/AppSpecialPeople/img/search-icon.png b/src/project/new/AppSpecialPeople/img/search-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3cb75aff39728022ee3b0f7097c55dc198ea4ef
GIT binary patch
literal 766
zcmV<a0s;MrP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%xJg7oR9HvNmpgA0K@i9Pb5Rm0E|7u*hz2av1c3tHI{_A-01&St1>q$jdJrKU
z6%`O9dPI{ziWIyAd;ui$xLZSksNy&kLP&{}!i9_Yj~4A&wsSt8jT2|PyW5@l&Fs8R
z(B~z6){l+=78Vu;GMS7AAVYGGffteA0E)$8(Vv)@Snt%JL;$|;9|ABfBBucCY@uX@
z<Ocu`J<t1*6eJcPpU;mD4-Y>fc?rNkLZRy-GGD1wZsl^h)ploE0u%~`gCyUOJWwx0
zM3zbB0sOM>_lii4<o>38iz0F^o6Y`=gNOt$%B$6?QL@7xCV<x@?|Yv2ElQy8`$t9O
z9)R;EH0+)=$8mCT5E}rD+lPjRzM4P_g^0*yrPRB2?lj-E)@MjQ58*{*u~MlVYjqtP
z0JPS#B(H?Z2L}gFj*pKg4k~jl2!g`^KGs3ZDW$GP8PEV=qFqG3+km5poK0$ZvvBK)
zxAr>LNgj#Hjs}1x>tDI9dohXITkQ#g;3a?ywq8Vfp$1@zOgf$ZBO;^b0Lg5tfJ+Kx
z1G8Y|t(HoqUCqU+2B5V*PV$qbT~<n^lPZear?oDHDJmi-lv1A?(lvb0T2I>OHLvDf
z*PZMIKoA5k0GL8%%C^ZS^ITgs4+KGQ2f&Q|GUK}L-5vov0x)G|O}Vc7czXi${R;XX
zgqxj)09KZkmUg#HLtDq|%WzK%5y?5v^EQ;@?Ny2+ys);V&By@QDd<bxAhPy9?HE8g
zl}ha!8yj0`+YQ4FJse0vk<XM;H$}t@HVtdjMlxeLfK;8fNQg}vN=HUUZkNmD2LNuw
zK_ni_9mkojR;#DOcHQhsl4b&aUq6<U6s`5sIEX|5p|Wm%Oxi(o1ki1FjD_e{Xs73*
wARNcJwj~}2VIv@}Zz+HQu@L`yf>LVsFG`@mxBbm(Q~&?~07*qoM6N<$f{wyWod5s;

literal 0
HcmV?d00001

diff --git a/src/project/new/AppSpecialPeople/img/user-img.png b/src/project/new/AppSpecialPeople/img/user-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae49d85fa8ea96c766d1678f7b9b1aacf95641a8
GIT binary patch
literal 2733
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

literal 0
HcmV?d00001