|
@@ -1,9 +1,9 @@
|
|
<template>
|
|
<template>
|
|
<view class="box">
|
|
<view class="box">
|
|
<view class="cont">
|
|
<view class="cont">
|
|
- <view class="topBox goodsBox" v-if="data.openSheetRefund.refundState == 1 || data.openSheetRefund.refundState == 3">
|
|
|
|
- <view class="topState">
|
|
|
|
- <view class="tsTop">
|
|
|
|
|
|
+ <view class="topBox goodsBox" v-if="data.openSheetRefund.refundState == 1 ">
|
|
|
|
+ <view class="topState" >
|
|
|
|
+ <view class="tsTop" v-if="data.openSheetRefund.refundState == 1">
|
|
<view class="tsYd"></view>
|
|
<view class="tsYd"></view>
|
|
<view class="tsHx"></view>
|
|
<view class="tsHx"></view>
|
|
<view class="tsYd"></view>
|
|
<view class="tsYd"></view>
|
|
@@ -12,7 +12,7 @@
|
|
<view class="tsHx tsHx2"></view>
|
|
<view class="tsHx tsHx2"></view>
|
|
<view class="tsYd tsYd2"></view>
|
|
<view class="tsYd tsYd2"></view>
|
|
</view>
|
|
</view>
|
|
- <view class="tsM">
|
|
|
|
|
|
+ <view class="tsM" v-if="data.openSheetRefund.refundState == 1">
|
|
<view class="tsMline">发起退款</view>
|
|
<view class="tsMline">发起退款</view>
|
|
<view class="tsMline">商家处理</view>
|
|
<view class="tsMline">商家处理</view>
|
|
<view class="tsMline tsMline2">商家退款</view>
|
|
<view class="tsMline tsMline2">商家退款</view>
|
|
@@ -22,9 +22,15 @@
|
|
<span>请等待</span><span style="color: #EC0F0A;">商家处理</span>
|
|
<span>请等待</span><span style="color: #EC0F0A;">商家处理</span>
|
|
</view>
|
|
</view>
|
|
<view class="txTxt2" v-if="data.openSheetRefund.refundState == 1">已发起退款申请</view>
|
|
<view class="txTxt2" v-if="data.openSheetRefund.refundState == 1">已发起退款申请</view>
|
|
- <view class="txTxt" v-if="data.openSheetRefund.refundState == 3">
|
|
|
|
- <span>商家</span><span style="color: #EC0F0A;">拒绝退款</span>
|
|
|
|
- </view>
|
|
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 3">
|
|
|
|
+ <view class="txTxt" style="padding-top: 0;">
|
|
|
|
+ <span>商家</span><span style="color: #EC0F0A;">拒绝退款</span>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="txTxt2">
|
|
|
|
+ 您的退款申请已被商家拒绝
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 2">
|
|
<view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 2">
|
|
@@ -32,35 +38,42 @@
|
|
<view class="tksuccess">
|
|
<view class="tksuccess">
|
|
<view class="tksuccessYx">
|
|
<view class="tksuccessYx">
|
|
<view class="tksuccessTxt">原路退回</view>
|
|
<view class="tksuccessTxt">原路退回</view>
|
|
- <view class="tksuccessPrice">¥<span style="font-size: 36rpx;">{{data.openSheetRefund.money}}</span> </view>
|
|
|
|
|
|
+ <view class="tksuccessPrice">¥<span style="font-size: 36rpx;">{{data.openSheetRefund.realMoney}}</span> </view>
|
|
</view>
|
|
</view>
|
|
<view class="tksuccessTime">{{data.openSheetRefund.reAccountTime}}</view>
|
|
<view class="tksuccessTime">{{data.openSheetRefund.reAccountTime}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 退款关闭-->
|
|
<!-- 退款关闭-->
|
|
<view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 4||data.openSheetRefund.refundState == 5">
|
|
<view class="goodsBox topBox" v-if="data.openSheetRefund.refundState == 4||data.openSheetRefund.refundState == 5">
|
|
- <view class="tkTopTitle">退款关闭</view>
|
|
|
|
|
|
+ <view class="tkTopTitle" v-if="data.openSheetRefund.refundState == 4">退款失败</view>
|
|
|
|
+ <view class="tkTopTitle" v-if="data.openSheetRefund.refundState == 5">退款关闭</view>
|
|
<view class="tkErr" v-if="data.openSheetRefund.refundState == 4">退款失败</view>
|
|
<view class="tkErr" v-if="data.openSheetRefund.refundState == 4">退款失败</view>
|
|
<view class="tkErr" v-if="data.openSheetRefund.refundState == 5">用户已取消退款</view>
|
|
<view class="tkErr" v-if="data.openSheetRefund.refundState == 5">用户已取消退款</view>
|
|
</view>
|
|
</view>
|
|
<!-- 退款关闭-->
|
|
<!-- 退款关闭-->
|
|
|
|
+ <view class="goodsBox topBox" v-if="data.openSheetRefund.refundState ==6">
|
|
|
|
+ <view class="tkTopTitle" >待退款到账</view>
|
|
|
|
+
|
|
|
|
+ <view class="tkErr" >等待商家退款</view>
|
|
|
|
+ </view>
|
|
<view class="itemBox flex">
|
|
<view class="itemBox flex">
|
|
</image>
|
|
</image>
|
|
<image class="itemIMg" src="../../static/timg/noimg.png" mode=""></image>
|
|
<image class="itemIMg" src="../../static/timg/noimg.png" mode=""></image>
|
|
<view class="itemRight">
|
|
<view class="itemRight">
|
|
- <view class="itemName">{{data.openSheetRefund.itemName}}</view>
|
|
|
|
|
|
+ <view class="itemName" v-if="data.openSheet.sheetType!=5">{{data.openSheetRefund.itemName}}</view>
|
|
|
|
+ <view class="itemName" v-if="data.openSheet.sheetType==5">钣喷</view>
|
|
<view class="priceBox">
|
|
<view class="priceBox">
|
|
<view class="price">¥{{data.openSheet.realMoney}}</view>
|
|
<view class="price">¥{{data.openSheet.realMoney}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="goodsBox">
|
|
|
|
|
|
+ <view class="goodsBox" v-if="data">
|
|
<view class="goodsline flex" v-if="data.openSheetRefund.couponCount==1" >
|
|
<view class="goodsline flex" v-if="data.openSheetRefund.couponCount==1" >
|
|
<view class="goodsLeft">退款券号</view>
|
|
<view class="goodsLeft">退款券号</view>
|
|
<view class="goodRight" style="display: flex;">
|
|
<view class="goodRight" style="display: flex;">
|
|
<image @click="copy(data.openSheetRefund.couponCode)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
<image @click="copy(data.openSheetRefund.couponCode)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
- <span>{{data.openSheetRefund.couponCode}}</span>
|
|
|
|
|
|
+ <span v-if="data.openSheetRefund.couponCode">{{data.openSheetRefund.couponCode}}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsline flex" v-if="data.openSheetRefund.couponCount!=1">
|
|
<view class="goodsline flex" v-if="data.openSheetRefund.couponCount!=1">
|
|
@@ -108,19 +121,19 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="goodsBox">
|
|
|
|
|
|
+ <view class="goodsBox2">
|
|
<view class="goodsline flex" >
|
|
<view class="goodsline flex" >
|
|
<view class="goodsLeft">订单编号</view>
|
|
<view class="goodsLeft">订单编号</view>
|
|
<view class="goodRight" style="display: flex;">
|
|
<view class="goodRight" style="display: flex;">
|
|
<image @click="copy(data.openSheetRefund.sheetCode)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
<image @click="copy(data.openSheetRefund.sheetCode)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
- <span>{{data.openSheetRefund.sheetCode}}</span>
|
|
|
|
|
|
+ <span v-if="data">{{data.openSheetRefund.sheetCode}}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsline flex" >
|
|
<view class="goodsline flex" >
|
|
<view class="goodsLeft">退款编号</view>
|
|
<view class="goodsLeft">退款编号</view>
|
|
<view class="goodRight" style="display: flex;">
|
|
<view class="goodRight" style="display: flex;">
|
|
<image @click="copy(data.openSheetRefund.code)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
<image @click="copy(data.openSheetRefund.code)" src="../../static/img2/copy.png" mode="" class="copyIcon"></image>
|
|
- <span>{{data.openSheetRefund.code}}</span>
|
|
|
|
|
|
+ <span v-if="data">{{data.openSheetRefund.code}}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -173,7 +186,7 @@
|
|
if(opt.id){
|
|
if(opt.id){
|
|
this.id=opt.id
|
|
this.id=opt.id
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ //this.id='CC691F61-C7BF-44F2-8F50-4F69480DB599'
|
|
this.userInfo=this.$store.state.userInfo;
|
|
this.userInfo=this.$store.state.userInfo;
|
|
this.ext=this.$common.getExtStoreId();
|
|
this.ext=this.$common.getExtStoreId();
|
|
if(this.userInfo){
|
|
if(this.userInfo){
|
|
@@ -315,14 +328,14 @@
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
color: #222222;
|
|
color: #222222;
|
|
line-height: 50rpx;
|
|
line-height: 50rpx;
|
|
- padding-top: 20rpx;
|
|
|
|
|
|
+ padding-top: 30rpx;
|
|
}
|
|
}
|
|
.txTxt2{
|
|
.txTxt2{
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
color: #9A9A9A;
|
|
color: #9A9A9A;
|
|
line-height: 33rpx;
|
|
line-height: 33rpx;
|
|
padding-top: 8rpx;
|
|
padding-top: 8rpx;
|
|
- padding-bottom: 20rpx;
|
|
|
|
|
|
+ /* padding-bottom: 20rpx; */
|
|
}
|
|
}
|
|
.tsYd{
|
|
.tsYd{
|
|
width: 12rpx;
|
|
width: 12rpx;
|
|
@@ -605,10 +618,15 @@ margin-top: 10rpx;
|
|
line-height: 38rpx;
|
|
line-height: 38rpx;
|
|
}
|
|
}
|
|
.goodsBox{
|
|
.goodsBox{
|
|
- padding:18rpx 24rpx 30rpx 18rpx;font-size: 28rpx;
|
|
|
|
|
|
+ padding:18rpx 24rpx 24rpx 24rpx;font-size: 28rpx;
|
|
color: #222222;background: #FFFFFF;margin-top: 20rpx;
|
|
color: #222222;background: #FFFFFF;margin-top: 20rpx;
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
|
|
+.goodsBox2{
|
|
|
|
+ padding:18rpx 24rpx 18rpx 24rpx;font-size: 28rpx;
|
|
|
|
+ color: #222222;background: #FFFFFF;margin-top: 20rpx;
|
|
|
|
+ border-radius: 16rpx;
|
|
|
|
+}
|
|
.goodsline{
|
|
.goodsline{
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
padding: 18rpx 0;
|
|
padding: 18rpx 0;
|
|
@@ -624,8 +642,8 @@ border-radius: 16rpx;
|
|
.tkErr{
|
|
.tkErr{
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
color: #9A9A9A;
|
|
color: #9A9A9A;
|
|
- padding-bottom: 10rpx;
|
|
|
|
- padding-bottom: 20rpx;
|
|
|
|
|
|
+ /* padding-bottom: 10rpx;
|
|
|
|
+ padding-bottom: 20rpx; */
|
|
}
|
|
}
|
|
.codeLine{
|
|
.codeLine{
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|