Merge branch 'test' of https://e.coding.net/g-cphe0354/yinshoukeguanliduan/management into test

2024-10-29 13:33:36 +08:00
parent c3cd0e704e a67e109744
commit 99da7fcf5a
14 changed files with 754 additions and 291 deletions
--- a/.env.development
+++ b/.env.development
@@ -5,7 +5,10 @@ ENV = 'development'
 # VUE_APP_BASE_API  = 'http://192.168.2.42:8000'
 # VUE_APP_BASE_API  = 'http://192.168.2.133:8000'
 # 测试
-VUE_APP_BASE_API  = 'https://admintestpapi.sxczgkj.cn'
+# VUE_APP_BASE_API  = 'https://admintestpapi.sxczgkj.cn'
+#预发布
+VUE_APP_BASE_API  = 'https://pre-cashieradmin.sxczgkj.cn'
+
 # 生产
 # VUE_APP_BASE_API  = 'https://cashieradmin.sxczgkj.cn'
 # VUE_APP_BASE_API  = 'http://192.168.2.96:8000'
--- a/.env.production
+++ b/.env.production
@@ -3,13 +3,13 @@ ENV = 'production'
 # 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 # 测试
-VUE_APP_BASE_API  = 'https://admintestpapi.sxczgkj.cn'
+# VUE_APP_BASE_API  = 'https://admintestpapi.sxczgkj.cn'

 # 生产
 # VUE_APP_BASE_API  = 'https://cashieradmin.sxczgkj.cn'

 # 预发布接口
-# VUE_APP_BASE_API  = 'https://pre-cashieradmin.sxczgkj.cn'
+VUE_APP_BASE_API  = 'https://pre-cashieradmin.sxczgkj.cn'

 # VUE_APP_BASE_API  = 'http://192.168.2.98:8000'
 # 如果接口是 http 形式， wss 需要改为 ws
--- a/src/api/pad.js
+++ b/src/api/pad.js
@@ -69,3 +69,15 @@ export function productGroupPut(data) {
    data
  });
 }
+
+/**
+ * 拖动排序
+ * @returns
+ */
+export function productCategorySort(data) {
+  return request({
+    url: "/api/pad/productCategory/sort",
+    method: "post",
+    data
+  });
+}
--- a/src/api/table.js
+++ b/src/api/table.js
@@ -450,3 +450,14 @@ export function $returnOrder(data) {
    }
  });
 }
+//获取台桌详情状态
+export function $returnTableDetail(data) {
+  return request({
+    url: '/api/tbShopTable/state',
+    method: "get",
+    params:{
+      shopId: localStorage.getItem("shopId"),
+      ...data
+    }
+  });
+}
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -438,3 +438,15 @@ export function formatDecimal(num = 0, decimal = 2, isInt = false) {
    return parseFloat(num).toFixed(decimal);
  }
 }
+
+/**
+ * 传入数组，以及要交换位置的2个元素的下标
+ * @param {*} arr
+ * @param {*} i1
+ * @param {*} i2
+ * @returns
+ */
+export function swapArrayEle(arr, i1, i2) {
+  arr[i1] = arr.splice(i2, 1, arr[i1])[0];
+  return arr;
+}
--- a/src/views/application/member_points.vue
+++ b/src/views/application/member_points.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>会员积分</div>
+</template>
--- a/src/views/order_manage/components/orderDetail.vue
+++ b/src/views/order_manage/components/orderDetail.vue
@@ -130,12 +130,14 @@
              ￥{{ scope.row.priceAmount }}
            </template>
          </el-table-column>
-          <el-table-column label="操作">
+          <!-- <el-table-column label="操作">
            <template v-slot="scope">
-              <el-button v-if="detail.status=='closed'" type="text" size="mini" @click="tuikuan(scope.row)"><span >退款</span></el-button>
+              <template v-if="scope.row.status!='refund'">
+                <el-button v-if="detail.status=='closed'||detail.status=='refund'" type="text" size="mini" @click="tuikuan(scope.row)"><span >退款</span></el-button>
+              </template>
              <el-button v-if="detail.status=='unpaid'" type="text" size="mini" @click="tuiCai(scope.row)"><span >退菜</span></el-button>
            </template>
-          </el-table-column>
+          </el-table-column> -->
        </el-table>
      </div>
      <!-- </el-tab-pane> -->
--- a/src/views/product/add_shop.vue
+++ b/src/views/product/add_shop.vue
@@ -790,7 +790,7 @@ export default {
            this.form.selectSpec = JSON.stringify(this.selectSpec);
            this.form.specTableHeaders = JSON.stringify(this.specTableHeaders);
            this.form.specInfo = JSON.stringify(this.form.skuList);
-            this.form.skuList[0].costPrice = 0
+            // this.form.skuList[0].costPrice = 0
            this.form.skuList[0].originPrice = this.form.skuList[0].salePrice
            if (this.form.id) {
              await tbProductPut(this.form);
--- a/src/views/product/components/addClassify.vue
+++ b/src/views/product/components/addClassify.vue
@@ -14,12 +14,12 @@
            <el-form-item label="分类图片">
                <uploadImg ref="uploadImg" @success="res => form.pic = res[0]" @remove="form.pic = ''" />
            </el-form-item>
-            <el-form-item label="颜色标识">
+            <!-- <el-form-item label="颜色标识">
                <el-color-picker v-model="form.style"></el-color-picker>
                <div style="color: #999;">
                    标识色用在无图模式时的商品点单按钮显示，可以更有效的从视觉.上进行商品分组。
                </div>
-            </el-form-item>
+            </el-form-item> -->
            <el-form-item label="开关">
                <el-switch v-model="form.isShow" :active-value="1" :inactive-value="0"></el-switch>
            </el-form-item>
--- a/src/views/shop/components/addPadPage.vue
+++ b/src/views/shop/components/addPadPage.vue
@@ -17,9 +17,18 @@
                        </div>
                    </template>
                    <template v-else>
-                        <div class="btn_wrap">
+                        <div class="btn_wrap" v-if="!form.list.length">
                            <div class="btn">
-                                <el-button>一键生成菜单</el-button>
+                                <el-button @click="oneClick">一键生成菜单</el-button>
+                            </div>
+                        </div>
+                        <div class="goods_list" v-else>
+                            <div class="btn_wrap" :class="[`div${index + 1}`]" v-for="(item, index) in form.list"
+                                :key="index" @click="selectGoods(item)">
+                                <div class="info" :class="{ active: item.active }">
+                                    <span class="t1">{{ item.name }}</span>
+                                    <span class="t1">￥{{ item.lowPrice }}</span>
+                                </div>
                            </div>
                        </div>
                    </template>
@@ -43,6 +52,7 @@

 <script>
 import shopList from '@/components/shopList/index.vue'
+import { tbProduct } from '@/api/shop.js'
 import { layoutlist, productGroup, productCategoryDetail, productGroupPut } from '@/api/pad.js'
 export default {
    components: { shopList },
@@ -71,9 +81,58 @@ export default {
        this.layoutlist()
    },
    methods: {
+        // 选中菜品
+        selectGoods(item) {
+            item.active = !item.active
+        },
+        // 一键生成菜单
+        async oneClick() {
+            try {
+                const res = await tbProduct({
+                    categoryId: this.category,
+                    page: 0,
+                    size: 20,
+                    sort: "id",
+                    shopId: localStorage.getItem('shopId')
+                })
+                this.form.list = res.content.map((item, index) => {
+                    if (index == 0 || index == 12) {
+                        item.active = true
+                    } else {
+                        item.active = false
+                    }
+                    return item
+                })
+            } catch (error) {
+                console.log(error);
+            }
+        },
        // 提交
        async submitHandle() {
            try {
+                if (this.typeList.find(item => item.id == this.typeListActive).code == 'text-menu') {
+                    if (!this.form.list.length) {
+                        this.$notify.error({
+                            title: '错误',
+                            message: '请生成菜单'
+                        })
+                        return
+                    }
+                }
+
+                let isEmpty = true
+                this.form.list.map(item => {
+                    if (!item.id) isEmpty = false
+                })
+
+                if (!isEmpty) {
+                    this.$notify.error({
+                        title: '错误',
+                        message: '请添加商品'
+                    })
+                    return
+                }
+
                this.loading = true
                let res = null
                if (this.form.id) {
@@ -99,7 +158,17 @@ export default {
                    })
                }
                this.loading = false
-                this.$message.success(this.form.id ? '编辑成功' : '添加成功')
+                if (this.form.id) {
+                    this.$notify.success({
+                        title: '提示',
+                        message: '编辑成功'
+                    })
+                } else {
+                    this.$notify.success({
+                        title: '提示',
+                        message: '添加成功'
+                    })
+                }
                this.dialogVisible = false
                this.$emit('success')
            } catch (error) {
@@ -264,9 +333,139 @@ export default {
            }
        }

+        &.type6 {
+            .goods_list {
+                display: grid;
+                grid-template-columns: repeat(2, 1fr);
+                grid-template-rows: repeat(10, 1fr);
+                grid-column-gap: 20px;
+                grid-row-gap: 0px;
+
+                .div1 {
+                    grid-area: 1 / 1 / 2 / 2;
+                }
+
+                .div2 {
+                    grid-area: 2 / 1 / 3 / 2;
+                }
+
+                .div3 {
+                    grid-area: 3 / 1 / 4 / 2;
+                }
+
+                .div4 {
+                    grid-area: 4 / 1 / 5 / 2;
+                }
+
+                .div5 {
+                    grid-area: 5 / 1 / 6 / 2;
+                }
+
+                .div6 {
+                    grid-area: 6 / 1 / 7 / 2;
+                }
+
+                .div7 {
+                    grid-area: 7 / 1 / 8 / 2;
+                }
+
+                .div8 {
+                    grid-area: 8 / 1 / 9 / 2;
+                }
+
+                .div9 {
+                    grid-area: 9 / 1 / 10 / 2;
+                }
+
+                .div10 {
+                    grid-area: 10 / 1 / 11 / 2;
+                }
+
+                .div11 {
+                    grid-area: 1 / 2 / 2 / 3;
+                }
+
+                .div12 {
+                    grid-area: 2 / 2 / 3 / 3;
+                }
+
+                .div13 {
+                    grid-area: 3 / 2 / 4 / 3;
+                }
+
+                .div14 {
+                    grid-area: 4 / 2 / 5 / 3;
+                }
+
+                .div15 {
+                    grid-area: 5 / 2 / 6 / 3;
+                }
+
+                .div16 {
+                    grid-area: 6 / 2 / 7 / 3;
+                }
+
+                .div17 {
+                    grid-area: 7 / 2 / 8 / 3;
+                }
+
+                .div18 {
+                    grid-area: 8 / 2 / 9 / 3;
+                }
+
+                .div19 {
+                    grid-area: 9 / 2 / 10 / 3;
+                }
+
+                .div20 {
+                    grid-area: 10 / 2 / 11 / 3;
+                }
+            }
+        }
+
+        .goods_list {
+            height: 100%;
+        }
+
        .btn_wrap {
            flex: 1;
            height: 100%;
+            position: relative;
+
+            .info {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0;
+                left: 0;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                border-bottom: 1px solid #ececec;
+                padding: 0 20px;
+                font-size: 16px;
+                font-weight: bold;
+                overflow: hidden;
+
+                &.active {
+                    background-color: #BC1414;
+                    color: #fff;
+
+                    &::after {
+                        content: "";
+                        width: 120px;
+                        height: 60px;
+                        border: 22px solid #fff;
+                        border-top: none;
+                        border-right: none;
+                        opacity: .3;
+                        position: absolute;
+                        top: -20px;
+                        right: 10%;
+                        transform: rotate(-45deg);
+                    }
+                }
+            }

            .btn {
                height: 100%;
--- a/src/views/shop/pad_setting.vue
+++ b/src/views/shop/pad_setting.vue
@@ -2,8 +2,8 @@
    <div class="app-container">
        <div class="left_menu">
            <div class="search_wrap">
-                <el-input placeholder="名称/代码" v-model="query.name">
-                    <el-button slot="append" icon="el-icon-search"></el-button>
+                <el-input placeholder="名称/代码" v-model="query.name" @change="searchCateory">
+                    <el-button slot="append" icon="el-icon-search" @click="searchCateory"></el-button>
                </el-input>
            </div>
            <div class="tree_wrap">
@@ -15,16 +15,18 @@
            <div class="header_wrap">
                <el-button type="primary" @click="addHandle">新建</el-button>
            </div>
-            <div class="table">
-                <el-table :data="tableData.list" border height="100%" v-loading="tableData.loading">
+            <div class="table" id="table_drag">
+                <el-table ref="table" :data="tableData.list" border height="100%" v-loading="tableData.loading"
+                    row-key="id">
                    <el-table-column label="序号" type="index"></el-table-column>
+                    <el-table-column label="ID" prop="id" width="80"></el-table-column>
                    <el-table-column label="菜品名称" prop="productNames"></el-table-column>
                    <el-table-column label="类型" prop="padLayoutName"></el-table-column>
                    <el-table-column label="所属小类" prop="productCategoryName"></el-table-column>
                    <el-table-column label="自定义分类" prop="customName"></el-table-column>
-                    <el-table-column label="操作">
+                    <el-table-column label="操作" width="200">
                        <template v-slot="scope">
-                            <el-button type="text">拖动排序</el-button>
+                            <el-button type="text" v-if="isPcBowser">拖动排序</el-button>
                            <el-button type="text" @click="editorHandle(scope.row, 1)">编辑</el-button>
                            <el-popconfirm title="确定删除吗？" @confirm="delTableHandle(scope.row.id)">
                                <el-button type="text" slot="reference">删除</el-button>
@@ -45,10 +47,12 @@
 </template>

 <script>
+import Sortable from 'sortablejs'
 import AddPadPage from './components/addPadPage.vue'
 import { tbShopCategoryGet } from '@/api/shop'
-import { productGrouppage, productCategoryDelete } from '@/api/pad.js'
-import editor from 'mavon-editor';
+import { productGrouppage, productCategoryDelete, productCategorySort } from '@/api/pad.js'
+import { swapArrayEle } from '@/utils/index.js'
+
 export default {
    components: {
        AddPadPage
@@ -59,6 +63,7 @@ export default {
                name: ''
            },
            selectCatory: '',
+            treeDataOrgin: [],
            treeData: [],
            tableData: {
                loading: false,
@@ -71,8 +76,46 @@ export default {
    },
    mounted() {
        this.tbShopCategoryGet()
+        if (this.isPcBowser) {
+            this.$nextTick(() => {
+                this.tableDrag()
+            })
+        }
    },
    methods: {
+        // 搜索分类
+        searchCateory() {
+            this.treeData = this.treeDataOrgin.filter(item => {
+                return item.name.includes(this.query.name)
+            })
+        },
+        //表格拖拽
+        tableDrag() {
+            const el = document.querySelector('#table_drag .el-table__body-wrapper tbody')
+            new Sortable(el, {
+                animation: 150,
+                onEnd: async e => {
+                    // console.log('拖拽结束===', e);
+                    if (e.oldIndex == e.newIndex) return
+
+                    let arr = swapArrayEle(this.tableData.list, e.oldIndex, e.newIndex)
+                    console.log(arr);
+                    let data = arr.map((item, index) => {
+                        return {
+                            id: item.id,
+                            sort: index
+                        }
+                    })
+
+                    try {
+                        await productCategorySort(data)
+                        this.getTableData()
+                    } catch (error) {
+                        console.log(error);
+                    }
+                }
+            });
+        },
        // 删除
        async delTableHandle(id) {
            try {
@@ -97,7 +140,10 @@ export default {
            if (this.selectCatory.id) {
                this.$refs.AddPadPage.show()
            } else {
-                this.$message.warning('请选择分类')
+                this.$notify.error({
+                    title: '错误',
+                    message: '请选择分类'
+                })
            }
        },
        // 分类被点击
@@ -116,6 +162,7 @@ export default {
                    sort: 'id,desc',
                    shopId: localStorage.getItem('shopId')
                })
+                this.treeDataOrgin = res.content
                this.treeData = res.content
                this.getTableData()
            } catch (error) {
--- a/src/views/tool/Instead/components/scan-pay.vue
+++ b/src/views/tool/Instead/components/scan-pay.vue
@@ -118,6 +118,7 @@ export default {
      number: "0",
      show: false,
      timer: null,
+      payPar:{}
    };
  },
  watch: {
@@ -136,17 +137,10 @@ export default {
          this.$refs.refInputCode.focus();
        });
      } else {
+        this.getPayUrl()
        this.tips = "请用户使用微信/支付宝扫描付款码";
        this.startGetOrderInfo();
-        this.$nextTick(() => {
-          QRCode.toCanvas(
-            this.$refs.canvas,
-            this.paymentQrcode,
-            function (error) {
-              console.log(error);
-            }
-          );
-        });
+        
      }
    },
    number(newval) {
@@ -192,14 +186,28 @@ export default {
      this.close();
      this.$emit("confirm", this.form.code);
    },
-    open() {
-      this.show = true;
-      this.form.money = Number(this.price).toFixed(2);
-      if (this.openSwitch) {
-        $getOrderPayUrl({ orderId: this.order.id,payAmount:this.price.toFixed(2) }).then((res) => {
+    getPayUrl(){
+      $getOrderPayUrl(this.payPar).then((res) => {
          console.log(res);
          this.paymentQrcode = res;
+          this.$nextTick(() => {
+          QRCode.toCanvas(
+            this.$refs.canvas,
+            this.paymentQrcode,{width: 160,
+              height: 160,},
+            function (error) {
+              console.log(error);
+            }
+          );
        });
+        });
+    },
+    open(data) {
+      this.show = true;
+      this.form.money = Number(this.price).toFixed(2);
+      this.payPar=data
+      if (this.openSwitch) {
+        // this.getPayUrl();
      }
      this.$nextTick(() => {
        this.$refs.refInputCode.focus();
--- a/src/views/tool/Instead/index.vue
+++ b/src/views/tool/Instead/index.vue
@@ -46,7 +46,13 @@
            trigger="click"
            v-model="tableShow"
          >
-            <div style="max-height: 398px; overflow-y: scroll">
+          <el-input
+              placeholder="请输入内容"
+              prefix-icon="el-icon-search"
+              v-model="tableSearchText"
+              @input="searchInput">
+            </el-input>
+            <div style="max-height: 398px; overflow-y: scroll" class="u-m-t-12">
              <div
                class="u-flex u-row-between u-p-t-8 table-item u-p-b-8 u-p-r-30"
                v-for="(item, index) in tableList"
@@ -54,7 +60,7 @@
                @click="changeTable(item, index)"
              >
                <span> {{ item.name }}</span>
-                <span :style="{ color: status[item.status].type }">
+                <span :style="{ color: returnTableColor(item.status) }">
                  {{
                    status[item.status] ? status[item.status].label : ""
                  }}</span
@@ -396,6 +402,7 @@
                </div>

                <div class="flex mt-14">
+                  <template v-if="table">
                    <template v-if="!postPay">
                      <template v-if="isCreateOrder">
                        <!-- <template v-if="false"> -->
@@ -469,6 +476,20 @@
                        </div>
                      </template>
                    </template>
+                  </template>
+                  <template v-else>
+                    <button class="my-btn flex-1 primary" @click="scanPayClick">
+                      <span>微信/支付宝</span>
+                    </button>
+                    <div style="width: 15px"></div>
+                    <button class="my-btn flex-1 primary" @click="cashPayClick">
+                      <span>现金</span>
+                    </button>
+                    <div style="width: 15px"></div>
+                    <button class="my-btn flex-1 default" @click="morePayClick">
+                      <span>更多支付</span>
+                    </button>
+                  </template>
                </div>
              </div>
            </div>
@@ -594,7 +615,11 @@
              </div> -->
          </div>
        </div>
-        <div class="goods">
+        <div
+          class="goods"
+          v-infinite-scroll="loadMoreGoods"
+          infinite-scroll-distance="40"
+        >
          <template v-if="!isCreateOrder">
            <div class="flex categoty u-col-center">
              <div
@@ -637,7 +662,8 @@
            >
              未找到相关商品
            </div>
-            <div class="goods-list" v-if="goods.list.length">
+            <template v-if="goods.list.length">
+              <div class="goods-list">
                <div
                  class="goods-item"
                  :class="{
@@ -659,7 +685,12 @@
                  </div> -->

                  <div class="flex img-box" v-if="layout.sel !== 'text'">
-                  <img class="goods-img" :src="item.coverImg" alt="" />
+                    <!-- <img class="goods-img" :src="item.coverImg" alt="" /> -->
+                    <el-image
+                      :src="item.coverImg"
+                      scroll-container="goods"
+                      class="goods-img"
+                    ></el-image>
                    <template v-if="layout.sel === 'img-and-text'">
                      <div class="sell-out-svg" v-if="isSellOut(item)">
                        <svg
@@ -749,6 +780,16 @@
                  </div>
                </div>
              </div>
+              <div class="u-m-t-20 color-999 text-center">
+                {{ goods.status == "end" ? "没有更多了" : "加载中" }}
+              </div>
+            </template>
+            <div
+              class="no-search-result"
+              v-if="goods.list.length <= 0 && goods.query.productId === ''"
+            >
+              未找到相关商品
+            </div>
          </template>

          <template v-else>
@@ -945,6 +986,7 @@
      </div>

      <div slot="footer">
+        <template v-if="skuGoods.data">
          <div class="flex row-between">
            <div>
              <div class="price">￥ {{ skuGoods.data.salePrice | to2 }}</div>
@@ -973,26 +1015,51 @@
              v-if="!skuGoods.data.isGrounding"
              disabled
            >
-            已下架/库存不足
+              已下架
            </button>
-          <template v-else>
            <button
              class="my-btn disabled flex-1"
-              v-if="skuGoods.data.stockNumber <= 0"
+              v-else-if="
+                selGoods.isStock == 1 && skuGoods.data.stockNumber <= 0
+              "
              disabled
            >
              库存不足
            </button>
-            <button
-              class="my-btn primary flex-1"
-              v-else
-              :disabled="CanConfirm"
-              @click="chooseSkuConfirm"
-            >
+            <template v-else>
+              <button class="my-btn primary flex-1" @click="chooseSkuConfirm">
                确定
              </button>
            </template>
          </div>
+        </template>
+        <template v-else>
+          <div class="flex row-between">
+            <div>
+              <div class="price">￥</div>
+              <div class="sku-group-text">
+                <span> </span>
+                <span>库存：</span>
+              </div>
+            </div>
+            <div class="flex">
+              <i class="icon-remove" @click="skuNumberReduce"></i>
+              <div style="width: 40px" class="number-box">
+                <el-input
+                  :min="0"
+                  :max="0"
+                  type="number"
+                  placeholder="0"
+                ></el-input>
+              </div>
+              <!-- <i class="el-icon-remove"></i> -->
+              <i class="el-icon-circle-plus icon-add" @click="skuNumberAdd"></i>
+            </div>
+          </div>
+          <div class="flex" style="margin-top: 14px">
+            <button class="my-btn disabled flex-1" disabled>已下架/售罄</button>
+          </div>
+        </template>
      </div>
    </el-dialog>

@@ -1166,7 +1233,7 @@

    <return-cart
      ref="refReturnCart"
-      :max="order.selGoods.number"
+      :max="order.selGoods ? order.selGoods.number : 1"
      @confirm="refReturnCartConfirm"
    ></return-cart>
  </div>
@@ -1209,16 +1276,19 @@ import {
  $printOrder,
  tbShopTableGet,
  $changeUseType,
+  $returnTableDetail,
 } from "@/api/table";
 import { tbShopCategoryGet } from "@/api/shop";
 import {
  isCanBuy,
  arrayContainsAll,
  generateCombinations,
-  returnReverseVal,
+  returnReverseVal,$strMatch,
  returnGiftArr,
 } from "./util.js";
 import { $status } from "@/utils/table.js";
+
+let $originTableList=[]
 export default {
  components: {
    returnCart,
@@ -1234,6 +1304,8 @@ export default {
  },
  data() {
    return {
+      //台桌搜索文字
+      tableSearchText:"",
      //是否允许收款
      canShoukuan: false,
      //是否允许下单
@@ -1261,6 +1333,11 @@ export default {
      },
      //台桌列表
      tableList: [],
+      //台桌参数
+      tableQuery: {
+        page: 1,
+        size: 999,
+      },
      tableShow: false,
      status: $status,
      //就餐人数
@@ -1293,10 +1370,7 @@ export default {
      },
      skuGoods: {
        number: 1,
-        data: {
-          stockNumber: 0,
-          salePrice: 0,
-        },
+        data: undefined,
      },
      selGoods: {
        isEdit: false,
@@ -1312,12 +1386,13 @@ export default {
      informationdialogshow: false,
      informationdialogshowedit: false,
      goods: {
+        status: "loadmore", //loadmore end
        list: [],
        query: {
          productId: "",
          categoryId: "",
          page: 1,
-          size: 300,
+          size: 66,
        },
        loading: false,
        total: 0,
@@ -1554,13 +1629,22 @@ export default {
      this.selGoods.show = false;
    },
    CanConfirm() {
-      if (!this.selGoods.skuList.length) {
-        return true;
-      }
-      return (
-        this.selGoods.skuList.filter((v) => v.sel !== "").length !==
-        this.selGoods.skuList.length
-      );
+      // if (!this.skuGoods.data) {
+      //   return;
+      // }
+      // if (!this.selGoods.skuList.length) {
+      //   return true;
+      // }
+      // const canBuyArr = this.selGoods.skuList.filter((v) =>
+      //   isCanBuy(v, this.selGoods.isStock)
+      // );
+      // if (canBuyArr.length <= 0) {
+      //   return true;
+      // }
+      // return (
+      //   this.selGoods.skuList.filter((v) => v.sel !== "").length !==
+      //   this.selGoods.skuList.length
+      // );
    },
  },
  filters: {
@@ -1581,6 +1665,12 @@ export default {
    },
  },
  watch: {
+    "goods.query.categoryId": function (newval) {
+      this.goods.query.page = 1;
+      this.goods.list = [];
+      this.goods.status = "loadmore";
+      this.getGoods();
+    },
    "useTypes.sel": function (newval, oldval) {
      console.log(newval);
      this.setPostPay();
@@ -1740,6 +1830,20 @@ export default {
    this.open(this.$route.query.tableId ? this.$route.query : "");
  },
  methods: {
+    searchInput(e){
+      console.log(e)
+      this.tableList=$originTableList.filter(v=>$strMatch(v.name,e.trim()))
+    },
+    returnTableColor(key) {
+      const item = $status[key];
+      return item ? item.type : "";
+    },
+    loadMoreGoods() {
+      if (this.goods.query.page * this.goods.query.size < this.goods.total) {
+        this.goods.query.page = this.goods.query.page + 1;
+        this.getGoods();
+      }
+    },
    async shoukuanClick() {
      this.canShoukuan = await hasPermission("允许收款");
      return this.canShoukuan;
@@ -1748,7 +1852,6 @@ export default {
    async xiadanClick() {
      this.canXiadan = await hasPermission("允许下单");
      return this.canXiadan;
-
    },
    changeOrderExtraSel(index, canChangeNumber, placeNum) {
      // console.log(index,canChangeNumber,placeNum)
@@ -1855,10 +1958,11 @@ export default {
      if (!canJiesuan) {
        return;
      }
-      await this.returnCreateOrderData();
-      this.payBeforeClear();
+      const order = await this.returnCreateOrderData();
+      console.log(this.createOrder.data);
      this.order.payType = "scanCode";
-      this.payTypeItemClick({ payType: "scanCode" });
+      this.payTypeItemClick({ payType: "scanCode", order });
+      this.payBeforeClear();
    },
    async changeOrderUseType(useType) {
      if (useType && this.order.list.length) {
@@ -2010,16 +2114,51 @@ export default {
    async getTable() {
      try {
        const { content, total } = await tbShopTableGet({
+          ...this.tableQuery,
          shopId: localStorage.getItem("shopId"),
        });
        this.tableList = content.filter(
          (v) => v.status != "closed" && v.status != "cleaning"
        );
+        $originTableList=this.tableList
      } catch (error) {
        console.log(error);
      }
    },
-    changeTable(item) {
+    async changeTable(item) {
+      console.log(this.table);
+      if (this.table || this.order.list.length <= 0) {
+        this.table = item;
+        this.tableShow = false;
+        return;
+      }
+      if (item.status != "idle") {
+        return this.$message.error("该台桌已在使用中");
+      }
+      const res = await $returnTableDetail({
+        tableId: item.tableId,
+      });
+      let res1 = null;
+      if (res.cartCount > 0) {
+        try {
+          res1 = await this.$confirm(
+            "该台桌购物车里有商品，是否清除该台桌里的商品?",
+            "提示",
+            {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            }
+          );
+        } catch (e) {
+          console.log(e);
+        }
+      }
+      await $choseTable({
+        masterId: this.masterId,
+        tableId: item.tableId,
+        isClear: res1 == "confirm" ? true : false,
+      });
      this.table = item;
      this.tableShow = false;
    },
@@ -2035,9 +2174,8 @@ export default {
      }
      this.pays();
    },
-    payTypeItemClick(item) {
-      console.log(item);
-      console.log(this.vipUser.id);
+    payTypeItemClick(item, order) {
+      order = order ? order : this.createOrder.data;
      if (item.payType == "vipPay") {
        return this.refChooseUserOpen();
      }
@@ -2047,7 +2185,10 @@ export default {
      }
      if (item.payType == "scanCode") {
        //扫码支付
-        return this.refToggle("refWxScanCode", true);
+        return this.refToggle("refWxScanCode", true, {
+          orderId: order.id,
+          payAmount: (this.createOrder.data.amount * order.discount).toFixed(2),
+        });
      }
    },
    ChangeDiscount(discount) {
@@ -2181,7 +2322,12 @@ export default {
        return this.refChooseUserOpen();
      }
      if (this.order.payType == "scanCode") {
-        return this.refToggle("refWxScanCode", true);
+        return this.refToggle("refWxScanCode", true, {
+          orderId: this.createOrder.data.id,
+          payAmount: (
+            this.createOrder.data.amount * this.createOrder.discount
+          ).toFixed(2),
+        });
      }
      if (this.order.payType == "deposit") {
        return this.refToggle("refScanCode", true);
@@ -2272,14 +2418,15 @@ export default {
      console.log(this.order.orderId);
      let res = "";
      try {
+        if (!this.shopInfo.isTableFee) {
          const seatFee = await $choseCount({
            masterId: this.masterId,
            tableId: this.table.tableId,
            num: this.perpole,
          });
          this.order.seatFee = seatFee;
-
          this.order.seatFee = res;
+        }
        res = await $createOrder({
          masterId: this.order.masterId || this.masterId,
          vipUserId: this.vipUser.id,
@@ -2315,23 +2462,15 @@ export default {
    },

    // 获取取餐号
-    getMasterId() {
-      // if(!this.table.tableId){
-      //   return this.$message.error("请选择桌台");
-      // }
-      if (this.table.tableId) {
-        return $getMasterId({
+    async getMasterId() {
+      const res = await $getMasterId({
        tableId: this.table.tableId,
        orderId: this.table.orderId,
        vipUserId: this.vipUser.id,
        useType: this.useTypes.sel == "takeout" ? "takeout" : "",
      });
-      } else {
-        // return $getMasterId({
-        //   useType:'takeout',
-        //   vipUserId: this.vipUser.id,
-        // });
-      }
+      this.masterId = res.masterId;
+      return res;
    },
    onSelGoodsSkuClose() {
      this.selGoods.isEdit = false;
@@ -2884,7 +3023,7 @@ export default {
              .filter((v) => v.specSnap.match(i))
              .every((v) => {
                // return isCanBuy(v,this.selGoods.data.isStock)
-                return !isCanBuy(v, true);
+                return !isCanBuy(v, this.selGoods.data);
              });
          }
        }
@@ -3007,7 +3146,7 @@ export default {
        return prve;
      }, {});
      const canBudyGoods = this.selGoods.data.specList
-        .filter((v) => isCanBuy(v, true))
+        .filter((v) => isCanBuy(v, this.selGoods.data))
        .sort((a, b) => {
          const aNumber = a.specSnap.split(",").reduce((prve, cur) => {
            return prve + skuMapNumber[cur];
@@ -3021,6 +3160,7 @@ export default {
    },
    //设置商品默认选中,规格禁止以及选中
    setSkugoodsDefaultInit() {
+      this.skuGoods.data = undefined;
      const skuList = this.selGoods.skuList;
      const goodsListMap = this.selGoods.skuMap;
      const skuGoods = this.findGoods(skuList, goodsListMap);
@@ -3056,9 +3196,9 @@ export default {
    },
    //根据右侧商品单规格多规格做不同处理
    async goodsClick(item) {
-      if (!this.table) {
-        return this.$message.error("暂不支持无桌台下单，请先选择桌台");
-      }
+      // if (!this.table) {
+      //   return this.$message.error("暂不支持无桌台下单，请先选择桌台");
+      // }
      if (item.typeEnum === "sku") {
        this.selGoods.data = item;
        this.selGoods.skuMap = {};
@@ -3109,6 +3249,10 @@ export default {
      }
    },
    async getGoods() {
+      if (this.goods.status == "end") {
+        return;
+      }
+      this.goods.status = "loadmore";
      const res = await getGoodsLists(this.goods.query);
      let $goodsMap = {};
      const goods = res.records.filter((v) => {
@@ -3124,8 +3268,11 @@ export default {
        });
        return isShow;
      });
-      console.log($goodsMap);
-      this.goods.list = goods;
+      for (let i in goods) {
+        this.goods.list.push(goods[i]);
+      }
+      this.goods.status =
+        this.goods.list.length >= res.total ? "end" : "loadmore";
      this.goods.total = res.total;
      this.$goodsData = goods;
    },
@@ -3181,7 +3328,7 @@ export default {
    },
    close() {
      if (this.table.tableId) {
-        this.$router.replace({ path: "/table/table_list" });
+        this.$router.replace({ path: "/tool/table_list" });
      } else {
        this.$router.go(0);
        // this.reset();
@@ -3975,11 +4122,12 @@ input[type="number"]::-webkit-outer-spin-button {
    .goods-list {
      display: flex;
      flex-wrap: wrap;
-
+      min-height: 10px;
      .goods-item {
        position: relative;
        cursor: pointer;
-        min-width: 98px;
+        // min-width: 98px;
+        min-width: 100px;
        max-width: 100px;
        height: 100px;
        // flex: 1;
@@ -4447,6 +4595,11 @@ input[type="number"]::-webkit-outer-spin-button {
 ::v-deep .cashier_left .el-form-item__label {
  text-align: left;
 }
+::v-deep .goods .el-image {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
 .cashier_left .detail_box .usercard .info .nickname .vip_level {
  font-size: 12px;
  padding: 0 5px;
--- a/src/views/tool/Instead/util.js
+++ b/src/views/tool/Instead/util.js
@@ -1,6 +1,17 @@
 //判断商品是否可以下单
-export function isCanBuy(goods,isStock) {
-    return goods.isGrounding && goods.isPauseSale == 0 && (isStock?goods.stockNumber > 0:true) ;
+export function isCanBuy(skuGoods,goods) {
+    if(goods.typeEnum=='normal'){
+        //单规格
+        return goods.isGrounding&&goods.isPauseSale==0&&(goods.isStock?goods.stockNumber>0:true);
+    }else{
+        //多规格
+        return  goods.isGrounding&&goods.isPauseSale==0&&skuGoods.isGrounding&&skuGoods.isPauseSale==0&&(goods.isStock?goods.stockNumber>0:true);
+
+    }
+}
+//字符匹配
+export function $strMatch(matchStr,str){
+    return matchStr.toLowerCase().includes(str.toLowerCase())
 }

 // 一个数组是否包含另外一个数组全部元素
@@ -15,6 +26,8 @@ export function arrayContainsAll(arr1, arr2) {

 //n项 n-1项组合，生成全部结果
 export function generateCombinations(arr, k) {
+    console.log(arr)
+    console.log(k)
    let result = [];

    function helper(index, current) {