85 lines
2.4 KiB
Vue
85 lines
2.4 KiB
Vue
|
<template>
|
|||
|
|
<view class="flex-col align-center">
|
|||
|
|
<view class="w700 radius padding margin-top" style="background-color: antiquewhite;">
|
|||
|
|
<text class="text-sm">我们非常重视您的消费体验，并希望能够通过您的反馈来改进我们的服务。请您分享真实的消费体验，感谢您的合作和支持！</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="w700 margin">
|
|||
|
|
<text class="text-bold text-lg">{{ goodsTitle }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="w700 radius padding bg-white">
|
|||
|
|
<view class="flex-row">
|
|||
|
|
<u-icon name="star-fill" size="40rpx" color="#ffaa00"></u-icon><text
|
|||
|
|
class="text-lg margin-left-xs">评分</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex-row margin-top margin-bottom">
|
|||
|
|
<u-rate count="5" v-model="postData.commentStar" size="50rpx" activeColor="#ffaa00"></u-rate>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="w700 radius padding bg-white margin-top">
|
|||
|
|
<view class="flex-row">
|
|||
|
|
<u-icon name="edit-pen" size="40rpx" color="#ffaa00"></u-icon><text
|
|||
|
|
class="text-lg margin-left-xs">评价内容</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex-row margin-top margin-bottom">
|
|||
|
|
<u--textarea v-model.trim="postData.commentDesc" placeholder="记录您的消费体验,为其他会员做购买参考" count
|
|||
|
|
height="100"></u--textarea>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="w750 padding margin-top" style="position: fixed; bottom: 0;">
|
|||
|
|
<u-button type="primary" text="提交" @click="commentOrder" throttleTime="500"></u-button>
|
|||
|
|
</view>
|
|||
|
|
<u-toast ref="uToast"></u-toast>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
goodsTitle: '',
|
|||
|
|
postData: {
|
|||
|
|
id: null,
|
|||
|
|
commentStar: null,
|
|||
|
|
commentDesc: ''
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
async commentOrder() {
|
|||
|
|
if (this.postData.commentStar == null) {
|
|||
|
|
return this.$refs.uToast.show({
|
|||
|
|
message: '请对以上服务/商品进行评分~',
|
|||
|
|
type: 'error'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (this.postData.commentDesc.length < 5) {
|
|||
|
|
return this.$refs.uToast.show({
|
|||
|
|
message: '请至少输入5个字的评价~',
|
|||
|
|
type: 'error'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const res = await this.$request({
|
|||
|
|
url: '/orderApi/commentOrder',
|
|||
|
|
method: 'POST',
|
|||
|
|
data: this.postData
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.$modal.msgSuccess('谢谢您评价成功')
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$tab.reLaunch('/pages/tabBar/order/order')
|
|||
|
|
}, 500)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.goodsTitle = decodeURIComponent(option.goodsTitle)
|
|||
|
|
this.postData.id = option.orderId
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
|
|||
|
|
</style>
|