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. 28
      pages/order/index.vue
  2. 12
      pages/order/refund/freight.vue
  3. 1
      pages/order/refund/refund.vue
  4. 85
      pages/order/refund/refundDetail1.vue
  5. 13
      pages/refund/detail.vue
  6. 6
      pages/refund/index.vue
  7. BIN
      static/daichu.png

28
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
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({

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

@ -1,8 +1,10 @@
<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>
<view class="refund-hd">
<view class="l">
<view class="a">商家已同意退货/退款申请</view>
@ -44,6 +46,21 @@
</view>
</view>
</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="boer">
</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>
</template>
<script>
@ -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;

13
pages/refund/detail.vue
Unescape View File

@ -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">
<view class="address-details__row">
<text>发货状态：{{ detail.is_user_send ? '已发货' : '未发货' }}</text>
</view> -->
</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