accomplish.vue
3.6 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="comCon">
<view class="comBack"></view>
<view class="comNav">
<view class="orderText">
<view class="orderImage">
<image :src="orderData.users.avatar" style="width: 88rpx;height: 88rpx;margin-right: 29rpx;border-radius: 50%;" mode=""></image>
</view>
<view class="orderNav">
<view class="orderNavItem">
<text class="orderOn">{{orderData.users.nickname}}</text>
<view class="orderOnLent">
<image src="../../../static/image/zuanshi_icon_1@2x.png" style="width: 20rpx;height: 20rpx;margin-top: 4rpx;margin-right: 10rpx;" mode=""></image>
<text class="orderlevet">{{orderData.users.grade_status==0?'L0':orderData.users.grade_status==1?'L1':orderData.users.grade_status==2?'L2':orderData.users.grade_status==3?'L3':orderData.users.grade_status==4?'L4':'L5'}}</text>
</view>
</view>
</view>
<view class="orderinEnd">
<text class="orderEnd">已售卖</text>
</view>
</view>
<view class="purNavBody" @click="goGoodDetail(orderData.goods.goods_id)">
<view class="purBodyImage">
<image :src="orderData.goods.images[0]" style="width: 200rpx;height: 200rpx;border-radius: 16rpx;" mode=""></image>
</view>
<view class="" style="height: 262rpx;">
<view class="purBotText">
<text class="purBodyText">{{orderData.goods.goods_name}}</text>
</view>
<view class="purMoney">
<text class="purFu">¥</text><text class="purFuSum">{{orderData.goods.price}}</text>
</view>
</view>
</view>
<view class="purBodyNav">
<view class="purTextHaoMa">
<text class="purBodyHao">订单编号</text>
<text class="purBodyMa">{{orderData.buy.order_no}}</text>
</view>
<view class="purTextHaoMa">
<text class="purBodyHao">完成时间</text>
<text class="purBodyMa">{{orderData.buy.complete_time}}</text>
</view>
</view>
<view class="purPing">
<view class="purPingImg">
<image :src="orderData.user.avatar" style="width: 80rpx;height: 80rpx;border-radius: 50%;" mode=""></image>
</view>
<view class="purPingNav">
<text class="purPingName">{{orderData.user.nickname}}</text>
<text class="purPingTime">{{orderData.assess2_time}}</text>
<text class="purPingText">{{orderData.content}}</text>
</view>
<view class="purPingHaop">
<text class="purPingTitle" v-if="orderData.ping_status==1">好评</text>
<text class="purPingTitle" v-if="orderData.ping_status==2">一般</text>
<text class="purPingTitle" v-if="orderData.ping_status==3">差评</text>
</view>
</view>
</view>
<view class="purBottom">
<view class="purLxBack" >
<text class="purLx" @click="linkBuyer">联系买家</text>
</view>
</view>
</view>
</template>s
<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: '',
orderData: ''
}
},
methods: {
orderDetail() {
let that=this
request.get('/api/personal/shouDetail', {
sell_id: that.id
}).then(res => {
that.orderData = res.data
}).catch(err => {
})
},
//商品详情
goGoodDetail(id) {
uni.navigateTo({
url: '/pages/index/good-details?goos_id=' + id
})
},
//联系买家
linkBuyer() {
console.log('联系卖家')
let that=this
uni.navigateTo({
url: '/pages/index/chat?id=' + that.orderData.users.id+'&index=1'
})
}
}
}
</script>
<style>
@import url("/common/uni.css");
@import url("/common/accomplish.css");
</style>