From 495045ead15cab78f623fa4e3722f006e6a28192 Mon Sep 17 00:00:00 2001
From: liuye <yanran200830@163.com>
Date: Tue, 22 Nov 2022 09:40:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=B0=E8=AE=BF=E6=85=B0=E9=97=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pingchang/AppWalkask/AppWalkask.vue       | 371 ++++++++++++++++++
 src/project/pingchang/AppWalkask/add.vue      | 360 +++++++++++++++++
 .../AppWalkask/components/images/user.png     | Bin 0 -> 1467 bytes
 src/project/pingchang/AppWalkask/detail.vue   | 162 ++++++++
 src/project/pingchang/AppWalkask/img/1.png    | Bin 0 -> 292 bytes
 src/project/pingchang/AppWalkask/img/2.png    | Bin 0 -> 201 bytes
 .../pingchang/AppWalkask/img/down-icon.png    | Bin 0 -> 282 bytes
 .../pingchang/AppWalkask/img/local-icon.png   | Bin 0 -> 1121 bytes
 .../pingchang/AppWalkask/img/search-icon.png  | Bin 0 -> 766 bytes
 .../pingchang/AppWalkask/img/tx@2x.png        | Bin 0 -> 1467 bytes
 .../pingchang/AppWalkask/img/user-img.png     | Bin 0 -> 2733 bytes
 src/project/pingchang/AppWalkask/img/xz.png   | Bin 0 -> 1489 bytes
 src/project/pingchang/AppWalkask/img/xzh.png  | Bin 0 -> 1730 bytes
 .../pingchang/AppWalkask/selectType.vue       | 316 +++++++++++++++
 14 files changed, 1209 insertions(+)
 create mode 100644 src/project/pingchang/AppWalkask/AppWalkask.vue
 create mode 100644 src/project/pingchang/AppWalkask/add.vue
 create mode 100644 src/project/pingchang/AppWalkask/components/images/user.png
 create mode 100644 src/project/pingchang/AppWalkask/detail.vue
 create mode 100644 src/project/pingchang/AppWalkask/img/1.png
 create mode 100644 src/project/pingchang/AppWalkask/img/2.png
 create mode 100644 src/project/pingchang/AppWalkask/img/down-icon.png
 create mode 100644 src/project/pingchang/AppWalkask/img/local-icon.png
 create mode 100644 src/project/pingchang/AppWalkask/img/search-icon.png
 create mode 100644 src/project/pingchang/AppWalkask/img/tx@2x.png
 create mode 100644 src/project/pingchang/AppWalkask/img/user-img.png
 create mode 100644 src/project/pingchang/AppWalkask/img/xz.png
 create mode 100644 src/project/pingchang/AppWalkask/img/xzh.png
 create mode 100644 src/project/pingchang/AppWalkask/selectType.vue

diff --git a/src/project/pingchang/AppWalkask/AppWalkask.vue b/src/project/pingchang/AppWalkask/AppWalkask.vue
new file mode 100644
index 00000000..8adf5d3c
--- /dev/null
+++ b/src/project/pingchang/AppWalkask/AppWalkask.vue
@@ -0,0 +1,371 @@
+<template>
+  <div class="AppWalkask">
+    <template v-if="isList">
+      <div class="header-top">
+        <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>
+
+      <div class="header-middle">
+        <div class="currentLeft">
+          <div class="currentLeft-top">
+            <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题、对象" :show-action="false" bg-color="#1F5CAF" search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch" @clear="handerClear"></u-search>
+          </div>
+
+          <template v-if="data.length > 0">
+            <AiCard v-for="(item, i) in data" :key="i" @click.native="goDetail(item, 1)" :ref="item.id">
+              <template #custom>
+                <div class="cards-left">
+                  <span class="walkName">走访对象：{{ item.name }}</span>
+                  <span class="tags" v-if="item.applicationId">{{ $dict.getLabel('appSpecialTypeFive', item.applicationId) }}</span>
+                  <span class="tags" v-if="item.reality">{{ $dict.getLabel('realityStatus', item.reality) }}</span>
+                </div>
+
+                <div class="cards-hint">{{ item.title }}</div>
+
+                <div class="imgs">
+                  <img :src="items.url" alt="" v-for="(items, i) in JSON.parse(item.images || '[]')" :key="i" @click.stop="previewImage(JSON.parse(item.images || '[]'), items.url)" v-if="i < 3" />
+                </div>
+
+                <div class="cards-bottom">
+                  <span>走访人：<AiOpenData v-if="item.createUserName" type="userName" :openid="item.createUserName" style="display: inline-block" /></span>
+                  <span style="margin-left: 8px">{{ item.visitTime }}</span>
+                </div>
+              </template>
+
+              <template #menu v-if="item.createUserId == user.id">
+                <div class="menu" @tap.stop="toAdd(item, 2)">编辑</div>
+                <div class="menu" @tap.stop="toDetele(item)">删除</div>
+              </template>
+            </AiCard>
+          </template>
+
+          <!-- <div v-else>
+            <AiEmpty description="您还未添加过入户走访慰问" class="emptyWrap"></AiEmpty>
+
+            <div class="addBtns">
+              <span> 点击</span>
+              <span class="toAdds" @click="toAdd()">新增按钮</span>
+              <span> 试试试吧~</span>
+            </div>
+          </div> -->
+          <div class="empty" v-else>
+            <img src="https://cdn.cunwuyun.cn/dvcp/h5/no-data.png" alt="" />
+            <p>您还未添加过走访慰问<br />点击<span @click="toAdd()">新增按钮</span>试试吧</p>
+          </div>
+        </div>
+      </div>
+
+      <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
+
+      <AiFixedBtn>
+        <div class="addBtn iconfont iconfont-iconfangda" @tap="toAdd()"/>
+      </AiFixedBtn>
+    </template>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'AppWalkask',
+  appName: '走访慰问',
+  components: {},
+  props: {},
+  data() {
+    return {
+      data: [],
+      tabList: [
+        {
+          name: '全部',
+        },
+        {
+          name: '我的走访',
+        },
+      ],
+      currentTabs: 0,
+      show: false,
+      keyword: '',
+      deletShow: false,
+      isList: true,
+      comp: '',
+      params: null,
+      current: 1,
+      areaId: '',
+      areaName: '',
+      deletId: '',
+      pages: 0,
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  onLoad() {
+    this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+    this.$dict.load('realityStatus', 'appSpecialTypeFive').then(() => {
+      this.getList()
+    })
+    uni.$on('updateList', () => {
+      this.getListInit()
+    })
+  },
+  onShow() {
+    document.title = '走访慰问'
+  },
+  mounted() {},
+  methods: {
+    getListInit() {
+      this.data = []
+      this.current = 1
+      this.getList()
+    },
+    getList() {
+      this.$http
+        .post('/app/appvisitvondolence/list', null, {
+          params: {
+            size: 10,
+            current: this.current,
+            createUserId: this.currentTabs == 1 ? this.user.id : '',
+            title: this.keyword,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            if (this.current > res.data.pages) {
+              return
+            }
+            this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
+            this.pages = res.data.pages
+          }
+        })
+    },
+
+    areaSelect(e) {
+      this.data = []
+      this.areaId = e
+      this.getListInit()
+    },
+
+    change(index) {
+      this.areaId = this.user.areaId
+      this.keyword = ''
+      this.currentTabs = index
+      this.getListInit()
+    },
+
+    goDetail(item, hint) {
+      if (item?.id) {
+        this.$refs?.[item.id]?.[0]?.handleClose()
+      }
+      if (hint == 1) {
+        uni.navigateTo({ url: `./detail?id=${item.id}` })
+      }
+    },
+
+    toAdd(item, hint) {
+      if (item?.id) {
+        this.$refs?.[item.id]?.[0]?.handleClose()
+      }
+      if (hint == 2) {
+        uni.navigateTo({ url: `./add?id=${item.id}` })
+      } else {
+        uni.navigateTo({ url: `./add` })
+      }
+    },
+
+    toDetele(item) {
+      this.deletShow = true
+      this.deletId = item.id
+      this.$refs?.[item.id]?.[0]?.handleClose()
+    },
+
+    delet() {
+      this.$http.post(`/app/appvisitvondolence/delete?ids=${this.deletId}`).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('删除成功！')
+          this.getListInit()
+        }
+      })
+    },
+
+    handerSearch(e) {
+      this.keyword = e
+      this.getListInit()
+    },
+
+    handerClear() {
+      this.keyword = ''
+      this.getListInit()
+    },
+
+    previewImage(images, img) {
+      uni.previewImage({
+        urls: images.map((v) => v.url),
+        current: img,
+      })
+    },
+  },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  height: 100%;
+  background: #fff;
+}
+
+.AppWalkask {
+  height: 100%;
+
+  .header-middle {
+    .currentLeft,
+    .currentRight {
+      padding-bottom: 56px;
+
+      .currentLeft-top {
+        display: flex;
+        align-items: center;
+        background: #3975c6;
+        padding: 24px 30px;
+
+        .left {
+          width: 40%;
+          display: flex;
+          align-items: center;
+
+          img {
+            width: 48px;
+            height: 48px;
+          }
+        }
+      }
+
+      .AiCard {
+        ::v-deep .start {
+          border-bottom: 1px solid #dddddd;
+
+          .fill {
+            .cards-left {
+              .walkName {
+                font-size: 32px;
+                font-weight: 500;
+                margin-right: 16px;
+                color: #333;
+              }
+
+              .tags {
+                display: inline-block;
+                padding: 6px 16px;
+                background: #f3f4f7;
+                border-radius: 4px;
+                font-size: 28px;
+                color: #999999;
+                margin-left: 16px;
+              }
+            }
+
+            .cards-hint {
+              margin-top: 16px;
+              font-size: 30px;
+              color: #666666;
+              line-height: 1.4;
+              text-overflow: -o-ellipsis-lastline;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-line-clamp: 2;
+              -webkit-box-orient: vertical;
+            }
+
+            .imgs {
+              margin-top: 20px;
+
+              img {
+                width: 221px;
+                height: 221px;
+                margin-right: 8px;
+              }
+
+              img:nth-child(3n + 0) {
+                margin-right: 0;
+              }
+            }
+
+            .cards-bottom {
+              margin: 24px 0 16px 0;
+              font-size: 24px;
+              color: #999999;
+            }
+          }
+        }
+
+        ::v-deep .mask {
+          .moreMenu {
+            .menu {
+              text-align: center;
+              line-height: 80px;
+              width: 192px;
+              height: 80px;
+              font-size: 28px;
+              font-weight: 400;
+              color: #333333;
+            }
+          }
+        }
+      }
+
+      .addBtns {
+        text-align: center;
+        color: #b7b7b7;
+        margin-top: 10px;
+        font-size: 28px;
+
+        .toAdds {
+          color: #467dfe;
+        }
+      }
+    }
+  }
+
+  .addBtn {
+    width: 96px;
+    height: 96px;
+    flex-shrink: 0;
+    background: $uni-color-primary;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
+    font-size: 48px;
+    color: #fff;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: fixed;
+    right: 6px;
+    bottom: 106px;
+    z-index: 9;
+  }
+  .empty {
+    height: 100%;
+    img {
+      width: 282px;
+      height: 306px;
+      margin: 168px 0 0 234px;
+    }
+    p {
+      text-align: center;
+      font-size: 28px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #999;
+      line-height: 44px;
+      span {
+        color: #467dfe;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/pingchang/AppWalkask/add.vue b/src/project/pingchang/AppWalkask/add.vue
new file mode 100644
index 00000000..76c02f7a
--- /dev/null
+++ b/src/project/pingchang/AppWalkask/add.vue
@@ -0,0 +1,360 @@
+<template>
+  <div class="add">
+    <div v-if="addList">
+      <div class="header-description">
+        <u-form :model="forms" ref="uForm" label-width="auto">
+          <u-form-item label="区域选择" prop="areaId" class="areaIds" style="position: relative">
+            <AiAreaPicker :value="forms.areaId" :areaId="areaIdProps" @select="areaSelect" isForm/>
+          </u-form-item>
+
+          <div class="line"></div>
+
+          <u-form-item label="走访对象" prop="name" required :right-icon="id ? '' : ''" class="create_user_names">
+            <!-- <u-input v-model="forms.name" disabled placeholder="请选择走访对象" @click="toWalkObject" /> -->
+            <AiPagePicker single @select="handleSelectUser" type="resident" style="width:100%;text-align:right;">
+              <AiMore v-model="forms.name"/>
+            </AiPagePicker>
+          </u-form-item>
+          <u-form-item label="联系方式" prop="phone" required class="realitys">
+            <u-input v-model="forms.phone" type="number" placeholder="请输入" input-align="right" />
+          </u-form-item>
+          <div class="line"></div>
+
+          <u-form-item label="区域定位" prop="address" required :right-icon="id ? '' : 'arrow-right'" class="realitys">
+            <u-input v-model="forms.address" disabled placeholder="请点击" @click="chooseAddress" />
+          </u-form-item>
+
+          <div class="line"></div>
+
+          <u-form-item label="走访时间" prop="visitTime" required :right-icon="id ? '' : 'arrow-right'" class="realitys">
+            <u-input v-model="forms.visitTime" disabled placeholder="请选择走访时间" @click="showVisitTime = true" />
+
+            <u-picker v-model="showVisitTime" :params="params" mode="time" @confirm="change"></u-picker>
+          </u-form-item>
+
+          <div class="line"></div>
+
+          <u-form-item label="现实状态" prop="reality" :right-icon="id ? '' : 'arrow-right'" class="realitys">
+            <u-input v-model="forms.reality" disabled placeholder="请选择现实状态" @click="realityClick" />
+
+            <u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="realityStstus"></u-select>
+          </u-form-item>
+
+          <div class="line"></div>
+
+          <u-form-item label="入户走访事项" prop="title" required label-position="top" :border-bottom="false">
+            <u-input v-model="forms.title" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" :maxlength="30" />
+          </u-form-item>
+          <div class="hint">{{ forms.title.length }}/30</div>
+
+          <div class="line"></div>
+
+          <u-form-item label="入户走访内容" prop="description" label-position="top" :border-bottom="false">
+            <u-input v-model="forms.description" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" :maxlength="500" />
+            <!-- <div>{{ forms.description.length }}/500</div> -->
+          </u-form-item>
+          <div class="hint">{{ forms.description.length }}/500</div>
+
+          <div class="line"></div>
+
+          <u-form-item label="图片(最多9张)" prop="images" class="avatars" label-position="top" :border-bottom="false">
+            <AiUploader :def.sync="forms.images" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+          </u-form-item>
+        </u-form>
+      </div>
+
+      <div class="btn" @click="submit">保存</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'add',
+  components: {},
+  props: {},
+  data() {
+    return {
+      show: false,
+      forms: {
+        areaId: '',
+        areaName: '',
+
+        optionId: '',
+        name: '',
+        residentId: '',
+        address: '',
+        lng: '',
+        lat: '',
+        reality: '',
+        realityValue: '',
+        menuLevel3Name: '',
+        applicationId: '',
+        title: '',
+        description: '',
+        images: [],
+      },
+      showAreaId: false,
+      showStstus: false,
+      flag: false,
+      addList: true,
+      areaIdProps: '',
+      clickedUserSelect: false,
+      id: '',
+
+      name: '',
+      optionId: '',
+      showVisitTime: false,
+      params: {
+        year: true,
+        month: true,
+        day: true,
+        hour: true,
+        minute: true,
+        second: true,
+      },
+    }
+  },
+  computed: { ...mapState(['user']) },
+  onLoad(o) {
+    this.id = o.id ? o.id : ''
+    this.areaIdProps = this.user.areaId
+    if (!this.id) {
+      this.forms.areaId = this.user.areaId
+    }
+    this.$dict.load('realityStatus').then(() => {
+      this.getDetail()
+    })
+
+    // uni.$on('goBack', (data) => {
+    //   this.forms.menuLevel3Name = data.applicationName
+    //   this.forms.applicationId = data.applicationId
+    //   this.forms.name = data.selectUser.name
+    //   this.forms.optionId = data.selectUser.id
+    // })
+  },
+  onShow() {
+    document.title = '新建走访'
+  },
+  mounted() {},
+  methods: {
+    chooseAddress() {
+      uni.chooseLocation({
+        success: (res) => {
+          this.forms.address = res.address
+          this.forms.lat = res.latitude
+          this.forms.lng = res.longitude
+        },
+      })
+    },
+    handleSelectUser(v) {
+      console.log(v)
+      this.forms.residentId = v?.[0]?.id || ""
+      this.forms.name = v?.[0]?.name || ""
+    },
+    realityClick() {
+      if (this.id) return
+      if (!this.forms.name) {
+        return this.$u.toast('请选择走访对象')
+      }
+      this.showStstus = true
+    },
+
+    getDetail() {
+      if (this.id) {
+        this.$http.post(`/app/appvisitvondolence/queryDetailById?id=${this.id}`).then((res) => {
+          if (res?.data) {
+            this.forms = res.data
+            this.forms.create_user_name = res.data.name
+            this.forms.realityValue = res.data.reality
+            this.forms.areaId = res.data.areaId
+            this.forms.areaName = res.data.areaName
+            this.forms.reality = this.$dict.getLabel('realityStatus', res.data.reality)
+            if (res.data.images) {
+              this.forms.images = JSON.parse(res.data.images || '[]')
+            }
+          }
+        })
+      }
+    },
+
+    submit() {
+      if (this.flag) return
+
+      this.$refs.uForm.validate((valid) => {
+        if (valid) {
+          if (!this.forms.name) {
+            return this.$u.toast('请选择走访对象')
+          }
+          if (!this.forms.phone) {
+            return this.$u.toast('请输入联系方式')
+          }
+          if (!this.forms.visitTime) {
+            return this.$u.toast('请选择走访时间')
+          }
+          if (!this.forms.title) {
+            return this.$u.toast('请输入入户走访事项')
+          }
+
+          const imgs = []
+          if (this.forms.images) {
+            this.forms.images.map((e) => {
+              imgs.push({ url: e.url, id: e.id })
+            })
+          }
+
+          this.flag = true
+          this.$http
+            .post(`/app/appvisitvondolence/addOrUpdate`, {
+              areaId: this.forms.areaId,
+              applicationId: this.forms.applicationId,
+              name: this.forms.name,
+              visitTime: this.forms.visitTime,
+              residentId: this.forms.residentId,
+              // menuLevel3Name: this.forms.menuLevel3Name,
+              applicationId: this.forms.applicationId,
+
+              reality: this.forms.realityValue ? this.forms.realityValue : this.forms.reality,
+              title: this.forms.title,
+              description: this.forms.description,
+              createUserId: this.user.id,
+              createUserName: this.user.name,
+              images: JSON.stringify(imgs) || [],
+              id: this.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.$u.toast('保存成功')
+                this.flag = false
+                uni.$emit('updateList')
+                setTimeout(() => {
+                  uni.navigateBack()
+                }, 600)
+              }
+            })
+        } else {
+          this.$u.toast('保存失败')
+        }
+      })
+    },
+
+    areaSelect(e) {
+      this.forms.areaId = e
+    },
+
+    change(e) {
+      this.forms.visitTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
+    },
+
+    realityStstus(e) {
+      this.forms.reality = e[0].label
+      this.forms.realityValue = e[0].value
+    },
+
+    toWalkObject() {
+      uni.navigateTo({ url: `./selectType` })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  height: 100%;
+  background: #f3f6f9;
+
+  .header-description {
+    padding-bottom: 162px;
+    background: #f3f6f9;
+    ::v-deep .u-form {
+      background: #fff;
+      .u-form-item {
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+          }
+        }
+      }
+
+      .u-form-item:last-child {
+        margin-bottom: 0;
+        padding-bottom: 20px !important;
+      }
+
+      .areaIds {
+        .u-form-item__body {
+          .u-form-item--right {
+            .u-form-item--right__content {
+              .u-form-item--right__content__slot {
+                .AiAreaPicker {
+                  width: 100%;
+                  display: flex;
+                  justify-content: flex-end;
+
+                  .AiSearchPopup {
+                    .areaSelector {
+                      .location {
+                        opacity: 0;
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+
+      .create_user_names,
+      .realitys {
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .line {
+        height: 16px;
+        background: #f3f6f9;
+      }
+
+      .hint {
+        padding: 4px 32px 8px 0;
+        text-align: right;
+        color: #999;
+      }
+
+      .avatars {
+        .u-form-item__body {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #1365dd;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+    z-index: 999;
+  }
+  ::v-deep .uicon-arrow-right{
+    color: #999!important;
+  }
+}
+</style>
diff --git a/src/project/pingchang/AppWalkask/components/images/user.png b/src/project/pingchang/AppWalkask/components/images/user.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/project/pingchang/AppWalkask/detail.vue b/src/project/pingchang/AppWalkask/detail.vue
new file mode 100644
index 00000000..8d3b3db9
--- /dev/null
+++ b/src/project/pingchang/AppWalkask/detail.vue
@@ -0,0 +1,162 @@
+<template>
+  <div class="detail">
+    <div class="header-top">
+      <div class="hint">{{ data.title }}</div>
+
+      <div class="walk-item">
+        <span>走访对象：</span>
+        <span class="info-value">
+          {{ data.name }}
+          <span v-if="data.labelList">
+            <span class="tags" v-for="(item, index) in data.labelList" :key="index">{{ item }}</span>
+          </span>
+
+        </span>
+      </div>
+      <div class="walk-item">
+        <span>联系方式：</span>
+        <span>{{ data.phone }} </span>
+      </div>
+      <div class="walk-item" v-if="data.reality">
+        <span>现实状态：</span>
+        <span>{{ $dict.getLabel('realityStatus', data.reality) }} </span>
+      </div>
+
+      <div class="walk-item">
+        <span>走访人员：</span>
+        <span><AiOpenData v-if="data.createUserName" type="userName" :openid="data.createUserName" style="display: inline-block" /></span>
+      </div>
+
+      <div class="walk-item">
+        <span>走访时间：</span>
+        <span>{{ data.visitTime }}</span>
+      </div>
+    </div>
+
+    <div class="header-middle">
+      <div class="hint-con" v-if="data.description">{{ data.description }}</div>
+
+      <div class="imgs">
+        <img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" @click.stop="previewImage(data.images, item.url)" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  components: {},
+  props: {
+    params: {},
+  },
+  data() {
+    return {
+      data: {},
+      id: '',
+    }
+  },
+  computed: {},
+  onLoad(o) {
+    this.id = o.id
+    this.$dict.load('realityStatus', 'appSpecialTypeFive').then(() => {
+      this.getDetail()
+    })
+  },
+  onShow() {
+    document.title = '走访详情'
+  },
+  mounted() {},
+  methods: {
+    getDetail() {
+      this.$http.post(`/app/appvisitvondolence/queryDetailById?id=${this.id}`).then((res) => {
+        if (res?.data) {
+          this.data = res.data
+          if (this.data.images) {
+            this.data.images = JSON.parse(this.data.images || '[]')
+            this.data.labelList = this.data.labels.split(',') || []
+          }
+        }
+      })
+    },
+
+    previewImage(images, img) {
+      uni.previewImage({
+        urls: images.map((v) => v.url),
+        current: img,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  height: 100%;
+}
+.detail {
+  height: 100%;
+  background: #fff;
+
+  .header-top {
+    background: #3975c6;
+    padding: 24px 32px 32px;
+
+    .hint {
+      font-size: 40px;
+      font-weight: 500;
+      color: #ffffff;
+    }
+
+    .walk-item {
+      font-size: 28px;
+      color: #d7e3f3;
+      margin-top: 16px;
+      .tags {
+        display: inline-block;
+        padding: 0 12px;
+        height: 40px;
+        border-radius: 4px;
+        border: 1px solid #ffffff;
+        margin: 0 8px 0 0;
+      }
+      .tags:nth-of-type(1) {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  .header-middle {
+    background: #fff;
+    padding: 32px 32px 32px 32px;
+
+    .hint-con {
+      font-size: 32px;
+      color: #666666;
+      line-height: 56px;
+    }
+
+    .imgs {
+      margin: 32px 0 48px 0;
+
+      img {
+        width: 218px;
+        height: 218px;
+        margin-right: 16px;
+      }
+
+      img:nth-child(3n + 0) {
+        margin-right: 0;
+      }
+    }
+  }
+  .info-value{
+    display: inline-block;
+    width: 540px;
+    overflow:hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    vertical-align: text-top;
+  }
+}
+</style>
diff --git a/src/project/pingchang/AppWalkask/img/1.png b/src/project/pingchang/AppWalkask/img/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6994a33e7e375ee216c8521f0fb6b0b941bcbe8
GIT binary patch
literal 292
zcmV+<0o(qGP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px#-bqA3R9Hvt*Fg#bF$@LJ=1R?N)SY-Lai`uUy;7v$LWB_}|ECn}tS2*%pE8+9
znf#K;ePsdB4y^=Nf@lJ0edr9jyR_C0{pGdRr-(QT*{Tl#&Ftvz_xD3@s(Q&nGJxHg
zh719Fi_Pp>N;!YDCIuM+cGM_j7&r<E0Y@NVU^bEh%tX?FSx71{14##NAw}e*s*k-R
z@&ADA4>&bJHm)BB8ZZM#17_hUz)Tzr%*H{$5x6jL6fO+>+DYd7<)40OnttuvJMfYF
qX_Ev&{Hk3*G})ElN)Sx|t$zU{iqt9hVIi{s0000<MNUMnLSTaNO?6uU

literal 0
HcmV?d00001

diff --git a/src/project/pingchang/AppWalkask/img/2.png b/src/project/pingchang/AppWalkask/img/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bffc286be40bd3ca56fec0b624ec36a31691f9e
GIT binary patch
literal 201
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VV{wqX6T`Z5GB1IgW=|K#5DWk0
zlm$i!OEy*VINvxRtnSxgY;5eGoRF}>$kcSNXU>HOUyM#Th>1=6tkC@L|Nr+MYZg`<
z{_y4H<ySpDJ-<B-rz9+ykfq_s?6^+(Xuu*K7xORY=i9f5iHYfNbiHyw!Xs3Fa*~7w
z$BXGXE9PxjIqz%7+1)Q*b@-Vbi8A=X%ffJMQIu%#0wr#sa~M2b{an^LB{Ts5a#l=0

literal 0
HcmV?d00001

diff --git a/src/project/pingchang/AppWalkask/img/down-icon.png b/src/project/pingchang/AppWalkask/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/pingchang/AppWalkask/img/local-icon.png b/src/project/pingchang/AppWalkask/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/pingchang/AppWalkask/img/search-icon.png b/src/project/pingchang/AppWalkask/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/pingchang/AppWalkask/img/tx@2x.png b/src/project/pingchang/AppWalkask/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/project/pingchang/AppWalkask/img/user-img.png b/src/project/pingchang/AppWalkask/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/project/pingchang/AppWalkask/img/xz.png b/src/project/pingchang/AppWalkask/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/project/pingchang/AppWalkask/img/xzh.png b/src/project/pingchang/AppWalkask/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

diff --git a/src/project/pingchang/AppWalkask/selectType.vue b/src/project/pingchang/AppWalkask/selectType.vue
new file mode 100644
index 00000000..5f2d194c
--- /dev/null
+++ b/src/project/pingchang/AppWalkask/selectType.vue
@@ -0,0 +1,316 @@
+<template>
+  <div class="selectType">
+    <div class="header-top" v-if="!showType">
+      <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="./img/tx@2x.png" alt="" />
+
+            <div class="rightes">
+              <div class="applicationNames">{{ item.dictName }}</div>
+
+              <img src="./img/2.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="./img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)" />
+              <img src="./img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)" />
+
+              <img src="./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>
+    <AiFixedBtn>
+      <div class="addBtn iconfont iconfont-iconfangda" @tap="toAdd()" />
+    </AiFixedBtn>
+
+    <!-- <AiBck /> -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'selectType',
+  components: {},
+  props: {},
+  data() {
+    return {
+      typeList: [],
+      userList: [],
+      keyword: '',
+      current: 1,
+      showType: true,
+      applicationName: '',
+      applicationId: '',
+      selectUser: {},
+      type: '',
+    }
+  },
+  onLoad() {
+    this.$dict.load('appSpecialTypeFive').then(() => {
+      this.typeList = this.$dict.getDict('appSpecialTypeFive')
+    })
+    uni.$on('specialPeopleList', () => {
+      this.current = 1
+      this.getUsers()
+    })
+  },
+  methods: {
+    toAdd() {
+      uni.navigateTo({ url: '../AppSpecialPeople/add' })
+    },
+
+    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
+      }
+    },
+    // getUser(data) {
+    //   this.applicationId = data.id
+    //   this.appId = data.id
+    //   this.getUsers()
+    // },
+
+    getUsers() {
+      this.$http.post(`/app/appspecialadjustment/allList?size=20&current=${this.current}`, { type: this.type, name: this.keyword }).then((res) => {
+        if (res.code == 0) {
+          if (this.current > res.data.pages) {
+            return
+          }
+          res.data.records.map((item) => {
+            item.isChecked = false
+          })
+          this.userList = this.current > 1 ? [...this.userList, ...res.data.records] : res.data.records
+        }
+      })
+    },
+
+    submit() {
+      if (this.selectUser.id != null) {
+        uni.$emit('goBack', { selectUser: this.selectUser, applicationName: this.applicationName, applicationId: this.type })
+        uni.navigateBack()
+      } else {
+        return this.$u.toast('请选择人员')
+      }
+    },
+
+    toUserSelect(item) {
+      this.applicationName = item.dictName
+      this.type = item.dictValue
+      this.getUsers()
+
+      this.showType = false
+    },
+
+    back() {
+      this.keyword = ''
+      this.typeList = this.$dict.getDict('appSpecialTypeFive')
+      this.userList = []
+      this.applicationName = ''
+      this.showType = true
+    },
+
+    handerSearch(e) {
+      if (!this.showType) {
+        this.keyword = e
+        this.current = 1
+        this.userList = []
+        // this.getUser()
+        this.getUsers()
+      }
+    },
+
+    handerClear() {
+      this.keyword = ''
+      this.current = 1
+      this.getUsers()
+    },
+  },
+  onReachBottom() {
+    this.current++
+    this.getUsers()
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.selectType {
+  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;
+    }
+  }
+  .addBtn {
+    width: 96px;
+    height: 96px;
+    flex-shrink: 0;
+    background: $uni-color-primary;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
+    font-size: 48px;
+    color: #fff;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+}
+</style>