qingcheng-xiaochengxu/pages/personCenter/mine/mine.wxml

<wxs src="../../../utils/addmul.wxs" module="filters" />

<view class="flex-col page">
  <!-- 顶部：头像 / 昵称 / 电话 / 邀请码 / 二维码 -->
  <view class="flex-row justify-between section">
    <view class="flex-row items-center self-center">
      <button class="avatar-btn" open-type="chooseAvatar" bind:chooseavatar="updateAvatar">
        <image class="image" src="{{globalImgUrl + userAvatar}}" mode="aspectFill" />
      </button>
      <view class="flex-col ml-6">
        <view class="flex-row items-center justify-between" style="width: 250rpx;">
          <text class="self-start font text nickname-wrap">{{ nickName }}</text>
          <text class="self-start font text_2 ml-16" bindtap="openNicknamePopup">修改</text>
        </view>

        <view class="flex-row items-center self-stretch group_2 mt-9" bindtap="gotoCall">
          <image class="image_3" src="./images/dianhua.png" mode="aspectFill" />
          <text class="font_2 text_2 ml-7">{{ phoneNumber }}</text>
        </view>

        <view class="flex-row items-center invite-pill section_2 mt-9" bind:tap="copyInvitationCode">
          <text class="font_2 text_3 invite-text">邀请码：{{ invitationCode }}</text>
          <image class="shrink-0 image_4" src="./images/fuzhi.png" mode="aspectFill" />
        </view>
      </view>
    </view>

    <view class="flex-col items-start self-start group">
      <image class="image_2" src="./images/erweima.png" mode="aspectFill" bind:tap="showPromoPopup" />
      <text class="font_2 text_4 mt-6">二维码邀请</text>
    </view>
  </view>

  <!-- ===== 查看绩效 / 排名（已上移到金额卡片前） ===== -->
  <view class="flex-row items-start equal-division section_3 mt-22" wx:if="{{ userRole != 'user' }}">
    <view class="flex-col items-center equal-division-item_1 group_3" bindtap="checkPerformance">
      <image class="image_5" src="./images/jixiao.png" />
      <text class="font text_5 mt-6">{{title}}</text>
    </view>
    <view class="flex-col items-center equal-division-item_2 equal-division-item" bindtap="gotoSupervisorRank" data-userRole="{{ 'manager' }}">
      <image class="image_5" src="./images/zgpm.png" />
      <text class="font text_6 mt-6">主管排名</text>
    </view>
    <view class="flex-col items-center equal-division-item_3 group_5" bindtap="gotoStaffRank" data-userRole="{{ 'supervisor' }}">
      <image class="image_5" src="./images/ygpm.png" />
      <text class="font mt-6">员工排名</text>
    </view>
  </view>

  <!-- ===== 当前金额卡片（已美化） ===== -->
  <view class="wallet-card mt-22">
    <view class="wallet-head">
      <view class="wallet-head-left">
        <text class="wallet-head-label">当前金额：</text>
        <text class="wallet-head-amount">￥{{ filters.toFix2(currentBalance) }}</text>
      </view>
      <view class="wallet-head-right" bind:tap="lijitixian">
        <text class="wallet-withdraw-text">立即提现</text>
      </view>
    </view>

    <view class="wallet-stats">
      <view class="wallet-stat">
        <text class="wallet-stat-label">提现中</text>
        <text class="wallet-stat-value">￥{{ filters.toFix2(withdrawalingBalance) }}</text>
      </view>
      <view class="wallet-stat">
        <text class="wallet-stat-label">已提现</text>
        <text class="wallet-stat-value">￥{{ filters.toFix2(withdrawaledAmount) }}</text>
      </view>
      <view class="wallet-stat">
        <text class="wallet-stat-label">累计收入</text>
        <text class="wallet-stat-value">￥{{ filters.toFix2(totalIncome) }}</text>
      </view>
    </view>
  </view>

  <!-- ===== 三入口快捷区 ===== -->
  <view class="shortcut-row">
    <view class="shortcut-item" bind:tap="mingxi">
      <image class="shortcut-icon" src="./images/zhijinxiangqing.png" />
      <text class="shortcut-text">资金明细</text>
    </view>
    <view class="shortcut-item" bind:tap="tixianzhanghu">
      <image class="shortcut-icon" src="./images/tixianzhanghu.png" />
      <text class="shortcut-text">提现账户</text>
    </view>
    <view class="shortcut-item" bind:tap="zhijin">
      <image class="shortcut-icon" src="./images/tixianjilu.png" />
      <text class="shortcut-text">提现记录</text>
    </view>
  </view>

  <!-- ===== 接单四宫格 ===== -->
  <view class="grid-row">
    <view class="grid-item" bind:tap="xiangmu">
      <image class="grid-icon" src="./images/wodxiangmu.png" />
      <text class="grid-text">我的项目</text>
    </view>
    <view class="grid-item" bind:tap="myteam">
      <image class="grid-icon" src="./images/tuanduiguanli.png" />
      <text class="grid-text">团队管理</text>
    </view>
    <view class="grid-item" bind:tap="szcy">
      <image class="grid-icon" src="./images/choucheng.png" />
      <text class="grid-text">设置抽佣</text>
    </view>
    <view class="grid-item" bind:tap="lxsj">
      <image class="grid-icon" src="./images/shangji.png" />
      <text class="grid-text">联系上级</text>
    </view>
  </view>

  <!-- ===== 你的原有列表区（订单 / 仪表盘 / 账号设置） ===== -->
  <view class="flex-col list">
    <view class="flex-row justify-between items-center section_4" wx:if="{{isShowOrder}}" bindtap="courseOrder">
      <view class="flex-row items-center">
        <image class="shrink-0 image_6" src="./images/order.png" />
        <text class="font ml-8">我的订单</text>
      </view>
      <image class="image_7" src="./images/xiajiantou.png" />
    </view>

    <view class="flex-row justify-between items-center section_4 mt-11" bindtap="gotoDashboard" wx:if="{{ userRole !== 'user' }}">
      <view class="flex-row items-center">
        <image class="shrink-0 image_6" src="./images/dash.png" />
        <text class="font text_7 ml-8">仪表盘</text>
      </view>
      <image class="image_7" src="./images/xiajiantou.png" />
    </view>

    <view class="flex-row justify-between items-center section_4 mt-11" bindtap="zhshezhi">
      <view class="flex-row items-center">
        <image class="shrink-0 image_6" src="./images/setting.png" />
        <text class="font text_8 ml-8">账号设置</text>
      </view>
      <image class="image_7" src="./images/xiajiantou.png" />
    </view>
  </view>
</view>

<!-- 弹窗组件 -->
<InvitationCodePop show="{{showPopup}}" bind:close="closePopup" qrcode="{{qrcode}}"/>
<EditNicknamePopup
  show="{{showNicknamePopup}}"
  nickname="{{nickName}}"
  bind:cancel="closeNicknamePopup"
  bind:confirm="updateNickname"
/>