MrShi
昨天 00a7a61df86db969f2ba61c508d02ba4709ce3d4
app/pages/mine/mine.vue
@@ -70,6 +70,22 @@
      <view class="mine-page__footer">
         <button class="mine-page__logout" hover-class="mine-page__logout--hover" @click.stop="handleLogout">退出登录</button>
      </view>
      <u-popup :show="showPlatformPopup" mode="bottom" round="24" :closeable="true" @close="showPlatformPopup = false">
         <view class="platform-popup">
            <view class="platform-popup__title">联系平台</view>
            <view
               v-for="(phone, index) in serverPhoneList"
               :key="index"
               class="platform-popup__item"
               @click="handlePlatformCall(phone)"
            >
               <image class="platform-popup__icon" src="/static/image/ic_call@2x.png" mode="aspectFit"></image>
               <text class="platform-popup__text">{{ phone }}</text>
            </view>
            <view v-if="!platformPhoneList.length" class="platform-popup__empty">暂无平台联系电话</view>
         </view>
      </u-popup>
   </view>
</template>
@@ -82,6 +98,9 @@
            navHeight: 0,
            useVerifiedState: true,
            serverPhone: '',
            serverPhone1: '',
            showPlatformPopup: false,
            platformPhoneList: [],
            appVersion: 'V1.0.0',
            menuList: [
               { key: 'wallet', title: '我的钱包' },
@@ -89,12 +108,13 @@
               { key: 'reward', title: '奖励大厅' },
               { key: 'revenue', title: '营收分析' },
               { key: 'agreementPrivacy', title: '司机隐私政策', type: 'driverPrivacyPolicy' },
               { key: 'agreementErrandLuggage', title: '跑腿车主行李寄存须知', type: 'errandLuggageStorageNotice' },
               { key: 'agreementErrandLuggage', title: '跑腿达人行李寄存须知', type: 'errandLuggageStorageNotice' },
               { key: 'agreementErrandService', title: '跑腿达人服务协议', type: 'errandServiceAgreement' },
               { key: 'agreementErrandRisk', title: '跑腿达人风险承诺', type: 'errandRiskCommitment' },
               { key: 'agreementOwnerLuggage', title: '平台车主行李寄存须知', type: 'ownerLuggageStorageNotice' },
               { key: 'agreementOwnerService', title: '平台车主服务协议', type: 'ownerServiceAgreement' },
               { key: 'agreementOwnerRisk', title: '平台车主风险承诺', type: 'ownerRiskCommitment' },
               { key: 'platform', title: '联系平台' },
               { key: 'help', title: '联系客服' },
               { key: 'setting', title: '设置' }
            ],
@@ -131,6 +151,10 @@
            return {
               marginTop: this.navHeight + 'px'
            }
         },
         serverPhoneList() {
            if (!this.serverPhone) return []
            return this.serverPhone.split(',')
         }
      },
      onLoad() {
@@ -140,6 +164,7 @@
         if (plus.runtime && plus.runtime.version) {
            this.appVersion = 'V' + plus.runtime.version
         }
         this.getContactInfo()
      },
      onShow() {
         this.getStats()
@@ -147,10 +172,29 @@
         this.getServerPhone()
      },
      methods: {
         async getContactInfo() {
            const res = await this.$u.api.getPlatformAboutUs({})
            console.log(res,"====================")
            if (res.code === 200) {
               this.serverPhone1 = res.data.serverPhone || ''
            }
         },
         formatPhoneList(phoneText) {
            if (!phoneText) {
               return []
            }
            return Array.from(new Set(
               String(phoneText)
                  .split(/[\n,,、;;\s]+/)
                  .map(item => item.trim())
                  .filter(item => item && /\d/.test(item))
            ))
         },
         getServerPhone() {
            this.$u.api.getPlatformAboutUs().then(res => {
               if (res.code === 200 && res.data) {
                  this.serverPhone = res.data.serverPhone || ''
                  this.platformPhoneList = this.formatPhoneList(this.serverPhone)
               }
            })
         },
@@ -214,6 +258,12 @@
               uni.navigateTo({
                  url: `/pages/agreement/agreement?type=${item.type}&title=${encodeURIComponent(item.title)}`
               })
            } else if (item.key === 'platform') {
               if (this.platformPhoneList.length) {
                  this.showPlatformPopup = true
               } else {
                  uni.showToast({ title: '平台联系电话获取失败', icon: 'none' })
               }
            } else if (item.key === 'help') {
               if (this.serverPhone) {
                  uni.makePhoneCall({
@@ -223,6 +273,14 @@
                  uni.showToast({ title: '客服电话获取失败', icon: 'none' })
               }
            }
         },
         handlePlatformCall(phone) {
            if (!phone) {
               return
            }
            uni.makePhoneCall({
               phoneNumber: phone
            })
         },
         handleLogout() {
            uni.showToast({ title: '退出中...', icon: 'loading' })
@@ -481,4 +539,43 @@
         }
      }
   }
   .platform-popup {
      padding: 44rpx 32rpx calc(env(safe-area-inset-bottom) + 36rpx);
      &__title {
         font-size: 34rpx;
         font-weight: 700;
         color: #2b3139;
         text-align: center;
         margin-bottom: 32rpx;
      }
      &__item {
         display: flex;
         align-items: center;
         padding: 24rpx 0;
         border-bottom: 1rpx solid #eef1f5;
      }
      &__icon {
         width: 36rpx;
         height: 36rpx;
         margin-right: 20rpx;
         flex-shrink: 0;
      }
      &__text {
         font-size: 30rpx;
         color: #2b3139;
         line-height: 42rpx;
      }
      &__empty {
         padding: 24rpx 0;
         font-size: 28rpx;
         color: #8f96a3;
         text-align: center;
      }
   }
</style>