67 lines
2.7 KiB
Plaintext
67 lines
2.7 KiB
Plaintext
<view class="page tracking-page">
|
|
<view class="custom-header" style="padding-top: {{statusBarHeight}}px;">
|
|
<view class="header-title">物流追踪</view>
|
|
<view class="header-sub">选择任务查看物流轨迹</view>
|
|
</view>
|
|
|
|
<view wx:if="{{!showTrace}}">
|
|
<view wx:if="{{loading}}" class="card empty-card">
|
|
<view class="page-subtitle">正在加载...</view>
|
|
</view>
|
|
|
|
<view wx:elif="{{!taskList.length}}" class="card empty-card">
|
|
<view class="empty-title">暂无任务</view>
|
|
<view class="page-subtitle">当前没有可追踪的任务</view>
|
|
</view>
|
|
|
|
<view wx:else class="list">
|
|
<view class="card task-card" wx:for="{{taskList}}" wx:key="taskId"
|
|
data-taskid="{{item.taskId}}" data-orderid="{{item.orderId}}" bindtap="handleViewTrace">
|
|
<view class="task-head">
|
|
<view class="task-left">
|
|
<view class="task-no">{{item.taskNo}}</view>
|
|
<view class="task-sub">订单：{{item.orderNo}}</view>
|
|
</view>
|
|
<view class="badge badge-blue">{{item.statusText}}</view>
|
|
</view>
|
|
<view class="task-body">
|
|
<view class="task-row">
|
|
<text class="task-label">取货</text>
|
|
<text class="task-value">{{item.pickupAddress}}</text>
|
|
</view>
|
|
<view class="task-row">
|
|
<text class="task-label">送达</text>
|
|
<text class="task-value">{{item.deliveryAddress}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="trace-link">查看物流轨迹 ></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:if="{{showTrace}}">
|
|
<view class="back-btn" bindtap="handleBack">返回任务列表</view>
|
|
|
|
<view wx:if="{{!traceList.length}}" class="card empty-card">
|
|
<view class="empty-title">暂无物流轨迹</view>
|
|
<view class="page-subtitle">该订单暂无物流流转记录</view>
|
|
</view>
|
|
|
|
<view wx:else class="trace-timeline">
|
|
<view class="trace-item" wx:for="{{traceList}}" wx:key="index">
|
|
<view class="trace-line">
|
|
<view class="trace-dot {{index === 0 ? 'active' : ''}}"></view>
|
|
<view class="trace-connector" wx:if="{{index < traceList.length - 1}}"></view>
|
|
</view>
|
|
<view class="trace-card card">
|
|
<view class="trace-time">{{item.node_time}}</view>
|
|
<view class="trace-desc">{{item.node_desc}}</view>
|
|
<view wx:if="{{item.node_type}}" class="trace-type badge badge-blue">{{item.node_type}}</view>
|
|
<view wx:if="{{item.source_platform}}" class="trace-source">来源：{{item.source_platform}}</view>
|
|
<view wx:if="{{item.remark}}" class="trace-remark">备注：{{item.remark}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|