setNavigationBarTitle

2021-12-24 11:38:05 +08:00
parent 8a4d9446f4
commit dc86715241
9 changed files with 150 additions and 131 deletions
--- a/src/apps/AppResidentFile/AppResidentFile.vue
+++ b/src/apps/AppResidentFile/AppResidentFile.vue
@@ -182,6 +182,7 @@ export default {
  },
  watch: {},
  onLoad() {
+    uni.setNavigationBarTitle({ title: '居民信息管理' })
    this.getEchart1()
    this.areaId = this.user.areaId
  },
--- a/src/apps/AppResidentFile/GroupList.vue
+++ b/src/apps/AppResidentFile/GroupList.vue
@@ -74,7 +74,6 @@
    </template>

    <TagManage v-if="showTagManage" />
-
  </div>
 </template>

@@ -101,6 +100,9 @@ export default {
      showTagManage: false,
    }
  },
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '添加标签' })
+  },
  computed: {
    tagsList() {
      let obj = {}
--- a/src/apps/AppResidentFile/components/document.vue
+++ b/src/apps/AppResidentFile/components/document.vue
@@ -2,97 +2,97 @@
  <section class="document">
    <div class="card">
      <div class="info">
-        <u-image border-radius="4" :src="top.detail.avatar" width="118" height="118"/>
+        <u-image border-radius="4" :src="top.detail.avatar" width="118" height="118" />
        <div class="fill">
          <b>{{ top.detail.realName || top.detail.name }}</b>
          <u-row>
-            <span class="idNumber" v-html="IDObj.id"/>
-            <a @tap="showID=!showID">{{ IDObj.btn }}</a>
+            <span class="idNumber" v-html="IDObj.id" />
+            <a @tap="showID = !showID">{{ IDObj.btn }}</a>
          </u-row>
        </div>
      </div>
-      <AiCell label="性别">{{ $dict.getLabel("sex", resident.sex) || "-" }}</AiCell>
+      <AiCell label="性别">{{ $dict.getLabel('sex', resident.sex) || '-' }}</AiCell>
      <AiCell label="出生日期">{{ resident.birthDate }}</AiCell>
      <AiCell label="年龄">{{ resident.age }}</AiCell>
      <AiCell label="籍贯">{{ resident.birthplaceAreaName }}</AiCell>
-      <AiCell label="民族">{{ $dict.getLabel("nation", resident.nation) || "-" }}</AiCell>
-      <AiCell label="文化程度">{{ $dict.getLabel("education", resident.education) || "-" }}</AiCell>
-      <AiCell label="兵役状况">{{ $dict.getLabel("militaryStatus", resident.militaryStatus) || "-" }}</AiCell>
-      <AiCell label="政治面貌">{{ $dict.getLabel("politicsStatus", resident.politicsStatus) || "-" }}</AiCell>
-      <AiCell label="职业">{{ $dict.getLabel("job", resident.job) || "-" }}</AiCell>
-      <AiCell label="宗教信仰">{{ $dict.getLabel("faithType", resident.faithType) || "-" }}</AiCell>
+      <AiCell label="民族">{{ $dict.getLabel('nation', resident.nation) || '-' }}</AiCell>
+      <AiCell label="文化程度">{{ $dict.getLabel('education', resident.education) || '-' }}</AiCell>
+      <AiCell label="兵役状况">{{ $dict.getLabel('militaryStatus', resident.militaryStatus) || '-' }}</AiCell>
+      <AiCell label="政治面貌">{{ $dict.getLabel('politicsStatus', resident.politicsStatus) || '-' }}</AiCell>
+      <AiCell label="职业">{{ $dict.getLabel('job', resident.job) || '-' }}</AiCell>
+      <AiCell label="宗教信仰">{{ $dict.getLabel('faithType', resident.faithType) || '-' }}</AiCell>
    </div>
    <div class="card">
-      <AiCell title label="联络信息"/>
+      <AiCell title label="联络信息" />
      <AiCell label="联系方式">{{ resident.phone }}</AiCell>
      <AiCell label="现住址">{{ resident.currentAreaName + resident.currentAddress }}</AiCell>
    </div>
    <div class="card">
-      <AiCell title label="家庭信息"/>
-      <AiCell label="是否户主">{{ $dict.getLabel("householdName", resident.householdName) || "-" }}</AiCell>
-      <AiCell label="与户主关系">{{ $dict.getLabel("householdRelation", resident.householdRelation) || "-" }}</AiCell>
+      <AiCell title label="家庭信息" />
+      <AiCell label="是否户主">{{ $dict.getLabel('householdName', resident.householdName) || '-' }}</AiCell>
+      <AiCell label="与户主关系">{{ $dict.getLabel('householdRelation', resident.householdRelation) || '-' }}</AiCell>
      <AiCell label="现住址">{{ resident.householdAreaName + resident.householdAddress }}</AiCell>
    </div>
    <div class="card">
-      <AiCell title label="家庭成员"/>
-      <AiTable :data="family" :colConfigs="colConfigs"/>
+      <AiCell title label="家庭成员" />
+      <AiTable :data="family" :colConfigs="colConfigs" />
    </div>
  </section>
 </template>

 <script>
-
 export default {
-  name: "document",
+  name: 'document',
  inject: ['top'],
  computed: {
    IDObj() {
-      return this.showID ? {
-        id: this.resident?.idNumber,
-        btn: '隐藏'
-      } : {
-        id: this.resident?.idNumber?.replace(/(\d{10}).+/g, '$1******'),
-        btn: '显示'
-      }
+      return this.showID
+        ? {
+            id: this.resident?.idNumber,
+            btn: '隐藏',
+          }
+        : {
+            id: this.resident?.idNumber?.replace(/(\d{10}).+/g, '$1******'),
+            btn: '显示',
+          }
    },
    colConfigs() {
      return [
-        {label: "与户主关系", prop: "householdRelation", width: '160rpx', dict: "householdRelation"},
-        {label: "姓名", prop: "name", width: '120rpx'},
-        {label: "性别", prop: "sex", dict: "sex"},
-        {label: "年龄", prop: "age"},
-        {label: "身份证号", prop: "idNumber", width: '320rpx'},
+        { label: '与户主关系', prop: 'householdRelation', width: '160rpx', dict: 'householdRelation' },
+        { label: '姓名', prop: 'name', width: '120rpx' },
+        { label: '性别', prop: 'sex', dict: 'sex' },
+        { label: '年龄', prop: 'age' },
+        { label: '身份证号', prop: 'idNumber', width: '320rpx' },
      ]
    },
    resident() {
      let obj = {}
-      Object.keys(this.top.detail?.residentInfo?.resident || {}).map(e => {
-        obj[e] = this.top.detail?.residentInfo?.resident[e] || ""
+      Object.keys(this.top.detail?.residentInfo?.resident || {}).map((e) => {
+        obj[e] = this.top.detail?.residentInfo?.resident[e] || ''
      })
      return obj
    },
    family() {
-      return this.top.detail?.residentInfo?.family?.map(e => ({...e, householdRelation: e.householdRelation || "户主"}))
-    }
+      return this.top.detail?.residentInfo?.family?.map((e) => ({ ...e, householdRelation: e.householdRelation || '户主' }))
+    },
  },
  data() {
    return {
      showID: false,
-      familyList: []
+      familyList: [],
    }
  },
-  created() {
-    this.$dict.load("sex", "nation", "education", "job",
-        "faithType", "politicsStatus", "militaryStatus", "householdRelation",
-        "householdName")
-  }
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '居民详情' })
+    this.$dict.load('sex', 'nation', 'education', 'job', 'faithType', 'politicsStatus', 'militaryStatus', 'householdRelation', 'householdName')
+  },
 }
 </script>

 <style lang="scss" scoped>
 .document {
  overflow-y: auto;
-  background: #F5F5F5;
+  background: #f5f5f5;

  .info {
    height: 186px;
@@ -101,7 +101,7 @@ export default {
    align-items: center;

    .fill {
-      color: #3C7FC8;
+      color: #3c7fc8;
      margin-left: 24px;
      font-size: 28px;
      line-height: 40px;
--- a/src/apps/AppResidentFile/components/info.vue
+++ b/src/apps/AppResidentFile/components/info.vue
@@ -2,58 +2,57 @@
  <section class="info">
    <div class="card">
      <div class="baseInfo">
-        <u-image border-radius="4" :src="top.detail.avatar" width="118" height="118"/>
+        <u-image border-radius="4" :src="top.detail.avatar" width="118" height="118" />
        <div class="fill">
          <b>{{ top.detail.name }}</b>
-          <div v-if="top.detail.type==1" class="wx">@微信</div>
-          <div v-if="top.detail.type==2">@企业微信</div>
+          <div v-if="top.detail.type == 1" class="wx">@微信</div>
+          <div v-if="top.detail.type == 2">@企业微信</div>
        </div>
-        <div class="certBtn" @tap="handleCert">{{ !isCert ? "实名认证" : "解绑" }}</div>
+        <div class="certBtn" @tap="handleCert">{{ !isCert ? '实名认证' : '解绑' }}</div>
      </div>
      <u-row>
-        <AiCell class="half" top-label label="来源">{{ $dict.getLabel("wxCustomerAddWay", top.detail.addWay) }}</AiCell>
+        <AiCell class="half" top-label label="来源">{{ $dict.getLabel('wxCustomerAddWay', top.detail.addWay) }}</AiCell>
        <AiCell class="half" top-label label="添加时间">{{ top.detail.createTime }}</AiCell>
        <AiCell class="half" top-label label="真实姓名">{{ top.detail.realName }}</AiCell>
-        <AiCell class="half" top-label label="手机号码">{{ resident.phone || "-" }}</AiCell>
+        <AiCell class="half" top-label label="手机号码">{{ resident.phone || '-' }}</AiCell>
        <AiCell class="half" top-label label="家庭积分">{{ resident.familyIntegral }}</AiCell>
        <AiCell class="half" top-label label="个人积分">{{ resident.personalIntegral }}</AiCell>
      </u-row>
    </div>
    <div class="card">
      <AiCell title label="公共标签">
-        <u-icon label="添加" size="38" name="iconAdd" custom-prefix="iconfont" color="#1365DD"
-                label-color="#1365DD" @tap="top.showTagManage=true"/>
+        <u-icon label="添加" size="38" name="iconAdd" custom-prefix="iconfont" color="#1365DD" label-color="#1365DD" @tap="top.showTagManage = true" />
      </AiCell>
-      <AiCell top-label v-for="(op,name) in tagsList" :label="name" :key="name">
+      <AiCell top-label v-for="(op, name) in tagsList" :label="name" :key="name">
        <u-row>
-          <div class="tag" v-for="(tag,j) in op" :key="j">{{ tag }}</div>
+          <div class="tag" v-for="(tag, j) in op" :key="j">{{ tag }}</div>
        </u-row>
      </AiCell>
    </div>
    <div class="card">
-      <AiCell title label="动态"/>
+      <AiCell title label="动态" />
      <AiCell top-label>
        <div class="logItem" v-for="item in customLogs" :key="item.id">
          <div flex class="column" shrink>
-            <div class="dot"/>
-            <div class="line fill"/>
+            <div class="dot" />
+            <div class="line fill" />
          </div>
          <div flex class="start column">
            <b>{{ $dict.getLabel('wxCustomerLogType', item.type) }}</b>
            <span>{{ item.createTime }}</span>
-            <div v-html="item.content"/>
+            <div v-html="item.content" />
          </div>
        </div>
      </AiCell>
    </div>
-    <u-mask :show="dialog" @tap="dialog=false">
+    <u-mask :show="dialog" @tap="dialog = false">
      <div class="bindCert" @tap.stop>
        <b class="title">实名认证</b>
-        <u-input class="searchInput" v-model="search" clearable placeholder="请输入姓名或身份证号" @input="handleSearch"/>
+        <u-input class="searchInput" v-model="search" clearable placeholder="请输入姓名或身份证号" @input="handleSearch" />
        <div class="residents">
-          <div flex class="spb" v-for="(op,i) in result" :key="i" @tap="bindCert(op.id)">
-            <div v-html="op.name"/>
-            <div v-html="op.idNumber"/>
+          <div flex class="spb" v-for="(op, i) in result" :key="i" @tap="bindCert(op.id)">
+            <div v-html="op.name" />
+            <div v-html="op.idNumber" />
          </div>
        </div>
      </div>
@@ -66,10 +65,10 @@
 </template>

 <script>
-import {mapActions} from "vuex";
+import { mapActions } from 'vuex'

 export default {
-  name: "info",
+  name: 'info',
  inject: ['top'],
  computed: {
    resident() {
@@ -77,7 +76,7 @@ export default {
    },
    tagsList() {
      let obj = {}
-      this.top.detail?.tags?.map(e => {
+      this.top.detail?.tags?.map((e) => {
        if (e.type == 1 && e?.groupName) {
          if (obj?.[e.groupName]) {
            obj[e.groupName].push(e.tagName)
@@ -92,33 +91,34 @@ export default {
      return !!this.top?.detail?.residentInfo
    },
    isMobile() {
-      return ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]
-      .some(e => navigator.userAgent.indexOf(e) > -1)
-    }
+      return ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'].some((e) => navigator.userAgent.indexOf(e) > -1)
+    },
  },
  data() {
    return {
      dialog: false,
-      search: "",
+      search: '',
      result: [],
-      customLogs: []
+      customLogs: [],
    }
  },
  methods: {
    ...mapActions(['injectJWeixin', 'wxInvoke']),
    searchResident() {
-      this.$http.post("/app/appresident/check-name", null, {
-        params: {name: this.search}
-      }).then(res => {
-        if (res?.data) {
-          let reg = new RegExp(this.search, 'g')
-          this.result = res.data?.map(e => ({
-            ...e,
-            name: e.name.replace(reg, `<b>${this.search}</b>`),
-            idNumber: e.idNumber.replace(reg, `<b>${this.search}</b>`),
-          }))
-        }
-      })
+      this.$http
+        .post('/app/appresident/check-name', null, {
+          params: { name: this.search },
+        })
+        .then((res) => {
+          if (res?.data) {
+            let reg = new RegExp(this.search, 'g')
+            this.result = res.data?.map((e) => ({
+              ...e,
+              name: e.name.replace(reg, `<b>${this.search}</b>`),
+              idNumber: e.idNumber.replace(reg, `<b>${this.search}</b>`),
+            }))
+          }
+        })
    },
    handleSearch() {
      if (this.search?.length >= 2) {
@@ -129,58 +129,73 @@ export default {
    },
    handleCert() {
      if (this.isCert) {
-        this.$confirm("是否要解绑当前实名认证?").then(() => {
-          this.$http.post("/app/wxcp/wxcustomer/unBindCustomer2Resident", null, {
-            params: {residentId: this.resident.id, customerId: this.top.custom}
-          }).then(res => {
-            if (res?.code == 0) {
-              this.$u.toast("解除绑定成功!")
-              this.top.getContact()
-            }
-          })
+        this.$confirm('是否要解绑当前实名认证?').then(() => {
+          this.$http
+            .post('/app/wxcp/wxcustomer/unBindCustomer2Resident', null, {
+              params: { residentId: this.resident.id, customerId: this.top.custom },
+            })
+            .then((res) => {
+              if (res?.code == 0) {
+                this.$u.toast('解除绑定成功!')
+                this.top.getContact()
+              }
+            })
        })
      } else this.dialog = true
    },
    bindCert(residentId) {
      this.dialog = false
-      this.$confirm("是否要绑定该居民?").then(() => {
-        this.$http.post("/app/wxcp/wxcustomer/bindCustomer2Resident", null, {
-          params: {residentId, customerId: this.top.custom}
-        }).then(res => {
-          if (res?.code == 0) {
-            this.$u.toast("绑定成功!")
-            this.top.getContact()
-          }
-        }).catch(err => {
-          this.$u.toast(err)
-          setTimeout(() => this.dialog = true, 1000)
+      this.$confirm('是否要绑定该居民?')
+        .then(() => {
+          this.$http
+            .post('/app/wxcp/wxcustomer/bindCustomer2Resident', null, {
+              params: { residentId, customerId: this.top.custom },
+            })
+            .then((res) => {
+              if (res?.code == 0) {
+                this.$u.toast('绑定成功!')
+                this.top.getContact()
+              }
+            })
+            .catch((err) => {
+              this.$u.toast(err)
+              setTimeout(() => (this.dialog = true), 1000)
+            })
        })
-      }).catch(() => this.dialog = true)
+        .catch(() => (this.dialog = true))
    },
    getCustomLog(customerId) {
-      customerId && this.$http.post("/app/wxcp/wxcustomerlog/listAll", null, {
-        params: {customerId}
-      }).then(res => {
-        if (res?.data) {
-          this.customLogs = res.data
-        }
-      })
+      customerId &&
+        this.$http
+          .post('/app/wxcp/wxcustomerlog/listAll', null, {
+            params: { customerId },
+          })
+          .then((res) => {
+            if (res?.data) {
+              this.customLogs = res.data
+            }
+          })
    },
    handleTel() {
-      location.href = "tel:" + this.resident.phone
+      location.href = 'tel:' + this.resident.phone
    },
    handleWechat() {
-      this.wxInvoke(['openUserProfile', {
-        type: 2,
-        userid: this.top.custom
-      }, () => 0])
-    }
+      this.wxInvoke([
+        'openUserProfile',
+        {
+          type: 2,
+          userid: this.top.custom,
+        },
+        () => 0,
+      ])
+    },
  },
-  created() {
-    this.$dict.load("wxCustomerAddWay", 'wxCustomerLogType')
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '居民详情' })
+    this.$dict.load('wxCustomerAddWay', 'wxCustomerLogType')
    this.getCustomLog(this.top.custom)
    this.injectJWeixin('openUserProfile')
-  }
+  },
 }
 </script>

@@ -203,7 +218,7 @@ export default {
    align-items: center;

    .fill {
-      color: #3C7FC8;
+      color: #3c7fc8;
      margin-left: 24px;
      font-size: 28px;
      line-height: 40px;
@@ -216,7 +231,7 @@ export default {
      }

      .wx {
-        color: #2EA222;
+        color: #2ea222;
      }
    }
  }
@@ -269,7 +284,7 @@ export default {

    .searchInput {
      margin: 16px 0;
-      border: 1px solid #D0D4DC;
+      border: 1px solid #d0d4dc;
      border-radius: 8px;
      padding: 0 16px !important;
      flex: 0;
@@ -309,7 +324,7 @@ export default {
      width: 16px;
      height: 16px;
      background: $uni-color-primary;
-      border: 8px solid #FFFFFF;
+      border: 8px solid #ffffff;
      border-radius: 50%;
      margin: 8px 0;
    }
@@ -346,7 +361,6 @@ export default {
      & > div {
        margin-top: 16px;
      }
-
    }
  }
 }
--- a/src/apps/AppResidentFile/resident.vue
+++ b/src/apps/AppResidentFile/resident.vue
@@ -11,7 +11,6 @@
        <component :is="currentTab.comp" />
      </template>
    </template>
-
  </section>
 </template>

@@ -30,6 +29,9 @@ export default {
      id: '',
    }
  },
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '居民详情' })
+  },
  computed: {
    tabs() {
      return [
--- a/src/apps/AppWalkask/AppWalkask.vue
+++ b/src/apps/AppWalkask/AppWalkask.vue
@@ -108,6 +108,7 @@ export default {
    ...mapState(['user']),
  },
  onLoad() {
+    uni.setNavigationBarTitle({ title: '走访慰问' })
    this.areaId = this.user.areaId
    this.$dict.load('realityStatus').then(() => {
      this.getList()
--- a/src/apps/AppWalkask/add.vue
+++ b/src/apps/AppWalkask/add.vue
@@ -44,8 +44,6 @@
      </div>

      <div class="btn" @click="submit">保存</div>
-
-
    </div>

    <component v-else :is="comp" :paramss="params" @back="backlist"></component>
@@ -88,6 +86,7 @@ export default {
  },
  computed: { ...mapState(['user']) },
  created() {
+    uni.setNavigationBarTitle({ title: '新建走访' })
    this.areaIdProps = this.user.areaId
    this.forms.areaId = this.user.areaId
    this.$dict.load('realityStatus').then(() => {
--- a/src/apps/AppWalkask/detail.vue
+++ b/src/apps/AppWalkask/detail.vue
@@ -31,8 +31,6 @@
        <img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" />
      </div>
    </div>
-
-
  </div>
 </template>

@@ -49,7 +47,8 @@ export default {
    }
  },
  computed: {},
-  created() {
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '走访详情' })
    this.$dict.load('realityStatus').then(() => {
      this.getDetail()
    })
--- a/src/apps/AppWalkask/walkObject.vue
+++ b/src/apps/AppWalkask/walkObject.vue
@@ -71,7 +71,8 @@ export default {
    }
  },
  computed: {},
-  created() {
+  onLoad() {
+    uni.setNavigationBarTitle({ title: '选择走访慰问对象' })
    this.getDiyList()
  },
  mounted() {},