<!-- pages/dashouDingdan/dashouDingdan.wxml -->
<view class="ds-dingdan-page">
  
  <!-- 打手订单状态tab区域 -->
  <scroll-view 
    class="ds-dingdan-tabs-scroll"
    scroll-x="true"
    scroll-with-animation="true"
  >
    <view class="ds-dingdan-tabs-container">
      <block wx:for="{{dsDingdanZhuangtaiTabs}}" wx:key="key">
        <view 
          class="ds-dingdan-tab-item {{index === xuanzhongTabIndex ? 'ds-tab-active' : ''}}"
          bindtap="switchDsDingdanTab"
          data-index="{{index}}"
        >
          <text class="ds-tab-text">{{item.name}}</text>
          <view class="ds-tab-active-line" wx:if="{{index === xuanzhongTabIndex}}"></view>
        </view>
      </block>
    </view>
  </scroll-view>
  
  <!-- 打手订单列表区域 -->
  <view class="ds-dingdan-list-container">
    
    <!-- 页面加载中 -->
    <view class="ds-loading-container" wx:if="{{isLoading}}">
      <view class="ds-loading-spinner"></view>
      <text class="ds-loading-text">加载中...</text>
    </view>
    
    <!-- 空状态 -->
    <view 
      class="ds-empty-container" 
      wx:if="{{!isLoading && dsDingdanShuju[currentTabKey].list.length === 0}}"
    >
      <image 
        class="ds-empty-image" 
        src="/images/empty-order.png" 
        mode="aspectFit"
      ></image>
      <text class="ds-empty-text">暂无订单</text>
      <text class="ds-empty-subtext">快去接单吧</text>
    </view>
    
    <!-- 打手订单列表 -->
    <block wx:if="{{!isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}">
      <block wx:for="{{dsDingdanShuju[currentTabKey].list}}" wx:key="dingdan_id">
        <view 
          class="ds-dingdan-card"
          bindtap="goToDsDingdanXiangqing"
          data-item="{{item}}"
        >
          <!-- 商品图片（统一图片） -->
          <view class="ds-dingdan-card-left">
            <image 
              class="ds-dingdan-image"
              src="{{item.tupian}}"
              mode="aspectFill"
              binderror="onImageError"
            ></image>
          </view>
          
          <!-- 订单信息（订单介绍显示三行） -->
          <view class="ds-dingdan-card-center">
            <view class="ds-dingdan-jieshao ds-jieshao-three-line">
              {{item.jieshao || '暂无订单描述'}}
            </view>
          </view>
          
          <!-- 订单状态和价格 -->
          <view class="ds-dingdan-card-right">
            <!-- 订单状态 -->
            <view class="ds-dingdan-zhuangtai">
              {{item.zhuangtaiZh || '未知状态'}}
            </view>
            
            <!-- 订单价格 -->
            <view class="ds-dingdan-jine">
              <text class="ds-jine-symbol">¥</text>
              <text class="ds-jine-number">{{item.jine || '0.00'}}</text>
            </view>
          </view>
        </view>
      </block>
    </block>
    
    <!-- 加载更多提示 -->
    <view 
      class="ds-load-more-container" 
      wx:if="{{xianshiJiazaigengduo && !isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}"
    >
      <view class="ds-load-more-line"></view>
      <text class="ds-load-more-text">上拉加载更多</text>
      <view class="ds-load-more-line"></view>
    </view>
    
    <!-- 没有更多提示 -->
    <view 
      class="ds-no-more-container" 
      wx:if="{{!xianshiJiazaigengduo && !isLoading && dsDingdanShuju[currentTabKey].list.length > 0}}"
    >
      <text class="ds-no-more-text">没有更多订单了</text>
    </view>
    
  </view>
  <custom-tab-bar />
  
</view>
<global-notification id="global-notification" />
