|
@@ -1,27 +1,33 @@
|
|
<template>
|
|
<template>
|
|
<view class="cf-logistics">
|
|
<view class="cf-logistics">
|
|
<pub-loading-view :loaded="loaded" height="100%">
|
|
<pub-loading-view :loaded="loaded" height="100%">
|
|
- <view class="cf-logistics-top">
|
|
|
|
- <view class="icon"><text class="iconfont"></text></view>
|
|
|
|
- {{dataList.no}}
|
|
|
|
- <view class="copy-icon"> <text class="iconfont"></text></view>
|
|
|
|
|
|
+ <view class="no-data" v-if="!dataList.no || dataList.statusList.length == 0">
|
|
|
|
+ <image mode="heightFix" src="/static/image/no-data.png" />
|
|
|
|
+ 暂无数据
|
|
</view>
|
|
</view>
|
|
- <view class="logistics-list">
|
|
|
|
- <view class="logistics-item" :class="item.className" v-for="item in dataList.statusList" :key="item.id">
|
|
|
|
- <view class="logistics-item-left">
|
|
|
|
- <view class="icon" v-if='item.icon'>
|
|
|
|
- <text class="iconfont"></text>
|
|
|
|
|
|
+ <view v-else>
|
|
|
|
+ <view class="cf-logistics-top">
|
|
|
|
+ <view class="icon"><text class="iconfont"></text></view>
|
|
|
|
+ {{dataList.no}}
|
|
|
|
+ <view class="copy-icon"> <text class="iconfont"></text></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="logistics-list">
|
|
|
|
+ <view class="logistics-item" :class="item.className" v-for="item in dataList.statusList" :key="item.id">
|
|
|
|
+ <view class="logistics-item-left">
|
|
|
|
+ <view class="icon" v-if='item.icon'>
|
|
|
|
+ <text class="iconfont"></text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="icon" :class="item.className" v-else-if="item.className=='is-finish'">
|
|
|
|
+ 收
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dot" v-else></view>
|
|
|
|
+ <view class="line"></view>
|
|
</view>
|
|
</view>
|
|
- <view class="icon" :class="item.className" v-else-if="item.className=='is-finish'">
|
|
|
|
- 收
|
|
|
|
|
|
+ <view class="logistics-item-right">
|
|
|
|
+ <view class="logistics-item-title" v-if="item.title">{{item.title}}</view>
|
|
|
|
+ <view class="logistics-item-time">{{item.time}}</view>
|
|
|
|
+ <view>{{item.text}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="dot" v-else></view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="logistics-item-right">
|
|
|
|
- <view class="logistics-item-title" v-if="item.title">{{item.title}}</view>
|
|
|
|
- <view class="logistics-item-time">{{item.time}}</view>
|
|
|
|
- <view>{{item.text}}</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|