88 lines
2.6 KiB
Vue
88 lines
2.6 KiB
Vue
<template>
|
|
<view class="app">
|
|
<view class="content">
|
|
<view class="name">
|
|
退款商品
|
|
</view>
|
|
<view class="details">
|
|
<view class="detailslist">
|
|
<image :src="baseurl+order.attributePitureUrl" mode=""></image>
|
|
<view class="model">
|
|
<view class="top">
|
|
<span v-if="order.orderType =='HEALTH_CONSULTATION'">健康咨询</span>
|
|
<span v-else>{{order.goodsName}}</span>
|
|
<span v-if="order.orderType=='DIRECT_BUY'">￥{{order.goodsPrice}}</span>
|
|
</view>
|
|
<view class="bottom" v-if="order.orderType !='HEALTH_CONSULTATION'">
|
|
<span>型号：{{order.goodsAttributeName}}</span>
|
|
<span>X{{order.goodsCount}}</span>
|
|
</view>
|
|
</view>
|
|
<view class="payinfo">
|
|
<text class="pay">实付款</text>
|
|
<text class="price" v-if="order.orderType=='DIRECT_BUY'||order.orderType =='HEALTH_CONSULTATION'">￥{{order.totalPrice}}</text>
|
|
<text class="price"
|
|
v-if="order.orderType=='INTEGRAL_EXCHANGE'">{{order.integralExchangeSill}}积分</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="refundinfo">
|
|
<view class="refund">
|
|
选择退款类型
|
|
</view>
|
|
<view class="myrefund" @tap='goApplforrefund(1)'>
|
|
<image class="images" src="../../static/myrefund.png" mode=""></image>
|
|
<view class="refundfo">
|
|
<view>我要退款(无需退货)</view>
|
|
<view class="text">没收到货</view>
|
|
</view>
|
|
<image class="picture pictures" src="../../static/huijiantou.png" mode=""></image>
|
|
|
|
</view>
|
|
<view class="myrefund" @tap='goApplforrefund(2)'>
|
|
<image class="images" src="../../static/refundgoods.png" mode=""></image>
|
|
<view class="refundfo">
|
|
<view>我要退货退款</view>
|
|
<view class="text">已收到货，需要退还收到的货物</view>
|
|
</view>
|
|
<image class="picture" src="../../static/huijiantou.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import baseurl from '@/api/baseurl.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
baseurl: '', //url
|
|
order: {},
|
|
}
|
|
},
|
|
methods: {
|
|
//退款页面
|
|
goApplforrefund(e) {
|
|
if (e == 1) {
|
|
uni.navigateTo({
|
|
url: `/pages/Applforrefund/Applforrefund?typename=${'我要退款(无需退货)'}&order=${JSON.stringify(this.order)}`
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: `/pages/Applforrefund/Applforrefund?typename=${'已收到货，需要退还收到的货物'}&order=${JSON.stringify(this.order)}`
|
|
})
|
|
}
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
this.baseurl = baseurl
|
|
this.order = JSON.parse(options.order)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import './refundType.scss';
|
|
</style>
|