提交

MrShi

2026-05-14 ce1248297e07cf5e409a37d43f2e0b54fcf86071

 app/pages/mine/mine.vue

@@ -6,7 +6,7 @@
         </view>
      </view>

      <scroll-view class="mine-page__body" scroll-y :style="bodyStyle">
      <view class="mine-page__body" :style="bodyStyle">
         <view class="mine-page__content">
            <view class="mine-page__profile">
               <image class="mine-page__avatar" :src="userInfo.imgurl || '/static/image/ic_pic@2x.png'" mode="aspectFill"></image>
@@ -48,8 +48,10 @@
                     </template>
                     <template v-if="item.key === 'driver'">
                        <text v-if="userInfo.auditStatus === 99" class="menu-panel__sub menu-panel__sub--danger">完成认证后即可接单</text>
                        <text v-else-if="userInfo.auditStatus === 0" class="menu-panel__sub menu-panel__sub--danger">审核中</text>
                        <text v-if="userInfo.auditStatus === 2" class="menu-panel__sub menu-panel__sub--danger">已驳回</text>
                        <text v-else-if="!userInfo.hasApprovedOfficial && userInfo.auditStatus === 0" class="menu-panel__sub menu-panel__sub--danger">审核中</text>
                        <text v-else-if="userInfo.hasApprovedOfficial && userInfo.auditStatus === 0" class="menu-panel__sub menu-panel__sub--danger">变更中</text>
                        <text v-if="!userInfo.hasApprovedOfficial && userInfo.auditStatus === 2" class="menu-panel__sub menu-panel__sub--danger">已驳回</text>
                        <text v-if="userInfo.hasApprovedOfficial && userInfo.auditStatus === 2" class="menu-panel__sub menu-panel__sub--danger">变更已驳回</text>
                        <text v-else-if="userInfo.auditStatus === 3" class="menu-panel__sub menu-panel__sub--primary">已认证</text>
                     </template>
                     <template v-else-if="item.key === 'setting'">
@@ -61,8 +63,9 @@
                  </view>
               </view>
            </view>
            <view style="width: 100%; height: 5rpx;"></view>
         </view>
      </scroll-view>
      </view>

      <view class="mine-page__footer">
         <button class="mine-page__logout" hover-class="mine-page__logout--hover" @click.stop="handleLogout">退出登录</button>
@@ -78,11 +81,18 @@
            statusBarHeight: 0,
            navHeight: 0,
            useVerifiedState: true,
            serverPhone: '',
            menuList: [
               { key: 'wallet', title: '我的钱包' },
               { key: 'driver', title: '司机认证' },
               { key: 'guide', title: '规范须知' },
               { key: 'help', title: '帮助与客服' },
               { key: 'agreementPrivacy', title: '司机隐私政策', type: 'driverPrivacyPolicy' },
               { 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: 'help', title: '联系客服' },
               { key: 'setting', title: '设置' }
            ],
            profileStates: {
@@ -115,10 +125,8 @@
            return this.useVerifiedState ? this.profileStates.verified : this.profileStates.guest
         },
         bodyStyle() {
            const footerHeight = uni.upx2px(124)
            return {
               marginTop: this.navHeight + 'px',
               height: `calc(100vh - ${this.navHeight + footerHeight}px)`
               marginTop: this.navHeight + 'px'
            }
         }
      },
@@ -130,8 +138,16 @@
      onShow() {
         this.getStats()
         this.getUserInfo()
         this.getServerPhone()
      },
      methods: {
         getServerPhone() {
            this.$u.api.getPlatformAboutUs().then(res => {
               if (res.code === 200 && res.data) {
                  this.serverPhone = res.data.serverPhone || ''
               }
            })
         },
         getUserInfo() {
            this.$u.api.verifyDetail().then(user => {
               if (user.code === 200) {
@@ -160,7 +176,7 @@
                  url: '/pages/settings/settings'
               })
            } else if (item.key === 'driver') {
               if (this.userInfo.businessStatus === 99) {
               if (this.userInfo.auditStatus === 99) {
                  uni.navigateTo({
                     url: '/pages/driver-certification/driver-certification'
                  })
@@ -173,6 +189,18 @@
               uni.navigateTo({
                  url: '/pages/wallet/wallet'
               })
            } else if (item.key && item.key.startsWith('agreement')) {
               uni.navigateTo({
                  url: `/pages/agreement/agreement?type=${item.type}&title=${encodeURIComponent(item.title)}`
               })
            } else if (item.key === 'help') {
               if (this.serverPhone) {
                  uni.makePhoneCall({
                     phoneNumber: this.serverPhone
                  })
               } else {
                  uni.showToast({ title: '客服电话获取失败', icon: 'none' })
               }
            }
         },
         handleLogout() {
@@ -195,9 +223,7 @@

<style lang="scss" scoped>
   .mine-page {
      height: 100vh;
      background: #f6f8fc;
      overflow: hidden;

      &__nav {
         position: fixed;
@@ -223,10 +249,11 @@

      &__body {
         box-sizing: border-box;
         // overflow: hidden;
      }

      &__content {
         padding: 28rpx 20rpx 20rpx;
         padding: 28rpx 20rpx 0;
      }

      &__profile {
@@ -294,7 +321,6 @@
         right: 0;
         bottom: 60rpx;
         // padding: 16rpx 0 calc(env(safe-area-inset-bottom) + 20rpx);
         background: #f6f8fc;
         display: flex;
         justify-content: center;
      }
@@ -377,6 +403,7 @@

   .menu-panel {
      margin-top: 20rpx;
      margin-bottom: 200rpx;
      border-radius: 22rpx;
      background: #ffffff;
      overflow: hidden;