142 lines
3.0 KiB
Vue
142 lines
3.0 KiB
Vue
|
<template>
|
|||
|
|
<view class="refund">
|
|||
|
|
<view class="radios-container">
|
|||
|
|
<u-radio-group v-model="value" @change="radioChange">
|
|||
|
|
<label class="radio-view" v-for="(item, index) in goodsList" :key="index">
|
|||
|
|
<view class="radio">
|
|||
|
|
<u-radio color="#F0AD4E" :name="item.goods_id" active-color="#FF780F" icon-size="34" shape="circle"></u-radio>
|
|||
|
|
</view>
|
|||
|
|
<view class="store_info">
|
|||
|
|
<view class="info_img">
|
|||
|
|
<image :src="item.goods_image" mode="">
|
|||
|
|
</view>
|
|||
|
|
<view class="info_txt">
|
|||
|
|
<view class="content u-line-2">
|
|||
|
|
{{ item.goods_name }}
|
|||
|
|
</view>
|
|||
|
|
<view class="much">
|
|||
|
|
<text>￥{{ item.goods_pay_price }}</text>
|
|||
|
|
<text>x{{ item.goods_num }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</label>
|
|||
|
|
</u-radio-group>
|
|||
|
|
</view>
|
|||
|
|
<view class="refund-details">
|
|||
|
|
<view class="goods-number">
|
|||
|
|
<view>选择数量</view>
|
|||
|
|
<view></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="refund-price">
|
|||
|
|
<view>
|
|||
|
|
<view>退款金额</view>
|
|||
|
|
<view>￥99.00</view>
|
|||
|
|
</view>
|
|||
|
|
<view>若退款成功，将退还给您￥99.00</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="refund-text">
|
|||
|
|
<view>申请说明</view>
|
|||
|
|
<u-input v-model="refundText" type="textarea" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="submit-btn">提交申请</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
goodsList: [],
|
|||
|
|
value: '',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.getOrderInfo(option.oid);
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
radioChange(e){
|
|||
|
|
console.log(e)
|
|||
|
|
},
|
|||
|
|
getOrderInfo(id) {
|
|||
|
|
this.$u.api.getOrderInfo({
|
|||
|
|
order_id: id,
|
|||
|
|
}).then(res => {
|
|||
|
|
if(res.errCode == 0) {
|
|||
|
|
// this.orderInfo = res.data;
|
|||
|
|
this.goodsList = res.data.extend_order_goods;
|
|||
|
|
console.log(this.goodsList);
|
|||
|
|
}
|
|||
|
|
// uni.stopPullDownRefresh(); // 结束刷新
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
applyRefund() {
|
|||
|
|
let params = {
|
|||
|
|
order_id: this.order.order_id,
|
|||
|
|
// goods_id: goods_id,
|
|||
|
|
// refund_amount: refund_amount,
|
|||
|
|
}
|
|||
|
|
this.$u.api.refundOrder(params).then(res => {
|
|||
|
|
this.$u.toast(res.message);
|
|||
|
|
if(res.errCode == 0) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.refund {
|
|||
|
|
min-height: calc(100vh - var(--window-top));
|
|||
|
|
background-color: #EDEDED;
|
|||
|
|
.radios-container {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
.radio-view {
|
|||
|
|
background-color: #FFFFFF;
|
|||
|
|
padding: 26rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 1rpx;
|
|||
|
|
.radio {
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
.store_info {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
width: 100%;
|
|||
|
|
.info_img{
|
|||
|
|
>image{
|
|||
|
|
width: 180rpx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
background-color: aqua;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.info_txt{
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
padding-right: 30rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
width: 100%;
|
|||
|
|
.content{
|
|||
|
|
height: 74rpx;
|
|||
|
|
line-height: 37rpx;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color:rgba(51,51,51,1);
|
|||
|
|
}
|
|||
|
|
.much{
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.refund-details {
|
|||
|
|
background-color: #FFFFFF;
|
|||
|
|
.goods-number {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|