From 8b2bb717d1efadeb9b1f00fac2326c2b553806a7 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Wed, 5 Jan 2022 16:53:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=8F=E6=89=8B=E6=8B=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppHandSnapshot/AppHandSnapshot.vue  |   4 +-
 .../{Transfer.vue => Content.vue}             |  17 +-
 src/apps/AppHandSnapshot/Detail.vue           |  24 +-
 src/apps/AppHandSnapshot/DoThings.vue         | 160 ----------
 src/apps/AppHandSnapshot/List.vue             |  47 ++-
 src/apps/AppHandSnapshot/Reject.vue           | 160 ----------
 src/apps/AppHandSnapshot/SelectUser.vue       | 299 ++++++++++++++++++
 src/apps/AppHandSnapshot/Selecter.vue         |  29 --
 .../components/img/local-icon.png             | Bin 0 -> 1121 bytes
 .../components/img/search-icon.png            | Bin 0 -> 766 bytes
 .../AppHandSnapshot/components/img/tx@2x.png  | Bin 0 -> 1467 bytes
 .../components/img/user-img.png               | Bin 0 -> 2733 bytes
 .../AppHandSnapshot/components/img/xz.png     | Bin 0 -> 1489 bytes
 .../AppHandSnapshot/components/img/xzh.png    | Bin 0 -> 1730 bytes
 14 files changed, 353 insertions(+), 387 deletions(-)
 rename src/apps/AppHandSnapshot/{Transfer.vue => Content.vue} (86%)
 delete mode 100644 src/apps/AppHandSnapshot/DoThings.vue
 delete mode 100644 src/apps/AppHandSnapshot/Reject.vue
 create mode 100644 src/apps/AppHandSnapshot/SelectUser.vue
 delete mode 100644 src/apps/AppHandSnapshot/Selecter.vue
 create mode 100644 src/apps/AppHandSnapshot/components/img/local-icon.png
 create mode 100644 src/apps/AppHandSnapshot/components/img/search-icon.png
 create mode 100644 src/apps/AppHandSnapshot/components/img/tx@2x.png
 create mode 100644 src/apps/AppHandSnapshot/components/img/user-img.png
 create mode 100644 src/apps/AppHandSnapshot/components/img/xz.png
 create mode 100644 src/apps/AppHandSnapshot/components/img/xzh.png

diff --git a/src/apps/AppHandSnapshot/AppHandSnapshot.vue b/src/apps/AppHandSnapshot/AppHandSnapshot.vue
index 24b0ef0f..4e30b37c 100644
--- a/src/apps/AppHandSnapshot/AppHandSnapshot.vue
+++ b/src/apps/AppHandSnapshot/AppHandSnapshot.vue
@@ -26,10 +26,10 @@ export default {
 
   data() {
     return {
-      component: 'Statistics',
+      component: 'List',
       params: {},
       refresh: true,
-      tabIndex: 1,
+      tabIndex: 0,
       tabs: [
         {
           img: require('./components/img/handle-icon.png'),
diff --git a/src/apps/AppHandSnapshot/Transfer.vue b/src/apps/AppHandSnapshot/Content.vue
similarity index 86%
rename from src/apps/AppHandSnapshot/Transfer.vue
rename to src/apps/AppHandSnapshot/Content.vue
index dd45eb93..9c6badf2 100644
--- a/src/apps/AppHandSnapshot/Transfer.vue
+++ b/src/apps/AppHandSnapshot/Content.vue
@@ -2,8 +2,13 @@
   <div class="Transfer">
     <div class="contents">
       <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
+        <u-form-item label="事件分类" prop="status" required :border-bottom="false" right-icon="arrow-right">
+          <u-input v-model="forms.status" placeholder="请选择事件分类" @click="show = true" />
+
+          <u-select v-model="show" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
+        </u-form-item>
         <u-form-item label="转交给" prop="status" required :border-bottom="false" right-icon="arrow-right" class="first-form">
-          <u-input v-model="forms.status" placeholder="请选择转交对象" />
+          <u-input v-model="forms.status" placeholder="请选择转交对象"  @click="toSelectUser" disabled />
         </u-form-item>
 
         <u-form-item label="办理意见" prop="content" :border-bottom="false" label-position="top" class="contents">
@@ -35,12 +40,9 @@ export default {
         fileIds: [],
       },
       flag: false,
+      show: false
     }
   },
-  computed: {},
-  watch: {},
-  onLoad() {},
-  onShow() {},
   methods: {
     submit() {
       if (this.flag) return
@@ -82,6 +84,11 @@ export default {
         }
       })
     },
+
+    toSelectUser() {
+      console.log(123)
+      uni.navigateTo({url: './SelectUser'})
+    }
   },
 }
 </script>
diff --git a/src/apps/AppHandSnapshot/Detail.vue b/src/apps/AppHandSnapshot/Detail.vue
index 30ec20b7..c60625bf 100644
--- a/src/apps/AppHandSnapshot/Detail.vue
+++ b/src/apps/AppHandSnapshot/Detail.vue
@@ -200,17 +200,17 @@
 
     <div class="fixedBtn">
       <div class="status00">
-        <div class="columns" @click="toTransfer">
+        <div class="columns" @click="toContent">
           <img src="./components/22.png" alt="" />
           <span class="hint">转交事件</span>
         </div>
 
-        <div class="columns" @click="toReject">
+        <div class="columns" @click="toContent">
           <img src="./components/22.png" alt="" />
           <span class="hint">拒绝受理</span>
         </div>
 
-        <div class="doIt" @click="ToMyDoIt">我来受理</div>
+        <div class="doIt" @click="toContent">我来受理</div>
       </div>
 
       <!-- <div class="endDoIt">我已办结</div> -->
@@ -246,20 +246,8 @@ export default {
         }
       })
     },
-
-    toTransfer() {
-      console.log('转交事件')
-      uni.navigateTo({ url: `./Transfer?id=${this.id}` })
-    },
-
-    toReject() {
-      console.log('拒绝受理')
-      uni.navigateTo({ url: `./Reject?id=${this.id}` })
-    },
-
-    ToMyDoIt() {
-      console.log('我来受理')
-      uni.navigateTo({ url: `./DoThings?id=${this.id}` })
+    toContent() {
+      uni.navigateTo({ url: `./Content` })
     },
   },
 }
@@ -504,9 +492,7 @@ uni-page-body {
         width: 56%;
         background: #3975c6;
         text-align: center;
-        height: 112px;
         line-height: 112px;
-
         font-size: 36px;
         font-weight: 500;
         color: #fff;
diff --git a/src/apps/AppHandSnapshot/DoThings.vue b/src/apps/AppHandSnapshot/DoThings.vue
deleted file mode 100644
index 3f07a038..00000000
--- a/src/apps/AppHandSnapshot/DoThings.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-  <div class="DoThings">
-    <div class="contents">
-      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
-        <u-form-item label="事件分类" prop="status" required :border-bottom="false" right-icon="arrow-right">
-          <u-input v-model="forms.status" placeholder="请选择事件分类" @click="show = true" />
-
-          <u-select v-model="show" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
-        </u-form-item>
-
-        <u-form-item label="拒绝意见" prop="content" :border-bottom="false" label-position="top" class="contents">
-          <u-input v-model="forms.content" placeholder="请写下你的拒绝意见..." type="textarea" auto-height height="100" maxlength="500" />
-        </u-form-item>
-
-        <div class="line"></div>
-
-        <u-form-item label="图片上传(最多9张)" prop="fileIds" :border-bottom="false" class="avatars" label-position="top">
-          <AiUploader :def.sync="forms.fileIds" multiple placeholder="上传图片" :limit="9"></AiUploader>
-        </u-form-item>
-      </u-form>
-    </div>
-
-    <div class="btn" @click="submit">转交事件</div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DoThings',
-  components: {},
-  props: {},
-  data() {
-    return {
-      forms: {
-        status: '',
-        content: '',
-        fileIds: [],
-      },
-      flag: false,
-      show: false,
-    }
-  },
-  computed: {},
-  watch: {},
-  onLoad() {
-    this.$dict.load('realityStatus').then(() => {
-      // this.getDetail()
-    })
-  },
-  onShow() {},
-  methods: {
-    submit() {
-      if (this.flag) return
-
-      this.$refs.uForm.validate((valid) => {
-        if (valid) {
-          if (!this.forms.content) {
-            return this.$u.toast('请选择转交人')
-          }
-
-          const imgs = []
-          if (this.forms.fileIds) {
-            this.forms.fileIds.map((e) => {
-              imgs.push({ url: e.url, id: e.id })
-            })
-          }
-
-          this.flag = true
-          this.$http
-            .post(`/app/appvisitvondolence/addOrUpdate`, {
-              title: this.forms.title,
-              content: this.forms.content,
-              // images: JSON.stringify(imgs) || [],
-              images: imgs || [],
-
-              people: this.forms.people,
-              phone: this.forms.phone,
-              id: this.id,
-            })
-            .then((res) => {
-              if (res.code == 0) {
-                this.$u.toast('发布成功')
-                this.flag = false
-                uni.navigateTo({ url: `./AppHandSnapshot` })
-              }
-            })
-        } else {
-          this.$u.toast('失败')
-        }
-      })
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.DoThings {
-  height: 100%;
-  .contents {
-    ::v-deep .u-form {
-      .u-form-item {
-        padding: 0 45px !important;
-        .u-form-item__body {
-          .u-form-item--right__content__slot {
-            padding-bottom: 0;
-            .u-input {
-              text-align: right !important;
-            }
-          }
-        }
-      }
-
-      .u-form-item:first-child {
-        .u-form-item__body {
-          border-bottom: 1px solid #ddd;
-        }
-      }
-
-      .line {
-        height: 24px;
-        background: #f3f6f9;
-      }
-
-      .contents {
-        padding-bottom: 20px !important;
-        .u-form-item__body {
-          .u-form-item--right__content__slot {
-            .u-input {
-              text-align: left !important;
-            }
-          }
-        }
-      }
-
-      .avatars {
-        padding-bottom: 20px !important;
-        .u-form-item__body {
-          .default {
-            width: 160px;
-            height: 160px;
-          }
-        }
-      }
-    }
-  }
-
-  .btn {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    box-sizing: border-box;
-    background: #3975c6;
-    padding: 34px 0;
-    text-align: center;
-    font-size: 32px;
-    font-weight: 500;
-    color: #ffffff;
-  }
-}
-</style>
diff --git a/src/apps/AppHandSnapshot/List.vue b/src/apps/AppHandSnapshot/List.vue
index 7d848fad..f8b60d42 100644
--- a/src/apps/AppHandSnapshot/List.vue
+++ b/src/apps/AppHandSnapshot/List.vue
@@ -1,14 +1,20 @@
 <template>
   <div class="list">
-    <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
+    <AiTopFixed>
+      <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
+      <div class="select-top">
+        <div class="tab-item">
+          <span class="color-666">所属网格</span>
+          <img src="./components/img/down-icon.png" alt="">
+        </div>
+        <div class="tab-item">
+          <span class="color-666">办件状态</span>
+          <img src="./components/img/down-icon.png" alt="">
+        </div>
+      </div>
+    </AiTopFixed>
 
-    <div class="select-top">
-      <AiSelect @data="(v) => (list = v.map((e) => e.value))" :list="list" placeholder="所属网格"></AiSelect>
-
-      <AiSelect @data="(v) => (list = v.map((e) => e.value))" :list="list" placeholder="办件状态"></AiSelect>
-    </div>
-
-    <template v-if="datas.length > 0">
+    <template>
       <AiCard v-for="(item, i) in datas" :key="i" @click.native="goDetail(item, 1)">
         <template #custom>
           <div class="card-top">
@@ -31,9 +37,9 @@
           </div>
         </template>
       </AiCard>
+      <AiEmpty v-if="!datas.length"></AiEmpty>
     </template>
 
-    <AiEmpty v-else></AiEmpty>
     <div class="pad-b120" v-if="datas.length"></div>
   </div>
 </template>
@@ -128,10 +134,27 @@ uni-page-body {
   .select-top {
     background: #fff;
     display: flex;
-    justify-content: space-around;
-    .AiSelect {
-      margin: 30px 0;
+    padding: 24px 0;
+    .tab-item{
+      flex: 1;
+      text-align: center;
+      line-height: 48px;
+      font-size: 26px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #666;
+      img{
+        width: 32px;
+        height: 32px;
+        margin-left: 8px;
+        vertical-align: middle;
+      }
     }
+    .tab-item:nth-of-type(1) {
+      border-right: 1px solid #eee;
+    }
+  }
+  ::v-deep .AiTopFixed .content{
+    padding: 0;
   }
   ::v-deep .AiCard {
     background: #f3f6f9;
diff --git a/src/apps/AppHandSnapshot/Reject.vue b/src/apps/AppHandSnapshot/Reject.vue
deleted file mode 100644
index 27651ce4..00000000
--- a/src/apps/AppHandSnapshot/Reject.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-  <div class="Reject">
-    <div class="contents">
-      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
-        <u-form-item label="事件分类" prop="status" required :border-bottom="false" right-icon="arrow-right">
-          <u-input v-model="forms.status" placeholder="请选择事件分类" @click="show = true" />
-
-          <u-select v-model="show" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
-        </u-form-item>
-
-        <u-form-item label="拒绝意见" prop="content" :border-bottom="false" label-position="top" class="contents">
-          <u-input v-model="forms.content" placeholder="请写下你的拒绝意见..." type="textarea" auto-height height="100" maxlength="500" />
-        </u-form-item>
-
-        <div class="line"></div>
-
-        <u-form-item label="图片上传(最多9张)" prop="fileIds" :border-bottom="false" class="avatars" label-position="top">
-          <AiUploader :def.sync="forms.fileIds" multiple placeholder="上传图片" :limit="9"></AiUploader>
-        </u-form-item>
-      </u-form>
-    </div>
-
-    <div class="btn" @click="submit">转交事件</div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Reject',
-  components: {},
-  props: {},
-  data() {
-    return {
-      forms: {
-        status: '',
-        content: '',
-        fileIds: [],
-      },
-      flag: false,
-      show: false,
-    }
-  },
-  computed: {},
-  watch: {},
-  onLoad() {
-    this.$dict.load('realityStatus').then(() => {
-      // this.getDetail()
-    })
-  },
-  onShow() {},
-  methods: {
-    submit() {
-      if (this.flag) return
-
-      this.$refs.uForm.validate((valid) => {
-        if (valid) {
-          if (!this.forms.content) {
-            return this.$u.toast('请选择转交人')
-          }
-
-          const imgs = []
-          if (this.forms.fileIds) {
-            this.forms.fileIds.map((e) => {
-              imgs.push({ url: e.url, id: e.id })
-            })
-          }
-
-          this.flag = true
-          this.$http
-            .post(`/app/appvisitvondolence/addOrUpdate`, {
-              title: this.forms.title,
-              content: this.forms.content,
-              // images: JSON.stringify(imgs) || [],
-              images: imgs || [],
-
-              people: this.forms.people,
-              phone: this.forms.phone,
-              id: this.id,
-            })
-            .then((res) => {
-              if (res.code == 0) {
-                this.$u.toast('发布成功')
-                this.flag = false
-                uni.navigateTo({ url: `./AppHandSnapshot` })
-              }
-            })
-        } else {
-          this.$u.toast('失败')
-        }
-      })
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.Reject {
-  height: 100%;
-  .contents {
-    ::v-deep .u-form {
-      .u-form-item {
-        padding: 0 45px !important;
-        .u-form-item__body {
-          .u-form-item--right__content__slot {
-            padding-bottom: 0;
-            .u-input {
-              text-align: right !important;
-            }
-          }
-        }
-      }
-
-      .u-form-item:first-child {
-        .u-form-item__body {
-          border-bottom: 1px solid #ddd;
-        }
-      }
-
-      .line {
-        height: 24px;
-        background: #f3f6f9;
-      }
-
-      .contents {
-        padding-bottom: 20px !important;
-        .u-form-item__body {
-          .u-form-item--right__content__slot {
-            .u-input {
-              text-align: left !important;
-            }
-          }
-        }
-      }
-
-      .avatars {
-        padding-bottom: 20px !important;
-        .u-form-item__body {
-          .default {
-            width: 160px;
-            height: 160px;
-          }
-        }
-      }
-    }
-  }
-
-  .btn {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    box-sizing: border-box;
-    background: #3975c6;
-    padding: 34px 0;
-    text-align: center;
-    font-size: 32px;
-    font-weight: 500;
-    color: #ffffff;
-  }
-}
-</style>
diff --git a/src/apps/AppHandSnapshot/SelectUser.vue b/src/apps/AppHandSnapshot/SelectUser.vue
new file mode 100644
index 00000000..d5b3f544
--- /dev/null
+++ b/src/apps/AppHandSnapshot/SelectUser.vue
@@ -0,0 +1,299 @@
+<template>
+  <div class="SelectUser">
+    <div class="header-top">
+      <u-search v-model="keyword" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#CCCCCC" placeholder-color="#999999" @search="handerSearch" @clear="handerClear"></u-search>
+    </div>
+
+    <div class="header-middle">
+      <div class="hint">
+        <span :style="{ color: applicationName ? '#3F8DF5' : '' }" @click="back">可选范围</span>
+        <span> {{ applicationName ? ' / ' + applicationName : '' }}</span>
+      </div>
+
+      <div class="showTypes" v-if="showType">
+        <div class="empty-div"></div>
+
+        <div v-if="typeList.length > 0">
+          <div class="cards" v-for="(item, i) in typeList" :key="i" @click="toUserSelect(item)">
+            <img src="./components/img/tx@2x.png" alt="" />
+
+            <div class="rightes">
+              <div class="applicationNames">{{ item.applicationName }}</div>
+
+              <img src="./components/img/right-icon.png" alt="" class="imgs" />
+            </div>
+          </div>
+        </div>
+
+        <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
+      </div>
+
+      <div class="showUsers" v-else>
+        <div v-if="userList.length > 0">
+          <div class="cards" v-for="(e, index) in userList" :key="index">
+            <div class="imges">
+              <img src="./components/img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)" />
+              <img src="./components/img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)" />
+
+              <img src="./components/img/tx@2x.png" alt="" class="avatras" />
+            </div>
+
+            <div class="rights">
+              <div class="applicationNames">{{ e.name }}</div>
+              <div class="idNumbers">{{ e.idNumber && e.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1******$2') }}</div>
+            </div>
+          </div>
+        </div>
+
+        <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
+      </div>
+    </div>
+
+    <div class="subBtn" @click="submit">
+      <div>确定选择</div>
+    </div>
+
+    <!-- <AiBck /> -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SelectUser',
+  data() {
+    return {
+      typeList: [],
+      userList: [],
+      keyword: '',
+      current: 1,
+      showType: true,
+      applicationName: '',
+      applicationId: '',
+      selectUser: {},
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    this.getTypeList()
+  },
+  onShow() {},
+  methods: {
+    userClick(row, index) {
+      if (this.userList[index].isChecked) {
+        //取消
+        this.userList[index].isChecked = false
+        this.selectUser = {}
+      } else {
+        this.userList.map((item) => {
+          item.isChecked = false
+        })
+        this.userList[index].isChecked = true
+        this.selectUser = row
+      }
+    },
+
+    getTypeList() {
+      this.userList = []
+      this.$http.post(`/app/appapplicationinfo/queryApplicationListByType?type=0&status=1`).then((res) => {
+        if (res.code == 0) {
+          this.typeList = res.data
+        }
+      })
+    },
+
+    // getUser(data) {
+    //   this.applicationId = data.id
+    //   this.appId = data.id
+    //   this.getUsers()
+    // },
+
+    getUsers() {
+      uni.showLoading({
+        title: '加载中',
+      })
+      this.$http.post(`/app/appapplicationinfo/list?appId=${this.appId}&current=${this.current}&size=${999}`, { searchParam: this.keyword }).then((res) => {
+        if (res.code == 0) {
+          res.data.records.map((item) => {
+            item.isChecked = false
+          })
+          uni.hideLoading()
+          this.userList = res.data.records
+        }
+      })
+    },
+
+    submit() {
+      if (this.selectUser.id != null) {
+        uni.$emit('goBack', { selectUser: this.selectUser, applicationName: this.applicationName, applicationId: this.applicationId })
+        uni.navigateBack()
+      } else {
+        return this.$u.toast('请选择人员')
+      }
+    },
+
+    toUserSelect(item) {
+      this.applicationName = item.applicationName
+      this.applicationId = item.id
+      this.appId = item.id
+      this.getUsers()
+
+      this.showType = false
+    },
+
+    back() {
+      this.keyword = ''
+      this.typeList = []
+      this.userList = []
+      this.applicationName = ''
+      this.showType = true
+      this.getTypeList()
+    },
+
+    handerSearch(e) {
+      if (!this.showType) {
+        this.keyword = e
+        this.current = 1
+        // this.getUser()
+        this.getUsers()
+      }
+    },
+
+    handerClear() {
+      this.keyword = ''
+      this.current = 1
+      this.getUsers()
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.SelectUser {
+  height: 100%;
+  background: #fff;
+  .header-top {
+    background: #fff;
+    padding: 20px 32px;
+  }
+
+  .header-middle {
+    padding-bottom: 140px;
+    .hint {
+      padding: 0 20px 0 32px;
+      height: 112px;
+      line-height: 112px;
+      box-shadow: 0px 1px 0px 0px #e4e5e6;
+      font-size: 30px;
+      font-weight: 500;
+    }
+
+    .showTypes {
+      .empty-div {
+        height: 16px;
+        background: #f5f5f5;
+      }
+
+      .cards {
+        display: flex;
+        align-items: center;
+        height: 120px;
+        line-height: 120px;
+        // background: pink;
+        padding: 0 0 0 32px;
+
+        img {
+          width: 74px;
+          height: 74px;
+          border-radius: 8px;
+        }
+        .rightes {
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-left: 32px;
+          border-bottom: 1px solid #e4e5e6;
+          .applicationNames {
+            font-size: 36px;
+            font-weight: 500;
+            color: #333333;
+          }
+          .imgs {
+            width: 40px;
+            height: 40px;
+            margin-right: 20px;
+          }
+        }
+      }
+    }
+
+    .showUsers {
+      .cards {
+        display: flex;
+        align-items: center;
+        height: 120px;
+        line-height: 120px;
+        // background: pink;
+        padding: 0 0 0 32px;
+
+        .imges {
+          display: flex;
+          align-items: center;
+          width: 200px;
+          .imgselect {
+            width: 48px;
+            height: 48px;
+          }
+
+          .avatras {
+            width: 74px;
+            height: 74px;
+            border-radius: 8px;
+            margin-left: 36px;
+          }
+        }
+
+        .rights {
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-left: 32px;
+          border-bottom: 1px solid #e4e5e6;
+          padding-right: 40px;
+          .applicationNames {
+            font-size: 36px;
+            font-weight: 500;
+            color: #333333;
+          }
+          .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;
+    }
+  }
+}
+</style>
diff --git a/src/apps/AppHandSnapshot/Selecter.vue b/src/apps/AppHandSnapshot/Selecter.vue
deleted file mode 100644
index 4d82114d..00000000
--- a/src/apps/AppHandSnapshot/Selecter.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <div class="Selecter"></div>
-</template>
-
-<script>
-export default {
-  name: 'Selecter',
-  components: {},
-  props: {
-    dict: Object,
-    instance: Function,
-    params: Object,
-  },
-  data() {
-    return {}
-  },
-  computed: {},
-  watch: {},
-  onLoad() {},
-  onShow() {},
-  methods: {},
-}
-</script>
-
-<style scoped lang="scss">
-.Selecter {
-  height: 100%;
-}
-</style>
diff --git a/src/apps/AppHandSnapshot/components/img/local-icon.png b/src/apps/AppHandSnapshot/components/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/apps/AppHandSnapshot/components/img/search-icon.png b/src/apps/AppHandSnapshot/components/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/apps/AppHandSnapshot/components/img/tx@2x.png b/src/apps/AppHandSnapshot/components/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/apps/AppHandSnapshot/components/img/user-img.png b/src/apps/AppHandSnapshot/components/img/user-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae49d85fa8ea96c766d1678f7b9b1aacf95641a8
GIT binary patch
literal 2733
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

literal 0
HcmV?d00001

diff --git a/src/apps/AppHandSnapshot/components/img/xz.png b/src/apps/AppHandSnapshot/components/img/xz.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/AppHandSnapshot/components/img/xzh.png b/src/apps/AppHandSnapshot/components/img/xzh.png
new file mode 100644
index 0000000000000000000000000000000000000000..967fa399ea01a0d7fced8adb1f7a3129aabdeb2c
GIT binary patch
literal 1730
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
YAB0b%2txdb<NyEw07*qoM6N<$f+k!g^8f$<

literal 0
HcmV?d00001