| | |
| | | } |
| | | } |
| | | break |
| | | case 'delOrder':{ |
| | | await this.$message.confirm('是否删除此订单') |
| | | // 发送请求 |
| | | this.$message.showLoading() |
| | | const { |
| | | code |
| | | } = await this.$http.request('get', '/api/customer/order/delete', { |
| | | params: { |
| | | id: item.id, |
| | | } |
| | | }) |
| | | this.$message.hideLoading() |
| | | if (code === 0) { |
| | | // this.$store.dispatch('sign_add', 'order') |
| | | this.refreshList() |
| | | } |
| | | } |
| | | break |
| | | default: |
| | | break |
| | | } |
| | |
| | | </script> |
| | | <template> |
| | | <view class="order-container"> |
| | | <view class="order-top"> |
| | | <view class="order-top" v-if="false"> |
| | | <view class="title">订单信息</view> |
| | | <view class="flex"> |
| | | <image class="image img100" |
| | |
| | | <view class="label"> |
| | | 订单状态: |
| | | </view> |
| | | <view class="value">{{ dto.statusBackendStr }}</view> |
| | | <view class="value" style="color: #000">{{ dto.statusBackendStr || '-' }}</view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="desc flex flex1"> |
| | | <view class="label"> |
| | | 收货人: |
| | | </view> |
| | | <view class="value">{{ dto.customer }}</view> |
| | | <view class="value">{{ dto.customer || '-' }}</view> |
| | | </view> |
| | | <view class="desc flex flex1"> |
| | | <view class="label"> |
| | | 收货人手机号码: |
| | | </view> |
| | | <view class="value">{{ dto.customerTel }}</view> |
| | | <view class="value">{{ dto.customerTel || '-' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="desc flex"> |
| | |
| | | </view> |
| | | <view class="value">{{ dto.customerAddress }}</view> |
| | | </view> |
| | | <view class="desc flex" v-if="dto.statusBackend!=='PENDING'"> |
| | | <view class="desc flex" v-if="dto.statusBackend!=='PENDING'&&dto.statusBackend!=='CANCEL'"> |
| | | <view class="label"> |
| | | 支付时间: |
| | | </view> |
| | | <view class="value">{{ dto.paymentTime }}</view> |
| | | <view class="value">{{ dto.paymentTime || '-' }}</view> |
| | | </view> |
| | | <view class="flower-info m-b-5 m-t-8 br-4" v-for="(item,index) of dto.items" :key="index"> |
| | | <view class="line-gray"></view> |
| | |
| | | {{ item.supplierName }} |
| | | </view> |
| | | <view class="flex m-t-12 flex-wrap-normal"> |
| | | <image class="flower-img img100 m-r-6" :src="item.flowerCover" @click="previewImg(item.flowerCover)"> |
| | | <image class="flower-img img100 m-r-6" :src="item.flowerCover" |
| | | @click="previewImg(item.flowerCover)"> |
| | | </image> |
| | | <view class="flex1"> |
| | | <view class=" flex"> |
| | |
| | | <view class="line-gray"></view> |
| | | |
| | | <view class="flex buttons"> |
| | | <view class="button button-0 m-l-a m-r-15" v-if="dto.statusBackend==='CANCEL'" |
| | | @click="buttonClick(dto,'delOrder')">删除订单</view> |
| | | <view class="button button-0 m-l-a m-r-15" v-if="dto.statusBackend==='PENDING'" |
| | | @click="buttonClick(dto,'cancelOrder')">取消订单</view> |
| | | <view class="button button-1 m-l-15 m-r-15" v-if="dto.statusBackend==='PENDING'" |
| | | @click="buttonClick(dto,'payAgain')">重新支付</view> |
| | | |
| | | <view class="button button-0 m-l-a m-r-15" @click="buttonClick(dto,'refund')" v-if="dto.couldRefund"> |
| | | <view class="button button-0 m-l-a m-r-15" @click="buttonClick(dto,'refund')" |
| | | v-if="dto.couldRefund"> |
| | | 申请退款 |
| | | </view> |
| | | <view class="button button-0 m-l-a m-r-15" @click="buttonClick(dto,'confirm')" |
| | |
| | | border: 2rpx solid #20613D; |
| | | } |
| | | } |
| | | |
| | | .flower-info { |
| | | padding: 0rpx; |
| | | |