<!-- pages/course/courseSettlementRecord/courseSettlementRecord.wxml -->
<view class="flex-col page">
  <text class="self-center text">结算记录</text>
  <view class="mt-14 flex-col self-stretch">
    <view class="flex-row items-center section">
      <image
        class="image"
        src="https://ide.code.fun/api/image?token=685b63c64ae84d0012336c74&name=1e77401cdad84f355f02111ca86729e8.png"
      />
      <text class="text_2 ml-3">请输入下单用户</text>
    </view>
    <view class="flex-col list">
      <view class="flex-col list-item mt-13" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
        <!-- 课程标题区保持不变 -->
        <view class="flex-row group">
          <image
            class="shrink-0 image_2"
            src="https://ide.code.fun/api/image?token=685b63c64ae84d0012336c74&name=6ea8ffd561d2d1408e5cbb4f5ee10374.png"
          />
          <text class="flex-1 self-start font text_3 ml-11">【早鸟42折】掌握CAD技能实战技能实战技能实战工作训练营</text>
        </view>

        <!-- 重新拆分为单行对齐 -->
        <view class="flex-row justify-between group_row">
          <text class="font_2">下单用户</text>
          <text class="font text_5">{{item.user || 'user_cxz'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">课程价格</text>
          <text class="font_3">{{item.price || '￥168'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">下单数量</text>
          <text class="font_4">{{item.count || '×1'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">下单时间</text>
          <text class="font text_11 nowrap">{{item.orderTime || '2025-06-14 18:30:00'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">抽成比例</text>
          <text class="font_5 text_13">{{item.rate || '%10'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">抽成补贴</text>
          <text class="font text_14">{{item.subsidy || '￥16.8'}}</text>
        </view>
        <view class="flex-row justify-between group_row">
          <text class="font_2">结算时间</text>
          <text class="font text_11 nowrap">{{item.settlementTime || '2025-06-20 18:30:00'}}</text>
        </view>
      </view>
    </view>
  </view>
</view>
