wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

我的订单售后等

Browse Source
version/0412
fanfan 9 months ago
parent 2dae228a00
commit f7de85f3a0
7 changed files with 160 additions and 55 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 32
      pages/order/index.vue
  2. 12
      pages/order/refund/freight.vue
  3. 1
      pages/order/refund/refund.vue
  4. 147
      pages/order/refund/refundDetail1.vue
  5. 17
      pages/refund/detail.vue
  6. 6
      pages/refund/index.vue
  7. BIN
      static/daichu.png

32
pages/order/index.vue
Unescape View File

@ -9,8 +9,9 @@
</view>
</view>
<!-- tab栏 -->
<u-tabs :list="tabs" bg-color="#fafafa" :is-scroll="false" height="120" font-size="32" :current="curTab"
bar-width="0" active-color="#111111" :duration="0.2" @change="onChangeTab" />
<u-tabs :list="tabs" bg-color="#fafafa" :is-scroll="true" height="120" font-size="32" :current="curTab"
bar-width="56" bar-height="6" active-color="#3B3B3B" :show-bar='true' :duration="0.2"
@change="onChangeTab" />
<!-- 订单列表 -->
<view class="order-list">
<view class="item" v-for="(item,index) in list" v-if="list.length>0">
@ -163,6 +164,9 @@
// tab栏数据
const tabs = [{
name: `全部`,
value: 'all'
}, {
name: `待付款`,
value: 'pay'
}, {
@ -174,6 +178,12 @@
}, {
name: `已完成`,
value: 'complete'
}, {
name: `已取消`,
value: 'cancel'
}, {
name: `退货/售后`,
value: 'refund'
}, ]
export default {
@ -332,8 +342,15 @@
const app = this
// 设置当前选中的标签
app.curTab = index
// 刷新订单列表
app.getOrderList()
if (index == 6) {
uni.navigateTo({
url: '/pages/refund/index'
})
} else {
// 刷新订单列表
app.getOrderList()
}
},
// 刷新订单列表
@ -492,6 +509,11 @@
padding: 100rpx 0;
}
::v-deep .u-tab-bar {
bottom: 12rpx !important;
background-color: rgb(255, 98, 87) !important;
}
.order {
.receive {
width: 100%;
@ -824,7 +846,7 @@
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #727272;
line-height: 33rpx;
line-height: 38rpx;
margin-left: 48rpx;
margin-top: 28rpx;
}

12
pages/order/refund/freight.vue
Unescape View File

@ -18,17 +18,17 @@
</view>
</view>
</view>
<view class="fright-bd">
<!-- <view class="fright-bd">
<image :src="$picUrl+'/static/home/phone.jpg'" class="icon"></image>
<view class="info">
<view class="a">我要退货退款我要退货退款我要退货退款我要退货退款我要退货退款</view>
<view class="b">已收货</view>
</view>
<view class="btn" @click="openPage">申请售后</view>
</view>
<view class="fright-fd">
</view> -->
<!-- <view class="fright-fd">
运费常见问题<image class="arrow" src="/static/news/icon-arrow.png"></image>
</view>
</view> -->
</view>
</template>
@ -73,8 +73,8 @@
&-hd {
padding: 40rpx;
box-sizing: border-box;
margin-top: 20rpx;
background: linear-gradient(180deg, #FFE0E0 0%, #FFFFFF 100%);
margin-top: 12rpx;
background: linear-gradient(180deg, #FFE0E0 0%, #FFFFFF 30%);
border-radius: 0px 0px 0px 0px;
.a {

1
pages/order/refund/refund.vue
Unescape View File

@ -195,7 +195,6 @@
},
// 获取当前订单信息
toDetail(canReset = false) {
this.uploadFile()
const app = this
if (app.logisticsIndex == -1) {
uni.showToast({

147
pages/order/refund/refundDetail1.vue
Unescape View File

@ -1,46 +1,63 @@
<template>
<view class="refund">
<view class="refund-navbar">
<u-navbar title="退货退款详情" :border-bottom="false" :background="background"></u-navbar>
<u-navbar title="退货退款详情" :border-bottom="false" back-icon-color='#000000' title-color="#000000"
:background="background"></u-navbar>
</view>
<view class="refund-hd">
<view class="l">
<view class="a">商家已同意退货/退款申请</view>
<view class="b">
剩余：<u-count-down :timestamp="timestamp" format="DD天HH时mm分ss秒"></u-count-down>
<view>
<view class="refund-hd">
<view class="l">
<view class="a">商家已同意退货/退款申请</view>
<view class="b">
剩余：<u-count-down :timestamp="timestamp" format="DD天HH时mm分ss秒"></u-count-down>
</view>
</view>
<view class="r">
<image :src="$picUrl+'/static/news/refund-01.png'"></image>
</view>
</view>
<view class="r">
<image :src="$picUrl+'/static/news/refund-01.png'"></image>
</view>
</view>
<view class="refund-bd">
<view class="a">卖家已同意退货申请，请尽早发货</view>
<view class="b">
<view class="l">退货说明：</view>
<view class="r"><text>●</text>未与商家协商一致请勿平邮或到付。</view>
<view class="r"><text>●</text>我是退货说明。</view>
<view class="refund-bd">
<view class="a">卖家已同意退货申请，请尽早发货</view>
<view class="b">
<view class="l">退货说明：</view>
<view class="r"><text>●</text>未与商家协商一致请勿平邮或到付。</view>
<view class="r"><text>●</text>我是退货说明。</view>
</view>
<view class="c" @click="getRevoke()">
<view class="btn">撤销申请</view>
</view>
</view>
<view class="c" @click="getRevoke()">
<view class="btn">撤销申请</view>
<view class="refund-fd">
<view class="l">
<view class="a">退款原因</view>
<view class="b">{{refundDetails.refuse_desc}}</view>
</view>
<view class="l">
<view class="a">退款金额</view>
<view class="b">¥{{refundDetails.refund_money}}</view>
</view>
<view class="l">
<view class="a">退款时间</view>
<view class="b">{{refundDetails.create_time}}</view>
</view>
<view class="l">
<view class="a">退款编号</view>
<view class="b">{{refundDetails.create_time}}</view>
</view>
</view>
</view>
<view class="refund-fd">
<view class="l">
<view class="a">退款原因</view>
<view class="b">{{refundDetails.refuse_desc}}</view>
</view>
<view class="l">
<view class="a">退款金额</view>
<view class="b">¥{{refundDetails.refund_money}}</view>
<view class="unshipped" style="display: none;">
<view class="fright-hd">
<image class="img" src="/static/daichu.png" mode="aspectFit"></image>
<view class="title">退款中</view>
</view>
<view class="l">
<view class="a">退款时间</view>
<view class="b">{{refundDetails.create_time}}</view>
<view class="boer">
</view>
<view class="l">
<view class="a">退款编号</view>
<view class="b">{{refundDetails.create_time}}</view>
<view class="wuliu">
<view class="wuliu-name">
退货物流<text>顺丰快递 SF234568990</text>
</view>
<u-icon name="arrow-right" color="#B7B7B7" size="30"></u-icon>
</view>
</view>
</view>
@ -86,8 +103,8 @@
let app = this
refundApi.detail(orderRefundId)
.then(result => {
app.refundDetails = result.data.detail
console.log(app.refundDetails)
app.refundDetails = result.data.detail;
console.log(result.data.detail)
})
},
}
@ -95,6 +112,68 @@
</script>
<style lang="scss" scoped>
.unshipped {
overflow: hidden;
background: linear-gradient(180deg, #FFE0E0 0%, #FFFFFF 70%);
.boer {
height: 12rpx;
width: 100%;
background: #F7F8FA;
}
.wuliu {
height: 118rpx;
background: #FFFFFF;
margin-top: 12rpx;
margin: 0 45rpx;
display: flex;
justify-content: space-between;
align-items: center;
.wuliu-name {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #292929;
text-align: left;
font-style: normal;
text-transform: none;
text {
color: #484848;
margin-left: 50rpx;
}
}
}
.fright-hd {
padding: 50rpx 0 70rpx 0;
box-sizing: border-box;
margin-top: 12rpx;
border-radius: 0px 0px 0px 0px;
height: 310rpx;
.img {
display: block;
width: 131rpx;
height: 131rpx;
margin: auto;
}
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 36rpx;
color: #262626;
text-align: left;
font-style: normal;
text-transform: none;
text-align: center;
margin-top: 15rpx;
}
}
}
.refund {
width: 100%;
overflow: hidden;

17
pages/refund/detail.vue
Unescape View File

@ -2,7 +2,7 @@
<view v-if="!isLoading" class="container p-bottom" :style="appThemeStyle">
<!-- 顶部状态栏 -->
<view class="detail-header dis-flex flex-y-center">
<view class="detail-header dis-flex flex-y-center">
<view class="header-backdrop">
<image class="image" src="/static/order/refund-bg.png"></image>
</view>
@ -12,7 +12,7 @@
</view>
<!-- 商品详情 -->
<view class="detail-goods b-f m-top20 dis-flex flex-dir-row" @click="onRefundDetail(detail.order_refund_id)">
<view style="margin-top: 0;" class="detail-goods b-f m-top20 dis-flex flex-dir-row" @click="onRefundDetail(detail.order_refund_id)">
<view class="left">
<image class="goods-image" :src="detail.orderGoods.goods_image"></image>
</view>
@ -50,7 +50,8 @@
</view>
<!-- 售后信息 -->
<view v-if="detail.status == RefundStatusEnum.REJECTED.value" class="detail-refund b-f m-top20">
<!-- v-if="detail.status == RefundStatusEnum.REJECTED.value" -->
<view class="detail-refund b-f m-top20">
<view class="detail-refund__row dis-flex">
<view class="text">
<text>售后类型：</text>
@ -81,7 +82,7 @@
</view>
<!-- 售后信息 -->
<view v-if="detail.status.value == 10" class="detail-refund b-f m-top20">
<view v-if="detail.status == RefundStatusEnum.REJECTED.value" class="detail-refund b-f m-top20">
<view class="detail-refund__row dis-flex">
<view class="text">
<text class="col-m">拒绝原因：</text>
@ -105,9 +106,9 @@
<view class="address-details__row">
<text>物流单号：{{ detail.express_no }}</text>
</view>
<!-- <view class="address-details__row">
<text>发货状态：{{ detail.is_user_send ? '已发货' : '未发货' }}</text>
</view> -->
<view class="address-details__row">
<text>发货状态：{{ detail.is_user_send ? '已发货' : '未发货' }}</text>
</view>
<view class="address-details__row">
<text>发货时间：{{ detail.send_time }}</text>
</view>
@ -391,7 +392,7 @@
}
.detail-order {
padding: 15rpx 20rpx;
padding: 20rpx;
font-size: 26rpx;
.item {

6
pages/refund/index.vue
Unescape View File

@ -8,7 +8,7 @@
<!-- 退款/售后单 -->
<view class="widget-list">
<view class="widget-detail" v-for="(item, index) in list.data" :key="index">
<view class="widget-detail" v-if="list.data.length>0" v-for="(item, index) in list.data" :key="index">
<view class="row-block dis-flex flex-y-center">
<view class="flex-box">{{ item.create_time }}</view>
<view class="flex-box t-r">
@ -43,6 +43,7 @@
<view class="detail-btn btn-detail" @click.stop="handleTargetDetail(item.order_refund_id)">查看详情</view>
</view>
</view>
<u-empty text="暂无数据显示哦～" v-else mode="list"></u-empty>
</view>
</mescroll-body>
@ -175,6 +176,9 @@
</script>
<style lang="scss" scoped>
::v-deep .u-empty {
padding: 100rpx 0;
}
.widget-detail {
box-sizing: border-box;
background: #fff;

BIN
static/daichu.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

Write Preview
Loading…
Cancel
Save