|
|
|
|
@ -1,9 +1,22 @@
|
|
|
|
|
<!-- 售后提交 --> |
|
|
|
|
<template> |
|
|
|
|
<view class="apply-return"> |
|
|
|
|
<view class="header"> |
|
|
|
|
<cu-custom :isBack="true" :isCenter="true"> |
|
|
|
|
<block slot="backText"> |
|
|
|
|
<view class="backImg"> |
|
|
|
|
<image src="@/static/images/back-btn.png" mode=""></image> |
|
|
|
|
</view> |
|
|
|
|
</block> |
|
|
|
|
<block slot="content"> |
|
|
|
|
<view class="tab-title">申请售后</view> |
|
|
|
|
</block> |
|
|
|
|
</cu-custom> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 申请售后 --> |
|
|
|
|
<view class="container" v-if="selected"> |
|
|
|
|
<view class="goodsStyle acea-row row-between" |
|
|
|
|
<!-- <view class="goodsStyle acea-row row-between" |
|
|
|
|
v-for="cart in selectProduct" |
|
|
|
|
:key="cart.id" |
|
|
|
|
> |
|
|
|
|
@ -23,40 +36,84 @@
|
|
|
|
|
<view class="num">x{{ cart.cartNum }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
<view class="list"> |
|
|
|
|
<view v-if="serviceType === 1" class="item acea-row row-between-wrapper"> |
|
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
|
<view>退款原因</view> |
|
|
|
|
<picker :value="reason" :range="reasonList" @change="changeReason"> |
|
|
|
|
<view class="info acea-row row-between-wrapper"> |
|
|
|
|
<view class="num">{{reason || '请选择退货原因'}}</view> |
|
|
|
|
<image src="@/static/images/right-grey.png" mode=""></image> |
|
|
|
|
<!-- <text class="iconfont icon-jiantou"></text> --> |
|
|
|
|
</view> |
|
|
|
|
</picker> |
|
|
|
|
</view> |
|
|
|
|
<view class="item textarea"> |
|
|
|
|
<view>问题描述</view> |
|
|
|
|
<view class="info acea-row"> |
|
|
|
|
<image src="../../../static/images/write-icon.png" mode=""></image> |
|
|
|
|
<textarea class="num" |
|
|
|
|
placeholder="请告诉我们问题描述吧！" |
|
|
|
|
placeholder-style="font-size:24rpx;color: #999999;line-height:32rpx;font-weight:400;" |
|
|
|
|
maxlength="150" |
|
|
|
|
v-model="refund_reason_wap_explain" |
|
|
|
|
></textarea> |
|
|
|
|
<view class="text-num">{{refund_reason_wap_explain.length}}/150</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<view>联系方式</view> |
|
|
|
|
<view class="info-item acea-row row-between-wrapper"> |
|
|
|
|
<view>联系方式</view> |
|
|
|
|
<view class="info"> |
|
|
|
|
<input type="text" placeholder="请输入姓名" placeholder-style="font-size:26rpx;color:#999999;line-height:62rpx;" v-model="userName"> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="info-item acea-row row-between-wrapper"> |
|
|
|
|
<view>联系电话</view> |
|
|
|
|
<view class="info"> |
|
|
|
|
<input type="text" placeholder="请输入联系电话" placeholder-style="font-size:26rpx;color:#999999;line-height:62rpx;" v-model="phoneNumber"> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- <view v-if="serviceType === 1" class="item acea-row row-between-wrapper"> |
|
|
|
|
<view>退货件数</view> |
|
|
|
|
<view class="num">{{ totalNum || 0 }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
|
<view>退款金额</view> |
|
|
|
|
<view class="num">￥{{ totalMoney || 0 }}</view> |
|
|
|
|
</view> |
|
|
|
|
<picker :value="reason" :range="reasonList" @change="changeReason"> |
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
<!-- <picker :value="reason" :range="reasonList" @change="changeReason"> |
|
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
|
<view>退款原因</view> |
|
|
|
|
<view class="num">{{reason}}</view> |
|
|
|
|
<text class="iconfont icon-jiantou"></text> |
|
|
|
|
</view> |
|
|
|
|
</picker> |
|
|
|
|
<view class="item textarea acea-row row-between"> |
|
|
|
|
</picker> --> |
|
|
|
|
<!-- <view class="item textarea acea-row row-between"> |
|
|
|
|
<view>备注说明</view> |
|
|
|
|
<textarea class="num" |
|
|
|
|
placeholder="填写备注信息，100字以内" |
|
|
|
|
v-model="refund_reason_wap_explain" |
|
|
|
|
></textarea> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="serviceType === 0" |
|
|
|
|
|
|
|
|
|
<view class="returnBnt bg-color-red" @click="submit">提交</view> |
|
|
|
|
|
|
|
|
|
<!-- <view v-if="serviceType === 0" |
|
|
|
|
class="returnBnt bg-color-red" |
|
|
|
|
@click="submit" |
|
|
|
|
>申请退款</view> |
|
|
|
|
<view v-if="serviceType === 1" |
|
|
|
|
class="returnBnt bg-color-red" |
|
|
|
|
@click="submit" |
|
|
|
|
>申请退货</view> |
|
|
|
|
>申请退货</view> --> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 选择商品 --> |
|
|
|
|
<view class="selectProduct" v-else> |
|
|
|
|
<view class="selectContainer" |
|
|
|
|
@ -66,7 +123,7 @@
|
|
|
|
|
<view class="checkbox-wrapper"> |
|
|
|
|
<checkbox-group @change="switchSelect(index)"> |
|
|
|
|
<label class="well-check"> |
|
|
|
|
<checkbox color="#eb3729" value :checked="cart.checked"></checkbox> |
|
|
|
|
<checkbox value :checked="cart.checked"></checkbox> |
|
|
|
|
</label> |
|
|
|
|
</checkbox-group> |
|
|
|
|
</view> |
|
|
|
|
@ -97,7 +154,6 @@
|
|
|
|
|
<checkbox-group @change="allChecked"> |
|
|
|
|
<label class="well-check"> |
|
|
|
|
<checkbox |
|
|
|
|
color="#eb3729" |
|
|
|
|
value="allSelect" |
|
|
|
|
:checked="isAllSelect" |
|
|
|
|
></checkbox> |
|
|
|
|
@ -115,7 +171,7 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="typeBtn"> |
|
|
|
|
<view class="button def" @click="chooseType(0)">仅退款</view> |
|
|
|
|
<view class="button redBtn" @click="chooseType(1)">退货退款</view> |
|
|
|
|
<view class="button bg-color-red" @click="chooseType(1)">退货退款</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -163,7 +219,9 @@ export default {
|
|
|
|
|
productParamList: [], |
|
|
|
|
totalNum: 0, |
|
|
|
|
totalMoney: 0, |
|
|
|
|
isAllSelect: false |
|
|
|
|
isAllSelect: false, |
|
|
|
|
userName: '', |
|
|
|
|
phoneNumber: '', |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
@ -206,6 +264,8 @@ export default {
|
|
|
|
|
}); |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.userName = res.data.realName; |
|
|
|
|
this.phoneNumber = res.data.userPhone; |
|
|
|
|
uni.hideLoading() |
|
|
|
|
}) |
|
|
|
|
.catch(err => { |
|
|
|
|
@ -297,7 +357,82 @@ export default {
|
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
<style lang="less" scoped> |
|
|
|
|
.header { |
|
|
|
|
.tab-title { |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #2DB5AE; |
|
|
|
|
line-height: 42rpx; |
|
|
|
|
} |
|
|
|
|
.backImg { |
|
|
|
|
width: 88rpx; |
|
|
|
|
height: 62rpx; |
|
|
|
|
padding-left: 26rpx; |
|
|
|
|
image { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.apply-return .list .item { |
|
|
|
|
.info-item { |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #3A3A3C; |
|
|
|
|
line-height: 38rpx; |
|
|
|
|
padding-bottom: 24rpx; |
|
|
|
|
input { |
|
|
|
|
height: 62rpx; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #999999; |
|
|
|
|
line-height: 62rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.info-item:first-child { |
|
|
|
|
padding-top: 20rpx; |
|
|
|
|
} |
|
|
|
|
.info { |
|
|
|
|
width: 506rpx; |
|
|
|
|
height: 62rpx; |
|
|
|
|
background: #F1F1F1; |
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
padding: 0rpx 16rpx; |
|
|
|
|
image { |
|
|
|
|
width: 32rpx; |
|
|
|
|
height: 32rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.apply-return .list .item.textarea .info { |
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
width: 646rpx; |
|
|
|
|
height: 170rpx; |
|
|
|
|
box-shadow: inset 0rpx 0rpx 10rpx 0rpx rgba(0,0,0,0.15); |
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
position: relative; |
|
|
|
|
padding: 16rpx; |
|
|
|
|
.num { |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
line-height: 32rpx; |
|
|
|
|
} |
|
|
|
|
.text-num { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 16rpx; |
|
|
|
|
right: 16rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #999999; |
|
|
|
|
line-height: 32rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.apply-return{ |
|
|
|
|
.selectProduct{ |
|
|
|
|
margin-bottom: 180rpx; |
|
|
|
|
@ -335,7 +470,7 @@ export default {
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
display: flex; |
|
|
|
|
view{ |
|
|
|
|
color: #EB3729; |
|
|
|
|
color: #2DB5AE; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
