From b76360992e20399484b7cc192fb3746c1978c8a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E5=BD=A6=E7=A5=96?= <605893810@qq.com>
Date: Wed, 27 Aug 2025 20:29:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=80=80=E6=AC=BE=E9=80=80=E8=B4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mine_order/after-sales/index.vue          |  15 ++
 pages/mine_package/mine_order/mine_order.vue  | 136 +++++++++++++++---
 .../order_submit/order_submit.vue             |   1 +
 utils/config.js                               |   6 +-
 4 files changed, 134 insertions(+), 24 deletions(-)
 create mode 100644 pages/mine_package/mine_order/after-sales/index.vue

diff --git a/pages/mine_package/mine_order/after-sales/index.vue b/pages/mine_package/mine_order/after-sales/index.vue
new file mode 100644
index 0000000..c556e33
--- /dev/null
+++ b/pages/mine_package/mine_order/after-sales/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <view>
+    售后
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      activeIndex: 0,
+    }
+  },
+}
+</script>
diff --git a/pages/mine_package/mine_order/mine_order.vue b/pages/mine_package/mine_order/mine_order.vue
index 2041187..e605bb3 100644
--- a/pages/mine_package/mine_order/mine_order.vue
+++ b/pages/mine_package/mine_order/mine_order.vue
@@ -144,13 +144,23 @@
 			</view>
 		</up-modal>
 		<!-- 申请售后 -->
-		<up-modal :show="afterShow" :showConfirmButton="false">
+		<up-popup v-model:show="afterShow" class="after-sales-popup" :round="10" :closeOnClickOverlay="false"
+			:closeable="true" :safeAreaInsetBottom="false" @close="afterShow = false;">
+
+			<view class="after-sales-title">
+				申请售后
+			</view>
+
 			<view class="slot-content">
-				<view class="close_warp" @click="afterShow = false;">
-					<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
+				<view class="after-sales-tabs">
+					<view :class="['after-sales-tabs-item', { 'active': activeIndex === 0 }]" @click="activeIndex = 0">联系售后
+						<text class="after-sales-tabs-text">荐</text>
+					</view>
+					<view :class="['after-sales-tabs-item', { 'active': activeIndex === 1 }]" @click="activeIndex = 1">退货退款</view>
 				</view>
-				<view class="content_">
-					<view class="content_1">售后联系方式</view>
+
+				<view class="content_" v-if="activeIndex === 0">
+					<view class="content_1 ">售后联系方式</view>
 					<view class="content_2">如遇退/换货等问题，请联系客服处理</view>
 					<view class="content_3">
 						<view style="margin-left: 20rpx;">
@@ -159,15 +169,13 @@
 						<view class="content_info">
 							<view class="content_info_title">客服电话</view>
 							<view class="content_info_mobile">
-								<!-- {{ CUSTOMER_SERVICE_PHONE_NUMBER }} -->
-								18945829413
+								{{ PHONE_NUMBER }}
 								<view style="margin-left: 20rpx;">
 									<up-image src="/static/common/copy_c.png" width="14" height="14" bgColor="#f1f6ff00"
-										@click="copyMobile(CUSTOMER_SERVICE_PHONE_NUMBER)"></up-image>
+										@click="copyMobile(PHONE_NUMBER)"></up-image>
 								</view>
 							</view>
 						</view>
-
 					</view>
 					<view class="content_3">
 						<view style="margin-left: 20rpx;">
@@ -176,22 +184,20 @@
 						<view class="content_info">
 							<view class="content_info_title">客服微信</view>
 							<view class="content_info_mobile">
-								<!-- {{ CUSTOMER_SERVICE_PHONE_NUMBER }} -->
-								W-418613
+								{{ WECHAT }}
 								<view style="margin-left: 20rpx;">
 									<up-image src="/static/common/copy_c.png" width="14" height="14" bgColor="#f1f6ff00"
-										@click="copyMobile(CUSTOMER_SERVICE_PHONE_NUMBER)"></up-image>
+										@click="copyMobile(WECHAT)"></up-image>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
-				<view class="but_">
-					<!-- <view class="but_copy" @click="copyMobile('13922786999')">复制号码</view> -->
-					<view class="but_close" @click="afterShow = false;">确定</view>
-				</view>
+
+				<!-- 退货退款 -->
+				<after-sales v-if="activeIndex === 1" />
 			</view>
-		</up-modal>
+		</up-popup>
 
 		<!-- 腾讯电子签H5 → 集成到UniApp -->
 		<web-view v-if="signUrl" :src="signUrl" @message="handleMessage"></web-view>
@@ -210,10 +216,12 @@ import { getOrderList, confirmReceipt, getSignUrl, signContract, isSignContract,
 import dayjs from 'dayjs';
 import { formatDate1, copyData } from '@/utils/index.js'
 import { getUserInfo } from '@/api/auth.js'
-import { CUSTOMER_SERVICE_PHONE_NUMBER } from '@/utils/config.js';
+import { CUSTOMER_SERVICE_PHONE_NUMBER, CLOUD_SERVICE_WECHAT } from '@/utils/config.js';
+import afterSales from './after-sales/index'
 
 export default {
-	components: { DownPopup },
+	components: { DownPopup, afterSales },
+
 	computed: {
 		MINE_ORDER_TYPE() {
 			return MINE_ORDER_TYPE;
@@ -226,7 +234,14 @@ export default {
 		},
 		ORDER_TYPE() {
 			return ORDER_TYPE;
-		}
+		},
+		PHONE_NUMBER() {
+			return CUSTOMER_SERVICE_PHONE_NUMBER;
+		},
+		WECHAT() {
+			return CLOUD_SERVICE_WECHAT;
+		},
+
 	},
 	data() {
 		return {
@@ -291,8 +306,8 @@ export default {
 			downShow: false,
 			selectItem: null,
 			userInfo: null,
-			search: ''
-
+			search: '',
+			activeIndex: 0
 		}
 	},
 	onLoad(options) {
@@ -585,6 +600,83 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.after-sales-popup {
+
+	.after-sales-title {
+		font-size: 28rpx;
+		color: #71737C;
+		text-align: center;
+		padding: 28rpx 32rpx;
+
+		.close_but {
+			color: #000;
+			font-weight: 800;
+		}
+	}
+
+	.slot-content {
+		width: calc(100% - 64rpx);
+		padding: 0 32rpx;
+
+		.after-sales-tabs {
+			width: calc(100% - 64rpx);
+			height: 80rpx;
+			background: #F5F5F7;
+			border-radius: 8rpx;
+			display: flex;
+			align-items: center;
+			padding: 0 8rpx;
+
+			.after-sales-tabs-item {
+				width: 50%;
+				height: 64rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 28rpx;
+				color: #666666;
+
+				.after-sales-tabs-text {
+					width: 36rpx;
+					height: 30rpx;
+					text-align: center;
+					line-height: 30rpx;
+					background: #7934F6;
+					border-radius: 4rpx;
+					font-size: 20rpx;
+					color: #FFFFFF;
+					margin-left: 12rpx;
+				}
+
+				&.active {
+					color: #000000;
+					border-radius: 8rpx;
+					background-color: #fff;
+				}
+			}
+		}
+
+		.content_ {
+			margin-top: 20rpx;
+
+			.content_1,
+			.content_2 {
+				text-align: left;
+				margin-top: 20rpx;
+			}
+
+			.content_3 {
+				width: calc(100% - 32rpx);
+				height: 132rpx;
+				box-shadow: 0px 4rpx 12rpx 0px rgba(215, 215, 215, 0.5);
+				border-radius: 16rpx;
+				box-sizing: border-box;
+			}
+		}
+	}
+
+}
+
 .order_warp {
 	height: calc(100vh - 130rpx);
 	background-color: $app-bj;
diff --git a/pages/order_package/order_submit/order_submit.vue b/pages/order_package/order_submit/order_submit.vue
index 2820257..afafe8b 100644
--- a/pages/order_package/order_submit/order_submit.vue
+++ b/pages/order_package/order_submit/order_submit.vue
@@ -157,6 +157,7 @@
 			</view>
 		</up-popup>
 
+
 		<!-- 选择地址 -->
 		<up-popup v-model:show="addressShow" :round="10" :closeOnClickOverlay="false" :closeable="true"
 			:safeAreaInsetBottom="false" @close="checkAddressShow(false, null, 0, 0)">
diff --git a/utils/config.js b/utils/config.js
index 827d760..5c9e92a 100644
--- a/utils/config.js
+++ b/utils/config.js
@@ -20,5 +20,7 @@ export const USER_CN = "https://www.finecc.net/?wenti/3422.html";//用户协议
 // 信任桥 正式环境
 export const Authorization = "bxboAtH04huysyO1DO2E4FNomvQaFItp0gzHRv0aM+Hx4Rb9pijiAlWdRPUtB4HUJrwa1yVGoKFyCmXGZYja9v+GPz+SFVnDJJk/yit2LLMxX85SpnzRzVySJSsDTBLSTrh5BhGPST2iymdcGvQAdNIW9gAQoeDGIr8o3ctgLF08cdJiEQc255Ql7LxdqiHgP/SgY2JUrlGxGzE5iXDETCmXCvBxqbxEzhe4JbgdEMlKjjA0jcFDam0ArHPD2CoHI7WemdJZDw2+OAokFnoSF8dMyt1G9+nHqD40iMcK5bG6BFUNJwVMFgIZvQz5OqotqaNKnq/80UNDyOyeaaj9Lw==";
 
-export const CUSTOMER_SERVICE_PHONE_NUMBER = "17715527590";// 客服联系方式
-export const CLOUD_SERVICE_PHONE_NUMBER = "17715527590";// 云仓客服联系方式
\ No newline at end of file
+export const CUSTOMER_SERVICE_PHONE_NUMBER = "18945829413";// 客服联系方式
+export const CLOUD_SERVICE_PHONE_NUMBER = "18945829413";// 云仓客服联系方式
+// 微信
+export const CLOUD_SERVICE_WECHAT = "W-418613";// 客服联系方式