bug

src/apps/AppBuilding/components/searchMap.vue

@@ -48,11 +48,11 @@
         </div>
         <div class="info-flex">
           <span class="label">所属网格</span>
-          <span class="value">蓝天新城基础网格一</span>
+          <span class="value">{{detailInfo.community.girdName || ''}}</span>
         </div>
         <div class="info-flex">
           <span class="label">网格管理员</span>
-          <span class="value">{{detailInfo.build.girdMemberNames}}</span>
+          <span class="value">{{detailInfo.build.girdMemberNames || ''}}</span>
         </div>
         <div class="info-flex">
           <span class="label">楼栋长</span>

src/apps/AppGridManagement/components/detail.vue

@@ -4,7 +4,7 @@
       <span class="label">网格选择</span>
       <div class="value">
         <AiTreePicker :ops="treeList" v-model="form.id" @select="handleSelect">
-          <div class="grid-name" :style="{ color: form.girdName ? '' : '#c0c4cc' }">{{ form.girdName || '请选择社区居委会' }}
+          <div class="grid-name" :style="{ color: form.girdName ? '' : '#c0c4cc' }">{{ form.girdName || '请选择网格' }}
             <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
           </div>
         </AiTreePicker>

src/apps/AppMailList/AppMailList.vue

@@ -1,45 +1,164 @@
 <template>
   <div class="AppMailList">
-    <component
+    <div class="list-content">
-      :is="component"
+      <u-index-list :scrollTop="scrollTop" :index-list="indexList">
-      @change="onChange"
+        <div v-for="(letter, index) in indexList" :key="index">
-      :params="params">
+          <u-index-anchor :index="letter"/>
-    </component>
+          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
+            <div class="title">{{item.label}}</div>
+            <div class="phone-list">
+              <div class="item-info">
+                <p>{{item.name}}</p>
+                <div class="phone">
+                  <span>{{item.type}}</span>{{item.phone}}
+                </div>
+              </div>
+            </div>
+            <img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)"  class="phone-icon" >
+          </div>
+        </div>
+      </u-index-list>
+    </div>
+    <AiEmpty v-if="!list.length"/>
+    <!-- <div class="id-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <u-index-anchor :index="item.label" />
+      </div>
+    </div> -->
+    <div class="footer-btn" @click="toAddList">我添加的</div>
   </div>
 </template>
 
 <script>
-import Add from './add'
+import { mapState } from 'vuex'
-import List from './list'
-import MyAddList from './myAddList'
-
 export default {
-  name: 'AppMailList',
+  name: "AppMailList",
-  appName: '便民通讯录',
+  appName: "便民通讯录",
-
+  inject: {
+    root: {}
+  },
   data() {
     return {
-      component: 'List',
+      scrollTop: 0,
-      params: {}
+      list: [],
+      indexList: []
     }
   },
-
+  computed: { ...mapState(['user']) },
-  components: { Add, List , MyAddList},
+  mounted() {
+    this.getList()
+    document.title = '便民通讯录'
+  },
 
   methods: {
-    onChange(e) {
+    callPhone(phone) {
-      this.params = e.params
+      uni.makePhoneCall({phoneNumber: phone})
-      this.component = e.type
+    },
-    }
+    getList() {
+      this.$http.post(`/app/appconvenientaddressbook/list`, null, {
+        params: {
+          areaId: this.user.areaId,
+          isPublic: 1,
+          resource: "portal",
+          size: 999
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
+          this.list = res.data.records;
+        }
+      })
+    },
+    toAddList() {
+      // this.$emit('change', {
+      //   type: 'MyAddList',
+      // })
+      uni.navigateTo({url: `./myAddList`})
+    },
   },
+  onPageScroll(e) {
+    this.scrollTop = e.scrollTop;
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-uni-page-body{
+.AppMailList {
-  height: 100%;
+  background-color: #F3F6F9;
-}
+  .list-content{
-.AppMailList{
+    padding-bottom: 112px;
-  height: 100%;
+    // .title{
+    //   padding-left: 48px;
+    //   line-height: 64px;
+    //   font-size: 26px;
+    //   font-family: PingFangSC-Semibold, PingFang SC;
+    //   font-weight: 600;
+    //   color: #999;
+    // }
+    .item{
+      position: relative;
+    }
+    .phone-list{
+      background-color: #fff;
+      width: 100%;
+      .item-info{
+        width: 680px;
+        padding: 32px 48px;
+        box-sizing: border-box;
+        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+        p{
+          font-size: 32px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333;
+          line-height: 44px;
+          word-break: break-all;
+          margin-bottom: 8px;
+          width: 100%;
+          word-break: break-all;
+        }
+        .phone{
+          font-size: 26px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #333;
+          line-height: 36px;
+          width: 100%;
+          word-break: break-all;
+          span{
+            display: inline-block;
+            margin-right: 16px;
+            color: #999;
+          }
+        }
+      }
+    }
+  }
+  .footer-btn{
+    width: 100%;
+    text-align: center;
+    height: 112px;
+    line-height: 112px;
+    background: #3975C6;
+    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    z-index: 999;
+  }
+  ::v-deep .u-index-anchor  {
+    top: 0!important;
+  }
+  .phone-icon{
+    width: 40px;
+    height: 40px;
+    vertical-align: sub;
+    position: absolute;
+    top: 60px;
+    right: 64px;
+  } 
 }
 </style>

src/apps/AppMailList/list.vue

@@ -72,6 +72,9 @@ export default {
       uni.navigateTo({url: `./myAddList`})
     },
   },
+  onPageScroll(e) {
+    this.scrollTop = e.scrollTop;
+  }
 }
 </script>
 

src/apps/AppServicePublic/Add.vue

@@ -140,6 +140,7 @@ export default {
         moduleId: this.moduleId,
         categoryId: categoryId,
         categoryName: categoryName,
+        contentType: 0
       })
       .then((res) => {
         console.log(333)