bug

src/apps/AppMailList/components/add.vue

@@ -29,7 +29,7 @@
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>地区</span>
-        <div class="value">
+        <div class="value" v-if="userInfo.areaId">
           <AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" @select="areaSelect">
             <span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
             <span v-else class="color-999">请选择</span>
@@ -69,7 +69,7 @@ export default {
     }
   },
   computed: { ...mapState(['user']) },
-  mounted() {    
+  created() {    
     this.$dict.load('yesOrNo').then(() => {
       if(this.params.id) {
         console.log(122)

src/apps/AppMailList/components/list.vue

@@ -14,6 +14,7 @@
                 </div>
               </div>
             </div>
+            <img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)"  class="phone-icon" >
           </div>
         </div>
       </u-index-list>
@@ -44,8 +45,8 @@ export default {
   },
 
   methods: {
-    idClick(id) {
-      document.getElementById('#id'+id).scrollIntoView();
+    callPhone(phone) {
+      uni.makePhoneCall({phoneNumber: phone})
     },
     getList() {
       this.$http.post(`/app/appconvenientaddressbook/list`, null, {
@@ -81,11 +82,14 @@ export default {
     //   font-weight: 600;
     //   color: #999;
     // }
+    .item{
+      position: relative;
+    }
     .phone-list{
       background-color: #fff;
       width: 100%;
       .item-info{
-        width: 100%;
+        width: 680px;
         padding: 32px 48px;
         box-sizing: border-box;
         box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
@@ -97,12 +101,16 @@ export default {
           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;
@@ -131,5 +139,13 @@ export default {
   ::v-deep .u-index-anchor  {
     top: 0!important;
   }
+  .phone-icon{
+    width: 40px;
+    height: 40px;
+    vertical-align: sub;
+    position: absolute;
+    top: 60px;
+    right: 64px;
+  } 
 }
 </style>