From 9782256a8470882be940ea6dc7e17e3810416966 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Wed, 11 Dec 2024 17:30:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E8=AF=BE=E4=B8=8B=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/Instead.js                            |  37 ++--
 .../Instead/components/transfertoPinpin.vue   | 182 ++++++++++++++++++
 src/views/tool/Instead/index.vue              |  38 +++-
 3 files changed, 237 insertions(+), 20 deletions(-)
 create mode 100644 src/views/tool/Instead/components/transfertoPinpin.vue

diff --git a/src/api/Instead.js b/src/api/Instead.js
index 296c793..9b9970e 100644
--- a/src/api/Instead.js
+++ b/src/api/Instead.js
@@ -1,10 +1,10 @@
 // 代客下单
 import request from "@/utils/request";
 //就餐形式，默认堂食后付费
-const useType='dine-in-after'
-function getUseType(){
-  const type=localStorage.getItem("useType")
-  return type?type:useType
+const useType = 'dine-in-after'
+function getUseType() {
+  const type = localStorage.getItem("useType")
+  return type ? type : useType
 }
 
 // 购物车-临时菜添加
@@ -12,9 +12,9 @@ export function $temporaryDishes(data) {
   return request({
     url: '/api/place/temporaryDishes',
     method: "post",
-    data:{
+    data: {
       shopId: localStorage.getItem("shopId"),
-      useType:getUseType(),
+      useType: getUseType(),
       ...data
     }
   });
@@ -24,12 +24,27 @@ export function $updatePrice(data) {
   return request({
     url: '/api/place/updatePrice',
     method: "put",
-    data:{
+    data: {
       shopId: localStorage.getItem("shopId"),
       ...data
     }
   });
 }
+/**
+ * 购物车-转桌/并桌
+ */
+export function placeswitch(data) {
+  return request({
+    url: `/api/place/switch`,
+    method: "put",
+    data: {
+      shopId: localStorage.getItem("shopId"),
+      useType: localStorage.getItem("useType"),
+      ...data
+    }
+  });
+}
+
 
 // 团购券-获取可使用团购券列表
 
@@ -37,7 +52,7 @@ export function $thirdPartyCoupon(data) {
   return request({
     url: '/api/thirdPartyCoupon/list',
     method: "get",
-    params:{
+    params: {
       shopId: localStorage.getItem("shopId"),
       ...data
     }
@@ -48,7 +63,7 @@ export function $checkCoupon(data) {
   return request({
     url: '/api/place/checkCoupon',
     method: "post",
-    data:{
+    data: {
       shopId: localStorage.getItem("shopId"),
       ...data
     }
@@ -59,8 +74,8 @@ export function $waitCall(data) {
   return request({
     url: '/api/place/waitCall',
     method: "put",
-    data:{
-      useType:getUseType(),
+    data: {
+      useType: getUseType(),
       shopId: localStorage.getItem("shopId"),
       ...data
     }
diff --git a/src/views/tool/Instead/components/transfertoPinpin.vue b/src/views/tool/Instead/components/transfertoPinpin.vue
new file mode 100644
index 0000000..1839e51
--- /dev/null
+++ b/src/views/tool/Instead/components/transfertoPinpin.vue
@@ -0,0 +1,182 @@
+<template>
+    <div class="select_desk">
+        <el-dialog title="请选择商品" :visible.sync="show">
+            <div style="padding: 10px 0;display: flex;justify-content: space-between;align-items: center;">
+                <el-checkbox v-model="isFull">并桌</el-checkbox>
+                <el-select v-model="targetTableId" placeholder="请选择目标台桌">
+                    <el-option v-for="item in originTableList" :key="item.tableId" :label="item.name"
+                        :value="item.tableId" @click="changeTable(item, index)">
+                    </el-option>
+                </el-select>
+
+            </div>
+            <div v-if="!isFull">
+                <div v-if="itemdata.list.length > 0">
+                    <el-table ref="reftransfertoPinpin" :data="itemdata.list" tooltip-effect="dark" style="width: 100%"
+                        @selection-change="handleSelectionChange($event)">
+                        <el-table-column type="selection" width="55" />
+                        <el-table-column label="图片" prop="coverImg">
+                            <template slot-scope="scope">
+                                <el-image style="width: 50px; height: 50px" :src="scope.row.coverImg"
+                                    fit="cover"></el-image>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="名称" prop="name" />
+                        <el-table-column prop="number" label="数量" />
+                        <el-table-column prop="price" label="价格">
+                            <template slot-scope="scope">
+                                <div>
+                                    ￥{{ (scope.row.salePrice * scope.row.number).toFixed(2) }}
+                                </div>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+                <div v-else>
+                    <div v-for="(orderItem, orderIndex) in itemdata.old.list" :key="orderIndex">
+                        <h4>第{{ orderItem.placeNum }}次下单商品</h4>
+                        <el-table ref="reftransfertoPinpin" :data="orderItem.info" tooltip-effect="dark"
+                            style="width: 100%" @selection-change="handleSelectionChange($event, orderIndex)">
+                            <el-table-column type="selection" width="55" />
+                            <el-table-column label="图片" prop="coverImg">
+                                <template slot-scope="scope">
+                                    <el-image style="width: 50px; height: 50px" :src="scope.row.coverImg"
+                                        fit="cover"></el-image>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="名称" prop="name" />
+                            <el-table-column prop="number" label="数量" />
+                            <el-table-column prop="price" label="价格">
+                                <template slot-scope="scope">
+                                    <div>
+                                        ￥{{ (scope.row.salePrice * scope.row.number).toFixed(2) }}
+                                    </div>
+                                </template>
+
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div>
+            </div>
+            <div class="buttonbox">
+                <el-button type="primary" @click="confirm">确定</el-button>
+                <el-button @click="toggleSelection">取消</el-button>
+            </div>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script>
+import { placeswitch } from "@/api/Instead";
+export default {
+    data() {
+        return {
+            show: false,
+            itemdata: {},
+            list: [],
+            masterId: '',
+            currentTableId: '',
+            targetTableId: '',
+            originTableList: [],//桌台列表
+            multipleSelection: [],
+            isFull: false
+        };
+    },
+    methods: {
+        toggleSelection() {
+            if (this.itemdata.list.length > 0) {
+                this.$refs.reftransfertoPinpinclearSelection();
+            } else {
+                this.$refs.reftransfertoPinpin.forEach((a) => {
+                    a.clearSelection();
+                })
+            }
+        },
+        handleSelectionChange(val, index) {
+            try {
+                if (this.itemdata.list.length > 0) {
+                    this.multipleSelection = val
+                } else {
+                    this.itemdata.old.list.forEach((a, i) => {
+                        this.multipleSelection[index] = i === index ? val : this.multipleSelection[index] || []
+                    })
+                }
+            } catch (error) { }
+        },
+        async confirm() {
+            console.log(this.itemdata, this.multipleSelection)
+            if (!this.targetTableId) {
+                this.$message({
+                    message: '请选择目标台桌！',
+                    type: 'warning'
+                })
+                return false;
+            }
+            await placeswitch({
+                masterId: this.masterId,
+                orderId: this.itemdata.orderId,//当前台桌订单id 可选
+                cartIds: this.isFull ? '' : this.multipleSelection.flatMap(subArray => subArray.map(item => item.cartId)),//转单的购物车商品  并桌时可不传 可选
+                isFull: this.isFull,//并台会将全部购物车商品转入，默认为false 可选
+                currentTableId: this.currentTableId,
+                targetTableId: this.targetTableId,
+
+            })
+            this.$forceUpdate();
+            this.$emit("transfertoPinpin");
+            this.show = false;
+
+        },
+        open(item, masterId, currentTableId, originTableList) {
+            this.itemdata = item
+            this.masterId = masterId//取餐码
+            this.currentTableId = currentTableId//当前桌台id
+            this.originTableList = originTableList//台桌列表
+            try {
+                if (this.itemdata.list.length > 0) {
+                    this.$refs.reftransfertoPinpinclearSelection();
+                } else {
+                    this.$refs.reftransfertoPinpin.forEach((a) => {
+                        a.clearSelection();
+                    })
+                }
+            } catch (error) { }
+            this.show = true;
+        },
+        returnTableColor(key) {
+            const item = $status[key];
+            return item ? item.type : "";
+        },
+        changeTable(item, index) {
+            console.log(item, index)
+        },
+        searchInput(e) {
+            console.log(e);
+            // this.tableList = $originTableList.filter((v) =>
+            //     $strMatch(v.name, e.trim())
+            // );
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep.el-button {
+    padding: 12px 20px;
+}
+
+.select_desk {
+    .box {
+        margin: 20px 10px;
+
+        .boxspan {}
+
+    }
+
+    .buttonbox {
+        margin: 0 auto;
+        padding: 20px 0;
+        text-align: right;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tool/Instead/index.vue b/src/views/tool/Instead/index.vue
index 45b6311..f7a1f34 100644
--- a/src/views/tool/Instead/index.vue
+++ b/src/views/tool/Instead/index.vue
@@ -379,7 +379,7 @@
               删除
             </div>
 
-            <div class="btn" :class="{ disabled: !order.list.length || order.old.list.length }" @click="saveOrder">
+            <!-- <div class="btn" :class="{ disabled: !order.list.length || order.old.list.length }" @click="saveOrder">
               存单
             </div>
             <div class="btn relative" :class="{
@@ -389,7 +389,7 @@
               <span class="prve-car-len" v-if="prveOrder.list.length">{{
                 prveOrder.list.length
               }}</span>
-            </div>
+            </div> -->
 
             <!-- <div
                 class="btn"
@@ -434,7 +434,11 @@
               :class="{ disabled: isCreateOrder }">
               {{ returnWaingAllText }}
             </div>
-
+            <div class="btn no-wrap u-font-12" @click="clicktransfertoPinpin()"
+              v-if="table.name && useTypes.sel == 'dine-in'">
+              转桌/并桌
+            </div>
+            <!--  -->
             <!-- <div
                 class="btn"
                 :class="{ disabled: order.old.list.length <= 0 }"
@@ -1022,6 +1026,8 @@
     </popup-weight-goods>
     <!-- 可选套餐 -->
     <dialogpackage ref="refdialogpackage" @dialogpackageconfirm="dialogpackageconfirm"></dialogpackage>
+    <!-- 并桌/转桌 -->
+    <transfertoPinpin ref="refransfertoPinpin" @transfertoPinpin="xiadanClick"></transfertoPinpin>
   </div>
 </template>
 
@@ -1046,6 +1052,8 @@ import tuanQuanTable from "./components/tuan-quan-table.vue";
 import popupChooseGuazhang from "./components/popup-choose-guazhang.vue";
 import popupWeightGoods from "./components/popup-weight-goods.vue";
 import dialogpackage from "./components/dialogpackage.vue";
+import transfertoPinpin from "./components/transfertoPinpin.vue";
+
 
 
 import dayjs from "dayjs";
@@ -1122,7 +1130,8 @@ export default {
     cartItem,
     chooseDinersNumber,
     PopupChooseGuazhang,
-    dialogpackage
+    dialogpackage,
+    transfertoPinpin
   },
   data() {
     return {
@@ -1902,7 +1911,7 @@ export default {
     },
     //套餐下单
     async dialogpackageconfirm(item, multipleSelection) {
-      this.goodsClick(item, 1, true, multipleSelection.flatMap(subArray => subArray.map(item => item.proId))) 
+      this.goodsClick(item, 1, true, multipleSelection.flatMap(subArray => subArray.map(item => item.proId)))
     },
     //挂账人支付确认
     guazhangPayConfirm(guazhangren, price) {
@@ -2039,7 +2048,7 @@ export default {
     },
     quansConfirm(e, goodsPayPriceMap) {
       console.log(e);
-     // this.createOrder.discount = 1;
+      // this.createOrder.discount = 1;
       this.points.selected = "";
       e.map((v, index) => {
         return {
@@ -2881,7 +2890,18 @@ export default {
     //     return { ...v, cart: JSON.parse(v.cart) };
     //   });
     // },
-
+    clicktransfertoPinpin() {
+      if (this.order.list.length < 0) {
+        this.$message({
+          message: '请先选择商品！',
+          type: 'warning'
+        })
+        return false;
+      }
+      console.log(this.order, this.masterId, this.table.tableId, this.tableList)
+      // 订单信息，取餐码，用餐类型,台桌列表，桌台号id
+      this.$refs.refransfertoPinpin.open(this.order, this.masterId, this.table.tableId, this.tableList);
+    },
     //右侧控制按钮点击事件
     async orderBtnsClick(key) {
       const orderGoods = this.order.list[this.order.selIndex];
@@ -3438,8 +3458,8 @@ export default {
     },
     reset() {
       // this.goods.list = [];
-      this.isAllWaitCall=false;
-      this.selQuan=[];
+      this.isAllWaitCall = false;
+      this.selQuan = [];
       this.guazhangRen = "";
       this.order.status = "";
       this.loading = false;