wechatShopUni/pages/income/index.wxml

<view class="container {{isDarkMode ? 'dark-mode' : ''}}">
  <view class="loading" wx:if="{{loading}}">
    <text>加载中...</text>
  </view>

  <block wx:else>
    <!-- 收入统计 -->
    <view class="income-stats">
      <view class="stats-header">
        <text>收益概览</text>
        <text class="unit-text">单位：元</text>
      </view>

      <!-- 账户余额 -->
      <view class="total-income">
        <view class="label">账户余额</view>
        <view class="amount">{{earnings.account_balance}}</view>
      </view>

      <!-- 收入统计 -->
      <view class="stats-grid">
        <!-- 今日和昨日预估收入 -->
        <view class="stats-item">
          <view class="label">今日预估收入</view>
          <view class="amount-wrap">
            <text class="amount">{{earnings.this_day_forecast_income}}</text>
            <view class="trend-arrow {{trends.daily > 0 ? 'up' : trends.daily < 0 ? 'down' : 'equal'}}">
              <text class="arrow-line"></text>
              <text class="arrow-head"></text>
            </view>
          </view>
          <view class="sub-amount">
            <text>昨日：{{earnings.last_day_forecast_income}}</text>
          </view>
        </view>

        <!-- 本月和上月预估收入 -->
        <view class="stats-item">
          <view class="label">本月预估收入</view>
          <view class="amount-wrap">
            <text class="amount">{{earnings.this_month_forecast_income}}</text>
            <view class="trend-arrow {{trends.monthly > 0 ? 'up' : trends.monthly < 0 ? 'down' : 'equal'}}">
              <text class="arrow-line"></text>
              <text class="arrow-head"></text>
            </view>
          </view>
          <view class="sub-amount">
            <text>上月：{{earnings.last_month_forecast_income}}</text>
          </view>
        </view>

        <!-- 本月结算收入 -->
        <view class="stats-item">
          <view class="label">本月结算收入</view>
          <view class="amount">{{earnings.this_month_settlement_income}}</view>
        </view>

        <!-- 已提现金额 -->
      <view class="stats-item">
        <view class="label">已提现金额</view>
        <view class="amount">{{earnings.withdraw_amount}}</view>
      </view>
      </view>

      <!-- 总预估收入=待结算收入+累计结算收入 -->
      <view class="stats-row">
        <view class="stats-item">
          <view class="label">总预估收入</view>
          <view class="amount">{{earnings.total_forecast_income}}</view>
        </view>

        <view class="formula-text">=</view>

        <view class="stats-item">
          <view class="label">待结算收入</view>
          <view class="amount">{{earnings.wait_settlement_income}}</view>
        </view>

        <view class="formula-text">+</view>

        <view class="stats-item">
          <view class="label">已结算收入</view>
          <view class="amount">{{earnings.all_settlement_income}}</view>
        </view>
      </view>

      <button class="withdraw-btn" bindtap="applyWithdraw">申请提现</button>
    </view>

    <!-- 收入明细 -->
    <view class="income-list">
      <view class="list-header">收入明细</view>
      <view class="list-content">
        <view class="income-item" wx:for="{{incomeList}}" wx:key="id">
          <view class="item-main">
            <view class="item-type">{{item.type}}</view>
            <view class="item-amount">+{{item.amount}}</view>
          </view>
          <view class="item-sub">
            <view class="item-time">{{item.createTime}}</view>
            <view wx:if="{{item.type == '提现'}}" class="item-status">{{item.status}}</view>
          </view>
          <view class="item-note" wx:if="{{item.note}}">备注：{{item.note}}</view>
        </view>
        <view class="no-more" wx:if="{{!hasMore && incomeList.length > 0}}">
          没有更多数据了
        </view>
        <view class="empty" wx:if="{{!loading && incomeList.length === 0}}">
          暂无收入记录
        </view>
      </view>
    </view>
  </block>
</view>