| | |
| | | }, |
| | | onLoad(options) { |
| | | this.query.status = options.status || '' |
| | | this.listApi = `/api/customer/list` |
| | | this.listApi = `/api/customer/order/list` |
| | | this.getList() |
| | | }, |
| | | onReachBottom() { |
| | |
| | | methods: { |
| | | toDetail(item) { |
| | | // 订单详情页面 |
| | | console.log(' toDetail item',item) |
| | | uni.navigateTo({ |
| | | url: 'pages/order/order-detail?id=' + item.id |
| | | url: '/pages/order/order-detail?id=' + item.id |
| | | }) |
| | | }, |
| | | }, |
| | |
| | | <view class="flex"> |
| | | <image class="image img100" |
| | | src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/67/67acf980f310460a97d305c6ffc7e811位图@2x (1).png"></image> |
| | | <view>消费订单:¥<span>{{ '0' }}</span> 总消费:¥<span>{{ '0' }}</span></view> |
| | | <view>消费订单:¥<span class="m-r-10">{{ '0' }}</span> 总消费:¥<span>{{ '0' }}</span></view> |
| | | </view> |
| | | </view> |
| | | <view class="status-list m-t-12 flex"> |
| | | <view v-for="each of status" :key="each.value" class="status-each" :class="[query.status===each.value?'cur':'']"> |
| | | <view class="status-list m-t-12 flex flex-wrap-normal"> |
| | | <view v-for="each of status" :key="each.value" |
| | | @click.stop="(e)=>{ |
| | | query.status = each.value || ''; |
| | | refreshList(); |
| | | }" |
| | | class="status-each" :class="[query.status===each.value?'cur':'']"> |
| | | {{ each.name }} |
| | | </view> |
| | | </view> |
| | | <no-data v-if="!list||list.length==0" style="width: 100%;" class="m-t-12"></no-data> |
| | | <no-data v-if="!list||list.length===0" style="width: 100%;" class="m-t-12"></no-data> |
| | | <view v-for="(item,index) in list" :key="index" class="m-t-12"> |
| | | <view @click.stop="toDetail(item)" class="order-item list-item"> |
| | | <view class="title flex"> |
| | |
| | | .order-item { |
| | | margin-bottom: 20rpx; |
| | | padding: 28rpx; |
| | | background-color: #fff; |
| | | border-radius: 8rpx; |
| | | |
| | | .title { |
| | | font-weight: 600; |
| | |
| | | padding-left: 20rpx; |
| | | padding-right: 20rpx; |
| | | width: fit-content; |
| | | min-width: 120rpx; |
| | | text-align: center; |
| | | } |
| | | |