<view class="flex-col page">
  <text class="self-center text">{{ showRole }}端绩效总览</text>
  <view class="flex-col justify-start self-stretch relative group mt-41">
    <view class="flex-col group_2">

      <!-- 今日数据 -->
      <view class="flex-row equal-division">
        <view class="flex-col items-start equal-division-item section">
          <text class="font_3 text_8">今日数据</text>
          <text class="font text_10">今日下单数量</text>
          <text class="font_2 text_12">{{todayOrderCount}}</text>
          <text class="font text_14">今日订单总金额</text>
          <text class="font_2 text_16">￥{{todayOrderAmount}}</text>
          <text class="font text_18">今日退单数量</text>
          <text class="font_2 text_20">{{todayRefundCount}}</text>
          <text class="font text_22">今日退款总金额</text>
          <text class="font_2 text_24">￥{{todayRefundAmount}}</text>
          <text class="font_4 text_26">今日推广数量</text>
          <text class="font_2 text_28">{{todayPromotionCount}}</text>
        </view>

        <!-- 本月数据 -->
        <view class="flex-col items-start equal-division-item section_2 ml-19">
          <text class="font_3 text_9">本月数据</text>
          <text class="font text_11">本月下单数量</text>
          <text class="font_2 text_13">{{monthOrderCount}}</text>
          <text class="font text_15">本月订单总金额</text>
          <text class="font_2 text_17">￥{{monthOrderAmount}}</text>
          <text class="font text_19">本月退单数量</text>
          <text class="font_2 text_21">{{monthRefundCount}}</text>
          <text class="font text_23">本月退款总金额</text>
          <text class="font_2 text_25">￥{{monthRefundAmount}}</text>
          <text class="font_4 text_27">本月推广数量</text>
          <text class="font_2 text_29">{{monthPromotionCount}}</text>
        </view>
      </view>

      <!-- 财务状态 -->
      <view class="mt-30 flex-col section_3">
        <text class="self-start font_3">财务状态</text>
        <view class="mt-26 flex-col self-stretch">
          <view class="flex-row justify-between items-baseline">
            <text class="font text_30">待释放</text>
            <text class="font_2 text_31">{{toRelease}}</text>
          </view>
          <view class="flex-row justify-between items-baseline mt-19">
            <text class="font text_32">可结算</text>
            <text class="font_2 text_33">{{toSettle}}</text>
          </view>
          <view class="flex-row justify-between items-baseline mt-19">
            <text class="font text_34">已结算</text>
            <text class="font_2 text_35">{{settled}}</text>
          </view>
          <view class="flex-row justify-between items-baseline mt-19">
            <text class="font text_36">已退回</text>
            <text class="font_2 text_37">{{refunded}}</text>
          </view>
        </view>
      </view>

    </view>

    <!-- 底部网格 -->
    <view class="pos">
    <view class="flex-row" style="justify-content: space-between;">
      <view style="width: {{widthRate}};" class="flex-col items-center grid-item" wx:if="{{isShowArr[0]}}">
        <text class="font text_2">主管数量</text>
        <text class="mt-20 font_2">{{superCount}}</text>
      </view>
      <view style="width: {{widthRate}};" class="flex-col items-center grid-item" wx:if="{{isShowArr[1]}}">
        <text class="font text_3">员工数量</text>
        <text class="mt-20 font_2">{{empCount}}</text>
      </view>
      <view style="width: {{widthRate}};" class="flex-col items-center grid-item" wx:if="{{isShowArr[2]}}">
        <text class="font text_4">客户数量</text>
        <text class="mt-20 font_2">{{promoCount}}</text>
      </view>
    </view>

    <view class="flex-row" style="justify-content: space-between;">
      <view class="flex-col items-center grid-item_2" style="margin-right: 10rpx">
        <text class="font text_5">订单总金额</text>
        <text class="mt-20 font_2">￥{{totalAmount}}</text>
      </view>
      <view class="flex-col items-center grid-item_2" style="margin: 40rpx 10rpx 0">
        <text class="font text_6">订单净成交</text>
        <text class="mt-20 font_2">￥{{netAmount}}</text>
      </view>
      <view class="flex-col items-center grid-item_2" style="margin-left: 10rpx">
        <text class="font text_7">下单数量</text>
        <text class="mt-20 font_2">{{orderCount}}</text>
      </view>
      </view>
    </view>
  </view>
</view>
