Merge branch 'master' of http://139.186.142.91:10010/r/productDev/gtzxingli...

MrShi

5 天以前 eb7a808aaf7dd0a6dd2ff70f9ef3f8ce0b1e31d1

 small-program/shop/pages/mine/mine.vue

@@ -16,7 +16,7 @@
         <view class="profile-section">
            <view class="profile-main">
               <view class="profile-left">
                  <image class="store-avatar"  @click="previewImage([info.shopAvatar],0)"  :src="(info.shopAvatar)?info.shopAvatar:'/static/icon/default2.png'"  mode="aspectFill"></image>
                  <image class="store-avatar" @click="previewImage([info.shopAvatar],0)"  :src="(info.shopAvatar)?info.shopAvatar:'/static/image/tx@2x.png'"  mode="aspectFill"></image>
                  <view class="profile-info">
                     <text class="store-name">{{info.name||''}}</text>
                     <view class="profile-meta-row">
@@ -67,6 +67,20 @@
         </view>
      </view>

      <u-popup :show="showPhone" round="15" mode="bottom" :safeAreaInsetBottom="true" @close="showPhone = false" :closeable="true" :closeOnClickOverlay="true">
         <view class="phone">
            <view class="phone-head">
               <view></view>
               <text>联系平台</text>
            </view>
             <view style="flex-direction: row;margin-bottom: 30rpx;" class="phone-item" v-for="(phone, index) in serverPhoneList" :key="index" @click="contactPhoneDo(phone)">
                  <image src="/static/icon/ic_call@2x.png" mode="widthFix"></image>
                  <text>{{ phone }}</text>
             </view>  
             <!-- <view style="width: 100%; height: 30rpx;"></view> -->
         </view>
      </u-popup>

      <custom-tabbar></custom-tabbar>
   </view>
</template>
@@ -85,12 +99,18 @@
         },
         managerName() {
            return this.shopInfo.contactName || this.shopInfo.managerName || ''
         },
         serverPhoneList() {
            if (!this.serverPhone) return []
            return this.serverPhone.split(',')
         }
      },
      data() {
         return {
            navActionIcon: '',
            settingIcon: '',
            showPhone: false,
            serverPhone: '',
            info:{},
            storeAvatar: '',
            bannerImage: '',
@@ -105,7 +125,9 @@
               { title: '风险承诺', url: '/pages/rich-text/rich-text',type:6 },
               { title: '行李寄存须知', url: '/pages/rich-text/rich-text',type:7 },
               { title: '代理点合作协议', url: '/pages/rich-text/rich-text',type:8 },
               { title: '在线客服', url: null,type :-1 },
               { title: '门店资质', url: '/shop/pages/qualification/qualification' },
               { title: '在线客服', url: null, type: -1 },
               { title: '联系平台', url: null, type: 'contact' },
               { title: '关于我们', url: '/pages/rich-text/rich-text' ,type:5},
            ]
         }
@@ -168,11 +190,11 @@
            })
         },
         handleMenuClick(item) {
            if (item.type === 'contact') {
               this.getContactInfo()
               return
            }
            if (!item.url) {
               /* uni.showToast({
                  title: '请补充页面链接',
                  icon: 'none'
               }) */
               return
            }

@@ -186,6 +208,19 @@
               })
            }
            
         },
         async getContactInfo() {
            const res = await this.$u.api.getPlatformAboutUs({})
            console.log(res,"====================")
            if (res.code === 200) {
               this.serverPhone = res.data.serverPhone || ''
               this.showPhone = true
            }
         },
         contactPhoneDo(phone) {
            uni.makePhoneCall({
               phoneNumber: phone
            })
         }
      }
   }
@@ -325,7 +360,7 @@
   }

   .page-body {
      padding: 0 30rpx calc(180rpx + env(safe-area-inset-bottom));
      padding: 0 30rpx env(safe-area-inset-bottom);
      margin-top: -6rpx;
   }

@@ -472,4 +507,40 @@
         height: 26rpx;
      }
   }

   .phone {
      padding: 30rpx;

      .phone-head {
         display: flex;
         justify-content: center;
         margin-bottom: 40rpx;
         position: relative;

         text {
            font-size: 32rpx;
            font-weight: 500;
            color: #333333;
         }
      }

      .phone-item {
         display: flex;
         align-items: center;
         // padding: 24rpx;
         border-radius: 16rpx;
         margin-bottom: 20rpx;

         image {
            width: 40rpx;
            height: 40rpx;
            margin-right: 20rpx;
         }

         text {
            font-size: 28rpx;
            color: #333333;
         }
      }
   }
</style>