From a05d14e2b409010b2e0dad71c629be79e028de70 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Mon, 29 Sep 2025 17:02:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=A2=E5=8D=95=E4=BC=98?=
 =?UTF-8?q?=E6=83=A0=E5=88=B8=E8=AF=A6=E6=83=85=E6=98=BE=E7=A4=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/order/coupon.vue | 1428 +++++++++++++++++++---------------------
 1 file changed, 693 insertions(+), 735 deletions(-)

diff --git a/pages/order/coupon.vue b/pages/order/coupon.vue
index a26c308..d018b16 100644
--- a/pages/order/coupon.vue
+++ b/pages/order/coupon.vue
@@ -17,17 +17,17 @@
 			</view> -->
 			<view class="status-wrap">
 				<view class="item" :class="{ active: querForm.statusActiveIndex == 0 }" @click="tabChange(0)">
-					<text class="t">商品兑换券 {{returnSelNumber(0)}}</text>
+					<text class="t">商品兑换券 {{ returnSelNumber(0) }}</text>
 				</view>
 				<view class="item" :class="{ active: querForm.statusActiveIndex == 1 }" @click="tabChange(1)">
-					<text class="t">折扣优惠券{{returnSelNumber(1)}}</text>
+					<text class="t">折扣优惠券{{ returnSelNumber(1) }}</text>
 				</view>
 
-				<view class="icon-wrap"
-					:style="{ width: `${100 / statusList.length}%`, left: `${(100 / statusList.length) * querForm.statusActiveIndex}%` }">
-					<image class="active-icon"
-						src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAACKUlEQVR4AaRTS2sTURT+MpkxUzNtRpuYpBsrqbgQH6BYRHGllloQN+5cuNeV6MKfoj9BwYUgIsXHRqE+SluliFLbBqmENJNMMpMm87qecw1NglJse+HMPeee833nce8oIgpFq7wsGt/fCb9eFrtdfmNd1L+9Jc4Vog6E4jcqqM0/R+3zNOwv09jtshdfSx7mDJwKqAMfIvAAEaFVWkLgWjvOEbVdtNa+Epf4wxmFUNTkfqiDGUkqogDu8icKiKS9nQ9jnR8fqM5AwuJJE/G9JhRF05E8dAqIKeDlrsyiWVxg9f+Fum+uzsFZmtnEGIVxKHsGIFn1bAF6ZlQ6I28D9uIrmYSrkodbfETgw6GubZo9Yzk0kR4Fc7IuE8QUFebJKSTSB/kM4UYd1scnKL18QInm4Vk/6W6qiNoOwpZDuoX2elFWXHrzELW5Z+RzJVbPHca+09doIKq0ZQLW+C44iWbm2ZQSNMqozj5F5f1jWCSVGd4fwerstYUXCOplGcsfxponJqHS7Nlm2UyAWAza0AFkzt1A6uhFqEYaoHsR9BLCpg2vukZVr5IU4dV+yU7oRikkTrHDMI9PIHPhJrhQ9Kxugs6hkkhi8Mh5DI9flyCep6ImOt7uxnF6dgypYxMy1hg7S0/yH3FdSL+mpbIw6CVwVSNX7yM/eQfZS7eQu3wb+St3MTJ1D2nq1iicgZbK9YN7rL866PH1qfGBIWj0v/Do4rrR59vK+A0AAP//GfTndQAAAAZJREFUAwCu+SjIaSGpLwAAAABJRU5ErkJggg==">
-					</image>
+				<view class="icon-wrap" :style="{ width: `${100 / statusList.length}%`, left: `${(100 / statusList.length) * querForm.statusActiveIndex}%` }">
+					<image
+						class="active-icon"
+						src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAACKUlEQVR4AaRTS2sTURT+MpkxUzNtRpuYpBsrqbgQH6BYRHGllloQN+5cuNeV6MKfoj9BwYUgIsXHRqE+SluliFLbBqmENJNMMpMm87qecw1NglJse+HMPeee833nce8oIgpFq7wsGt/fCb9eFrtdfmNd1L+9Jc4Vog6E4jcqqM0/R+3zNOwv09jtshdfSx7mDJwKqAMfIvAAEaFVWkLgWjvOEbVdtNa+Epf4wxmFUNTkfqiDGUkqogDu8icKiKS9nQ9jnR8fqM5AwuJJE/G9JhRF05E8dAqIKeDlrsyiWVxg9f+Fum+uzsFZmtnEGIVxKHsGIFn1bAF6ZlQ6I28D9uIrmYSrkodbfETgw6GubZo9Yzk0kR4Fc7IuE8QUFebJKSTSB/kM4UYd1scnKL18QInm4Vk/6W6qiNoOwpZDuoX2elFWXHrzELW5Z+RzJVbPHca+09doIKq0ZQLW+C44iWbm2ZQSNMqozj5F5f1jWCSVGd4fwerstYUXCOplGcsfxponJqHS7Nlm2UyAWAza0AFkzt1A6uhFqEYaoHsR9BLCpg2vukZVr5IU4dV+yU7oRikkTrHDMI9PIHPhJrhQ9Kxugs6hkkhi8Mh5DI9flyCep6ImOt7uxnF6dgypYxMy1hg7S0/yH3FdSL+mpbIw6CVwVSNX7yM/eQfZS7eQu3wb+St3MTJ1D2nq1iicgZbK9YN7rL866PH1qfGBIWj0v/Do4rrR59vK+A0AAP//GfTndQAAAAZJREFUAwCu+SjIaSGpLwAAAABJRU5ErkJggg=="
+					></image>
 				</view>
 			</view>
 		</view>
@@ -37,7 +37,7 @@
 			</view>
 			<view class="title-wrap">
 				<text class="t">可用红包</text>
-				<text class="n">{{list.canUseCoupons.length}}张</text>
+				<text class="n">{{ list.canUseCoupons.length }}张</text>
 			</view>
 			<view class="item" v-for="item in list.canUseCoupons" :key="item.id" @click="changeSelCoupon(item)">
 				<view class="top">
@@ -49,8 +49,7 @@
 							<text class="t">{{ item.name }}</text>
 						</view>
 						<view class="view time">
-							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.M.D') }} -
-								{{ dayjs(item.effectEndTime).format('YYYY.M.D') }}</text>
+							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.M.D') }} - {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}</text>
 						</view>
 					</view>
 					<view class="btn">
@@ -58,12 +57,10 @@
 							<up-icon name="checkmark-circle-fill" size="24" color="#FF3232"></up-icon>
 						</view>
 						<view class="round" v-else></view>
-
 					</view>
 				</view>
 				<view class="btm">
-					<view class="left">1、可适用门店：{{ item.useShops }}
-						2、可适用商品：{{ item.foods }}3、可使用类型：{{ convertValuesToLabels(item.useType) }}</view>
+					<view class="left">1、可适用门店：{{ item.useShops }} 2、可适用商品：{{ item.foods }}3、可使用类型：{{ convertValuesToLabels(item.useType) }}</view>
 					<view class="right" @click.stop="showDetailHandle(item)">
 						<text class="t">查看详情</text>
 					</view>
@@ -71,7 +68,7 @@
 			</view>
 			<view class="title-wrap">
 				<text class="t">不可用红包</text>
-				<text class="n">{{list.noCanUseCoupons.length}}张</text>
+				<text class="n">{{ list.noCanUseCoupons.length }}张</text>
 			</view>
 			<view class="item disabled" v-for="item in list.noCanUseCoupons" :key="item.id">
 				<view class="top">
@@ -83,8 +80,7 @@
 							<text class="t">{{ item.name }}</text>
 						</view>
 						<view class="view time">
-							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.M.D') }} -
-								{{ dayjs(item.effectEndTime).format('YYYY.M.D') }}</text>
+							<text class="t">{{ dayjs(item.effectStartTime).format('YYYY.M.D') }} - {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}</text>
 						</view>
 					</view>
 					<view class="btn">
@@ -98,7 +94,7 @@
 					</view> -->
 					<view class="error">
 						<text class="t t1">不可用原因：</text>
-						<text class="t t2">{{returnNoUseRestrictions(item) }}</text>
+						<text class="t t2">{{ returnNoUseRestrictions(item) }}</text>
 					</view>
 				</view>
 			</view>
@@ -125,9 +121,7 @@
 				</view>
 				<scroll-view class="popup-list" direction="vertical">
 					<view class="ul">
-						<view class="li" v-for="(item, index) in selectListItemDetails" :key="index">
-							{{ index + 1 }}、{{ item }}
-						</view>
+						<view class="li" v-for="(item, index) in selectListItemDetails" :key="index">{{ index + 1 }}、{{ item }}</view>
 					</view>
 				</scroll-view>
 			</view>
@@ -136,810 +130,774 @@
 </template>
 
 <script setup>
-	import dayjs from 'dayjs';
-	import {
-		ref,
-		reactive,
-		onMounted,
-		computed,
-		watch
-	} from 'vue';
-	import {
-		onLoad,
-		onReady,
-		onShow,
-		onPageScroll,
-		onReachBottom,
-		onBackPress
-	} from '@dcloudio/uni-app';
-	import {
-		APIcouponfindByUserId,
-		APIfindCoupon,
-		getCouponShops
-	} from '@/common/api/member.js';
-	import {
-		findCoupon
-	} from '@/common/api/market/coupon.js';
-	import couponIcon from '@/pages/user/components/coupon-icon.vue';
-	import * as UTILS from '@/utils/goods-utils.js'
-	import {
-		useCartsStore
-	} from '@/stores/carts.js';
-	const cartStore = useCartsStore()
+import dayjs from 'dayjs';
+import { ref, reactive, onMounted, computed, watch } from 'vue';
+import { onLoad, onReady, onShow, onPageScroll, onReachBottom, onBackPress } from '@dcloudio/uni-app';
+import { APIcouponfindByUserId, APIfindCoupon, getCouponShops } from '@/common/api/member.js';
+import { findCoupon } from '@/common/api/market/coupon.js';
+import couponIcon from '@/pages/user/components/coupon-icon.vue';
+import * as UTILS from '@/utils/goods-utils.js';
+import { useCartsStore } from '@/stores/carts.js';
+const cartStore = useCartsStore();
 
+//返回不可用原因
+function returnNoUseRestrictions(item) {
+	if (item.noUseRestrictions) {
+		return item.noUseRestrictions;
+	}
+	if (item.canuseResult) {
+		return item.canuseResult.reason;
+	}
+	return '';
+}
 
-	//返回不可用原因
-	function returnNoUseRestrictions(item) {
-		if (item.noUseRestrictions) {
-			return item.noUseRestrictions
-		}
-		if (item.canuseResult) {
-			return item.canuseResult.reason
-		}
-		return ''
+const show = ref(false);
+
+const querForm = ref({
+	searchValue: '',
+	shopId: '',
+	shopName: '',
+	statusActiveIndex: 0
+});
+
+const statusList = ref([
+	{
+		value: 0,
+		label: '商品兑换券',
+		bg: '#333333',
+		color: '#ffffff'
+	},
+	{
+		value: 1,
+		label: '折扣优惠券',
+		bg: '#F8F8F8',
+		color: '#999999'
+	}
+]);
+const list = reactive({
+	page: 1,
+	size: 10,
+	status: 'nomore',
+	data: [],
+	noCanUseCoupons: [],
+	canUseCoupons: []
+});
+
+const showDetail = ref(false);
+const selectListItem = ref('');
+const selectListItemDetails = ref([]);
+
+function showDetailHandle(item) {
+	showDetail.value = true;
+
+	// 1. 定义每个规则的独立描述（仅“其他优惠券”需判断item.type）
+	const ruleList = [];
+
+	// 规则1：限时折扣同享（始终显示）
+	const discountRule = item.discountShare ? '与限时折扣同享' : '不与限时折扣同享';
+	ruleList.push(discountRule);
+
+	// 规则2：会员价/会员折扣同享（始终显示）
+	const vipRule = item.vipPriceShare ? '与会员价/会员折扣同享' : '不与会员价/会员折扣同享';
+	ruleList.push(vipRule);
+
+	// 规则3：其他优惠券同享（仅item.type=2时显示）
+	if (item.type === 2) {
+		const otherCouponRule = item.otherCouponShare ? '与其他优惠券同享' : '不与其他优惠券同享';
+		ruleList.push(otherCouponRule);
+	}
+	const shareRuleText = `${ruleList.join('、')}`;
+
+	selectListItemDetails.value = [
+		`可适用门店：${item.useShops}`,
+		`可适用商品：${item.foods}`,
+		`可使用类型：${convertValuesToLabels(item.useType)}`,
+		`可用时间段：${item.useTimeType == 'all' ? '全段时间可用' : `${item.useStartTime} - ${item.useEndTime}`}`,
+		`限量规则：每人限领${item.getLimit == -10086 ? `无限张` : `${item.getLimit}张`}，每日最多可使用${item.useLimit == -10086 ? `无限张` : `${item.useLimit}张`}`,
+		`同享规则：${shareRuleText}`,
+		`其它说明：${item.ruleDetails || '无'}`
+	];
+
+	if (item.type == 2 || item.type == 4 || item.type == 6) {
+		selectListItemDetails.value.splice(2, 0, `使用规则：${item.useRule == 'price_asc' ? '从最低价开始抵扣' : '从最高价开始抵扣'}`);
 	}
 
-	const show = ref(false);
-
-	const querForm = ref({
-		searchValue: '',
-		shopId: '',
-		shopName: '',
-		statusActiveIndex: 0
-	});
-
-	const statusList = ref([{
-			value: 0,
-			label: '商品兑换券',
-			bg: '#333333',
-			color: '#ffffff'
-		},
-		{
-			value: 1,
-			label: '折扣优惠券',
-			bg: '#F8F8F8',
-			color: '#999999'
-		}
-	]);
-	const list = reactive({
-		page: 1,
-		size: 10,
-		status: 'nomore',
-		data: [],
-		noCanUseCoupons: [],
-		canUseCoupons: []
-	});
-
-
-
-	const showDetail = ref(false);
-	const selectListItem = ref('');
-	const selectListItemDetails = ref([]);
-
-	function showDetailHandle(item) {
-		showDetail.value = true;
-		selectListItemDetails.value = [
-			`可适用门店：${item.useShops}`,
-			`可适用商品：${item.foods}`,
-			`可使用类型：${convertValuesToLabels(item.useType)}`,
-			`可用时间段：${item.useTimeType == 'all' ? '全段时间可用' : `${item.useStartTime} - ${item.useEndTime}`}`,
-			`限量规则：每人限领${item.getLimit == -10086 ? `无限张` : `${item.getLimit}张`}，每日最多可使用${item.useLimit == -10086 ? `无限张` : `${item.useLimit}张`}`,
-			`同享规则：${item.vipPriceShare ? '与限时折扣同享、与会员价同享' : '不与限时折扣同享、与会员价同享'}`,
-			`其它说明：${item.ruleDetails || '无'}`
-		];
-
-		if (item.type == 2 || item.type == 4 || item.type == 6) {
-			selectListItemDetails.value.splice(2, 0, `使用规则：${item.useRule == 'price_asc' ? '从最低价开始抵扣' : '从最高价开始抵扣'}`);
-		}
-
-		if (item.type == 3) {
-			selectListItemDetails.value.unshift(`最高抵扣${item.maxDiscountAmount}元`);
-		}
+	if (item.type == 3) {
+		selectListItemDetails.value.unshift(`最高抵扣${item.maxDiscountAmount}元`);
 	}
+}
 
-	function returnSelNumber(index) {
-		if (index) {
-			if (couponSel.value.id) {
-				return '(1)'
-			} else {
-				return '(0)'
-			}
+function returnSelNumber(index) {
+	if (index) {
+		if (couponSel.value.id) {
+			return '(1)';
 		} else {
-			if (goodsCouponSel.value.id) {
-				return '(1)'
-			} else {
-				return '(0)'
-			}
+			return '(0)';
 		}
-	}
-	// 搜索
-	function searchHandle() {
-		list.page = 1;
-		list.status = 'nomore';
-		getCouponList();
-	}
-
-	// 切换类型
-	function tabChange(index) {
-		querForm.value.statusActiveIndex = index;
-		list.page = 1;
-		list.status = 'nomore';
-		getCouponList();
-	}
-
-	function changeSelCoupon(item) {
-		if (querForm.value.statusActiveIndex) {
-			if (couponSel.value.id == item.id) {
-				couponSel.value = {
-					id: ''
-				}
-			} else {
-				couponSel.value = item
-			}
+	} else {
+		if (goodsCouponSel.value.id) {
+			return '(1)';
 		} else {
-			if (goodsCouponSel.value.id == item.id) {
-				goodsCouponSel.value = {
-					id: ''
-				}
-			} else {
-				goodsCouponSel.value = item
-			}
+			return '(0)';
 		}
 	}
+}
+// 搜索
+function searchHandle() {
+	list.page = 1;
+	list.status = 'nomore';
+	getCouponList();
+}
 
-	const couponSel = ref({
-		id: ''
-	})
-	const goodsCouponSel = ref({
-		id: ''
-	})
-	const quansSelArr = computed(() => {
-		return [couponSel.value, goodsCouponSel.value].filter((v) => v.id);
-	})
+// 切换类型
+function tabChange(index) {
+	querForm.value.statusActiveIndex = index;
+	list.page = 1;
+	list.status = 'nomore';
+	getCouponList();
+}
 
-	function isActive(item) {
-		if (querForm.value.statusActiveIndex) {
-			return couponSel.value.id == item.id
+function changeSelCoupon(item) {
+	if (querForm.value.statusActiveIndex) {
+		if (couponSel.value.id == item.id) {
+			couponSel.value = {
+				id: ''
+			};
 		} else {
-			return goodsCouponSel.value.id == item.id
+			couponSel.value = item;
+		}
+	} else {
+		if (goodsCouponSel.value.id == item.id) {
+			goodsCouponSel.value = {
+				id: ''
+			};
+		} else {
+			goodsCouponSel.value = item;
 		}
 	}
+}
 
-	// 获取优惠券列表
-	async function getCouponList() {
-		try {
-			uni.showLoading({
-				title: '加载中...',
-				mask: true
-			});
-			const res = await findCoupon({
-				shopUserId: uni.cache.get('shopUserInfo').id,
-			});
+const couponSel = ref({
+	id: ''
+});
+const goodsCouponSel = ref({
+	id: ''
+});
+const quansSelArr = computed(() => {
+	return [couponSel.value, goodsCouponSel.value].filter((v) => v.id);
+});
 
-
-			let canUseGoodsCoupon = []
-			let canUseDiscountCoupon = []
-
-			let noUseGoodsCoupon = []
-			let noUseDiscountCoupon = []
-			const user = uni.cache.get('shopUserInfo')
-			let shopInfo = uni.cache.get('shopInfo') || {}
-			if (!shopInfo.isMemberPrice) {
-				shopInfo = {}
-			}
-			const goodsOrderPrice = uni.getStorageSync('goodsOrderPrice') || 0
-			const dinnerType = cartStore.dinnerType
-			const canDikouGoodsArr = UTILS.returnCanDikouGoods(cartStore.allGoods, [], user);
-			const shopId = uni.cache.get('shopId')
-			for (let i = 0; i < res.length; i++) {
-				const coupon = res[i]
-				const canuseResult = UTILS.returnCouponCanUse({
-					canDikouGoodsArr,
-					coupon,
-					goodsOrderPrice,
-					user,
-					selCoupon: quansSelArr.value,
-					shopInfo
-				})
-				const {
-					canUse,
-					reason
-				} = canuseResult
-				if (coupon.type == 2) {
-					if (canUse || goodsCouponSel.value.id == coupon.id) {
-						canUseGoodsCoupon.push(coupon)
-					} else {
-						noUseGoodsCoupon.push({
-							...coupon,
-							canuseResult
-						})
-					}
-				} else {
-					if (canUse || couponSel.value.id == coupon.id) {
-						canUseDiscountCoupon.push(coupon)
-					} else {
-						noUseDiscountCoupon.push({
-							...coupon,
-							canuseResult
-						})
-					}
-				}
-			}
-			//商品券
-			canUseGoodsCoupon = canUseGoodsCoupon.map(v => {
-				const discount = UTILS.returnCouponDiscount(
-					canDikouGoodsArr,
-					v,
-					user,
-					goodsOrderPrice,
-					quansSelArr.value,
-					shopInfo
-				);
-				return {
-					...v,
-					discount,
-					discountAmount: discount ? discount.discountPrice : v.discountAmount,
-				};
-			})
-			//非商品券
-			canUseDiscountCoupon = canUseDiscountCoupon.map(v => {
-				const discount = UTILS.returnCouponDiscount(
-					canDikouGoodsArr,
-					v,
-					user,
-					goodsOrderPrice,
-					quansSelArr.value,
-					shopInfo
-
-				);
-				return {
-					...v,
-					discount,
-					discountAmount: discount ? discount.discountPrice : v.discountAmount,
-				}
-			})
-
-			if (querForm.value.statusActiveIndex == 0) {
-				list.noCanUseCoupons = noUseGoodsCoupon
-				list.canUseCoupons = canUseGoodsCoupon
-			} else {
-				list.noCanUseCoupons = noUseDiscountCoupon
-				list.canUseCoupons = canUseDiscountCoupon
-			}
-
-			console.log('canUseGoodsCoupon', canUseGoodsCoupon);
-			console.log('noUseGoodsCoupon', noUseGoodsCoupon);
-			console.log('canUseDiscountCoupon', canUseDiscountCoupon);
-			console.log('noUseDiscountCoupon', noUseDiscountCoupon);
-
-
-
-		} catch (error) {
-			console.log(error);
-		}
-		uni.hideLoading();
+function isActive(item) {
+	if (querForm.value.statusActiveIndex) {
+		return couponSel.value.id == item.id;
+	} else {
+		return goodsCouponSel.value.id == item.id;
 	}
+}
 
-	// 店铺列表滚动到底部了
-	function scrollBottom() {
-		console.log('店铺列表滚动到底部了');
-	}
+// 获取优惠券列表
+async function getCouponList() {
+	try {
+		uni.showLoading({
+			title: '加载中...',
+			mask: true
+		});
+		const res = await findCoupon({
+			shopUserId: uni.cache.get('shopUserInfo').id
+		});
 
-	/**
-	 * 将value数组字符串转换为对应的label拼接字符串
-	 * @param {Array} options - 包含value和label的选项数组，格式如[{value: 'xxx', label: 'xxx'}, ...]
-	 * @param {string} valueStr - 包含value的数组字符串，格式如'["dine","pickup"]'
-	 * @param {string} separator - 标签拼接分隔符，默认值为'、'
-	 * @returns {string} 拼接后的label字符串，如"堂食、自取"
-	 */
-	function convertValuesToLabels(valueStr, options, separator = '、') {
-		try {
-			options = [{
-					value: 'dine',
-					label: '堂食'
-				},
-				{
-					value: 'pickup',
-					label: '自取'
-				},
-				{
-					value: 'deliv',
-					label: '配送'
-				},
-				{
-					value: 'express',
-					label: '快递'
-				}
-			];
-			// 验证输入参数
-			if (!Array.isArray(options)) {
-				throw new Error('options必须是数组');
-			}
-			if (typeof valueStr !== 'string') {
-				throw new Error('valueStr必须是字符串');
-			}
+		let canUseGoodsCoupon = [];
+		let canUseDiscountCoupon = [];
 
-			// 解析value数组字符串
-			const values = JSON.parse(valueStr);
-			if (!Array.isArray(values)) {
-				throw new Error('解析后的valueStr必须是数组');
-			}
-
-			// 构建value到label的映射表
-			const valueLabelMap = new Map();
-			options.forEach((item) => {
-				if (item && typeof item.value !== 'undefined' && typeof item.label !== 'undefined') {
-					valueLabelMap.set(item.value, item.label);
-				}
-			});
-
-			// 匹配并收集label
-			const labels = values.map((value) => valueLabelMap.get(value)).filter(Boolean); // 过滤未匹配到的项
-
-			// 拼接结果
-			return labels.join(separator);
-		} catch (error) {
-			console.error('转换失败:', error.message);
-			return ''; // 出错时返回空字符串
-		}
-	}
-
-	// 选择店铺
-	function selectShopHandle(item) {
-		querForm.value.shopId = item.shopId;
-		querForm.value.shopName = item.shopName;
-		list.page = 1;
-		show.value = false;
-		getCouponList();
-	}
-	// 获取当前店铺会员信息
-	const shopList = ref([]);
-	async function getCouponShopsAjax() {
-		try {
-			const res = await getCouponShops();
-			shopList.value = res;
-		} catch (error) {
-			console.log(error);
-		}
-	}
-
-	onShow(() => {
-		const couponArr = cartStore.backendCoupons.filter(v => v.type != 2)
-		const goodsCouponArr = cartStore.backendCoupons.filter(v => v.type == 2)
-		if (couponArr.length) {
-			couponSel.value = couponArr[0]
-		}
-		if (goodsCouponArr.length) {
-			goodsCouponSel.value = goodsCouponArr[0]
-		}
-		getCouponList();
-	});
-
-	onLoad(() => {
-		getCouponShopsAjax();
-	});
-	watch(() => quansSelArr.value, (newval) => {
-		const user = uni.cache.get('shopUserInfo')
-		let shopInfo = uni.cache.get('shopInfo') || {}
+		let noUseGoodsCoupon = [];
+		let noUseDiscountCoupon = [];
+		const user = uni.cache.get('shopUserInfo');
+		let shopInfo = uni.cache.get('shopInfo') || {};
 		if (!shopInfo.isMemberPrice) {
-			shopInfo = {}
+			shopInfo = {};
 		}
-		const goodsOrderPrice = uni.getStorageSync('goodsOrderPrice') || 0
-		const dinnerType = cartStore.dinnerType
+		const goodsOrderPrice = uni.getStorageSync('goodsOrderPrice') || 0;
+		const dinnerType = cartStore.dinnerType;
 		const canDikouGoodsArr = UTILS.returnCanDikouGoods(cartStore.allGoods, [], user);
-		const shopId = uni.cache.get('shopId')
-		let goodsCoupon = newval.filter(v => v.type == 2)
-		let otherCoupon = newval.filter(v => v.type != 2)
-		goodsCoupon = goodsCoupon.map(v => {
-			const discount = UTILS.returnCouponDiscount(
+		const shopId = uni.cache.get('shopId');
+		for (let i = 0; i < res.length; i++) {
+			const coupon = res[i];
+			const canuseResult = UTILS.returnCouponCanUse({
 				canDikouGoodsArr,
-				v,
-				user,
+				coupon,
 				goodsOrderPrice,
-				[],
+				user,
+				selCoupon: quansSelArr.value,
 				shopInfo
+			});
+			const { canUse, reason } = canuseResult;
+			if (coupon.type == 2) {
+				if (canUse || goodsCouponSel.value.id == coupon.id) {
+					canUseGoodsCoupon.push(coupon);
+				} else {
+					noUseGoodsCoupon.push({
+						...coupon,
+						canuseResult
+					});
+				}
+			} else {
+				if (canUse || couponSel.value.id == coupon.id) {
+					canUseDiscountCoupon.push(coupon);
+				} else {
+					noUseDiscountCoupon.push({
+						...coupon,
+						canuseResult
+					});
+				}
+			}
+		}
+		//商品券
+		canUseGoodsCoupon = canUseGoodsCoupon.map((v) => {
+			const discount = UTILS.returnCouponDiscount(canDikouGoodsArr, v, user, goodsOrderPrice, quansSelArr.value, shopInfo);
+			return {
+				...v,
+				discount,
+				discountAmount: discount ? discount.discountPrice : v.discountAmount
+			};
+		});
+		//非商品券
+		canUseDiscountCoupon = canUseDiscountCoupon.map((v) => {
+			const discount = UTILS.returnCouponDiscount(canDikouGoodsArr, v, user, goodsOrderPrice, quansSelArr.value, shopInfo);
+			return {
+				...v,
+				discount,
+				discountAmount: discount ? discount.discountPrice : v.discountAmount
+			};
+		});
 
-			);
+		if (querForm.value.statusActiveIndex == 0) {
+			list.noCanUseCoupons = noUseGoodsCoupon;
+			list.canUseCoupons = canUseGoodsCoupon;
+		} else {
+			list.noCanUseCoupons = noUseDiscountCoupon;
+			list.canUseCoupons = canUseDiscountCoupon;
+		}
+
+		console.log('canUseGoodsCoupon', canUseGoodsCoupon);
+		console.log('noUseGoodsCoupon', noUseGoodsCoupon);
+		console.log('canUseDiscountCoupon', canUseDiscountCoupon);
+		console.log('noUseDiscountCoupon', noUseDiscountCoupon);
+	} catch (error) {
+		console.log(error);
+	}
+	uni.hideLoading();
+}
+
+// 店铺列表滚动到底部了
+function scrollBottom() {
+	console.log('店铺列表滚动到底部了');
+}
+
+/**
+ * 将value数组字符串转换为对应的label拼接字符串
+ * @param {Array} options - 包含value和label的选项数组，格式如[{value: 'xxx', label: 'xxx'}, ...]
+ * @param {string} valueStr - 包含value的数组字符串，格式如'["dine","pickup"]'
+ * @param {string} separator - 标签拼接分隔符，默认值为'、'
+ * @returns {string} 拼接后的label字符串，如"堂食、自取"
+ */
+function convertValuesToLabels(valueStr, options, separator = '、') {
+	try {
+		options = [
+			{
+				value: 'dine',
+				label: '堂食'
+			},
+			{
+				value: 'pickup',
+				label: '自取'
+			},
+			{
+				value: 'deliv',
+				label: '配送'
+			},
+			{
+				value: 'express',
+				label: '快递'
+			}
+		];
+		// 验证输入参数
+		if (!Array.isArray(options)) {
+			throw new Error('options必须是数组');
+		}
+		if (typeof valueStr !== 'string') {
+			throw new Error('valueStr必须是字符串');
+		}
+
+		// 解析value数组字符串
+		const values = JSON.parse(valueStr);
+		if (!Array.isArray(values)) {
+			throw new Error('解析后的valueStr必须是数组');
+		}
+
+		// 构建value到label的映射表
+		const valueLabelMap = new Map();
+		options.forEach((item) => {
+			if (item && typeof item.value !== 'undefined' && typeof item.label !== 'undefined') {
+				valueLabelMap.set(item.value, item.label);
+			}
+		});
+
+		// 匹配并收集label
+		const labels = values.map((value) => valueLabelMap.get(value)).filter(Boolean); // 过滤未匹配到的项
+
+		// 拼接结果
+		return labels.join(separator);
+	} catch (error) {
+		console.error('转换失败:', error.message);
+		return ''; // 出错时返回空字符串
+	}
+}
+
+// 选择店铺
+function selectShopHandle(item) {
+	querForm.value.shopId = item.shopId;
+	querForm.value.shopName = item.shopName;
+	list.page = 1;
+	show.value = false;
+	getCouponList();
+}
+// 获取当前店铺会员信息
+const shopList = ref([]);
+async function getCouponShopsAjax() {
+	try {
+		const res = await getCouponShops();
+		shopList.value = res;
+	} catch (error) {
+		console.log(error);
+	}
+}
+
+onShow(() => {
+	const couponArr = cartStore.backendCoupons.filter((v) => v.type != 2);
+	const goodsCouponArr = cartStore.backendCoupons.filter((v) => v.type == 2);
+	if (couponArr.length) {
+		couponSel.value = couponArr[0];
+	}
+	if (goodsCouponArr.length) {
+		goodsCouponSel.value = goodsCouponArr[0];
+	}
+	getCouponList();
+});
+
+onLoad(() => {
+	getCouponShopsAjax();
+});
+watch(
+	() => quansSelArr.value,
+	(newval) => {
+		const user = uni.cache.get('shopUserInfo');
+		let shopInfo = uni.cache.get('shopInfo') || {};
+		if (!shopInfo.isMemberPrice) {
+			shopInfo = {};
+		}
+		const goodsOrderPrice = uni.getStorageSync('goodsOrderPrice') || 0;
+		const dinnerType = cartStore.dinnerType;
+		const canDikouGoodsArr = UTILS.returnCanDikouGoods(cartStore.allGoods, [], user);
+		const shopId = uni.cache.get('shopId');
+		let goodsCoupon = newval.filter((v) => v.type == 2);
+		let otherCoupon = newval.filter((v) => v.type != 2);
+		goodsCoupon = goodsCoupon.map((v) => {
+			const discount = UTILS.returnCouponDiscount(canDikouGoodsArr, v, user, goodsOrderPrice, [], shopInfo);
 			return {
 				...v,
 				discount,
-				discountAmount: discount ? discount.discountPrice : v.discountAmount,
-			}
-		})
-		otherCoupon = otherCoupon.map(v => {
-			const discount = UTILS.returnCouponDiscount(
-				canDikouGoodsArr,
-				v,
-				user,
-				goodsOrderPrice,
-				goodsCoupon,
-				shopInfo
-			);
+				discountAmount: discount ? discount.discountPrice : v.discountAmount
+			};
+		});
+		otherCoupon = otherCoupon.map((v) => {
+			const discount = UTILS.returnCouponDiscount(canDikouGoodsArr, v, user, goodsOrderPrice, goodsCoupon, shopInfo);
 			return {
 				...v,
 				discount,
-				discountAmount: discount ? discount.discountPrice : v.discountAmount,
-			}
-		})
-		uni.$emit('selCoupon', [...goodsCoupon, ...otherCoupon])
-	}, {
+				discountAmount: discount ? discount.discountPrice : v.discountAmount
+			};
+		});
+		uni.$emit('selCoupon', [...goodsCoupon, ...otherCoupon]);
+	},
+	{
 		deep: true
-	})
+	}
+);
 </script>
 
 <style>
-	page {
-		background-color: #f7f7f7;
-	}
+page {
+	background-color: #f7f7f7;
+}
 </style>
 <style scoped lang="scss">
-	.container {
-		padding: 136upx 28upx 28upx;
-	}
+.container {
+	padding: 136upx 28upx 28upx;
+}
 
-	.header-wrap {
-		width: 100%;
-		background-color: #fff;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 99;
-		padding: 28upx;
+.header-wrap {
+	width: 100%;
+	background-color: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 99;
+	padding: 28upx;
 
-		.search-wrap {
-			display: flex;
-			gap: 28upx;
+	.search-wrap {
+		display: flex;
+		gap: 28upx;
 
-			.input-wrap {
-				flex: 1;
-				height: 70upx;
-				border: 1px solid #ececec;
-				border-radius: 8upx;
-				position: relative;
-
-				&:first-child {
-					flex: 1.5;
-				}
-
-				.icon {
-					position: absolute;
-					top: 50%;
-					transform: translateY(-50%);
-
-					&.left {
-						left: 14upx;
-					}
-
-					&.right {
-						right: 14upx;
-					}
-				}
-
-				.ipt {
-					width: 100%;
-					height: 100%;
-
-					&.left {
-						padding-left: 68upx;
-					}
-
-					&.right {
-						padding: 0 56upx 0 28upx;
-					}
-				}
-			}
-		}
-
-		.status-wrap {
-			display: flex;
-			// padding-top: 28upx;
+		.input-wrap {
+			flex: 1;
+			height: 70upx;
+			border: 1px solid #ececec;
+			border-radius: 8upx;
 			position: relative;
 
-			.icon-wrap {
-				height: 12upx;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				transition: all 0.3s ease-in-out;
-				padding-right: 28upx;
+			&:first-child {
+				flex: 1.5;
+			}
 
-				.active-icon {
-					width: 24upx;
-					height: 12upx;
-					z-index: 9;
+			.icon {
+				position: absolute;
+				top: 50%;
+				transform: translateY(-50%);
+
+				&.left {
+					left: 14upx;
+				}
+
+				&.right {
+					right: 14upx;
 				}
 			}
 
-			.item {
-				flex: 1;
-				height: 80upx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
+			.ipt {
+				width: 100%;
+				height: 100%;
 
-				.t {
-					font-size: 32upx;
-					color: #666666;
-					transition: all 0.3s ease-in-out 0.1s;
+				&.left {
+					padding-left: 68upx;
 				}
 
-				&.active {
-					.t {
-						color: #e3ad7f;
-					}
+				&.right {
+					padding: 0 56upx 0 28upx;
 				}
 			}
 		}
 	}
 
-	.list-wrap {
-		padding-top: 28upx;
+	.status-wrap {
+		display: flex;
+		// padding-top: 28upx;
+		position: relative;
 
-		.tips {
-			.t {
-				color: #666;
-				font-size: 24upx;
-			}
-		}
-
-		.title-wrap {
+		.icon-wrap {
+			height: 12upx;
+			position: absolute;
+			bottom: 0;
+			left: 0;
 			display: flex;
 			align-items: center;
-			gap: 10upx;
-			padding-top: 28upx;
+			justify-content: center;
+			transition: all 0.3s ease-in-out;
+			padding-right: 28upx;
 
-			.t {
-				font-size: 32upx;
-				color: #333;
-			}
-
-			.n {
-				color: #666;
-				font-size: 24upx;
+			.active-icon {
+				width: 24upx;
+				height: 12upx;
+				z-index: 9;
 			}
 		}
 
 		.item {
-			border-radius: 18upx;
-			background-color: #fff;
-			padding: 28upx;
-
-			&:not(:first-child) {
-				margin-top: 28upx;
-			}
-
-			&.disabled {
-				.top {
-					position: relative;
-
-					&::after {
-						content: '';
-						width: 100%;
-						height: 100%;
-						position: absolute;
-						top: 0;
-						left: 0;
-						z-index: 10;
-						background-color: rgba(255, 255, 255, 0.6);
-					}
-
-					.btn {
-						.round {
-							background-color: #f0f0f0;
-						}
-					}
-				}
-			}
-
-			.top {
-				display: flex;
-				align-items: center;
-				padding-bottom: 28upx;
-
-				.icon {
-					$size: 140upx;
-					width: $size;
-					height: $size;
-					margin-right: 28upx;
-				}
-
-				.info {
-					flex: 1;
-					display: flex;
-					justify-content: center;
-					flex-direction: column;
-					gap: 8upx;
-					padding: 0 28upx;
-					position: relative;
-
-					&::after {
-						$height: 100upx;
-						content: '';
-						height: $height;
-						border-left: 1upx solid #f7f7f7;
-						position: absolute;
-						top: 50%;
-						margin-top: $height * 0.5 * -1;
-						left: 0;
-					}
-
-					.view {
-						flex: 1;
-
-						&.name {
-							font-size: 32upx;
-							color: #333;
-						}
-
-						&.time {
-							.t {
-								font-size: 24upx;
-								color: #999;
-							}
-						}
-					}
-				}
-
-				.btn {
-					width: 40upx;
-					height: 40upx;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-
-					.round {
-						width: 100%;
-						height: 100%;
-						border-radius: 50%;
-						background-color: #fff;
-						border: 1px solid #d9d9d9;
-					}
-				}
-			}
-
-			.btm {
-				display: flex;
-				align-items: center;
-				padding: 28upx 0 14upx;
-				border-top: 1upx solid #f7f7f7;
-
-				.left {
-					flex: 1;
-					height: 40upx;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					white-space: nowrap;
-					font-size: 24upx;
-					color: #999;
-				}
-
-				.right {
-					flex: 1;
-					display: flex;
-					align-items: center;
-					padding-left: 28upx;
-					justify-content: flex-end;
-
-					.t {
-						font-size: 24upx;
-						color: #333;
-					}
-				}
-
-				.error {
-					flex: 1;
-
-					.t {
-						font-size: 24upx;
-
-						&.t1 {
-							color: #ff1c1c;
-						}
-
-						&.t2 {
-							color: #333;
-						}
-					}
-				}
-			}
-		}
-	}
-
-	.shoplist-popup {
-		padding: 0 28upx 28upx;
-
-		.title {
-			padding: 28upx 0;
+			flex: 1;
+			height: 80upx;
 			display: flex;
 			align-items: center;
 			justify-content: center;
 
 			.t {
 				font-size: 32upx;
-				font-weight: bold;
-				color: #333;
+				color: #666666;
+				transition: all 0.3s ease-in-out 0.1s;
+			}
+
+			&.active {
+				.t {
+					color: #e3ad7f;
+				}
+			}
+		}
+	}
+}
+
+.list-wrap {
+	padding-top: 28upx;
+
+	.tips {
+		.t {
+			color: #666;
+			font-size: 24upx;
+		}
+	}
+
+	.title-wrap {
+		display: flex;
+		align-items: center;
+		gap: 10upx;
+		padding-top: 28upx;
+
+		.t {
+			font-size: 32upx;
+			color: #333;
+		}
+
+		.n {
+			color: #666;
+			font-size: 24upx;
+		}
+	}
+
+	.item {
+		border-radius: 18upx;
+		background-color: #fff;
+		padding: 28upx;
+
+		&:not(:first-child) {
+			margin-top: 28upx;
+		}
+
+		&.disabled {
+			.top {
+				position: relative;
+
+				&::after {
+					content: '';
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					top: 0;
+					left: 0;
+					z-index: 10;
+					background-color: rgba(255, 255, 255, 0.6);
+				}
+
+				.btn {
+					.round {
+						background-color: #f0f0f0;
+					}
+				}
 			}
 		}
 
-		.popup-list {
-			max-height: 50vh;
+		.top {
+			display: flex;
+			align-items: center;
+			padding-bottom: 28upx;
 
-			.item {
-				padding: 28upx;
-				border-radius: 12upx;
-				background-color: #f7f7f7;
-				margin-bottom: 28upx;
+			.icon {
+				$size: 140upx;
+				width: $size;
+				height: $size;
+				margin-right: 28upx;
+			}
+
+			.info {
+				flex: 1;
 				display: flex;
+				justify-content: center;
 				flex-direction: column;
-				padding: 28upx;
+				gap: 8upx;
+				padding: 0 28upx;
+				position: relative;
 
-				.t {
-					font-size: 28upx;
-					font-weight: bold;
-					color: #333;
-					/* 必须设置宽度 */
-					width: 600upx;
-					/* 或具体像素值 */
-
-					/* 关键属性 */
-					display: -webkit-box;
-					-webkit-box-orient: vertical;
-					-webkit-line-clamp: 1;
-					/* 显示2行 */
-					overflow: hidden;
-
-					/* 文本溢出省略号 */
-					text-overflow: ellipsis;
-
-					/* 可选：防止行高度，确保计算准确 */
-					line-height: 1.5;
-					word-break: break-all;
-					/* 允许在单词内换行 */
-					word-wrap: break-word;
-					/* 允许长单词或URL换行 */
+				&::after {
+					$height: 100upx;
+					content: '';
+					height: $height;
+					border-left: 1upx solid #f7f7f7;
+					position: absolute;
+					top: 50%;
+					margin-top: $height * 0.5 * -1;
+					left: 0;
 				}
 
-				.intro {
-					font-size: 28upx;
-					color: #999;
-					/* 必须设置宽度 */
-					width: 600upx;
-					/* 或具体像素值 */
+				.view {
+					flex: 1;
 
-					/* 关键属性 */
-					display: -webkit-box;
-					-webkit-box-orient: vertical;
-					-webkit-line-clamp: 2;
-					/* 显示2行 */
-					overflow: hidden;
+					&.name {
+						font-size: 32upx;
+						color: #333;
+					}
 
-					/* 文本溢出省略号 */
-					text-overflow: ellipsis;
-
-					/* 可选：防止行高度，确保计算准确 */
-					line-height: 1.5;
-					word-break: break-all;
-					/* 允许在单词内换行 */
-					word-wrap: break-word;
-					/* 允许长单词或URL换行 */
+					&.time {
+						.t {
+							font-size: 24upx;
+							color: #999;
+						}
+					}
 				}
 			}
 
-			.ul {
-				.li {
-					color: #999;
-					font-size: 28upx;
-					padding: 8upx 0;
+			.btn {
+				width: 40upx;
+				height: 40upx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
 
-					.t {
-						color: #999;
-						font-size: 28upx;
+				.round {
+					width: 100%;
+					height: 100%;
+					border-radius: 50%;
+					background-color: #fff;
+					border: 1px solid #d9d9d9;
+				}
+			}
+		}
+
+		.btm {
+			display: flex;
+			align-items: center;
+			padding: 28upx 0 14upx;
+			border-top: 1upx solid #f7f7f7;
+
+			.left {
+				flex: 1;
+				height: 40upx;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				font-size: 24upx;
+				color: #999;
+			}
+
+			.right {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				padding-left: 28upx;
+				justify-content: flex-end;
+
+				.t {
+					font-size: 24upx;
+					color: #333;
+				}
+			}
+
+			.error {
+				flex: 1;
+
+				.t {
+					font-size: 24upx;
+
+					&.t1 {
+						color: #ff1c1c;
+					}
+
+					&.t2 {
+						color: #333;
 					}
 				}
 			}
 		}
 	}
-</style>
\ No newline at end of file
+}
+
+.shoplist-popup {
+	padding: 0 28upx 28upx;
+
+	.title {
+		padding: 28upx 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		.t {
+			font-size: 32upx;
+			font-weight: bold;
+			color: #333;
+		}
+	}
+
+	.popup-list {
+		max-height: 50vh;
+
+		.item {
+			padding: 28upx;
+			border-radius: 12upx;
+			background-color: #f7f7f7;
+			margin-bottom: 28upx;
+			display: flex;
+			flex-direction: column;
+			padding: 28upx;
+
+			.t {
+				font-size: 28upx;
+				font-weight: bold;
+				color: #333;
+				/* 必须设置宽度 */
+				width: 600upx;
+				/* 或具体像素值 */
+
+				/* 关键属性 */
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 1;
+				/* 显示2行 */
+				overflow: hidden;
+
+				/* 文本溢出省略号 */
+				text-overflow: ellipsis;
+
+				/* 可选：防止行高度，确保计算准确 */
+				line-height: 1.5;
+				word-break: break-all;
+				/* 允许在单词内换行 */
+				word-wrap: break-word;
+				/* 允许长单词或URL换行 */
+			}
+
+			.intro {
+				font-size: 28upx;
+				color: #999;
+				/* 必须设置宽度 */
+				width: 600upx;
+				/* 或具体像素值 */
+
+				/* 关键属性 */
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				/* 显示2行 */
+				overflow: hidden;
+
+				/* 文本溢出省略号 */
+				text-overflow: ellipsis;
+
+				/* 可选：防止行高度，确保计算准确 */
+				line-height: 1.5;
+				word-break: break-all;
+				/* 允许在单词内换行 */
+				word-wrap: break-word;
+				/* 允许长单词或URL换行 */
+			}
+		}
+
+		.ul {
+			.li {
+				color: #999;
+				font-size: 28upx;
+				padding: 8upx 0;
+
+				.t {
+					color: #999;
+					font-size: 28upx;
+				}
+			}
+		}
+	}
+}
+</style>