From 28fdcd9e5ca6d7ef29400e6248cd9b3085322a07 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Thu, 7 Nov 2024 17:04:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=95=86=E5=93=81=E5=88=B8?=
 =?UTF-8?q?=E6=8A=B5=E6=89=A3=E4=BB=A5=E5=8F=8A=E5=95=86=E5=93=81=E5=88=B8?=
 =?UTF-8?q?=E6=8A=B5=E6=89=A3=E5=90=8E=E4=BB=B7=E6=A0=BC=E8=AE=A1=E7=AE=97?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4=E4=B8=8D=E6=BB=A1=E8=B6=B3=E6=BB=A1=E5=87=8F?=
 =?UTF-8?q?=E6=9D=A1=E4=BB=B6=E7=9A=84=E4=BC=98=E6=83=A0=E5=88=B8=EF=BC=8C?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86=E4=BB=A3=E5=AE=A2=E4=B8=8B?=
 =?UTF-8?q?=E5=8D=95=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tool/Instead/components/quans.vue | 134 ++++++++++++++++----
 src/views/tool/Instead/index.vue            |  82 +++++++-----
 src/views/tool/Instead/util.js              |  38 +++++-
 3 files changed, 196 insertions(+), 58 deletions(-)

diff --git a/src/views/tool/Instead/components/quans.vue b/src/views/tool/Instead/components/quans.vue
index 6f42a77..7d2f64a 100644
--- a/src/views/tool/Instead/components/quans.vue
+++ b/src/views/tool/Instead/components/quans.vue
@@ -9,7 +9,12 @@
               :data="quans.fullReductionCoupon"
               @cell-click="fullReductionCouponClick"
             >
-              <el-table-column type="index" width="80" label="" v-if="quans.fullReductionCoupon.length>0">
+              <el-table-column
+                type="index"
+                width="80"
+                label=""
+                v-if="quans.fullReductionCoupon.length > 0"
+              >
                 <template v-slot="scope">
                   <el-checkbox
                     @change="fullReductionCouponClick(scope.row)"
@@ -21,8 +26,17 @@
               </el-table-column>
               <el-table-column prop="name" label="券名称"> </el-table-column>
               <el-table-column label="券类型" width="80">
-              <template  v-slot="scope"> {{scope.row.type==1?'优惠券':'商品券'}} </template>
-            </el-table-column>
+                <template v-slot="scope">
+                  {{ scope.row.type == 1 ? "优惠券" : "商品券" }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="discountAmount" label="抵扣"> 
+                <template v-slot="scope">
+                  <span class="color-red">
+                    ￥{{ scope.row.discountAmount }}
+                  </span>
+                </template>
+              </el-table-column>
               <el-table-column prop="useRestrictions" label="描述">
               </el-table-column>
             </el-table>
@@ -39,32 +53,55 @@
               <el-table-column type="index" width="50" label="#">
               </el-table-column>
               <el-table-column prop="name" label="券名称"> </el-table-column>
+              <el-table-column label="商品信息">
+                <template v-slot="scope">
+                  <div class="u-flex ">
+                    <el-image
+                      :src="scope.row.productCover"
+                      style="width: 40px; height: 40px"
+                      :preview-src-list="[scope.row.productCover]"
+                    ></el-image>
+                    <div class="u-m-l-10">{{ scope.row.productName }}</div>
+                  </div>
+                </template>
+              </el-table-column>
               <el-table-column label="券类型" width="80">
-              <template  v-slot="scope"> {{scope.row.type==1?'优惠券':'商品券'}} </template>
-            </el-table-column>
+                <template v-slot="scope">
+                  {{ scope.row.type == 1 ? "优惠券" : "商品券" }}
+                </template>
+              </el-table-column>
               <el-table-column prop="useRestrictions" label="描述">
               </el-table-column>
             </el-table>
           </el-tab-pane>
         </el-tabs>
-
         <div v-if="quansSelArr.length > 0">
-            <div class="font-bold u-m-b-10">已选优惠券</div>
-          <el-table
-            empty-text="未选择优惠券"
-            :data="quansSelArr"
-          >
+          <div class="font-bold u-m-b-10">已选优惠券</div>
+          <el-table empty-text="未选择优惠券" :data="quansSelArr">
             <el-table-column type="index" width="50" label="#">
             </el-table-column>
             <el-table-column prop="name" label="券名称"> </el-table-column>
             <el-table-column label="券类型" width="80">
-              <template  v-slot="scope"> {{scope.row.type==1?'优惠券':'商品券'}} </template>
+              <template v-slot="scope">
+                {{ scope.row.type == 1 ? "优惠券" : "商品券" }}
+              </template>
             </el-table-column>
+            <el-table-column label="商品信息">
+                <template v-slot="scope">
+                  <div class="u-flex " v-if="scope.row.type == 2">
+                    <el-image
+                      :src="scope.row.productCover"
+                      style="width: 40px; height: 40px"
+                      :preview-src-list="[scope.row.productCover]"
+                    ></el-image>
+                    <div class="u-m-l-10">{{ scope.row.productName }}</div>
+                  </div>
+                </template>
+              </el-table-column>
             <el-table-column prop="useRestrictions" label="描述">
             </el-table-column>
           </el-table>
         </div>
-
         <div class="u-flex u-row-center u-m-t-50">
           <el-button size="medium" @click="close">取消</el-button>
           <el-button size="medium" type="primary" @click="confirm"
@@ -77,12 +114,30 @@
 </template>
 <script>
 import { $activateByOrderId } from "@/api/table";
+import {returnProductCouponAllPrice} from '../util'
+let $originFullReductionCoupon=[]
 export default {
   props: {
     title: {
       type: String,
       default: "选择优惠券",
     },
+    goodsArr:{
+      type:Array,
+      default:[]
+    },
+    vipUser:{
+      type:Object,
+      default:()=>{
+        return {
+          isVip:false,
+        }
+      }
+    },
+    orderPrice:{
+      type:Number, 
+      default:0
+    }
   },
   data() {
     return {
@@ -103,30 +158,52 @@ export default {
       show: false,
     };
   },
-  watch: {},
+  watch: {
+    activeName(newval){
+      if(newval=='youhui'){
+        this.quans.fullReductionCoupon=$originFullReductionCoupon.filter(v=>(this.orderPrice-this.goodsDiscount)>=v.fullAmount)
+      }
+    }
+  },
+  computed:{
+  
+    goodsDiscount(){
+      const coupArr=this.productCouponSelArr.filter(v=>v.type==2);
+      return  returnProductCouponAllPrice(coupArr,this.goodsArr,this.vipUser)
+    }
+  },
   methods: {
     productCouponChange(val) {
+      console.log(val)
       this.productCouponSelArr = val;
-      if (this.productCouponSelArr.length > 0) {
-        this.productCouponSelArr.length = val.length + 1;
+      const dikouQuan=this.quansSelArr[0]
+      if (this.productCouponSelArr.length > 0&&(dikouQuan&&dikouQuan.type==1) ) {
         for (let i in val) {
-          this.quansSelArr[i + 1] = val[i];
+        this.$set(this.quansSelArr, i+1, val[i])
         }
       } else {
-        this.quansSelArr = val;
-      }
-    },
-    fullReductionCouponClick(row) {
-      if (this.fullReductionCouponSel.id == row.id) {
-        this.fullReductionCouponSel = { id: "" };
-        this.quansSelArr.shift();
-        
-      } else {
-        this.fullReductionCouponSel = row;
-        this.quansSelArr.unshift(row);
+        if(dikouQuan){
+          this.quansSelArr=[dikouQuan]
+        }else{
+          this.quansSelArr = val;
+        }
       }
       console.log(this.quansSelArr)
     },
+    fullReductionCouponClick(row) {
+      if(row.id==this.fullReductionCouponSel.id){
+         this.fullReductionCouponSel={id:''}
+         this.quansSelArr.splice(0,1);
+         return 
+      }
+      const dikouQuan=this.quansSelArr[0]
+      this.fullReductionCouponSel = row;
+      if(dikouQuan&&dikouQuan.type==1){
+        this.$set(this.quansSelArr, 0, row)
+      }else{
+        this.quansSelArr.unshift(row);
+      }
+    },
     handleCurrentChange(val) {
       this.currentRow = val;
     },
@@ -154,6 +231,7 @@ export default {
         quans.fullReductionCoupon = quans.fullReductionCoupon.filter(
           (v) => v.use
         );
+        $originFullReductionCoupon=quans.fullReductionCoupon
         quans.productCoupon = quans.productCoupon.filter((v) => v.use);
         this.quans = quans;
       }
diff --git a/src/views/tool/Instead/index.vue b/src/views/tool/Instead/index.vue
index e7acf03..6732e9d 100644
--- a/src/views/tool/Instead/index.vue
+++ b/src/views/tool/Instead/index.vue
@@ -856,8 +856,8 @@
                     </div>
                   </div>
 
-                  <div class="forms">
-                    <div class="u-m-b-20 u-m-t-10" v-if="vipUser.id">
+                  <div class="forms" v-if="vipUser.id">
+                    <div class="u-m-b-20 u-m-t-10" >
                       <div class="u-flex u-flex-wrap">
                         <span class="font-bold no-wrap u-m-r-20">积分抵扣</span>
                         <el-radio-group
@@ -905,7 +905,7 @@
                       </div>
                     </div>
 
-                    <div class="u-flex flex-wrap">
+                    <div class="u-flex flex-wrap" >
                       <span class="font-bold no-wrap">优惠券</span>
                       <div
                         class="border u-p-l-20 cur-pointer u-m-r-20 u-flex no-wrap u-p-t-10 u-p-b-10 border-r-4 selQuan"
@@ -933,6 +933,18 @@
                           {{ scope.row.type == 1 ? "优惠券" : "商品券" }}
                         </template>
                       </el-table-column>
+                      <el-table-column label="商品信息">
+                <template v-slot="scope">
+                  <div class="u-flex " v-if="scope.row.type == 2">
+                    <el-image
+                      :src="scope.row.productCover"
+                      style="width: 40px; height: 40px"
+                      :preview-src-list="[scope.row.productCover]"
+                    ></el-image>
+                    <div class="u-m-l-10">{{ scope.row.productName }}</div>
+                  </div>
+                </template>
+              </el-table-column>
                       <el-table-column prop="useRestrictions" label="描述">
                       </el-table-column>
                     </el-table>
@@ -989,11 +1001,11 @@
                   </div>
                   <!-- <div class="detail_form_item">
                     <div class="left">满减优惠</div>
-                    <div class="right">-￥{{ manjian }}</div>
+                    <div class="right">-￥{{ coupdiscount }}</div>
                   </div> -->
                   <div class="detail_form_item">
                     <div class="left">优惠券</div>
-                    <div class="right">-￥{{ manjian }}</div>
+                    <div class="right">-￥{{ coupdiscount }}</div>
                   </div>
                   <div class="detail_form_item">
                     <div class="left">积分抵扣</div>
@@ -1333,7 +1345,7 @@
     <money-discount ref="refDiscount" @confirm="ChangeDiscount">
     </money-discount>
     <!-- 优惠券 -->
-    <quans-pop ref="refQuans" @confirm="quansConfirm"> </quans-pop>
+    <quans-pop ref="refQuans" :vipUser="vipUser" :orderPrice="currentPayMoney" :goodsArr="createOrder.data.detailList||[]"  @confirm="quansConfirm"> </quans-pop>
 
     <!-- 选择人数 -->
     <choose-diners-number
@@ -1406,6 +1418,7 @@ import {
   returnPackFee,
   formatOrderGoodsList,
   returnVipDiscountPrice,
+  returnCouponAllPrice
 } from "./util.js";
 import { $status } from "@/utils/table.js";
 
@@ -1641,24 +1654,30 @@ export default {
     isShowVipPrice() {
       return this.vipUser.isVip ? true : false;
     },
-    manjian() {
-      let result = 0;
-      if (this.quansSelArr.length < 0) {
-        result = 0;
-      }
-      const manjianQuan = this.quansSelArr.find((v) => v.type == 1);
-      if (!manjianQuan) {
-        result = 0;
-      } else {
-        result = manjianQuan.discountAmount;
+    coupdiscount() {
+      return returnCouponAllPrice(this.quansSelArr,this.createOrder.data.detailList||[],this.vipUser)
+    },
+    goodsDisCount(){
+      const goodsQuanArr=this.quansSelArr.filter(v=>v.type==2);
+      let result=0;
+      if(goodsQuanArr.length<0){
+        result=0;
+      }else{
+        result=goodsQuanArr.reduce((a,b)=>{
+          const item=this.createOrder.data.detailList.find(v=>v.productId==b.proId);
+          const memberPrice=item.memberPrice?item.memberPrice:item.price;
+          const price=item?(this.vipUser.isVip?memberPrice:item.price):0;
+          return a+price;
+        },0);
       }
       return result.toFixed(2);
     },
+    
     currentPayMoney() {
       const amount = this.createOrder.data.amount || 0;
       const discount = this.createOrder.discount || 1;
-      // const total=((amount - this.manjian) * this.createOrder.discount - this.points.toMoney)
-      const total = (amount - this.manjian) * this.createOrder.discount;
+      // const total=((amount - this.coupdiscount) * this.createOrder.discount - this.points.toMoney)
+      const total = (amount - this.coupdiscount) * this.createOrder.discount;
       return total <= 0 ? 0 : total;
     },
     yinFuJinE() {
@@ -2531,7 +2550,7 @@ export default {
       if (!canDiscount) {
         return;
       }
-      const amount = this.createOrder.data.amount - this.manjian;
+      const amount = this.createOrder.data.amount - this.coupdiscount;
       this.refToggle("refDiscount", true, {
         amount,
         discount: this.createOrder.discount * 100,
@@ -2776,15 +2795,20 @@ export default {
         if (!this.shopInfo.isTableFee) {
           await this.changePerpole();
         }
-        res = await $createOrder({
-          masterId: this.order.masterId || this.masterId,
-          vipUserId: this.createOrder.data.memberId || this.vipUser.id,
-          tableId: this.table.tableId,
-          note: this.note.content,
-          payAfter: this.payAfter,
-          orderld: this.order.orderId,
-        });
-        this.getOrderData({ orderId: res.id });
+        if (this.order.list.length > 0) {
+          res = await $createOrder({
+            masterId: this.order.masterId || this.masterId,
+            vipUserId: this.createOrder.data.memberId || this.vipUser.id,
+            tableId: this.table.tableId,
+            note: this.note.content,
+            payAfter: this.payAfter,
+            orderld: this.order.orderId,
+          });
+        } else {
+          res = true;
+        }
+        await this.getOrderData();
+        res = true;
       } catch (error) {}
       if (!res) {
         this.createOrder.status = "success";
@@ -3720,7 +3744,7 @@ export default {
       const res = await tbOrderInfoDetail(
         params ? params.orderId : this.createOrder.data.id
       );
-      this.masterId=res.masterId?res.masterId:this.masterId;
+      this.masterId = res.masterId ? res.masterId : this.masterId;
       if (res.tableId) {
         await this.getTableDetail(res.tableId);
       }
diff --git a/src/views/tool/Instead/util.js b/src/views/tool/Instead/util.js
index 000bdff..9d98a7c 100644
--- a/src/views/tool/Instead/util.js
+++ b/src/views/tool/Instead/util.js
@@ -119,6 +119,42 @@ export function returnIsSeatFee(item) {
  * 计算购物车会员优惠价格
  */
 export function returnVipDiscountPrice() {
-   
+
 }
 
+//计算商品券优惠价格
+export function returnProductCouponPrice(coup, goodsArr, vipUser) {
+    const item = goodsArr.find(v => v.productId == coup.proId);
+    const memberPrice = item.memberPrice ? item.memberPrice : item.price;
+    const price = item ? (vipUser.isVip ? memberPrice : item.price) : 0;
+    return price
+
+}
+//计算商品券总优惠价格
+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 returnFullCutCouponAllPrice(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=returnFullCutCouponAllPrice(coupArr)
+    return (poductAllprice+pointAllPrice).toFixed(2);
+}
\ No newline at end of file