112 lines
3.6 KiB
Plaintext
112 lines
3.6 KiB
Plaintext
<!-- 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" />
|