feat: 退款退货

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>

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"
-			<view class="slot-content">
+			:closeable="true" :safeAreaInsetBottom="false" @close="afterShow = false;">
-				<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-title">
+				申请售后
 			</view>
-				<view class="content_">
+
-					<view class="content_1">售后联系方式</view>
+			<view class="slot-content">
+				<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_" 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 }} -->
+								{{ PHONE_NUMBER }}
-								18945829413
 								<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 }} -->
+								{{ WECHAT }}
-								W-418613
 								<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>
+				<after-sales v-if="activeIndex === 1" />
 			</view>
-			</view>
+		</up-popup>
-		</up-modal>
 
 		<!-- 腾讯电子签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;

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)">

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 CUSTOMER_SERVICE_PHONE_NUMBER = "18945829413";// 客服联系方式
-export const CLOUD_SERVICE_PHONE_NUMBER = "17715527590";// 云仓客服联系方式
+export const CLOUD_SERVICE_PHONE_NUMBER = "18945829413";// 云仓客服联系方式
+// 微信
+export const CLOUD_SERVICE_WECHAT = "W-418613";// 客服联系方式