orderItem.vue
2.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<template>
<view class="orderCon">
<view class="purNav">
<view class="purNavBody" @click="goodDetail(dataList.goods.goods_id)">
<view class="purNavImg">
<image :src="dataList.goods.images[0]" mode="" style="border-radius: 16rpx;"></image>
</view>
<view class="purNavHeight">
<view class="purBotText">
<text class="purBodyText">{{dataList.goods.goods_name}}</text>
</view>
<view class="purMoney">
<text class="purFu">¥</text><text class="purFuSum">{{dataList.goods.price}}</text>
</view>
</view>
</view>
</view>
<view class="purBody">
<view class="purBodyNav">
<view class="purTextHaoMa">
<text class="purBodyHao">订单编号</text>
<text class="purBodyMa">{{dataList.order_no}}</text>
</view>
</view>
</view>
<view class="purBtn">
<view class="putBtnUnt">
<view class="QuBuyUi" v-if="dataList.nobuy_status==0" @click="cancel">
<text class="QuBuy">取消购买</text>
</view>
<view class="QuBuyGo" v-if="dataList.nobuy_status==1">
<text class="QuBuy">取消购买</text>
</view>
<view class="QuBuyUi" @click="confirm" v-if="dataList.buy_search==0">
<text class="OnBuy">已买</text>
</view>
<view class="QuBuyGo" v-if="dataList.buy_search==1">
<text class="QuBuy">已买</text>
</view>
</view>
</view>
</view>
</template>
<script>
// import request from '../../utils/request.js'
import request from '../../../utils/request.js'
export default {
onLoad(options) {
this.id = options.id
this.orderDetail()
},
data() {
return {
id: '',
alreadyBuy:true, //按钮是否已买
dataList: {}
}
},
methods: {
orderDetail() {
request.get('/api/personal/buyDetail', {
buy_id:this.id
}).then(res => {
this.dataList=res.data
}).catch(err => {})
},
//商品详情
goodDetail(id){
uni.navigateTo({
url:'/pages/index/good-details?goos_id='+id
})
},
//取消
cancel(){
let that=this
uni.showModal({
title:'提示',
content:'确定取消该商品吗?',
success(value) {
if(value.confirm){
request.get('/api/personal/cancelBuy',{
buy_id:that.id
}).then(res=>{
uni.navigateTo({
url:'/myPackage/pages/me/purchase?index=0'
})
}).catch(err=>{
})
}
}
})
},
//确定
confirm(){
request.get('/api/personal/yiBuy',{
buy_id:this.id
}).then(res=>{
this.alreadyBuy=false
uni.navigateTo({
url:'/myPackage/pages/me/purchase?index=1'
})
}).catch(err=>{
})
}
}
}
</script>
<style>
@import url("/common/uni.css");
@import url("/common/orderItem.css");
</style>