Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
ZF Sun
2025-10-27 15:55:29 +08:00
commit 6632080b83
513 changed files with 117442 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

277
pages_tool/order/refund_detail.vue Normal file
View File

@@ -0,0 +1,277 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<scroll-view scroll-y="true" class="detail-container" :class="{ 'safe-area': isIphoneX }" v-if="detail">
<view v-show="action == ''">
<view class="status-wrap">
<view class="status-name">{{ detail.refund_status_name }}</view>
<view class="refund-explain" v-if="detail.refund_status == 1">
<view class="font-size-goods-tag color-tip">如果商家拒绝，你可重新发起申请</view>
<view class="font-size-goods-tag color-tip">如果商家同意，将通过申请并退款给你</view>
<!-- <view class="font-size-goods-tag color-tip">如果商家逾期未处理，平台将自动通过申请并退款给你</view> -->
</view>
<view class="refund-explain" v-if="detail.refund_status == 5">
<view class="font-size-goods-tag color-tip">如果商家确认收货将会退款给你</view>
<view class="font-size-goods-tag color-tip">如果商家拒绝收货，该次退款将会关闭，你可以重新发起退款</view>
</view>
</view>
<view class="history-wrap" @click="switchAction('consultrecord')">
<view>协商记录</view>
<text class="iconfont icon-right"></text>
</view>
<view class="refund-address-wrap" v-if="detail.refund_status == 4">
<view class="header">退货地址</view>
<view>
<text>收货人：{{ detail.shop_contacts }}</text>
</view>
<view>
<text>联系方式：{{ detail.shop_mobile }}</text>
</view>
<view>
<text class="address">退货地址：{{ detail.shop_address }}</text>
<view class="copy" @click="$util.copy(detail.shop_address)">复制</view>
</view>
</view>
<view class="refund-info">
<view class="header">退款信息</view>
<view class="body">
<!-- 商品信息 -->
<view class="goods-wrap">
<view class="goods-img" @click="refundDetail(detail)">
<image :src="$util.img(detail.sku_image, { size: 'mid' })" @error="imageError()" mode="aspectFill" :lazy-load="true"></image>
</view>
<view class="goods-info">
<view class="goods-name" @click="refundDetail(detail)">{{ detail.sku_name }}</view>
</view>
</view>
<!-- 退款信息 -->
<view class="info">
<view class="cell">退款方式：{{ detail.refund_type == 1 ? '仅退款' : '退款退货' }}</view>
<view class="cell" v-if="detail.refund_status == 3">退款途径：{{ detail.refund_money_type == 1 ? '原路退款' : detail.refund_money_type == 2 ? '线下退款' : '退款到余额' }}</view>
<view class="cell">退款原因：{{ detail.refund_reason }}</view>
<view class="cell" v-if="detail.refund_status == 3 && detail.refund_real_money>0">退款金额：{{ $lang('common.currencySymbol') }}{{ detail.refund_real_money }}</view>
<view class="cell" v-else-if="detail.refund_apply_money>0">退款金额：{{ $lang('common.currencySymbol') }}{{ detail.refund_apply_money }}</view>
<view class="cell">退款编号：{{ detail.refund_no }}</view>
<view class="cell">申请时间：{{ $util.timeStampTurnTime(detail.refund_action_time) }}</view>
<view class="cell" v-if="detail.refund_time">退款时间：{{ $util.timeStampTurnTime(detail.refund_time) }}</view>
<view class="cell" v-if="detail.refund_remark != ''">退款说明：{{ detail.refund_remark }}</view>
<view class="cell" v-if="detail.use_point>0">退款积分：{{ detail.use_point }}</view>
</view>
</view>
</view>
<view class="action" :class="{ 'bottom-safe-area': isIphoneX }" v-if="detail.refund_action.length">
<view class="order-box-btn" v-for="(actionItem, actionIndex) in detail.refund_action" :key="actionIndex" @click="refundAction(actionItem.event)">
{{ actionItem.title }}
</view>
</view>
</view>
<view v-show="action == 'returngoods'">
<view class="return-goods-container">
<view class="form-wrap">
<view class="item">
<view class="label">物流公司</view>
<view class="cont">
<input
type="text"
placeholder="请输入物流公司"
class="input"
placeholder-class="input-placeholder color-tip"
v-model="formData.refund_delivery_name"
/>
</view>
</view>
<view class="item">
<view class="label">物流单号</view>
<view class="cont">
<input
type="text"
placeholder="请输入物流单号"
class="input"
placeholder-class="input-placeholder color-tip"
v-model="formData.refund_delivery_no"
/>
</view>
</view>
<view class="item">
<view class="label">物流说明</view>
<view class="cont">
<textarea
placeholder-class="color-tip font-size-tag"
:auto-height="true"
class="textarea"
placeholder="选填"
v-model="formData.refund_delivery_remark"
/>
</view>
</view>
</view>
<button type="primary" class="sub-btn" @click="refurnGoods">提交</button>
</view>
</view>
<view v-show="action == 'consultrecord'">
<view class="record-wrap">
<view class="record-item" :class="logItem.action_way == 1 ? 'buyer' : ''" v-for="(logItem, logIndex) in detail.refund_log_list" :key="logIndex">
<view class="cont">
<view class="head">
<text>{{ logItem.action_way == 1 ? '买家' : '卖家' }}</text>
<text class="time">{{ $util.timeStampTurnTime(logItem.action_time) }}</text>
</view>
<view class="body">
<view class="refund-action">{{ logItem.action }}</view>
<view class="desc" v-if="logItem.desc != ''">{{ logItem.desc }}</view>
</view>
</view>
</view>
<view class="empty-box"></view>
</view>
<view class="history-bottom" :class="{ 'bottom-safe-area': isIphoneX }">
<!-- <ns-contact :niushop="{order_id: detail.order_id}">
<view>
<text class="iconfont icon-ziyuan"></text>
<text>联系客服</text>
</view>
</ns-contact> -->
<view @click="switchAction('')">返回详情</view>
</view>
</view>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import refundMethod from './public/js/refundMethod.js';
import validate from 'common/js/validate.js';
import nsContact from '@/components/ns-contact/ns-contact.vue';
export default {
data() {
return {
order_goods_id: '',
detail: {
refund_action: []
},
isIphoneX: false,
action: '',
formData: {
refund_delivery_name: '',
refund_delivery_no: '',
refund_delivery_remark: ''
},
isSub: false
};
},
components: {
nsContact
},
mixins: [refundMethod],
onLoad(option) {
if (option.order_goods_id) this.order_goods_id = option.order_goods_id;
if (option.action) this.action = option.action;
this.isIphoneX = this.$util.uniappIsIPhoneX();
},
onShow() {
if (this.storeToken) {
this.getRefundDetail();
} else {
this.$util.redirectTo('/pages_tool/login/login', { back: '/pages_tool/order/refund_detail?order_goods_id=' + this.order_goods_id });
}
},
methods: {
getRefundDetail() {
this.$api.sendRequest({
url: '/api/orderrefund/detail',
data: {
order_goods_id: this.order_goods_id
},
success: res => {
if (res.code >= 0) {
this.detail = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({ title: '未获取到该订单项退款信息' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
refundAction(event) {
switch (event) {
case 'orderRefundCancel':
this.cancleRefund(this.detail.order_goods_id, res => {
if (res.code >= 0) {
this.$util.showToast({ title: '撤销成功' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
});
break;
case 'orderRefundDelivery':
this.action = 'returngoods';
break;
case 'orderRefundAsk':
this.$util.redirectTo('/pages_tool/order/refund', { order_goods_id: this.detail.order_goods_id });
break;
}
},
refurnGoods() {
var rule = [
{ name: 'refund_delivery_name', checkType: 'required', errorMsg: '请输入物流公司' },
{ name: 'refund_delivery_no', checkType: 'required', errorMsg: '请输入物流单号' }
];
this.formData.order_goods_id = this.order_goods_id;
var checkRes = validate.check(this.formData, rule);
if (checkRes) {
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/api/orderrefund/delivery',
data: this.formData,
success: res => {
if (res.code == 0) {
this.action = '';
this.getRefundDetail();
} else {
this.$util.showToast({ title: res.message });
}
}
});
} else {
this.$util.showToast({ title: validate.error });
return false;
}
},
/**
* 切换操作
*/
switchAction(action) {
this.action = action;
},
imageError() {
this.detail.sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
refundDetail(e) {
this.$util.redirectTo('/pages/goods/detail', {
goods_id: e.goods_id
});
}
}
};
</script>
<style lang="scss">
@import './public/css/refund_detail.scss';
</style>