|
|
@ -1,42 +1,55 @@ |
|
|
|
<template> |
|
|
|
<view class="page"> |
|
|
|
|
|
|
|
<view v-for="(item, index) in list" v-if="list.length>0" :key="index" class="content" |
|
|
|
@click="lookDetail(item, index)"> |
|
|
|
|
|
|
|
<view class="left"> |
|
|
|
<image :src="item.pic" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="right"> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
订单状态:{{ orderStatusText(item.orderFlag) }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
公司名称:{{ item.companyName }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
单价:{{ item.price }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
购买数量:{{ item.num }} |
|
|
|
<view v-for="(item, index) in list" |
|
|
|
v-if="list.length>0" |
|
|
|
:key="index" |
|
|
|
class="content" |
|
|
|
@click="lookDetail(item, index)"> |
|
|
|
|
|
|
|
<view class="box-flex"> |
|
|
|
<view class="left"> |
|
|
|
<image :src="item.pic" mode="aspectFill"/> |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
规格:{{ item.specsName }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
提货地址:{{ item.address }} |
|
|
|
|
|
|
|
<view class="right"> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
订单状态:{{ orderStatusText(item.orderFlag) }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
公司名称:{{ item.companyName }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
单价:{{ item.price }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
购买数量:{{ item.num }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
规格:{{ item.specsName }} |
|
|
|
</view> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
提货地址:{{ item.address }} |
|
|
|
</view> |
|
|
|
<!--<view class="text-hidden-1">--> |
|
|
|
<!-- 定金:{{ item.deposit }}--> |
|
|
|
<!--</view>--> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
提货时间:{{ item.takeTime }} |
|
|
|
</view> |
|
|
|
<!--审核状态 0审核中 1 审核通过 2审核未通过--> |
|
|
|
<!--<view class="text-hidden-1">--> |
|
|
|
<!-- 审核状态:{{ item.auditStatus == 0? '审核中' : (item.auditStatus == 1? '审核通过' : '审核未通过') }}--> |
|
|
|
<!--</view>--> |
|
|
|
</view> |
|
|
|
<!--<view class="text-hidden-1">--> |
|
|
|
<!-- 定金:{{ item.deposit }}--> |
|
|
|
<!--</view>--> |
|
|
|
<view class="text-hidden-1"> |
|
|
|
提货时间:{{ item.takeTime }} |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="bottom"> |
|
|
|
<view class="uni-color-btn" |
|
|
|
v-if="item.orderFlag == 0" |
|
|
|
@click.stop="closeOrder(item.id)"> |
|
|
|
取消订单 |
|
|
|
</view> |
|
|
|
<!--审核状态 0审核中 1 审核通过 2审核未通过--> |
|
|
|
<!--<view class="text-hidden-1">--> |
|
|
|
<!-- 审核状态:{{ item.auditStatus == 0? '审核中' : (item.auditStatus == 1? '审核通过' : '审核未通过') }}--> |
|
|
|
<!--</view>--> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
@ -85,7 +98,29 @@ |
|
|
|
url: `/pages_order/order/myOrderDetail` |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
// 取消订单 |
|
|
|
closeOrder(orderId){ |
|
|
|
let self = this |
|
|
|
uni.showModal({ |
|
|
|
title: '确认取消订单吗?', |
|
|
|
success(e) { |
|
|
|
if (e.confirm) { |
|
|
|
self.$api('updateOrder', { |
|
|
|
orderId, |
|
|
|
type : 1 |
|
|
|
}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
uni.showToast({ |
|
|
|
title: '取消成功', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
self.$emit("getData") |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
@ -97,37 +132,47 @@ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
gap: 20rpx; |
|
|
|
|
|
|
|
height: calc(90vh - 180rpx); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
display: flex; |
|
|
|
margin: 10rpx 0; |
|
|
|
|
|
|
|
.left { |
|
|
|
width: 200rpx; |
|
|
|
height: 100%; |
|
|
|
//height: 130rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
|
|
|
|
image { |
|
|
|
//width: 130rpx; |
|
|
|
//height: 130rpx; |
|
|
|
width: 100%; |
|
|
|
.box-flex{ |
|
|
|
display: flex; |
|
|
|
height: calc(100% - 80px); |
|
|
|
.left { |
|
|
|
width: 200rpx; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 10rpx; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
width: calc(100% - 160rpx); |
|
|
|
color: #777; |
|
|
|
font-size: 24rpx; |
|
|
|
padding-left: 20rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
background-color: #F8F8F8; |
|
|
|
.right { |
|
|
|
width: calc(100% - 160rpx); |
|
|
|
color: #777; |
|
|
|
font-size: 24rpx; |
|
|
|
padding-left: 20rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
background-color: #F8F8F8; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bottom{ |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
gap: 20rpx; |
|
|
|
&>view{ |
|
|
|
width: fit-content; |
|
|
|
font-size: 24rpx; |
|
|
|
padding: 10rpx 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |