From aad78417b812faa066796af9051560c48de10904 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Mon, 11 Nov 2024 11:17:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=95=86=E5=93=81=E5=88=B8?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=88=A4=E6=96=AD=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagesOrder/quan/quan.vue           |  65 +++++++++++++++++--
 pagesOrder/quan_util.js            | 100 +++++++++++++++++++++++++++++
 pagesOrder/static/image/no-use.svg |   1 +
 3 files changed, 159 insertions(+), 7 deletions(-)
 create mode 100644 pagesOrder/quan_util.js
 create mode 100644 pagesOrder/static/image/no-use.svg

diff --git a/pagesOrder/quan/quan.vue b/pagesOrder/quan/quan.vue
index c9e1202..0ffe4e7 100644
--- a/pagesOrder/quan/quan.vue
+++ b/pagesOrder/quan/quan.vue
@@ -45,15 +45,22 @@
 
 			<template v-if="myQuan.types.sel==1">
 				<view class="" @click="changeProductCoupon(item)" v-for="(item,index) in myQuan.res.productCoupon"
-					:class="{filtergray:item.status}" :key="index">
-					<view class="quan goods u-row-between u-flex u-col-center u-m-b-32 border-r-10 ">
+					:class="{filtergray:!item.use}" :key="index"
+					>
+					<view class="quan goods u-row-between u-flex u-col-center u-m-b-32 border-r-10 u-relative" >
+						<view class="no-use" v-if="!item.use">
+							<image class="img" src="/pagesOrder/static/image/no-use.svg" mode=""></image>
+						</view>
 						<view class="sel u-abso" v-if="item.checked">
 							<up-icon name="checkbox-mark" color="#fff"></up-icon>
 						</view>
 						<view class="u-p-t-32 u-p-b-32 u-p-l-24 u-p-r-24">
 							<view class="u-flex">
 								<up-image width="80rpx" height="80rpx" :src="item.productCover"></up-image>
-								<view class="u-m-l-18">{{item.productName}}</view>
+								<view class="u-m-l-18">
+									<view class="u-m-l-18">{{item.productName}}</view>
+									<view class="u-m-l-18 u-m-t-10 u-font-24 color-666">x{{item.num}}</view>
+								</view>
 							</view>
 							<view class=" u-m-t-14 u-flex">
 								<view>有效期:</view>
@@ -64,6 +71,9 @@
 							</view>
 						</view>
 						<view class="right u-flex u-flex-col u-col-bottom u-row-center">
+							<view class="u-flex u-row-center w-full">
+								<view class="color-red font-bold u-m-b-24 ">￥{{item.discountAmount}}</view>
+							</view>
 							<view class="u-flex ">
 								<view class="use-btn" @click.stop="toEmitChooseQuan(item)">去使用</view>
 							</view>
@@ -112,12 +122,17 @@
 	import {
 		$activateByOrderId
 	} from '@/http/yskApi/Instead.js'
+	import {
+		queryAllShopUser
+	} from '@/http/yskApi/shop-user.js'
+	import {returnNewGoodsList,returnCoupCanUse,returnProductCoupon} from '../quan_util.js'
 	function back(){
 		uni.navigateBack()
 	}
 	let order=ref({
 		
 	})
+	let canDikouGoodsArr=[]
 	const myQuan = reactive({
 		fullReductionCouponSel: {
 			id: ''
@@ -136,7 +151,16 @@
 	})
 
 	function changeProductCoupon(item) {
+		if(!item.use){
+			return 
+		}
 		item.checked = !item.checked
+		const CheckedArr=myQuan.res.productCoupon.filter(v=>v.checked)
+		const noCheckedArr=myQuan.res.productCoupon.filter(v=>!v.checked)
+		noCheckedArr.map(v=>{
+			console.log(returnCoupCanUse(canDikouGoodsArr,v,CheckedArr));
+			v.use=returnCoupCanUse(canDikouGoodsArr,v,CheckedArr)
+		})
 	}
 
 	function changeFullReductionCouponSel(item) {
@@ -150,15 +174,28 @@
 	function toUse(item) {
 
 	}
-	
+	let user=reactive({
+		isVip:false
+	})
 	async function getQuan() {
 		order.value=await orderApi.tbOrderInfoDetail(option.orderId)
+		if(order.value.memberId){
+			const userRes= await queryAllShopUser({
+				id: order.value.memberId
+			})
+			if (userRes.content[0]) {
+				user.value = userRes.content[0]
+			}
+		}
+		
 		console.log(order.value);
 		const res = await $activateByOrderId(option)
+		 canDikouGoodsArr=returnNewGoodsList(order.value.detailList||[])
 		res.fullReductionCoupon = res.fullReductionCoupon.filter((v) => !v.use)
-		res.productCoupon = res.productCoupon.filter((v) => !v.use).map(v => {
+		res.productCoupon = res.productCoupon.map(v => {
+			const calcCoup=returnProductCoupon(v,canDikouGoodsArr,user.value)
 			return {
-				...v,
+				...calcCoup,
 				checked: false
 			}
 		});
@@ -201,7 +238,21 @@
 <style lang="scss" scoped>
 	// $quan-color:rgb(233, 77, 60);
 	$quan-color: #318AFE;
-
+	.no-use{
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		.img{
+			width: 200rpx;
+			height: 200rpx;
+			z-index: 10;
+		}
+	}
 	.fixed-b {
 		position: fixed;
 		bottom: 0;
diff --git a/pagesOrder/quan_util.js b/pagesOrder/quan_util.js
new file mode 100644
index 0000000..d1c7124
--- /dev/null
+++ b/pagesOrder/quan_util.js
@@ -0,0 +1,100 @@
+export function isTui(item){
+	return  item.status=='return'||item.status=='refund'||item.status=='refunding'
+}
+
+//计算商品券优惠价格
+export function returnProductCouponPrice(coup, goodsArr, vipUser) {
+    const item = goodsArr.find(v => v.productId == coup.proId);
+    if(!item){
+        return 0
+    }
+    const memberPrice = item.memberPrice ? item.memberPrice : item.price;
+    const price = item ? (vipUser.isVip ? memberPrice : item.price) : 0;
+    return price
+
+}
+//返回新的商品列表，过滤掉退菜的，退单的商品
+export function returnNewGoodsList(arr) {
+    let goodsMap={}
+    return arr.filter(v => !isTui(v))
+}
+//根据当前购物车商品以及数量,已选券对应商品数量，判断该券是否可用
+export function returnCoupCanUse(goodsArr=[],coup,selCoupArr=[]) {
+	// if(!coup.use){
+	// 	return false
+	// }
+	const findGoods=goodsArr.filter(v=>v.productId==coup.proId)
+	if(!findGoods.length){
+		return false
+	}
+	const findGoodsTotalNumber=findGoods.reduce((prve,cur)=>{
+		return prve+cur.num*1
+	},0)
+	const selCoupNumber=selCoupArr.filter(v=>v.proId==coup.proId).reduce((prve,cur)=>{
+		return prve+cur.num*1
+	},0)
+	if(selCoupNumber>=findGoodsTotalNumber){
+		return false
+	}
+	return findGoodsTotalNumber<coup.num?false:true
+}
+//查找购物车商品根据购物车商品数据返回商品券信息（抵扣价格以及是否满足可用需求）
+export function returnProductCoupon(coup, goodsArr, vipUser) {
+    const newGoodsArr = returnNewGoodsList(goodsArr)
+    const item = newGoodsArr.find(v => v.productId == coup.proId);
+    if(!item){
+        return {...coup, discountAmount: 0,use:false}
+    }
+    const memberPrice = item.memberPrice ? item.memberPrice : item.price;
+    const price = item ? (vipUser.isVip ? memberPrice : item.price) : 0;
+	const discountAmount=(price*coup.num).toFixed(2)
+	console.log(discountAmount);
+    // const canUse=!coup.use?false:(discountAmount>0)
+    const canUse=discountAmount>0
+    return { ...coup, discountAmount: discountAmount,use:canUse}
+
+}
+/**
+ * 根据购物车商品计算商品券抵扣价格以及是否满足可用需求
+ * 1.商品券对应商品数量大于购物车对应商品数量不可用
+ * 2.未在购物车找到相关商品不可用
+ * @param {*} coupArr 
+ * @param {*} goodsArr 
+ * @param {*} vipUser 
+ * @returns 
+ */
+export function returnProductAllCoup(coupArr, goodsArr, vipUser){
+    return coupArr.map((v) => {
+        return returnProductCoupon(v, goodsArr, vipUser)
+      })
+
+}
+
+//计算商品券总优惠价格
+export function returnProductCouponAllPrice(coupArr, goodsArr, vipUser) {
+    if(coupArr.length == 0){
+        return 0;
+    }
+    return coupArr.reduce((a, b) => {
+        const price = returnProductCouponPrice(b, goodsArr, vipUser)
+        return a + price;
+    }, 0).toFixed(2);
+
+}
+//计算满减券总优惠价格
+export function returnFullReductionCouponAllPrice(coupArr) {
+    if(coupArr.length == 0){
+        return 0;
+    }
+    return coupArr.filter(v => v.type == 1).reduce((a, b) => {
+        const price = b.discountAmount
+        return a + price;
+    }, 0).toFixed(2);
+
+}
+//计算优惠券总价格
+export function returnCouponAllPrice(coupArr, goodsArr, vipUser) {
+    const poductAllprice=returnProductCouponAllPrice(coupArr, goodsArr, vipUser)
+    const pointAllPrice=returnFullReductionCouponAllPrice(coupArr)
+    return (poductAllprice*1+pointAllPrice*1).toFixed(2);
+}
\ No newline at end of file
diff --git a/pagesOrder/static/image/no-use.svg b/pagesOrder/static/image/no-use.svg
new file mode 100644
index 0000000..a5df700
--- /dev/null
+++ b/pagesOrder/static/image/no-use.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1731293960333" class="icon" viewBox="0 0 1300 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4328" xmlns:xlink="http://www.w3.org/1999/xlink" width="162.5" height="128"><path d="M784.074702 99.196443l10.927871 18.473304-21.302843-2.56935-14.180213 16.066571-4.130475-21.042655-19.676671-8.521137 18.733492-10.440019 2.016452-21.335366 15.708814 14.603017 20.945085-4.683373-9.041512 19.449008zM1067.22363 642.402668l-18.440781 10.92787 2.56935-21.302842-16.099094-14.180213 21.042655-4.130475 8.521137-19.676671 10.440019 18.733492 21.367889 2.016452-14.603017 15.708814 4.683373 20.945085-19.481531-9.041512z" fill="#DBDBDB" p-id="4329"></path><path d="M1067.22363 642.402668l-18.440781 10.92787 2.56935-21.302842-16.099094-14.180213 21.042655-4.130475 8.521137-19.676671 10.440019 18.733492 21.367889 2.016452-14.603017 15.708814 4.683373 20.945085-19.481531-9.041512zM571.924408 100.009528l-17.400031-12.488994 20.52228-6.211974 6.504685-20.457234 12.261331 17.595172 21.432936-0.09757-12.944323 17.074798 6.732349 20.359663-20.262093-7.02506-17.269938 12.716659 0.422804-21.46546zM991.444053 784.43246l-21.172749 3.480006 10.114785-18.928632-9.822074-19.026203 21.107702 3.772717 15.090868-15.253486 2.927109 21.237796 19.156296 9.626933-19.318914 9.366746-3.219819 21.205273-14.863204-15.48115zM428.008258 156.795426l-20.749945-5.333841 16.879657-13.237034-1.365983-21.400413 17.822836 11.936097 19.936859-7.870669-5.88674 20.619851 13.692361 16.521899-21.432936 0.813086-11.513292 18.083024-7.382817-20.132zM854.260251 896.475655l-20.749945-5.333841 16.879657-13.237034-1.365983-21.400413 17.822836 11.96862 19.936859-7.903192-5.854217 20.619851 13.659838 16.554423-21.432936 0.780562-11.513292 18.115547-7.382817-20.164523zM562.460092 923.665237l10.895347 18.440782-21.302843-2.569351-14.180212 16.099095-4.130475-21.042655-19.676672-8.521137 18.733493-10.440019 2.016452-21.36789 15.708814 14.603018 20.945085-4.683373-9.008989 19.48153zM242.787359 420.788058l-18.473305 10.895347 2.569351-21.302843-16.066572-14.180213 21.042656-4.130474 8.521137-19.676672 10.440019 18.733492 21.335366 2.016453-14.603018 15.708813 4.683374 20.945085-19.449008-9.008988z" fill="#DBDBDB" p-id="4330"></path><path d="M242.787359 420.788058l-18.473305 10.895347 2.569351-21.302843-16.066572-14.180213 21.042656-4.130474 8.521137-19.676672 10.440019 18.733492 21.335366 2.016453-14.603018 15.708813 4.683374 20.945085-19.449008-9.008988zM700.814737 943.959854l-17.400032-12.521518 20.522281-6.211974 6.504685-20.42471 12.26133 17.595172 21.432937-0.130094-12.944323 17.107321 6.732349 20.359663-20.262093-7.025059-17.269938 12.684135 0.422804-21.432936zM303.541115 278.823313l-21.140226 3.480006 10.114785-18.928633-9.854597-19.058726 21.107702 3.772717 15.090868-15.220962 2.927109 21.237796 19.156296 9.626933-19.28639 9.366746-3.252342 21.172749-14.863205-15.448626z" fill="#DBDBDB" p-id="4331"></path><path d="M407.648595 90.642782a486.713038 486.713038 0 0 1 504.568397 11.578339l25.010513-14.407877A512.081309 512.081309 0 0 0 139.850723 547.401747l24.977989-14.407877a486.778085 486.778085 0 0 1 242.819883-442.351088zM893.28836 933.422265a486.810608 486.810608 0 0 1-504.568398-11.610863l-25.010513 14.407877a512.081309 512.081309 0 0 0 797.5394-459.621026l-24.97799 14.505447a486.843132 486.843132 0 0 1-242.982499 442.318565z" fill="#DBDBDB" p-id="4332"></path><path d="M814.061299 795.880705a326.665269 326.665269 0 0 1-258.170939 29.563792l-29.791456 17.172368a353.236906 353.236906 0 0 0 472.793013-272.448721l-29.693886 17.172367a326.762839 326.762839 0 0 1-155.136732 208.540194zM486.875655 228.119295a326.795363 326.795363 0 0 1 258.170939-29.563792l29.791456-17.172368a353.236906 353.236906 0 0 0-472.793013 272.448721l29.82398-17.172367a326.762839 326.762839 0 0 1 155.006638-208.540194zM1288.350389 374.73489a53.923837 53.923837 0 0 1-14.34283 12.001143L229.420232 988.712085A53.793743 53.793743 0 0 1 156.112434 968.937843l-148.924757-258.235985a53.76122 53.76122 0 0 1 19.741718-73.437891L1071.516722 35.352962A53.826266 53.826266 0 0 1 1144.82452 55.062157l148.827187 258.268508a53.793743 53.793743 0 0 1-5.398888 61.404225zM32.19819 665.754486a28.360426 28.360426 0 0 0-5.626553 10.73273 28.067715 28.067715 0 0 0 2.699444 21.432936L178.195839 956.188661a28.165285 28.165285 0 0 0 38.442687 10.342449l1044.587328-601.976052a28.132762 28.132762 0 0 0 10.440019-38.442687l-148.924758-258.268509a28.197808 28.197808 0 0 0-38.442687-10.342449L39.711101 659.444942a28.230332 28.230332 0 0 0-7.512911 6.309544z" fill="#DBDBDB" p-id="4333"></path><path d="M270.367222 599.211561l197.189519-113.831983 9.529363 16.456852-75.649483 43.646435a260.772812 260.772812 0 0 1 1.561124 35.938383l90.675306 157.055614-17.172368 9.919644L400.038113 615.928601q-9.269176 59.517866-43.841575 121.832746l-19.318914-8.325997q52.655423-91.065587 45.988122-173.219755l-103.001684 59.485342z m276.026299 8.293473l-5.268795 20.359663q-41.98774-16.554423-103.847292-26.669207l5.496458-18.343211a548.279879 548.279879 0 0 1 103.619629 24.652755zM498.811752 469.800858L705.758298 350.309798l9.366746 16.261712-30.604542 17.692743 91.065587 157.771129q13.367127 23.221725-8.911419 36.068477l-38.735397 22.376116-13.00937-14.082643q26.018739-13.854979 37.206797-20.262093t4.423186-18.635922l-88.691377-153.575607-159.624964 92.138859z m147.005875-15.903955l49.175417 85.146324-74.023312 42.735779 11.806002 20.42471-16.261711 9.366746-60.948897-105.571034z m-33.661743 112.56357l57.989264-33.466603-31.612768-54.899539-57.989264 33.499126zM837.543211 438.18809q21.920788 47.061394 16.61947 88.788947l-19.351438-4.000381q4.325615-43.971669-22.408639-91.94372L748.038749 319.672733l172.829474-99.781864L1021.235509 393.533429q14.050119 24.392568-10.309925 38.442687l-26.669208 15.383579-13.920025-13.887502c12.749182-6.504685 21.497983-11.188058 26.278926-13.952549q12.781706-7.382817 4.325615-21.985834l-23.286771-40.361569-63.095442 36.426234L953.814451 461.832619l-17.139844 9.757027-39.255773-67.973956z m-4.455709-145.932603L774.057488 326.274988l23.059107 39.938765 58.932444-34.052025z m-26.896872 89.471939l23.449389 40.621756 58.899921-34.019501-23.416866-40.621757z m130.093696-95.911577l-23.026584-39.906241-63.127966 36.426234 23.059108 39.906242z m32.523424 56.167953l-23.449389-40.621757-63.095442 36.426235 23.449388 40.621757z" fill="#AFAFAF" p-id="4334"></path></svg>
\ No newline at end of file