From dc7cbac9764c2e790d1846694ea7e54629e06455 Mon Sep 17 00:00:00 2001
From: tianyi <13521030702@163.com>
Date: Wed, 15 Jul 2026 17:54:10 +0800
Subject: [PATCH] 1

---
 pages/shop/afterService.vue | 1199 +++++++++++++++++++++++++++++++++++
 1 file changed, 1199 insertions(+)
 create mode 100644 pages/shop/afterService.vue

diff --git a/pages/shop/afterService.vue b/pages/shop/afterService.vue
new file mode 100644
index 0000000..51f60f5
--- /dev/null
+++ b/pages/shop/afterService.vue
@@ -0,0 +1,1199 @@
+<template>
+	<view class="page1">
+		<view class="after-service-fixed">
+			<view class="title">
+				<view class="title-sreach">
+					<view class="back-btn" @tap="back">
+						<uni-icons type="left" size="28"></uni-icons>
+					</view>
+					<view class="title-name">
+						{{pageTitle}}{{returnCount}}
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="after-service-fixed-holder"></view>
+		<view class="content">
+			<view class="record-search" v-if="mode == 'record'">
+				<picker mode="date" :value="searchDate" @change="dateChange">
+					<view class="record-date-picker">
+						{{searchDate ? '申请日期：' + searchDate : '选择申请日期'}}
+					</view>
+				</picker>
+				<view class="record-search-btn" @tap="searchRecordByDate">搜索</view>
+				<view class="record-clear-btn" v-if="searchDate" @tap="clearDateSearch">清空</view>
+			</view>
+			<!-- <view class="box1" style="display: flex;">
+				<view class="">
+					待退款/售后{{returnCount}}
+				</view>
+			</view> -->
+			<view class="box1" v-for="(item,index) in returnData" :key="index">
+				<view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;">
+					<view style="display: flex;">
+						{{'#' + item.mallOrder.numberCode}}
+					</view>
+					<view style="flex: 1;display: flex;padding-left: 20rpx;">
+						{{item.createTime | formatISOTime}}
+						<!-- <text>已退款</text> -->
+					</view>
+					<view>
+						{{getRefundStatusText(item)}}
+					</view>
+				</view>
+				<view class="refund-info">
+					<view class="refund-info-content">
+						<view class="refund-main">
+							<view class="refund-text">
+								<view>退款原因: <text style="font-weight: 700;color:#00231C;">{{getRefundTypeStatusText(item)}}</text></view>
+								
+								<view>退款类型: <text style="font-weight: 700;color:#00231C;">{{getRefundTypeText(item)}}</text></view>
+								<view class="refund-reason-row">
+									退款/售后原因:
+									<text class="refund-reason-text">{{item.reason || '无'}}</text>
+								</view>
+								<view v-if="mode == 'record'">
+									处理结果: <text class="refund-result-text">{{getRefundStatusText(item)}}</text>
+								</view>
+								<view class="refund-reason-row" v-if="mode == 'record' && item.rejectReason">
+									不同意原因:
+									<text class="refund-reason-text">{{item.rejectReason}}</text>
+								</view>
+								<view v-if="mode == 'record' && item.successTime">
+									处理时间: <text class="refund-result-text">{{item.successTime | formatISOTime}}</text>
+								</view>
+								<view class="refund-pictures-row" v-if="getPictureList(item.pictures).length > 0">
+									<view class="refund-pictures-label">退款/售后原因图片:</view>
+									<view class="refund-pictures">
+										<image class="refund-picture" v-for="(picture,pictureIndex) in getPictureList(item.pictures)"
+											:key="pictureIndex" :src="picture" mode="aspectFill"
+											@tap.stop="previewRefundImage(item.pictures,pictureIndex)"></image>
+									</view>
+								</view>
+							</view>
+							<view class="refund-contact">
+								<view class="contact-btn" @tap.stop="openContactPopup(item)">联系</view>
+							</view>
+						</view>
+						<view style="text-align: right;">退款/售后金额: <text style="color:red;font-size: 34rpx;font-weight: 700;">￥{{item.settlementAmount || item.refundAmount}}</text></view>
+					</view>
+				</view>
+				<view style="height: 80rpx;border-top: 1px solid #eee;display: flex;">
+					<view style="flex: 1;">
+						<view class="btn" @tap="orderDetailOpen(item)" style="display: inline-block;">
+							{{item.mallOrder.otherOrder == 1 ? '快递/跑腿单' : '查看订单'}}
+						</view>
+						<view class="btn group-detail-btn" v-if="item.mallOrder && item.mallOrder.orderType != 1" @tap.stop="getGroupOrders(item.mallOrder.id || item.orderId)" style="display: inline-block;">
+							拼团详情
+						</view>
+					</view>
+					<view class="btn" v-if="mode != 'record'" :class="{'btn-disabled': isSubmittingRefund(item)}" @tap="returnAmountAllow(item,0)" style="background: rgba(0, 35, 28, 1);color: rgba(166, 255, 234, 1);">
+						{{isSubmittingRefund(item) ? '处理中' : '不同意'}}
+					</view>
+					<view class="btn" v-if="mode != 'record'" :class="{'btn-disabled': isSubmittingRefund(item)}" @tap="returnAmountAllow(item,1)" style="margin-left: 10px;">
+						{{isSubmittingRefund(item) ? '处理中' : '同意'}}
+					</view>
+				</view>
+			</view>
+			<view class="empty-box" v-if="returnData.length == 0">
+				暂无{{pageTitle}}
+			</view>
+			
+			<!-- 拼团详情弹窗 -->
+			<uni-popup ref="pintuanPopup" background-color="transparent">
+				<view class="group-popup">
+					<view class="group-popup-header">
+						<view>
+							<view class="group-popup-title">拼团详情</view>
+							<view class="group-popup-subtitle">共{{tuanzhangOrder.length}}个订单，请核对退款关联订单</view>
+						</view>
+						<view class="group-popup-close" @tap="$refs.pintuanPopup.close()">×</view>
+					</view>
+					<scroll-view scroll-y class="group-popup-scroll">
+						<view class="group-order-card" v-for="(item,index) in tuanzhangOrder" :key="index">
+							<view class="group-order-head">
+								<view class="group-order-code">订单-{{item.numberCode || item.id}}</view>
+								<view class="group-order-status">{{getStatusText(item)}}</view>
+							</view>
+							<view class="group-info-row">
+								<text>订单号</text>
+								<text>{{item.id}}</text>
+							</view>
+							<view class="group-info-row">
+								<text>订单时间</text>
+								<text>{{item.createTime | formatISOTime}}</text>
+							</view>
+							<view class="group-goods-list">
+								<view class="group-goods-row" v-for="(item1,index1) in item.goodsList" :key="index1">
+									<view class="group-goods-name">{{item1.productName}}</view>
+									<view class="group-goods-num">X{{item1.quantity}}</view>
+									<view class="group-goods-price">￥{{item1.price}}</view>
+								</view>
+							</view>
+							<view class="group-fee-row">
+								<text v-if="shouldShowPackageFee(item)">餐盒费：￥{{formatMoney(item.packageFee)}}　</text>配送费：￥{{formatMoney(item.deliveryFee)}}
+							</view>
+							<!-- <view class="group-total-row">总计：￥{{getGroupTotalAmount(item)}}</view> -->
+						</view>
+						<view class="group-popup-empty" v-if="tuanzhangOrder.length == 0">暂无拼团订单</view>
+					</scroll-view>
+				</view>
+			</uni-popup>
+			<uni-popup ref="orderPopup" background-color="transparent">
+				<view class="product-popup-content">
+					<view class="product-popup-header">
+						<view class="product-popup-title">商品详情</view>
+						<view class="product-popup-subtitle">请核对商品规格和数量</view>
+					</view>
+					<view class="product-popup-list" v-if="goodsList != null && goodsList.length > 0">
+						<view class="product-popup-card" v-for="(item1,index1) in goodsList" :key="index1">
+							<view class="product-popup-img">
+								<img :src="item1.productPicture" alt="">
+							</view>
+							<view class="product-popup-info">
+								<view class="product-popup-name">
+									{{item1.productName}}
+								</view>
+								<view class="product-popup-spec">
+									<text class="product-popup-label">规格</text>
+									<text class="product-popup-spec-text">{{item1.specs | delNode}}</text>
+								</view>
+								<view class="product-popup-price-row">
+									<text>单价：￥{{item1.price != null ? item1.price : 0}}</text>
+									<text v-if="shouldShowPackageFee(orderDetail) && item1.packageFee != null && item1.packageFee !== ''" class="product-popup-package-fee">餐盒费：￥{{formatMoney(item1.packageFee)}}</text>
+								</view>
+							</view>
+							<view class="product-popup-quantity">
+								<view class="product-popup-quantity-num">x{{item1.quantity}}</view>
+								<view class="product-popup-quantity-label">数量</view>
+							</view>
+						</view>
+					</view>
+					<view class="product-popup-empty" v-else>
+						暂无商品详情
+					</view>
+				</view>
+			</uni-popup>
+			<uni-popup ref="contactPopup" background-color="transparent">
+				<view class="contact-popup">
+					<view class="contact-popup-title">联系</view>
+					<view class="contact-popup-item" v-if="contactItem.mallOrder && contactItem.mallOrder.receiverPhone"
+						@tap="makeCall(contactItem.mallOrder.receiverPhone)">
+						<text>联系用户</text>
+						<text class="contact-popup-phone">{{contactItem.mallOrder.receiverPhone}}</text>
+					</view>
+					<view class="contact-popup-item" v-if="contactItem.mallOrder && contactItem.mallOrder.shopPhone && type=='worker'"
+						@tap="makeCall(contactItem.mallOrder.shopPhone)">
+						<text>联系商家</text>
+						<text class="contact-popup-phone">{{contactItem.mallOrder.shopPhone}}</text>
+					</view>
+					<view class="contact-popup-item" v-if="contactItem.mallOrder && contactItem.mallOrder.deliveryType == 1 && contactItem.mallDeliveryOrder && contactItem.mallDeliveryOrder.workerPhone  && type!='worker'"
+						@tap="makeCall(contactItem.mallDeliveryOrder.workerPhone)">
+						<text>联系配送员</text>
+						<text class="contact-popup-phone">{{contactItem.mallDeliveryOrder.workerPhone}}</text>
+					</view>
+				</view>
+			</uni-popup>
+			<uni-popup ref="rejectPopup" background-color="transparent">
+				<view class="reject-popup">
+					<view class="reject-popup-title">拒绝原因</view>
+					<textarea class="reject-textarea" placeholder="请输入拒绝原因" maxlength="100"
+						v-model="rejectReason"></textarea>
+					<view class="reject-popup-actions">
+						<view class="reject-popup-btn reject-popup-cancel" @tap="closeRejectPopup">取消</view>
+						<view class="reject-popup-btn reject-popup-confirm" @tap="confirmReject">确认拒绝</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				searchCountForm:{
+					linkId:"",
+					pageNum:1,
+					pageSize:100,
+					statusList:[0,3],
+					startDate:'',
+					endDate:'',
+					orderDesc:false
+				},
+				type:'worker',
+				mode:'pending',
+				returnFormData:{},
+				groupOrderIdList:[],
+				tuanzhangOrder:[],
+				goodsList:[],
+				orderDetail:{},
+				returnData:[],
+				returnCount:0,
+				totalPages:1,
+				loadStatus:'more',
+				searchDate:'',
+				submitLoading:false,
+				submitRefundId:'',
+				contactItem:{},
+				rejectItem:null,
+				rejectReason:''
+			}
+		},
+		computed: {
+			pageTitle() {
+				return this.mode == 'record' ? '退款/售后记录' : '待退款/售后';
+			}
+		},
+		filters:{
+			formatISOTime(isoString) {
+			  const date = new Date(isoString);
+			  const year = date.getFullYear();
+			  const month = (date.getMonth() + 1).toString().padStart(2, '0');
+			  const day = date.getDate().toString().padStart(2, '0');
+			  const hours = date.getHours().toString().padStart(2, '0');
+			  const minutes = date.getMinutes().toString().padStart(2, '0');
+			  const seconds = date.getSeconds().toString().padStart(2, '0');
+			  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+			},
+			delNode(data) {
+				// 1. 统一转为字符串
+				let str;
+				if (typeof data === 'object' && data !== null) {
+					// 对象或数组 → JSON 字符串
+					str = JSON.stringify(data);
+				} else if (typeof data === 'string') {
+					str = data;
+				} else {
+					// 其他类型（数字、布尔等）先转字符串
+					str = String(data);
+				}
+			
+				// 2. 删除所有大括号 { } 和双引号 "
+				const result = str.replace(/[{}"]/g, '');
+				return result;
+			}
+		},
+		onShow() {
+			
+			// this.searchCountForm.linkId = uni.getStorageSync('worker').workerId
+		},
+		onLoad(option) {
+			if(option.type){
+				this.type = option.type
+			}
+			if(option.mode){
+				this.mode = option.mode
+			}
+			if(this.mode == 'record'){
+				this.searchCountForm.statusList = [1,2,4,5]
+				this.searchCountForm.pageSize = 10
+				this.searchCountForm.orderDesc = true
+			}else{
+				this.searchCountForm.statusList = [0,3]
+				this.searchCountForm.pageSize = 100
+				this.searchCountForm.orderDesc = false
+			}
+			this.getReturnCount()
+		},
+		onReachBottom() {
+			this.loadMoreRecord()
+		},
+		methods: {
+			getRefundStatusText(item) {
+				if (!item) return '';
+				return item.status == 0 ? '待退款' : item.status == 1 ? '已同意退款' : item.status == 2 ? '不同意退款' : item.status == 3 ? '待售后' : item.status == 4 ? '已同意售后' : item.status == 5 ? '不同意售后' : '';
+			},
+			getRefundTypeStatusText(item) {
+				if (!item) return '';
+				return item.refundTypeStatus == 1 ? '商家原因' : item.refundTypeStatus == 2 ? '配送原因' : item.refundTypeStatus == 3 ? '商家/配送都有原因（需要退配送费）' : item.refundTypeStatus == 4 ? '平台退款' : '';
+			},
+			getRefundTypeText(item) {
+				if (!item) return '';
+				return item.refundType == 1 ? '退商品' : item.refundType == 2 ? '退配送费' : item.refundType == 3 ? '全额退款' : '';
+			},
+			dateChange(e) {
+				this.searchDate = e.detail.value;
+			},
+			searchRecordByDate() {
+				if(this.mode != 'record') return;
+				this.searchCountForm.pageNum = 1;
+				this.returnData = [];
+				this.searchCountForm.startDate = this.searchDate ? this.searchDate + ' 00:00:00' : '';
+				this.searchCountForm.endDate = this.searchDate ? this.searchDate + ' 23:59:59' : '';
+				this.getReturnCount();
+			},
+			clearDateSearch() {
+				if(this.mode != 'record') return;
+				this.searchDate = '';
+				this.searchCountForm.pageNum = 1;
+				this.returnData = [];
+				this.searchCountForm.startDate = '';
+				this.searchCountForm.endDate = '';
+				this.getReturnCount();
+			},
+			getGroupOrders(id){
+				this.NB.sendRequest("/mall/order/selectAllOrderByOrderId/"+id, {}, false, 'get', 'application/json').then((res) => {
+					if (res.code == 200) {
+						this.tuanzhangOrder = res.result;
+						this.$refs.pintuanPopup.open('center')
+					} else {
+						that.tui.toast(res.message);
+						return;
+					}
+					uni.hideLoading();
+				}).catch((res) => {});
+			},
+			getStatusText(item) {
+				if (!item) return ''
+				return item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 2)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':''
+			},
+			toNumber(value) {
+				let amount = parseFloat(value);
+				return isNaN(amount) ? 0 : amount;
+			},
+			formatMoney(value) {
+				return this.toNumber(value).toFixed(2);
+			},
+			shouldShowPackageFee(order) {
+				return !!order && (order.deliveryType == 1 || order.isPack == 1);
+			},
+			getGroupTotalAmount(item) {
+				let total = this.toNumber(item && item.totalAmount);
+				if (this.shouldShowPackageFee(item)) {
+					total += this.toNumber(item && item.packageFee);
+				}
+				return this.formatMoney(total);
+			},
+			orderDetailOpen(item){
+				console.log(item)
+				const orderId = item && item.mallOrder ? item.mallOrder.id : item && item.orderId;
+				if (!orderId) {
+					this.tui.toast('订单信息不存在');
+					return;
+				}
+				uni.navigateTo({
+					url: '/pages/shop/orderDetail?id=' + orderId + '&refundAmountMode=settlement'
+				});
+			},
+			makeCall(phone){
+				uni.makePhoneCall({
+					phoneNumber: phone
+				});
+			},
+			openContactPopup(item){
+				this.contactItem = item || {};
+				this.$refs.contactPopup.open('bottom');
+			},
+			getReturnCount(){
+				let that = this
+				if(this.type == 'worker'){
+					this.searchCountForm.linkId = uni.getStorageSync('worker').workerId
+				}else{
+					this.searchCountForm.linkId = uni.getStorageSync('shopId')
+				}
+				if(this.mode == 'record'){
+					this.loadStatus = 'loading'
+				}
+				return this.NB.sendRequest("/mall/refund/page", this.searchCountForm, false, 'POST', 'application/json').then((res) => {
+					if (res.code == 200) {
+						const records = res.result.records || [];
+						that.totalPages = res.result.pages || 1;
+						that.returnCount = that.mode == 'record' ? (res.result.total || records.length) : records.length;
+						that.returnData = that.mode == 'record' && that.searchCountForm.pageNum > 1 ? that.returnData.concat(records) : records
+						that.loadStatus = that.mode == 'record' && that.searchCountForm.pageNum < that.totalPages ? 'more' : 'nomore';
+						that.$forceUpdate();
+					} else {
+						that.tui.toast(res.message);
+						return;
+					}
+					uni.hideLoading();
+				}).catch((res) => {});
+			},
+			loadMoreRecord() {
+				if(this.mode != 'record') return;
+				if(this.loadStatus == 'loading' || this.searchCountForm.pageNum >= this.totalPages) return;
+				this.searchCountForm.pageNum++;
+				this.getReturnCount();
+			},
+			getPictureList(pictures) {
+				if (pictures == null || pictures === '') return [];
+				if (Array.isArray(pictures)) {
+					return pictures.filter(item => item != null && item !== '');
+				}
+				return String(pictures).split(',').map(item => item.trim()).filter(item => item !== '');
+			},
+			isSubmittingRefund(item) {
+				return this.submitLoading && item && this.submitRefundId === item.id;
+			},
+			getRequestErrorMessage(error) {
+				if (typeof error === 'string' && error !== '') {
+					return error;
+				}
+				if (error && error.message) {
+					return error.message;
+				}
+				if (error && error.errMsg) {
+					return error.errMsg;
+				}
+				return '操作失败，请稍后再试';
+			},
+			resetSubmitState() {
+				this.submitLoading = false;
+				this.submitRefundId = '';
+				uni.hideLoading();
+			},
+			previewRefundImage(pictures, index) {
+				const urls = this.getPictureList(pictures);
+				if (urls.length === 0) return;
+				uni.previewImage({
+					urls,
+					current: urls[index]
+				});
+			},
+			returnAmountAllow(item,status){
+				if (this.submitLoading) return;
+				if (status == 0) {
+					this.openRejectPopup(item);
+					return;
+				}
+				this.submitReturnAmountAllow(item, status);
+			},
+			openRejectPopup(item) {
+				this.rejectItem = item;
+				this.rejectReason = '';
+				this.$refs.rejectPopup.open('center');
+			},
+			closeRejectPopup() {
+				this.rejectItem = null;
+				this.rejectReason = '';
+				this.$refs.rejectPopup.close();
+			},
+			confirmReject() {
+				const reason = (this.rejectReason || '').trim();
+				if (reason === '') {
+					this.tui.toast('请输入拒绝原因');
+					return;
+				}
+				const item = this.rejectItem;
+				this.$refs.rejectPopup.close();
+				this.submitReturnAmountAllow(item, 0, reason);
+			},
+			submitReturnAmountAllow(item,status,rejectReason){
+				let titleText = status == 1 ? '确定同意该申请吗？' : '确定拒绝该申请吗？';
+				//退款提示
+				this.groupOrderIdList = [];
+				
+				if(item.groupOrderIds != null && item.groupOrderIds != ''){
+					titleText += '该订单为面对面配送单，所有参团订单将同步处理';
+					for(let i = 0; i < this.returnData.length;i++){
+						if(item.groupOrderIds.indexOf(this.returnData[i].mallOrder.id) != -1){
+							//需要展示具体订单信息这里有
+							this.groupOrderIdList.push(this.returnData[i]);
+						}
+					}
+				}
+				
+				// 2. 弹出确认框
+				uni.showModal({
+					title: '提示',
+					content: titleText,
+					success: (res) => {
+						if (res.confirm) {
+							this.submitLoading = true;
+							this.submitRefundId = item.id;
+							uni.showLoading({
+								title: '处理中',
+								mask: true
+							});
+							let requestList = [];
+							if(this.groupOrderIdList != [] && this.groupOrderIdList.length > 0){
+								for(let i = 0; i < this.groupOrderIdList.length;i++){
+									requestList.push(this.processReturn(this.groupOrderIdList[i], status, rejectReason));
+								}
+							}else{
+								requestList.push(this.processReturn(item, status, rejectReason));
+							}
+							Promise.all(requestList).then((messageList) => {
+								const successMessage = messageList[0] || '操作成功';
+								return this.getReturnCount().then(() => {
+									this.resetSubmitState();
+									this.tui.toast(successMessage, 2000, true);
+								}).catch(() => {
+									this.resetSubmitState();
+									this.tui.toast(successMessage, 2000, true);
+								});
+							}).catch((message) => {
+								this.resetSubmitState();
+								this.tui.toast(this.getRequestErrorMessage(message), 2000);
+							});
+						}
+					}
+				});
+			},
+			processReturn(item,status,rejectReason){
+				let returnFormData = {}
+				//退款
+				if(item.status == 0){
+					//不同意
+					if(status == 0){
+						returnFormData.status = 2
+					}else{
+						returnFormData.status = 1
+					}
+				}else if(item.status == 3){
+					//售后
+					if(status == 0){
+						returnFormData.status = 5
+					}else{
+						returnFormData.status = 4
+					}
+				}
+				returnFormData.id = item.id;
+				returnFormData.linkId = item.linkId;
+				returnFormData.orderId = item.orderId;
+				returnFormData.deliveryType = item.mallOrder.deliveryType;
+				returnFormData.orderType = item.mallOrder.orderType;
+				returnFormData.refundAmount = item.refundAmount;
+				returnFormData.refundType = item.refundType;
+				returnFormData.refundTypeStatus = item.refundTypeStatus;
+				if (status == 0) {
+					returnFormData.rejectReason = rejectReason;
+				}
+				return this.NB.sendRequest("/mall/refund/allowOrReject", returnFormData, false, 'POST', 'application/json').then((res) => {
+					if (res.code == 200) {
+						return res.message;
+					} else {
+						return Promise.reject(res && res.message ? res.message : '操作失败，请稍后再试');
+					}
+					uni.hideLoading();
+				}).catch((res) => {
+					return Promise.reject(this.getRequestErrorMessage(res));
+				});
+			},
+			back() {
+				uni.navigateBack()
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		width: 100%;
+		min-height: 100%;
+		font-size: 24rpx;
+		background: #F5F8F5;
+		color: #00231C;
+		overflow-y: auto;
+	}
+
+	.page1 {
+		width: 100%;
+		min-height: 100vh;
+		font-size: 24rpx;
+		position: relative;
+		overflow-y: auto;
+		padding-bottom: 80rpx;
+		box-sizing: border-box;
+	}
+
+	.after-service-fixed {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 1000;
+		background: #F5F8F5;
+	}
+
+	.after-service-fixed-holder {
+		height: 170rpx;
+	}
+
+	.title {
+		background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
+		width: 100%;
+		height: 170rpx;
+		background-size: 100% 100%;
+	}
+
+	.title-sreach {
+		width: 100%;
+		display: flex;
+		height: 120rpx;
+		position: relative;
+	}
+
+	.back-btn {
+		padding-top: 88rpx;
+	}
+
+	.title-name {
+		padding-top: 88rpx;
+		font-size: 36rpx;
+		font-weight: 700;
+		flex: 1;
+		text-align: center;
+	}
+	.content{
+		margin: 0 auto;
+		padding-bottom: 60rpx;
+	}
+	.record-search {
+		width: 95%;
+		margin: 0 auto 20rpx;
+		display: flex;
+		align-items: center;
+		gap: 14rpx;
+	}
+	.record-search picker {
+		flex: 1;
+		min-width: 0;
+	}
+	.record-date-picker {
+		width: 100%;
+		height: 64rpx;
+		padding: 0 20rpx;
+		box-sizing: border-box;
+		border-radius: 16rpx;
+		background: #fff;
+		color: #00231C;
+		font-size: 26rpx;
+		line-height: 64rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.record-search-btn,
+	.record-clear-btn {
+		flex-shrink: 0;
+		height: 64rpx;
+		padding: 0 24rpx;
+		border-radius: 16rpx;
+		font-size: 26rpx;
+		font-weight: 700;
+		line-height: 64rpx;
+		text-align: center;
+	}
+	.record-search-btn {
+		background: rgba(0, 35, 28, 1);
+		color: rgba(166, 255, 234, 1);
+	}
+	.record-clear-btn {
+		background: #fff;
+		color: #55716a;
+	}
+	.box1 {
+		width: 95%;
+		margin: 20rpx auto;
+		background: #fff;
+		border-radius: 20rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+	}
+	.refund-info {
+		padding-top: 20rpx;
+		color: #777;
+	}
+	.refund-info-content {
+		font-size: 28rpx;
+		line-height: 50rpx;
+	}
+	.refund-main {
+		display: flex;
+		align-items: flex-start;
+	}
+	.refund-text {
+		flex: 1;
+		min-width: 0;
+	}
+	.refund-contact {
+		width: 120rpx;
+		flex-shrink: 0;
+		margin-left: 16rpx;
+	}
+	.contact-btn {
+		height: 50rpx;
+		border-radius: 14rpx;
+		background: rgba(0, 35, 28, 1);
+		color: rgba(166, 255, 234, 1);
+		font-size: 24rpx;
+		font-weight: 700;
+		line-height: 50rpx;
+		text-align: center;
+	}
+	.contact-popup {
+		width: 100%;
+		padding: 34rpx 28rpx 48rpx;
+		box-sizing: border-box;
+		border-radius: 32rpx 32rpx 0 0;
+		background: #fff;
+	}
+	.contact-popup-title {
+		margin-bottom: 18rpx;
+		color: #00231C;
+		font-size: 34rpx;
+		font-weight: 900;
+		text-align: center;
+	}
+	.contact-popup-item {
+		display: flex;
+		align-items: center;
+		height: 88rpx;
+		padding: 0 24rpx;
+		margin-top: 16rpx;
+		border-radius: 18rpx;
+		background: #F5F8F5;
+		color: #00231C;
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+	.contact-popup-phone {
+		flex: 1;
+		color: #55716a;
+		font-size: 26rpx;
+		text-align: right;
+	}
+	.refund-reason-row {
+		line-height: 42rpx;
+	}
+	.refund-reason-text {
+		color: #00231C;
+		font-weight: 700;
+		word-break: break-all;
+	}
+	.refund-result-text {
+		color: #00231C;
+		font-weight: 700;
+	}
+	.refund-pictures-row {
+		margin: 10rpx 0;
+		line-height: 40rpx;
+	}
+	.refund-pictures-label {
+		margin-bottom: 10rpx;
+	}
+	.refund-pictures {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 12rpx;
+	}
+	.refund-picture {
+		width: 140rpx;
+		height: 140rpx;
+		border-radius: 14rpx;
+		background: #f0f5f3;
+	}
+	.btn{
+		background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
+		padding:0 20rpx;
+		height: 50rpx;
+		border-radius: 14rpx;
+		line-height: 50rpx;
+		text-align: center;
+		font-weight: 700;
+		margin-top: 20rpx;
+	}
+	.btn-disabled {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+	.group-detail-btn {
+		margin-left: 14rpx;
+		background: linear-gradient(90deg, #FF4500, #FFA07A);
+		color: #fff;
+	}
+	.empty-box {
+		width: 95%;
+		margin: 40rpx auto 0;
+		padding: 80rpx 20rpx;
+		box-sizing: border-box;
+		border-radius: 20rpx;
+		background: #fff;
+		color: #7a8582;
+		font-size: 28rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+	.popup-area-title {
+		font-size: 36rpx;
+		font-weight: bold;
+		text-align: center;
+		position: relative;
+	}
+	.popup-area-content {
+		align-items: center;
+		justify-content: center;
+		padding: 30rpx;
+		width: 500rpx;
+		height: auto;
+		background-color: #fff;
+	}
+	.goods-img {
+		width: 160rpx;
+		height: 160rpx;
+		position: relative;
+		
+	
+		img {
+			width: 100%;
+			background-size: 100%;
+			height: 100%;
+			border-radius: 20rpx;
+		}
+	}
+	.pinzi{
+		margin: 20rpx 0;
+		background: linear-gradient(90deg, #FF4500, #FFA07A);
+		width: 40rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		text-align: center;
+		border-radius: 10rpx;
+		color: #fff;
+	}
+	.goods-content {
+		flex: 1;
+		padding-left: 20rpx;
+	}
+	
+	.goods-name {
+		font-size: 32rpx;
+		font-weight: 900;
+	}
+	
+	.goods-content-center {
+		display: flex;
+		margin: 16rpx 0;
+		color: #777;
+	}
+	.group-popup {
+		width: 660rpx;
+		max-height: 880rpx;
+		padding: 28rpx 24rpx 32rpx;
+		box-sizing: border-box;
+		border-radius: 32rpx;
+		background: #f7faf8;
+		box-shadow: 0 24rpx 60rpx rgba(0, 35, 28, 0.22);
+	}
+	.group-popup-header {
+		display: flex;
+		align-items: center;
+		padding-bottom: 22rpx;
+	}
+	.group-popup-title {
+		color: #00231C;
+		font-size: 36rpx;
+		font-weight: 900;
+		line-height: 48rpx;
+	}
+	.group-popup-subtitle {
+		margin-top: 6rpx;
+		color: #7a8582;
+		font-size: 24rpx;
+	}
+	.group-popup-close {
+		width: 56rpx;
+		height: 56rpx;
+		margin-left: auto;
+		border-radius: 56rpx;
+		background: #fff;
+		color: #7a8582;
+		font-size: 42rpx;
+		line-height: 50rpx;
+		text-align: center;
+	}
+	.group-popup-scroll {
+		max-height: 690rpx;
+		height: 690rpx;
+	}
+	.group-order-card {
+		margin-bottom: 18rpx;
+		padding: 22rpx;
+		border-radius: 24rpx;
+		background: #fff;
+		box-shadow: 0 10rpx 26rpx rgba(0, 35, 28, 0.08);
+	}
+	.group-order-head {
+		display: flex;
+		align-items: center;
+		padding-bottom: 16rpx;
+		border-bottom: 1px solid #eef2ef;
+	}
+	.group-order-code {
+		flex: 1;
+		color: #00231C;
+		font-size: 32rpx;
+		font-weight: 900;
+	}
+	.group-order-status {
+		padding: 6rpx 14rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 107, 53, 0.1);
+		color: #ff6b35;
+		font-size: 24rpx;
+		font-weight: 800;
+	}
+	.group-info-row {
+		display: flex;
+		justify-content: space-between;
+		padding-top: 14rpx;
+		color: #6b7773;
+		font-size: 24rpx;
+		line-height: 34rpx;
+	}
+	.group-info-row text:last-child {
+		color: #00231C;
+		font-weight: 700;
+	}
+	.group-goods-list {
+		margin-top: 16rpx;
+		padding: 12rpx 0;
+		border-top: 1px dashed #e4ebe7;
+		border-bottom: 1px dashed #e4ebe7;
+	}
+	.group-goods-row {
+		display: flex;
+		align-items: center;
+		min-height: 46rpx;
+		color: #00231C;
+		font-size: 26rpx;
+		font-weight: 700;
+	}
+	.group-goods-name {
+		flex: 1;
+		padding-right: 12rpx;
+	}
+	.group-goods-num {
+		width: 80rpx;
+		text-align: center;
+	}
+	.group-goods-price {
+		width: 120rpx;
+		text-align: right;
+	}
+	.group-fee-row {
+		margin-top: 14rpx;
+		color: #7a8582;
+		text-align: right;
+	}
+	.group-total-row {
+		margin-top: 8rpx;
+		color: red;
+		font-size: 30rpx;
+		font-weight: 900;
+		text-align: right;
+	}
+	.group-popup-empty {
+		padding: 80rpx 20rpx;
+		color: #7a8582;
+		text-align: center;
+	}
+	.pituan-text{
+		flex:1;
+		text-align:right;
+		padding-right:20rpx;
+		font-weight: 700;
+	}
+	.product-popup-content {
+		width: 680rpx;
+		max-height: 880rpx;
+		padding: 34rpx 28rpx 30rpx;
+		box-sizing: border-box;
+		overflow: scroll;
+		border-radius: 36rpx;
+		background:
+			radial-gradient(circle at 92% 4%, rgba(166, 255, 234, 0.38) 0, rgba(166, 255, 234, 0) 180rpx),
+			linear-gradient(180deg, #ffffff 0%, #f8fffc 100%);
+		box-shadow: 0 24rpx 56rpx rgba(0, 35, 28, 0.18);
+	}
+	
+	.product-popup-header {
+		margin-bottom: 26rpx;
+		text-align: center;
+	}
+	
+	.product-popup-title {
+		color: #143d35;
+		font-size: 36rpx;
+		font-weight: 900;
+		line-height: 48rpx;
+	}
+	
+	.product-popup-subtitle {
+		margin-top: 8rpx;
+		color: #7b8a85;
+		font-size: 24rpx;
+		line-height: 34rpx;
+	}
+	
+	.product-popup-list {
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+	
+	.product-popup-card {
+		display: flex;
+		align-items: center;
+		padding: 22rpx;
+		border: 1px solid rgba(166, 255, 234, 0.58);
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.88);
+		box-shadow: 0 12rpx 28rpx rgba(0, 35, 28, 0.06);
+	}
+	
+	.product-popup-img {
+		width: 128rpx;
+		height: 128rpx;
+		flex-shrink: 0;
+		overflow: hidden;
+		border-radius: 22rpx;
+		background: #f0f5f3;
+	
+		img {
+			width: 100%;
+			height: 100%;
+			background-size: 100%;
+		}
+	}
+	
+	.product-popup-info {
+		flex: 1;
+		min-width: 0;
+		padding: 0 22rpx;
+	}
+	
+	.product-popup-name {
+		color: #172f2a;
+		font-size: 30rpx;
+		font-weight: 900;
+		line-height: 42rpx;
+	}
+	
+	.product-popup-spec {
+		display: flex;
+		align-items: flex-start;
+		margin-top: 16rpx;
+	}
+	
+	.product-popup-label {
+		flex-shrink: 0;
+		height: 34rpx;
+		padding: 0 14rpx;
+		border-radius: 999rpx;
+		background: rgba(166, 255, 234, 0.72);
+		color: #126255;
+		font-size: 20rpx;
+		font-weight: 800;
+		line-height: 34rpx;
+	}
+	
+	.product-popup-spec-text {
+		flex: 1;
+		margin-left: 12rpx;
+		color: #65736f;
+		font-size: 24rpx;
+		line-height: 34rpx;
+		word-break: break-all;
+	}
+	
+	.product-popup-price-row {
+		display: flex;
+		flex-wrap: wrap;
+		margin-top: 12rpx;
+		color: #f04438;
+		font-size: 24rpx;
+		font-weight: 800;
+		line-height: 34rpx;
+	}
+	
+	.product-popup-package-fee {
+		margin-left: 18rpx;
+		color: #65736f;
+	}
+	
+	.product-popup-quantity {
+		width: 92rpx;
+		height: 92rpx;
+		flex-shrink: 0;
+		border-radius: 28rpx;
+		background: linear-gradient(135deg, #fff4ce 0%, #a6ffea 100%);
+		color: #103f36;
+		text-align: center;
+		box-shadow: 0 10rpx 20rpx rgba(0, 35, 28, 0.08);
+	}
+	
+	.product-popup-quantity-num {
+		padding-top: 16rpx;
+		font-size: 30rpx;
+		font-weight: 900;
+		line-height: 34rpx;
+	}
+	
+	.product-popup-quantity-label {
+		margin-top: 2rpx;
+		color: #52736b;
+		font-size: 20rpx;
+		line-height: 28rpx;
+	}
+	
+	.product-popup-empty {
+		padding: 80rpx 20rpx;
+		border-radius: 28rpx;
+		background: rgba(247, 255, 251, 0.9);
+		color: #7b8a85;
+		font-size: 28rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+	.reject-popup {
+		width: 620rpx;
+		padding: 34rpx 28rpx 30rpx;
+		box-sizing: border-box;
+		border-radius: 28rpx;
+		background: #fff;
+	}
+	.reject-popup-title {
+		color: #00231C;
+		font-size: 34rpx;
+		font-weight: 900;
+		text-align: center;
+	}
+	.reject-textarea {
+		width: 100%;
+		height: 180rpx;
+		margin-top: 26rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+		border-radius: 18rpx;
+		background: #F5F8F5;
+		color: #00231C;
+		font-size: 28rpx;
+		line-height: 38rpx;
+	}
+	.reject-popup-actions {
+		display: flex;
+		gap: 18rpx;
+		margin-top: 28rpx;
+	}
+	.reject-popup-btn {
+		flex: 1;
+		height: 72rpx;
+		border-radius: 16rpx;
+		font-size: 28rpx;
+		font-weight: 800;
+		line-height: 72rpx;
+		text-align: center;
+	}
+	.reject-popup-cancel {
+		background: #eef3f1;
+		color: #55716a;
+	}
+	.reject-popup-confirm {
+		background: rgba(0, 35, 28, 1);
+		color: rgba(166, 255, 234, 1);
+	}
+</style>
\ No newline at end of file