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

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

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

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

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

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

@ -1,46 +1,63 @@
<template> <template>
<view class="refund"> <view class="refund">
<view class="refund-navbar"> <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>
<view class="refund-hd"> <view>
<view class="l"> <view class="refund-hd">
<view class="a">商家已同意退货/退款申请</view> <view class="l">
<view class="b"> <view class="a">商家已同意退货/退款申请</view>
剩余：<u-count-down :timestamp="timestamp" format="DD天HH时mm分ss秒"></u-count-down> <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> </view>
<view class="r"> <view class="refund-bd">
<image :src="$picUrl+'/static/news/refund-01.png'"></image> <view class="a">卖家已同意退货申请，请尽早发货</view>
</view> <view class="b">
</view> <view class="l">退货说明：</view>
<view class="refund-bd"> <view class="r"><text>●</text>未与商家协商一致请勿平邮或到付。</view>
<view class="a">卖家已同意退货申请，请尽早发货</view> <view class="r"><text>●</text>我是退货说明。</view>
<view class="b"> </view>
<view class="l">退货说明：</view> <view class="c" @click="getRevoke()">
<view class="r"><text>●</text>未与商家协商一致请勿平邮或到付。</view> <view class="btn">撤销申请</view>
<view class="r"><text>●</text>我是退货说明。</view> </view>
</view> </view>
<view class="c" @click="getRevoke()"> <view class="refund-fd">
<view class="btn">撤销申请</view> <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> </view>
<view class="refund-fd"> <view class="unshipped" style="display: none;">
<view class="l"> <view class="fright-hd">
<view class="a">退款原因</view> <image class="img" src="/static/daichu.png" mode="aspectFit"></image>
<view class="b">{{refundDetails.refuse_desc}}</view> <view class="title">退款中</view>
</view>
<view class="l">
<view class="a">退款金额</view>
<view class="b">¥{{refundDetails.refund_money}}</view>
</view> </view>
<view class="l"> <view class="boer">
<view class="a">退款时间</view>
<view class="b">{{refundDetails.create_time}}</view>
</view> </view>
<view class="l"> <view class="wuliu">
<view class="a">退款编号</view> <view class="wuliu-name">
<view class="b">{{refundDetails.create_time}}</view> 退货物流<text>顺丰快递 SF234568990</text>
</view>
<u-icon name="arrow-right" color="#B7B7B7" size="30"></u-icon>
</view> </view>
</view> </view>
</view> </view>
@ -86,8 +103,8 @@
let app = this let app = this
refundApi.detail(orderRefundId) refundApi.detail(orderRefundId)
.then(result => { .then(result => {
app.refundDetails = result.data.detail app.refundDetails = result.data.detail;
console.log(app.refundDetails) console.log(result.data.detail)
}) })
}, },
} }
@ -95,6 +112,68 @@
</script> </script>
<style lang="scss" scoped> <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 { .refund {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;

15
pages/refund/detail.vue
Unescape View File

@ -12,7 +12,7 @@
</view> </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"> <view class="left">
<image class="goods-image" :src="detail.orderGoods.goods_image"></image> <image class="goods-image" :src="detail.orderGoods.goods_image"></image>
</view> </view>
@ -50,7 +50,8 @@
</view> </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="detail-refund__row dis-flex">
<view class="text"> <view class="text">
<text>售后类型：</text> <text>售后类型：</text>
@ -81,7 +82,7 @@
</view> </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="detail-refund__row dis-flex">
<view class="text"> <view class="text">
<text class="col-m">拒绝原因：</text> <text class="col-m">拒绝原因：</text>
@ -105,9 +106,9 @@
<view class="address-details__row"> <view class="address-details__row">
<text>物流单号：{{ detail.express_no }}</text> <text>物流单号：{{ detail.express_no }}</text>
</view> </view>
<!-- <view class="address-details__row"> <view class="address-details__row">
<text>发货状态：{{ detail.is_user_send ? '已发货' : '未发货' }}</text> <text>发货状态：{{ detail.is_user_send ? '已发货' : '未发货' }}</text>
</view> --> </view>
<view class="address-details__row"> <view class="address-details__row">
<text>发货时间：{{ detail.send_time }}</text> <text>发货时间：{{ detail.send_time }}</text>
</view> </view>
@ -391,7 +392,7 @@
} }
.detail-order { .detail-order {
padding: 15rpx 20rpx; padding: 20rpx;
font-size: 26rpx; font-size: 26rpx;
.item { .item {

6
pages/refund/index.vue
Unescape View File

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