<!-- <view class="flex-col page">
  <view class="flex-col relative section">
    <view class="flex-row justify-between items-center group">
      <view class="flex-col">
        <text class="self-start font text">{{ nickName }}</text>
        <view class="flex-row items-center self-stretch group_2 mt-9" bind:tap="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 self-stretch section_2 mt-9" bindtap="copyInvitationCode">
          <text class="font_3 text_3">邀请码：{{ invitationCode }}</text>
          <image
            class="shrink-0 image_4"
            src="./images/fuzhi.png"
            mode="aspectFill"
          />
        </view>
      </view>
      <view class="flex-col items-center">
        <image
          class="image_2"
          src="./images/erweima.png"
          mode="aspectFill"
          bindtap="showPromoPopup"
        />
        <text class="font_3 text_4 mt-6">二维码邀请</text>
      </view>
    </view>
    <view class="flex-col group_3">
      <view class="flex-row justify-between items-center group_4">
        <view class="group_5">
          <text class="font_2 text_6">当前金额：</text>
          <text class="text_5">￥{{ currentBalance }}</text>
        </view>
        <view class="flex-row items-center section_3" bind:tap="lijitixian">
          <image
            class="image_5 image_6"
            src="./images/jiantou.png"
          />
          <text class="font_3 text_7">立即提现</text>
        </view>
      </view>
      <view class="flex-row items-start equal-division section_4">
        <view class="flex-col items-center equal-division-item_8">
          <text class="font_2 text_8">提现中</text>
          <text class="font_4 mt-15">￥{{ withdrawalingBalance }}</text>
        </view>
        <view class="flex-col items-center group_6 equal-division-item">
          <text class="font_2 text_9">已提现</text>
          <text class="font_4 mt-15">￥{{ withdrawaledAmount }}</text>
        </view>
        <view class="flex-col items-center group_7 equal-division-item_8">
          <text class="font_2 text_10">累计收入</text>
          <text class="font_4 mt-15">￥{{ totalIncome }}</text>
        </view>
      </view>
    </view>
    <image
      class="image pos"
      src="./images/logo.png"
      mode="aspectFill"
    />
  </view>
  <view class="flex-row items-start equal-division_2 section_5">
    <view class="flex-col items-center equal-division-item_1 equal-division-item_2" bind:tap="mingxi">
      <image
        class="image_7"
        src="./images/zhijinxiangqing.png"
      />
      <text class="font text_11 mt-6">资金明细</text>
    </view>
    <view class="flex-col items-center group_6 group_1" bind:tap="tixianzhanghu">
      <image
        class="image_7"
        src="./images/tixianzhanghu.png"
        mode="aspectFill"
      />
      <text class="font text_12 mt-6">提现账户</text>
    </view>
    <view class="flex-col items-center group_9 group_10" bind:tap="zhijin">
      <image
        class="image_7"
        src="./images/tixianjilu.png"
        mode="aspectFill"
      />
      <text class="font text_13 mt-6">提现记录</text>
    </view>
  </view> -->
  <!-- 接单相关 -->
  <!-- <view class="flex-col list"> -->
    <!-- <view
      class="flex-row equal-division equal-division_3 mt-15"
      wx:for="{{items}}"
      wx:for-item="item"
      wx:for-index="index"
      wx:key="index"
    >
      <view class="flex-col items-center equal-division-item_3" bind:tap="xiangmu">
        <image
          class="image_8"
          src="./images/wodxiangmu.png"
          mode="aspectFill"
        />
        <text class="font text_14 mt-10">我的项目</text>
      </view>
      <view class="flex-col items-center group_15 equal-division-item_6" bind:tap="myteam">
        <image
          class="image_8"
          src="./images/tuanduiguanli.png"
          mode="aspectFill"
        />
        <text class="font text_15 mt-10">团队管理</text>
      </view>
      <view class="flex-col items-center group_11 equal-division-item_3" bind:tap="szcy">
        <image
          class="image_8"
          src="./images/choucheng.png"
          mode="aspectFill"
        />
        <text class="font text_16 mt-11">设置抽佣</text>
      </view>
      <view class="flex-col items-center group_12 equal-division-item_7" bind:tap="lxsj">
        <image
          class="image_8"
          src="./images/shangji.png"
          mode="aspectFill"
        />
        <text class="font mt-11">联系上级</text>
      </view>
    </view> -->
    <!-- 课程相关 -->
    <!-- <view
      class="flex-row equal-division equal-division_3 mt-15"
      wx:for="{{items}}"
      wx:for-item="item"
      wx:for-index="index"
      wx:key="index"
    >
      <view class="flex-col items-center equal-division-item_3" bind:tap="courseOrder">
        <image
          class="image_8"
          src="./images/wodxiangmu.png"
          mode="aspectFill"
        />
        <text class="font text_14 mt-10">课程订单</text>
      </view>
      <view class="flex-col items-center group_15 equal-division-item_6" bind:tap="gotoSettlementRecord">
        <image
          class="image_8"
          src="./images/tuanduiguanli.png"
          mode="aspectFill"
        />
        <text class="font text_15 mt-10">结算记录</text>
      </view>
      <view class="flex-col items-center group_11 equal-division-item_3" bind:tap="szcy">
        <image
          class="image_8"
          src="./images/choucheng.png"
          mode="aspectFill"
        />
        <text class="font text_16 mt-11">我的课程</text>
      </view>
      <view class="flex-col items-center group_12 equal-division-item_7" bind:tap="">
        <image
          class="image_8"
          src="./images/shangji.png"
          mode="aspectFill"
        />
        <text class="font mt-11">联系上级</text>
      </view>
    </view>
  </view>
  <view class="flex-col list_2">
    <view class="flex-row justify-between items-center self-stretch group_13" bind:tap="zhshezhi">
      <view class="flex-row items-center">
        <image
          class="shrink-0 image_9"
          src="./images/zhanghaoshezhi.png"
          mode="aspectFill"
        />
        <text class="font text_17 ml-5">账号设置</text>
      </view>
      <image
        class="image_5"
        src="./images/xiajiantou.png"
        mode="aspectFill"
      />
    </view>
    <view class="self-end list-divider"></view>
    <view class="flex-row justify-between items-center self-stretch group_14">
      <view class="flex-row items-center">
        <image
          class="shrink-0 image_9"
          src="./images/lianxikefu.png"
          mode="aspectFill"
        />
        <text class="font text_18 ml-5">联系客服</text>
      </view>
      <image
        class="image_5"
        src="./images/xiajiantou.png"
        mode="aspectFill"
      />
    </view>
  </view>
</view> -->

<view class="flex-col page">
  <view class="flex-row justify-between section">
    <view class="flex-row items-center self-center">
    <button open-type="chooseAvatar" bind:chooseavatar="updateAvatar">
      <image
        class="image"
        src="{{globalImgUrl + userAvatar}}"
        mode="aspectFill"
      />
    </button>
      <view class="flex-col ml-6">
        <text class="self-start font text">{{ nickName }}</text>
        <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 self-stretch section_2 mt-9" bind:tap="copyInvitationCode">
          <text class="font_2 text_3">邀请码：{{ 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-col mt-22" >
    <view class="flex-row items-start equal-division section_3" wx:if="{{ userRole != 'user' }}">
      <view class="flex-col items-center equal-division-item_1 group_3" bindtap="checkPerformance">
        <image
          class="image_5"
          src="./images/zhijinxiangqing.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/tixianzhanghu.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/tixianjilu.png"
        />
        <text class="font mt-6">员工排名</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/zhanghaoshezhi.png"
          />
          <text class="font ml-5">我的订单</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/zhanghaoshezhi.png"
          />
          <text class="font text_7 ml-5">仪表盘</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/zhanghaoshezhi.png"
          />
          <text class="font text_8 ml-5">账号设置</text>
        </view>
        <image
          class="image_7"
          src="./images/xiajiantou.png"
        />
      </view>
    </view>
  </view>
</view>

<!-- 调用弹窗组件 -->
<InvitationCodePop show="{{showPopup}}" bind:close="closePopup" qrcode="{{qrcode}}"/>