Showing
1 changed file
with
24 additions
and
4 deletions
| @@ -19,7 +19,25 @@ | @@ -19,7 +19,25 @@ | ||
| 19 | </view> | 19 | </view> |
| 20 | <view v-if="item.statusName"> | 20 | <view v-if="item.statusName"> |
| 21 | 命令状态: | 21 | 命令状态: |
| 22 | - <text style="margin-left: 16rpx;">{{ item.statusName }}</text> | 22 | + <text |
| 23 | + :style="{ | ||
| 24 | + color: | ||
| 25 | + item.status == 'EXPIRED' | ||
| 26 | + ? 'red' | ||
| 27 | + : item.status == 'DELIVERED' | ||
| 28 | + ? 'blue' | ||
| 29 | + : item.status == 'QUEUED' | ||
| 30 | + ? '#00C9A7' | ||
| 31 | + : item.status == 'TIMEOUT' | ||
| 32 | + ? 'red' | ||
| 33 | + : item.status == 'SENT' | ||
| 34 | + ? '#00C9A7' | ||
| 35 | + : '' | ||
| 36 | + }" | ||
| 37 | + style="margin-left: 16rpx;" | ||
| 38 | + > | ||
| 39 | + {{ item.statusName }} | ||
| 40 | + </text> | ||
| 23 | </view> | 41 | </view> |
| 24 | <view class="time">{{ format(item.createTime) }}</view> | 42 | <view class="time">{{ format(item.createTime) }}</view> |
| 25 | </view> | 43 | </view> |
| @@ -141,7 +159,6 @@ export default { | @@ -141,7 +159,6 @@ export default { | ||
| 141 | .then(res => { | 159 | .then(res => { |
| 142 | this.total = res.total; | 160 | this.total = res.total; |
| 143 | uni.stopPullDownRefresh(); | 161 | uni.stopPullDownRefresh(); |
| 144 | - console.log('获取后端数据', res); | ||
| 145 | //方法一(推荐): 后台接口有返回列表的总页数 totalPage | 162 | //方法一(推荐): 后台接口有返回列表的总页数 totalPage |
| 146 | this.mescroll.endByPage(res.items.length, res.total); //必传参数(当前页的数据个数, 总页数) | 163 | this.mescroll.endByPage(res.items.length, res.total); //必传参数(当前页的数据个数, 总页数) |
| 147 | if (pageNo == 1) { | 164 | if (pageNo == 1) { |
| @@ -225,6 +242,9 @@ export default { | @@ -225,6 +242,9 @@ export default { | ||
| 225 | margin: 20rpx auto; | 242 | margin: 20rpx auto; |
| 226 | color: #333; | 243 | color: #333; |
| 227 | .item { | 244 | .item { |
| 245 | + .delivered-color { | ||
| 246 | + color: blue; | ||
| 247 | + } | ||
| 228 | padding: 30rpx; | 248 | padding: 30rpx; |
| 229 | view { | 249 | view { |
| 230 | font-size: 14px; | 250 | font-size: 14px; |
| @@ -257,7 +277,7 @@ export default { | @@ -257,7 +277,7 @@ export default { | ||
| 257 | .item.success { | 277 | .item.success { |
| 258 | color: #00c9a7; | 278 | color: #00c9a7; |
| 259 | background-color: #00c9a725; | 279 | background-color: #00c9a725; |
| 260 | - } | 280 | + } |
| 261 | } | 281 | } |
| 262 | } | 282 | } |
| 263 | } | 283 | } |
| @@ -279,4 +299,4 @@ export default { | @@ -279,4 +299,4 @@ export default { | ||
| 279 | } | 299 | } |
| 280 | } | 300 | } |
| 281 | } | 301 | } |
| 282 | -</style> | 302 | +</style> |