cfc/miniprogram/pages/points-log/points-log.wxml

<!--pages/points-log/points-log.wxml-->
<view class="container">
  <!-- 积分概览 -->
  <view class="points-overview">
    <view class="overview-item">
      <text class="overview-label">总积分</text>
      <text class="overview-value">{{totalPoints}}</text>
    </view>
    <view class="overview-divider"></view>
    <view class="overview-item">
      <text class="overview-label">本月积分</text>
      <text class="overview-value month">{{monthPoints}}</text>
    </view>
  </view>

  <!-- 筛选栏 -->
  <view class="filter-bar">
    <view class="date-filter">
      <view 
        class="filter-item {{dateType === 'today' ? 'active' : ''}}"
        data-type="today"
        bindtap="onDateTypeChange"
      >今日</view>
      <view 
        class="filter-item {{dateType === 'week' ? 'active' : ''}}"
        data-type="week"
        bindtap="onDateTypeChange"
      >本周</view>
      <view 
        class="filter-item {{dateType === 'month' ? 'active' : ''}}"
        data-type="month"
        bindtap="onDateTypeChange"
      >本月</view>
      <view 
        class="filter-item {{dateType === 'all' ? 'active' : ''}}"
        data-type="all"
        bindtap="onDateTypeChange"
      >全部</view>
    </view>
    
    <view class="type-filter">
      <view 
        class="filter-item {{typeFilter === 'all' ? 'active' : ''}}"
        data-type="all"
        bindtap="onTypeFilterChange"
      >全部</view>
      <view 
        class="filter-item {{typeFilter === 'earn' ? 'active' : ''}}"
        data-type="earn"
        bindtap="onTypeFilterChange"
      >获得</view>
      <view 
        class="filter-item {{typeFilter === 'spend' ? 'active' : ''}}"
        data-type="spend"
        bindtap="onTypeFilterChange"
      >兑换</view>
      <view 
        class="filter-item {{typeFilter === 'bonus' ? 'active' : ''}}"
        data-type="bonus"
        bindtap="onTypeFilterChange"
      >奖励</view>
      <view 
        class="filter-item {{typeFilter === 'penalty' ? 'active' : ''}}"
        data-type="penalty"
        bindtap="onTypeFilterChange"
      >扣分</view>
    </view>
  </view>

  <!-- 积分记录列表 -->
  <view class="log-list">
    <!-- 加载状态 -->
    <view class="loading" wx:if="{{loading}}">
      <text>加载中...</text>
    </view>
    
    <!-- 记录列表 -->
    <block wx:else>
      <block wx:if="{{filteredLogs.length > 0}}">
        <view 
          class="log-item"
          wx:for="{{filteredLogs}}"
          wx:key="id"
        >
          <view class="log-icon" style="background-color: {{getTypeColor(item.type)}}">
            <text>{{getTypeIcon(item.type)}}</text>
          </view>
          
          <view class="log-content">
            <view class="log-header">
              <text class="log-type">{{getTypeName(item.type)}}</text>
              <text class="log-amount {{item.amount > 0 ? 'positive' : 'negative'}}">
                {{item.amount > 0 ? '+' : ''}}{{item.amount}}
              </text>
            </view>
            
            <text class="log-description">{{item.description}}</text>
            <text class="log-time">{{item.createdAt}}</text>
          </view>
        </view>
      </block>
      
      <!-- 空状态 -->
      <view class="empty-state" wx:else>
        <image class="empty-icon" src="/images/empty-log.svg" mode="aspectFit"></image>
        <text class="empty-text">暂无积分记录</text>
        <text class="empty-desc">完成任务或兑换奖励后将在这里显示</text>
      </view>
    </block>
  </view>

  <!-- 导出按钮 -->
  <view class="export-btn" bindtap="onExport">
    <text class="export-icon">📊</text>
    <text class="export-text">导出记录</text>
  </view>
</view>