优化订单结算不去结算购物车

electron/main.js

@@ -5,7 +5,6 @@ import axios from "axios";
 import os from "os";
 import fs from "fs";
 import { exec } from "child_process";
-import { printReceipt, printHandoverReceipt, printRefund } from "./printService";
 
 // ===== 核心配置：单文件缓存 =====
 // 固定的缓存文件路径（永远只存这1个文件）
@@ -107,46 +106,6 @@ app.whenReady().then(() => {
       });
   });
 
-  // 打印结算小票
-  ipcMain.on('networkPrint', async (event, arg) => {
-    try {
-      let _parmas = JSON.parse(arg);
-      console.log(_parmas);
-      console.log(_parmas.orderData.carts);
-      await printReceipt(_parmas.printerIp, _parmas.orderData);
-      return { ok: true }
-    } catch (e) {
-      console.log(e);
-      return { ok: false, msg: e.message }
-    }
-  })
-
-  // 打印交班小票
-  ipcMain.on('printHandoverReceipt', async (event, arg) => {
-    try {
-      let _parmas = JSON.parse(arg);
-      console.log(_parmas);
-      await printHandoverReceipt(_parmas.printerIp, _parmas.handoverData);
-      return { ok: true }
-    } catch (e) {
-      console.log(e);
-      return { ok: false, msg: e.message }
-    }
-  });
-
-  // 打印退菜单/退款小票
-  ipcMain.on('printRefund', async (event, arg) => {
-    try {
-      let _parmas = JSON.parse(arg);
-      // console.log(_parmas);
-      await printRefund(_parmas.printerIp, _parmas.orderData);
-      return { ok: true }
-    } catch (e) {
-      console.log(e);
-      return { ok: false, msg: e.message }
-    }
-  });
-
   app.on("activate", () => {
     // 在 macOS 系统内, 如果没有已开启的应用窗口
     // 点击托盘图标时通常会重新创建一个新窗口

electron/printService.js

@@ -1,529 +0,0 @@
-// 网口打印机管理（80mm 终极美化版 · 无多余间距最终版）
-import net from 'net'
-import iconv from 'iconv-lite'
-
-// ======================== 全局工具函数 ========================
-const getPrintWidth = (str) => {
-    let width = 0
-    const s = String(str || '')
-    for (let i = 0; i < s.length; i++) {
-        const char = s.charAt(i)
-        if (/[\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef]/.test(char)) {
-            width += 2
-        } else {
-            width += 1
-        }
-    }
-    return width
-}
-
-const padLeftAlign = (str, targetWidth) => {
-    const s = String(str || '')
-    const currentWidth = getPrintWidth(s)
-    const spaceNum = Math.max(0, targetWidth - currentWidth)
-    return s + ' '.repeat(spaceNum)
-}
-
-const padRightAlign = (str, targetWidth) => {
-    const s = String(str || '')
-    const currentWidth = getPrintWidth(s)
-    const spaceNum = Math.max(0, targetWidth - currentWidth)
-    return ' '.repeat(spaceNum) + s
-}
-
-const truncateByPrintWidth = (str, maxWidth) => {
-    const s = String(str || '')
-    let width = 0
-    let result = ''
-    for (const char of s) {
-        const charWidth = /[\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef]/.test(char) ? 2 : 1
-        if (width + charWidth > maxWidth) break
-        result += char
-        width += charWidth
-    }
-    return result
-}
-
-const centerAlign = (str, lineWidth = 48) => {
-    const s = String(str || '').trim(); // 去除首尾空格，避免干扰
-    const currentWidth = getPrintWidth(s);
-    if (currentWidth >= lineWidth) return s; // 内容超宽时直接返回，不居中
-
-    const totalPad = lineWidth - currentWidth;
-    const leftPad = Math.floor(totalPad / 2);
-    const rightPad = totalPad - leftPad; // 避免奇数宽度时总长度超行宽
-
-    // 用空格填充左右，保证总宽度严格等于 lineWidth
-    return ' '.repeat(leftPad) + s + ' '.repeat(rightPad);
-};
-
-const createDivider = (lineWidth = 48, type = 'full') => {
-    const fullChar = '═'
-    const thinChar = '─'
-    const char = type === 'full' ? fullChar : thinChar
-    return char.repeat(Math.ceil(lineWidth / 2)).substring(0, lineWidth)
-}
-
-const setupPrinter = (socket, options = {}) => {
-    socket.write(Buffer.from([0x1B, 0x40]))
-    if (options.fontSize) {
-        socket.write(Buffer.from([0x1B, 0x21, options.fontSize]))
-    }
-    if (options.bold) {
-        socket.write(Buffer.from([0x1B, 0x45, options.bold ? 0x01 : 0x00]))
-    }
-}
-
-// 用餐模式 堂食 dine-in 外带 take-out 外卖 take-away
-const dineModeFilter = t => {
-    if (t === 'dine-in') return '堂食'
-    if (t === 'take-out') return '外带'
-    if (t === 'take-away') return '外卖'
-    return t
-}
-
-// ======================== 打印结算小票 ========================
-export function printReceipt(printerIp, order) {
-    return new Promise((resolve) => {
-        const socket = new net.Socket()
-        const lineWidth = 48
-        socket.setTimeout(8000)
-
-        const formatAmount = (amount) => Number(amount || 0).toFixed(2)
-
-        socket.connect(9100, printerIp, () => {
-            try {
-                setupPrinter(socket)
-
-                // ======================== 标题区域（彻底修复居中问题！） ========================
-                const title1 = order.shop_name || '';
-                let title2 = `结算单 #${order.orderInfo.orderNum}`
-                if (order.isBefore && !order.isGuest) {
-                    title2 = `${order.isBefore ? '预' : ''}结算单 #${order.orderInfo.orderNum}`;
-                }
-                if (order.isGuest && order.isBefore) {
-                    title2 = `客看单 #${order.orderInfo.orderNum}`;
-                }
-
-                // 核心修复：先写入空行清空打印机缓冲区，避免残留字符干扰居中起始位置
-                socket.write(iconv.encode('\n', 'gbk'));
-
-                // 步骤1：重置打印机格式（避免残留格式影响）
-                socket.write(Buffer.from([0x1B, 0x40]));
-                // 步骤2：居中对齐标题
-                socket.write(Buffer.from([0x1B, 0x61, 0x01])); // 1 = center
-                // 步骤3：设置标题1的格式（加粗+大号字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x11])); // 字号放大（0x11 是常用放大值）
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(title1 + '\n', 'gbk'));
-
-                // 步骤4：恢复格式，打印标题2（常规字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 恢复默认字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                socket.write(iconv.encode(title2 + '\n\n', 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x61, 0x00])); // 0 = left
-
-                // ======================== 订单信息（修复显示+换行问题） ========================
-                const tableLine = padLeftAlign('桌台号：', 8) + padLeftAlign(order.orderInfo.tableName || '无', 14) + '\n'
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 正常字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(tableLine, 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-
-                let orderInfo = ''
-
-                // 修复：打印机-用餐模式 + 就餐人数 展示逻辑
-                const dineModeText = dineModeFilter(order.orderInfo.dineMode)
-                // 1. 拼接打印机+用餐模式文本，空值兜底
-                const printerDineText = `${order.printerName || '未知打印机'}-${dineModeText || '未知模式'}`
-                // 2. 截断超长文本（左侧分配20宽度，保证不超限）
-                const truncatedPrinterDine = truncateByPrintWidth(printerDineText, 20)
-                // 3. 左侧左对齐填充20宽度（保证占满分配空间，不浪费空白）
-                const leftPart = padLeftAlign(truncatedPrinterDine, 20)
-                // 4. 右侧就餐人数：空值兜底为“无”，右对齐填充28宽度（20+28=48，刚好行宽）
-                const seatNumText = order.orderInfo.seatNum || '0'
-                const rightPart = padRightAlign(`${seatNumText}人`, 28) // 加标签更清晰，也可只显示数字
-
-                orderInfo += leftPart + rightPart + '\n'
-                if (!order.isBefore) {
-                    orderInfo += padLeftAlign('结账时间：', 10) + padLeftAlign(order.createdAt || '-', 38) + '\n'
-                }
-                orderInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                // ======================== 商品表格 ========================
-                orderInfo += padLeftAlign('品名', 18)
-                orderInfo += padLeftAlign('单价', 8)
-                orderInfo += padLeftAlign('数量', 6)
-                orderInfo += padRightAlign('小计', 16) + '\n'
-                orderInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                order.carts.forEach(item => {
-                    const name = truncateByPrintWidth(item.name || '未知商品', 18)
-                    const price = formatAmount(item.salePrice)
-                    const num = item.number || 1
-                    const total = formatAmount(item.totalAmount)
-                    orderInfo += padLeftAlign(name, 18)
-                    orderInfo += padLeftAlign(price, 8)
-                    orderInfo += padLeftAlign(num, 6)
-                    orderInfo += padRightAlign(total, 16) + '\n'
-                })
-
-                orderInfo += createDivider(lineWidth, 'thin') + '\n'
-                orderInfo += padLeftAlign('原价', 10) + padRightAlign(formatAmount(order.originAmount), 38) + '\n'
-                orderInfo += padLeftAlign('优惠金额', 10) + padRightAlign(`-${formatAmount(order.discountAllAmount)}`, 38) + '\n'
-                orderInfo += padLeftAlign('备注：', 6) + padLeftAlign(order.remark || '无', 38) + '\n'
-                orderInfo += createDivider(lineWidth, 'thin') + '\n'
-                socket.write(iconv.encode(orderInfo, 'gbk'))
-
-                // ======================== 付款信息 ========================
-                const payableLine = padLeftAlign('应付', 10) + padRightAlign(formatAmount(order.originAmount), 51) + '\n'
-                socket.write(Buffer.from([0x1B, 0x21, 0x11])); // 放大字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(payableLine, 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 恢复默认字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                socket.write(iconv.encode(createDivider(lineWidth, 'thin') + '\n', 'gbk'));
-                if (!order.isBefore) {
-                    const paidLine = padLeftAlign('已付', 10) + padRightAlign(formatAmount(order.orderInfo.payAmount), 51) + '\n'
-                    socket.write(Buffer.from([0x1B, 0x21, 0x11]));
-                    socket.write(Buffer.from([0x1B, 0x45, 0x01]));
-                    socket.write(iconv.encode(paidLine, 'gbk'));
-                    socket.write(Buffer.from([0x1B, 0x21, 0x00]));
-                    socket.write(Buffer.from([0x1B, 0x45, 0x00]));
-                    socket.write(iconv.encode(createDivider(lineWidth, 'thin') + '\n', 'gbk'));
-                }
-
-                // ======================== 底部 ========================
-                let bottom = ''
-                bottom += padLeftAlign('操作员：', 8) + padLeftAlign(order.loginAccount || '无', 38) + '\n'
-                bottom += padLeftAlign('打印时间：', 10) + padLeftAlign(new Date().toLocaleString(), 38) + '\n'
-                bottom += padLeftAlign('订单号：', 8) + padLeftAlign(order.orderInfo.orderNo || '-', 38) + '\n'
-                bottom += createDivider(lineWidth, 'full') + '\n'
-                bottom += '\n\n'
-                bottom += '\n\n'
-
-                socket.write(iconv.encode(bottom, 'gbk'))
-                socket.write(Buffer.from([0x1D, 0x56, 0x00]))
-
-                setTimeout(() => {
-                    socket.end()
-                    resolve('success')
-                }, 400)
-            } catch (err) {
-                console.error(err)
-                socket.destroy()
-                resolve('error')
-            }
-        })
-
-        socket.on('error', () => resolve('error'))
-        socket.on('timeout', () => resolve('timeout'))
-        socket.on('close', () => { })
-    })
-}
-
-
-// ======================== 打印退菜单/退款小票 ========================
-export function printRefund(printerIp, order) {
-    console.log(JSON.stringify(order));
-
-    return new Promise((resolve) => {
-        const socket = new net.Socket()
-        const lineWidth = 48
-        socket.setTimeout(8000)
-
-        const formatAmount = (amount) => Number(amount || 0).toFixed(2)
-
-        socket.connect(9100, printerIp, () => {
-            try {
-                setupPrinter(socket)
-
-                // ======================== 标题区域（彻底修复居中问题！） ========================
-                const title1 = order.shop_name || '';
-                let title2 = order.title || '退款单'
-
-                // 核心修复：先写入空行清空打印机缓冲区，避免残留字符干扰居中起始位置
-                socket.write(iconv.encode('\n', 'gbk'));
-
-                // 步骤1：重置打印机格式（避免残留格式影响）
-                socket.write(Buffer.from([0x1B, 0x40]));
-                // 步骤2：居中对齐标题
-                socket.write(Buffer.from([0x1B, 0x61, 0x01])); // 1 = center
-                // 步骤3：设置标题1的格式（加粗+大号字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x11])); // 字号放大（0x11 是常用放大值）
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(title1 + '\n', 'gbk'));
-
-                // 步骤4：恢复格式，打印标题2（常规字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 恢复默认字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                socket.write(iconv.encode(title2 + '\n\n', 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x61, 0x00])); // 0 = left
-
-                // ======================== 订单信息（修复显示+换行问题） ========================
-                const tableLine = padLeftAlign('桌台号：', 8) + padLeftAlign(order.orderInfo.tableName || '无', 14) + '\n'
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 正常字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(tableLine, 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-
-                let orderInfo = ''
-
-                // 修复：打印机-用餐模式 + 就餐人数 展示逻辑
-                const dineModeText = dineModeFilter(order.orderInfo.dineMode)
-                // 1. 拼接打印机+用餐模式文本，空值兜底
-                const printerDineText = `${order.printerName || '未知打印机'}-${dineModeText || '未知模式'}`
-                // 2. 截断超长文本（左侧分配20宽度，保证不超限）
-                const truncatedPrinterDine = truncateByPrintWidth(printerDineText, 20)
-                // 3. 左侧左对齐填充20宽度（保证占满分配空间，不浪费空白）
-                const leftPart = padLeftAlign(truncatedPrinterDine, 20)
-                // 4. 右侧就餐人数：空值兜底为“无”，右对齐填充28宽度（20+28=48，刚好行宽）
-                const seatNumText = order.orderInfo.seatNum || '0'
-                const rightPart = padRightAlign(`${seatNumText}人`, 28) // 加标签更清晰，也可只显示数字
-
-                if (order.carts.length > 0) {
-                    orderInfo += leftPart + rightPart + '\n'
-                    orderInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                    // ======================== 商品表格 ========================
-                    orderInfo += padLeftAlign('品名', 18)
-                    orderInfo += padLeftAlign('单价', 8)
-                    orderInfo += padLeftAlign('数量', 6)
-                    orderInfo += padRightAlign('小计', 16) + '\n'
-                    orderInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                    order.carts.forEach(item => {
-                        const name = truncateByPrintWidth(item.name || '未知商品', 18)
-                        const price = formatAmount(item.salePrice)
-                        const num = item.number || 1
-                        const total = formatAmount(item.totalAmount)
-                        orderInfo += padLeftAlign(name, 18)
-                        orderInfo += padLeftAlign(price, 8)
-                        orderInfo += padLeftAlign(num, 6)
-                        orderInfo += padRightAlign(total, 16) + '\n'
-                    })
-
-                    orderInfo += createDivider(lineWidth, 'thin') + '\n'
-                    socket.write(iconv.encode(orderInfo, 'gbk'))
-                }
-
-                // ======================== 付款信息 ========================
-                let payableLine = ''
-                payableLine += padLeftAlign('退款总计', 10) + padRightAlign(formatAmount(order.amount), 51) + '\n'
-                socket.write(Buffer.from([0x1B, 0x21, 0x11])); // 放大字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(payableLine, 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 恢复默认字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                let refundInfo = ''
-                refundInfo += padLeftAlign('退款方式：', 10) + padLeftAlign(order.refundMethod || '无', 38) + '\n'
-                refundInfo += padLeftAlign('退款原因：', 10) + padLeftAlign(order.remark || '无', 38) + '\n'
-                socket.write(iconv.encode(refundInfo, 'gbk'));
-                socket.write(iconv.encode(createDivider(lineWidth, 'thin') + '\n', 'gbk'));
-
-                // ======================== 底部 ========================
-                let bottom = ''
-                bottom += padLeftAlign('操作员：', 8) + padLeftAlign(order.loginAccount || '无', 38) + '\n'
-                bottom += padLeftAlign('打印时间：', 10) + padLeftAlign(new Date().toLocaleString(), 38) + '\n'
-                bottom += padLeftAlign('原订单号：', 10) + padLeftAlign(order.orderInfo.orderNo || '-', 38) + '\n'
-                bottom += createDivider(lineWidth, 'full') + '\n'
-                bottom += '\n\n'
-                bottom += '\n\n'
-
-                socket.write(iconv.encode(bottom, 'gbk'))
-                socket.write(Buffer.from([0x1D, 0x56, 0x00]))
-
-                setTimeout(() => {
-                    socket.end()
-                    resolve('success')
-                }, 400)
-            } catch (err) {
-                console.error(err)
-                socket.destroy()
-                resolve('error')
-            }
-        })
-
-        socket.on('error', () => resolve('error'))
-        socket.on('timeout', () => resolve('timeout'))
-        socket.on('close', () => { })
-    })
-}
-
-// ======================== 打印交班小票（完整版 · 补齐分类/商品数据） ========================
-export function printHandoverReceipt(printerIp, data) {
-    return new Promise((resolve) => {
-        const socket = new net.Socket()
-        const lineWidth = 48
-        socket.setTimeout(8000)
-
-        const formatAmount = (v) => Number(v || 0).toFixed(2)
-
-        socket.connect(9100, printerIp, () => {
-            try {
-                setupPrinter(socket)
-
-                // ======================== 标题区域（统一结算小票的居中修复逻辑） ========================
-                const title1 = data.shopName || '店铺';
-                const title2 = '交班小票';
-
-                // 核心修复：先写入空行清空打印机缓冲区，避免残留字符干扰居中起始位置
-                socket.write(iconv.encode('\n', 'gbk'));
-
-                // 步骤1：重置打印机格式（避免残留格式影响）
-                socket.write(Buffer.from([0x1B, 0x40]));
-                // 步骤2：居中对齐标题
-                socket.write(Buffer.from([0x1B, 0x61, 0x01])); // 1 = center
-                // 步骤3：设置标题1的格式（加粗+大号字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x11])); // 字号放大（0x11 是常用放大值）
-                socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                socket.write(iconv.encode(title1 + '\n', 'gbk'));
-
-                // 步骤4：恢复格式，打印标题2（常规字体）
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 恢复默认字号
-                socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                socket.write(iconv.encode(title2 + '\n\n', 'gbk'));
-                socket.write(Buffer.from([0x1B, 0x61, 0x00])); // 0 = left
-                socket.write(iconv.encode(createDivider(lineWidth, 'thin') + '\n', 'gbk'));
-
-                // ======================== 基础信息区域（拆分当班/交班时间） ========================
-                let basicInfo = ''
-                // 优化：拆分当班时间和交班时间，空值兜底
-                basicInfo += padLeftAlign('交班时间：', 10) + padLeftAlign(data.handoverTime || '-', 36) + '\n'
-                basicInfo += padLeftAlign('收银员：', 8) + padLeftAlign(data.staffName || '-', 36) + '\n'
-                basicInfo += padLeftAlign('交班周期：', 10) + padLeftAlign(`${data.loginTime}-${data.handoverTime}` || '-', 36) + '\n\n'
-
-                // basicInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                // 收入明细 - 补充会员支付/充值字段
-                basicInfo += padLeftAlign('当班营业总额：', 10) + padLeftAlign(formatAmount(data.handAmount), 36) + '\n'
-                basicInfo += padLeftAlign('实际收款的支付方式', 10) + '\n'
-                basicInfo += padLeftAlign('现金', 10) + padRightAlign(formatAmount(data.cashAmount), 36) + '\n'
-                basicInfo += padLeftAlign('微信', 10) + padRightAlign(formatAmount(data.wechatAmount), 36) + '\n'
-                basicInfo += padLeftAlign('支付宝', 10) + padRightAlign(formatAmount(data.alipayAmount), 36) + '\n'
-                basicInfo += padLeftAlign('二维码收款', 10) + padRightAlign(formatAmount(data.vipPay), 36) + '\n'
-                basicInfo += padLeftAlign('扫码收款', 10) + padRightAlign(formatAmount(data.vipRecharge), 36) + '\n\n'
-                basicInfo += padLeftAlign('非实际收款的支付方式', 10) + '\n'
-                basicInfo += padLeftAlign('挂账', 10) + padRightAlign(formatAmount(data.creditAmount), 36) + '\n'
-                basicInfo += padLeftAlign('余额', 10) + padRightAlign(formatAmount(data.vipPay), 36) + '\n'
-                basicInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                socket.write(Buffer.from([0x1B, 0x21, 0x00])); // 正常字号
-                socket.write(iconv.encode(basicInfo, 'gbk'))
-
-                let refundInfo = ''
-                refundInfo += padLeftAlign('退款/退菜', 10) + '\n'
-                refundInfo += padLeftAlign('退款金额', 10) + padRightAlign(formatAmount(data.refundAmount), 36) + '\n'
-                refundInfo += padLeftAlign('退菜数量', 10) + padRightAlign(formatAmount(data.refundAmount), 36) + '\n'
-                refundInfo += createDivider(lineWidth, 'thin') + '\n'
-                socket.write(iconv.encode(refundInfo, 'gbk'))
-
-                let orderInfo = ''
-                const orderLabel = '订单（数量/订单总额）'
-                const orderValue = `${data.orderCount}/${formatAmount(data.orderAmount)}`
-                const orderLabelWidth = lineWidth - getPrintWidth(orderValue)
-                orderInfo += padLeftAlign(orderLabel, orderLabelWidth) + orderValue + '\n\n'
-                socket.write(iconv.encode(orderInfo, 'gbk'))
-
-                // ======================== 分类数据区域 ========================
-                let categoryInfo = ''
-                if (data.categoryDataList && data.categoryDataList.length) {
-                    categoryInfo += centerAlign('销售数据', lineWidth) + '\n'
-                    categoryInfo += createDivider(lineWidth, 'thin') + '\n'
-                    // 分类表头
-                    categoryInfo += padLeftAlign('名称', 24) + padLeftAlign('数量', 12) + padRightAlign('总计', 12) + '\n'
-                    // categoryInfo += createDivider(lineWidth, 'thin') + '\n'
-                    // 分类数据行
-                    data.categoryDataList.forEach(item => {
-                        const catName = truncateByPrintWidth(item.categoryName || '未知分类', 24)
-                        const num = item.num || 0
-                        const amount = formatAmount(item.amount)
-                        categoryInfo += padLeftAlign(catName, 24) + padLeftAlign(num, 12) + padRightAlign(amount, 12) + '\n'
-                    })
-                    categoryInfo += createDivider(lineWidth, 'thin') + '\n'
-                }
-                socket.write(iconv.encode(categoryInfo, 'gbk'))
-
-                // ======================== 商品数据区域 ========================
-                let productInfo = ''
-                if (data.printShop && data.productDataList && data.productDataList.length) {
-                    productInfo += centerAlign('商品数据', lineWidth) + '\n'
-                    productInfo += createDivider(lineWidth, 'thin') + '\n'
-                    // 商品表头
-                    productInfo += padLeftAlign('商品', 36) + padRightAlign('数量', 12) + '\n'
-                    // productInfo += createDivider(lineWidth, 'thin') + '\n'
-                    // 商品数据行
-                    data.productDataList.forEach(item => {
-                        const prodName = truncateByPrintWidth(item.productName || '未知商品', 36)
-                        const num = item.num || 0
-                        productInfo += padLeftAlign(prodName, 36) + padRightAlign(num, 12) + '\n'
-                    })
-                    productInfo += createDivider(lineWidth, 'thin') + '\n'
-                }
-                socket.write(iconv.encode(productInfo, 'gbk'))
-
-                // ======================== 收入明细区域（优化对齐和格式） ========================
-                // let incomeInfo = ''
-                // incomeInfo += centerAlign('【收支汇总】', lineWidth) + '\n'
-                // incomeInfo += createDivider(lineWidth, 'thin') + '\n'
-
-                // // 收支汇总项（补充挂账金额）
-                // const incomeItems = [
-                //     { label: '快捷收款金额：', val: data.quickInAmount },
-                //     { label: '退款金额：', val: data.refundAmount },
-                //     { label: '总收入：', val: data.handAmount },
-                //     { label: '挂账金额：', val: data.creditAmount },
-                //     { label: '总订单数：', val: data.orderCount || 0 }
-                // ]
-
-                // incomeItems.forEach((item, index) => {
-                //     const labelPart = padLeftAlign(item.label, 16)
-                //     let valPart = ''
-                //     // 总收入/总订单数加粗显示
-                //     if (index === 2 || index === 4) {
-                //         socket.write(Buffer.from([0x1B, 0x45, 0x01])); // 加粗
-                //         valPart = padRightAlign(index === 4 ? item.val : formatAmount(item.val), 32)
-                //         incomeInfo += labelPart + valPart + '\n'
-                //         socket.write(Buffer.from([0x1B, 0x45, 0x00])); // 取消加粗
-                //     } else {
-                //         valPart = padRightAlign(formatAmount(item.val), 32)
-                //         incomeInfo += labelPart + valPart + '\n'
-                //     }
-                // })
-
-                // incomeInfo += createDivider(lineWidth, 'full') + '\n'
-                // socket.write(iconv.encode(incomeInfo, 'gbk'))
-
-                // ======================== 底部区域（统一结算小票风格） ========================
-                let bottomInfo = ''
-                bottomInfo += padLeftAlign('打印时间：', 12) + padRightAlign(data.printTime || new Date().toLocaleString(), 36) + '\n'
-                bottomInfo += createDivider(lineWidth, 'full') + '\n'
-                // 增加空行，避免打印内容紧贴纸边
-                bottomInfo += '\n\n'
-                bottomInfo += '\n\n'
-
-                socket.write(iconv.encode(bottomInfo, 'gbk'))
-                // 切纸指令（统一结算小票的切纸逻辑）
-                socket.write(Buffer.from([0x1D, 0x56, 0x00]))
-
-                // 统一延迟关闭连接，保证数据完整发送
-                setTimeout(() => {
-                    socket.end()
-                    resolve('success')
-                }, 400)
-            } catch (err) {
-                console.error('打印交班小票异常：', err)
-                socket.destroy()
-                resolve('error')
-            }
-        })
-
-        // 统一错误处理（对齐结算小票的错误处理逻辑）
-        socket.on('error', (err) => {
-            console.error('打印机连接错误：', err)
-            resolve('error')
-        })
-        socket.on('timeout', () => resolve('timeout'))
-        socket.on('close', () => { })
-    })
-}

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "vite-electron",
 	"private": true,
-	"version": "2.0.15",
+	"version": "2.0.21",
 	"main": "dist-electron/main.js",
 	"scripts": {
 		"dev": "chcp 65001 && vite",
@@ -19,7 +19,6 @@
 		"electron-pos-printer": "^1.3.6",
 		"electron-pos-printer-vue": "^1.0.9",
 		"element-plus": "^2.4.3",
-		"iconv-lite": "^0.7.2",
 		"js-md5": "^0.8.3",
 		"lodash": "^4.17.21",
 		"pinia": "^2.1.7",
@@ -31,13 +30,13 @@
 		"uuid": "^10.0.0",
 		"vue": "^3.3.8",
 		"vue-router": "^4.2.5",
-		"win32-api": "^26.1.2",
 		"ysk-utils": "^1.0.84"
 	},
 	"devDependencies": {
 		"@vitejs/plugin-vue": "^4.5.0",
 		"electron": "^28.3.3",
 		"electron-builder": "^24.13.3",
+		"electron-rebuild": "^3.2.9",
 		"path": "^0.12.7",
 		"sass": "^1.69.5",
 		"sass-loader": "^13.3.2",
@@ -80,4 +79,4 @@
 			"createStartMenuShortcut": true
 		}
 	}
-}
+}

src/api/account.js

@@ -321,7 +321,7 @@ export function printerList(subType = "") {
     params: {
       name: "",
       subType: subType,
-      connectionType: "",
+      connectionType: "USB",
       page: 1,
       size: 100,
     },

src/api/product_new.js

@@ -51,56 +51,3 @@ export function markIsSoldOut(data) {
     data,
   });
 }
-
-/**
- * 获取存酒商品列表
- * @param {*} params
- * @returns
- */
-export function storageGoodGet(params) {
-  return request({
-    method: "get",
-    url: "/product/admin/storageGood",
-    params,
-  });
-}
-
-/**
- * 存酒记录添加
- * @param {*} data
- * @returns
- */
-export function shopStoragePost(data) {
-  return request({
-    method: "post",
-    url: "/product/admin/shopStorage",
-    data,
-  });
-}
-
-/**
- * 存酒记录
- * @param {*} data
- * @returns
- */
-export function shopStorageGet(params) {
-  return request({
-    method: "get",
-    url: "/product/admin/shopStorage",
-    params,
-  });
-}
-
-/**
- * 存酒取酒
- * @param {*} data
- * @returns
- */
-export function shopStoragePut(data) {
-  return request({
-    method: "put",
-    url: "/product/admin/shopStorage",
-    data,
-  });
-}
-

src/components/payCard/payCard.vue

@@ -48,6 +48,7 @@
             <div class="input_wrap">
                 <div class="input" style="flex: 1">付款：￥{{ formatDecimal(goodsStore.cartInfo.costSummary.finalPayAmount
                     || 0) }}</div>
+                <!-- <el-button type="warning" style="width: 80px;border-radius: 6px; height: 60px;" @click="applyRounding">抹零</el-button> -->
                 <el-button type="primary" style="width: 120px;border-radius: 6px; height: 60px;"
                     @click="showCouponHandle">添加优惠</el-button>
             </div>
@@ -139,11 +140,25 @@
                         <el-button type="danger" @click="clearCouponUser">清除</el-button>
                     </div>
                 </el-form-item>
-                <el-form-item label="整单折扣">
-                    <el-input v-model="couponForm.discountRatio" placeholder="请输入折扣" style="width: 180px;"
-                        @input="discountInput">
-                        <template #append>折</template>
-                    </el-input>
+                <el-form-item label="优惠金额">
+                    <div class="column">
+                        <div>
+                            <el-radio-group v-model="discountType" @change="clearDiscountChange">
+                                <el-radio-button label="按金额优惠" :value="1"></el-radio-button>
+                                <el-radio-button label="按折扣优惠" :value="2"></el-radio-button>
+                            </el-radio-group>
+                        </div>
+                        <div>
+                            <el-input v-model="couponForm.discountAmount" placeholder="请输入金额" style="width: 239px;"
+                                @input="amountDiscountInput" v-if="discountType == 1">
+                                <template #append>元</template>
+                            </el-input>
+                            <el-input v-model="couponForm.discountRatio" placeholder="请输入折扣" style="width: 239px;"
+                                @input="discountInput" v-if="discountType == 2">
+                                <template #append>折</template>
+                            </el-input>
+                        </div>
+                    </div>
                 </el-form-item>
                 <el-form-item label="优惠券">
                     <div style="width: 100%;">
@@ -258,6 +273,7 @@ import { staffPermission } from "@/api/user.js";
 import { cashPay, buyerPage, creditPay, vipPay } from "@/api/order.js";
 import { calcUsablePoints } from '@/api/account.js'
 import { useGoods } from "@/store/goods.js";
+import { createOrder } from '@/api/order.js';
 
 const emit = defineEmits(["paySuccess", 'orderExpired', 'reset']);
 
@@ -475,8 +491,44 @@ function upadatePayData() {
 }
 
 // 结算支付
-async function confirmOrder() {
+async function confirmOrder(t = 1) {
     try {
+        // if (goodsStore.cartList.length >= 0) {
+        //     // 如果购物还存在商品，先下单后进行支付操作
+        //     const data = {
+        //         orderId: goodsStore.orderListInfo.id || '',  // 订单id
+        //         shopId: store.shopInfo.id, // 店铺id
+        //         seatNum: goodsStore.tableInfo.num || 0, // 用餐人数
+        //         packFee: goodsStore.cartInfo.packFee, // 打包费
+        //         originAmount: goodsStore.cartInfo.costSummary.goodsOriginalAmount,
+        //         tableCode: goodsStore.cartList[0].table_code, // 台桌号
+        //         dineMode: goodsStore.allSelected ? store.shopInfo.eatModel.split(',')[1] : store.shopInfo.eatModel.split(',')[0], // 用餐方式
+        //         remark: goodsStore.remark, // 备注
+        //         placeNum: (goodsStore.orderListInfo.placeNum || 0) + 1, // 下单次数
+        //         waitCall: 0, // 是否叫号
+        //         userId: goodsStore.vipUserInfo.userId || '', // 会员用户id
+        //         limitRate: goodsStore.limitDiscountRes
+        //     }
+
+        //     // goodsStore.calcCartInfo()
+        //     const res = await createOrder(data)
+        //     if (res.id) {
+        //         // 设置订单信息
+        //         // goodsStore.orderListInfo = res
+        //         // if (t == 1) {
+        //         //     // 向其他端发送清空购物车消息
+        //         //     goodsStore.operateCart({ table_code: goodsStore.orderListInfo.tableCode }, "cleanup");
+        //         //     console.log('生成订单===', res);
+        //         // } else {
+        //         //     goodsStore.clearCart()
+        //         // }
+        //         // 清除购物车，更新历史订单
+        //         // goodsStore.updateOrderList()
+        //     } else {
+        //         ElMessage.error('订单成功失败，请重新下单')
+        //     }
+        // }
+
         // 判断订单是否锁定
         await goodsStore.isOrderLock({
             table_code: goodsStore.orderListInfo.tableCode
@@ -486,7 +538,6 @@ async function confirmOrder() {
 
         upadatePayData()
 
-
         payType.value = payList.value[payActive.value].payType
         if (payList.value[payActive.value].payType == "arrears") {
             showBuyerHandle();
@@ -576,6 +627,20 @@ function amountInput(num) {
     payData.value.checkOrderPay.orderAmount = money.value;
 }
 
+// 应用抹零
+function applyRounding() {
+    if (discountAmount.value !== null) {
+        money.value = formatDecimal(discountAmount.value)
+        roundAmount.value = 0
+    } else {
+        money.value = formatDecimal(props.amount)
+        roundAmount.value = 0
+    }
+
+    payData.value.checkOrderPay.roundAmount = roundAmount.value;
+    payData.value.checkOrderPay.orderAmount = money.value;
+}
+
 // 删除
 function delHandle() {
     if (!money.value) return; money.value = money.value.substring(0, money.value.length - 1);
@@ -718,6 +783,32 @@ function clearCouponUser() {
     // resetCouponFormHandle()
 }
 
+// 按照金额优惠
+const discountType = ref(1)
+
+// 清除优惠方式变更时的优惠数据
+function clearDiscountChange() {
+    couponForm.value.discountRatio = ''
+    couponForm.value.discountAmount = ''
+    discountRateNumber.value = 0
+
+    updateCartCalc()
+}
+
+const amountDiscountInput = _.debounce(function (e) {
+    couponForm.value.discountAmount = inputFilterFloat(e)
+    if (couponForm.value.discountAmount > goodsStore.cartInfo.costSummary.goodsRealAmount) {
+        couponForm.value.discountAmount = goodsStore.cartInfo.costSummary.goodsRealAmount
+    }
+    if (couponForm.value.discountAmount < 0) {
+        couponForm.value.discountAmount = 0
+    }
+
+    discountRateNumber.value = couponForm.value.discountAmount
+
+    updateCartCalc()
+}, 500)
+
 // 折扣格式化
 const discountRateNumber = ref(0)
 const discountInput = _.debounce(function (e) {
@@ -1251,6 +1342,12 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+.column {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
 .point_tips {
     &.err {
         color: var(--el-color-danger);

src/store/goods.js

@@ -46,6 +46,7 @@ export const useGoods = defineStore("goods", {
     }, // 台桌信息
     cartActiveIndex: 0, // 购物车激活索引,
     isCartInit: false,
+    payType: "cart", // 结算类型，cart 购物车结算 table 桌台结算 order 订单结算,
     cartList: [], // 购物车列表
     // 购物车信息,
     cartInfo: {
@@ -889,7 +890,11 @@ export const useGoods = defineStore("goods", {
           .map((item) => item.goods)
           .flat()
           .map(this.comleteOrderInfo);
-        return [...currentGoods, ...giftGoods, ...oldOrderGoods];
+        if (this.payType == 'table' || this.payType == 'order') {
+          return [...giftGoods, ...oldOrderGoods];
+        } else {
+          return [...currentGoods, ...giftGoods, ...oldOrderGoods];
+        }
       }
 
       // 合并所有商品列表

src/store/print.js

@@ -11,28 +11,30 @@ import { useSocket } from './socket.js';
 
 export const usePrint = defineStore("print", {
   state: () => ({
-    isPrintService: false,
-    printServiceTimer: null,
-    printServiceTimerCount: 0,
-    printServiceTimerMaxCount: 10,
-    showPrintNotService: false,
-    localDevices: [],
-    deviceNoteList: [],
-    deviceLableList: [],
-    labelList: [],
+    isPrintService: false, // 打印服务是否启动
+    printServiceTimer: false, // 打印服务定时器
+    printServiceTimerCount: 0, // 打印服务定时器计数
+    printServiceTimerMaxCount: 10, // 打印服务定时器最大计数
+    showPrintNotService: false, // 是否显示重启软件,
+    localDevices: [], // 本地打印机列表
+    deviceNoteList: [], // 添加的打印机
+    deviceLableList: [], // 添加的打印机
+    labelList: [], // 要打印的队列数据
     printTimer: null,
-    receiptList: [],
+    receiptList: [], // 小票队列数据
     receiptTimer: null,
   }),
-
   actions: {
+    // 获取本地打印机和已添加的可以用打印机列表
     async init() {
+      // 获取本地打印机
       ipcRenderer.send("getPrintList");
       ipcRenderer.on("printList", (event, arg) => {
         this.localDevices = arg;
       });
 
       try {
+        // 获取已添加的打印机
         const res = await printerList();
         this.deviceNoteList = res.records.filter(
           (item) => item.status && item.subType == "cash"
@@ -40,12 +42,18 @@ export const usePrint = defineStore("print", {
         this.deviceLableList = res.records.filter(
           (item) => item.status && item.subType == "label"
         );
+        console.log("打印队列初始化成功", {
+          deviceNoteList: this.deviceNoteList,
+          deviceLableList: this.deviceLableList,
+        });
       } catch (error) {
-        console.error("获取打印机列表失败", error);
+        console.error("获取已添加的打印机列表失败", error);
       }
+
+      // 检测打印服务是否启动
       this.checkPrintService();
     },
-
+    // 检测打印组件服务是否启动
     checkPrintService() {
       this.printServiceTimer = setInterval(() => {
         if (
@@ -53,154 +61,26 @@ export const usePrint = defineStore("print", {
           LODOP.webskt &&
           LODOP.webskt.readyState == 1
         ) {
+          // 准备好
           this.isPrintService = true;
           clearInterval(this.printServiceTimer);
           this.printServiceTimer = null;
         } else {
           this.printServiceTimerCount++;
+          console.log("打印服务未启动", this.printServiceTimerCount);
+
           if (this.printServiceTimerCount >= this.printServiceTimerMaxCount) {
+            // 超过最大次数
             this.isPrintService = false;
             this.showPrintNotService = true;
             clearInterval(this.printServiceTimer);
             this.printServiceTimer = null;
           }
         }
+        console.log("打印服务是否启动：", this.isPrintService);
       }, 1000);
     },
-
-    // 检查打印机是否可用
-    checkPrinterAvailable(printer) {
-      if (printer.connectionType === "局域网") {
-        const ipReg = /^(\d{1,3}\.){3}\d{1,3}$/;
-        return ipReg.test(printer.address);
-      }
-
-      if (printer.connectionType === "usb") {
-        return this.localDevices.some(item => item.name === printer.address);
-      }
-      return false;
-    },
-
-    // ==============================
-    // 最终完美版 → 空数组打印全部
-    // ==============================
-    pushReceiptData(props, isDevice = true) {
-      if (!isDevice) {
-        this.receiptList.push(props);
-        this.startReceiptPrint();
-        return;
-      }
-
-      const validPrinters = this.deviceNoteList.filter(p => {
-        return this.checkPrinterAvailable(p) && this.isPrintService;
-      });
-
-      if (validPrinters.length === 0) {
-        console.log("无可用小票打印机");
-        return;
-      }
-
-      const store = useUser();
-
-      validPrinters.forEach(printer => {
-        let filterCarts = [];
-
-        // ======================================
-        // ✅ 核心：分类为空数组 → 打印全部菜品
-        // ======================================
-        if (!printer.categoryList || printer.categoryList.length === 0) {
-          filterCarts = props.carts || [];
-        } else {
-          // 有分类 → 只打印对应分类
-          filterCarts = (props.carts || []).filter(item => {
-            return printer.categoryList.includes(item.categoryId);
-          });
-        }
-
-        if (filterCarts.length === 0) return;
-
-        const printData = {
-          ...props,
-          carts: filterCarts,
-          deviceId: printer.id,
-          deviceName: printer.address,
-          printerName: printer.name,
-          connectionType: printer.connectionType,
-          shop_name: store.shopInfo.shopName,
-          loginAccount: store.userInfo.name,
-          createdAt: dayjs(props.createdAt).format("YYYY-MM-DD HH:mm:ss"),
-          printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        };
-
-        if (!printData.orderInfo.masterId) {
-          printData.orderInfo.masterId = printData.orderInfo.tableName;
-        }
-        printData.orderInfo.outNumber = printData.outNumber;
-        if (!printData.discountAmount) {
-          printData.discountAmount = printData.amount;
-        }
-
-        this.receiptList.push(printData);
-      });
-
-      if (this.receiptList.length > 0) {
-        this.startReceiptPrint();
-      }
-    },
-
-    // ==============================
-    // 打印执行（USB/局域网自动区分）
-    // ==============================
-    async startReceiptPrint() {
-      try {
-        const socketStore = useSocket();
-        const userStore = useUser();
-        if (this.receiptTimer !== null) return;
-
-        this.receiptTimer = setInterval(() => {
-          if (!this.receiptList.length) {
-            clearInterval(this.receiptTimer);
-            this.receiptTimer = null;
-            return;
-          }
-
-          const printData = this.receiptList[0];
-          try {
-            if (printData.connectionType === "局域网") {
-              ipcRenderer.send('networkPrint', JSON.stringify({
-                printerIp: printData.deviceName,
-                orderData: printData
-              }));
-            } else {
-              receiptPrint(printData);
-            }
-
-            const syncData = {
-              type: "cashier",
-              operate_type: "order_print_status",
-              table_code: printData.orderInfo.tableCode,
-              account: userStore.shopInfo.account,
-              print_status: "1",
-              order_id: printData.orderInfo.id,
-              print_id: printData.deviceId,
-              shop_id: printData.orderInfo.shopId,
-            };
-            socketStore.ws.send(JSON.stringify(syncData));
-            console.log("✅ 打印成功:", printData.deviceName, "菜品数:", printData.carts.length);
-          } catch (error) {
-            console.error("❌ 打印失败:", printData.deviceName, error);
-          } finally {
-            this.receiptList.splice(0, 1);
-          }
-        }, 2000);
-      } catch (error) {
-        console.log("打印定时器异常", error);
-      }
-    },
-
-    // ————————————————————————————————
-    // 以下原有代码完全不动（除了printWork方法）
-    // ————————————————————————————————
+    // 检查本地打印机是否能正常使用
     checkLocalPrint(address) {
       let print = "";
       for (let item of this.localDevices) {
@@ -208,15 +88,17 @@ export const usePrint = defineStore("print", {
           print = item;
         }
       }
+
       if (!print.name) {
         return false;
       } else {
         return true;
       }
     },
-
+    // 打印标签小票
     labelPrint(props) {
       const store = useUser();
+
       if (
         this.deviceLableList.length &&
         this.checkLocalPrint(this.deviceLableList[0].address)
@@ -224,6 +106,7 @@ export const usePrint = defineStore("print", {
         let pids = this.deviceLableList[0].categoryList;
         let count = 0;
         let sum = 0;
+
         props.carts.map((item) => {
           if (pids.some((el) => el == item.categoryId)) {
             for (let i = 0; i < item.number; i++) {
@@ -231,6 +114,7 @@ export const usePrint = defineStore("print", {
             }
           }
         });
+
         props.carts.map((item) => {
           if (pids.some((el) => el == item.categoryId)) {
             for (let i = 0; i < item.number; i++) {
@@ -249,12 +133,17 @@ export const usePrint = defineStore("print", {
             }
           }
         });
+
+        console.log("this.labelList===", this.labelList);
+        // return;
+
+        // 执行打印操作
         this.startLabelPrint();
       } else {
         console.log("标签打印：未在本机查询到打印机");
       }
     },
-
+    // 开始打印标签数据
     startLabelPrint() {
       if (this.printTimer != null) return;
       this.printTimer = setInterval(() => {
@@ -272,55 +161,88 @@ export const usePrint = defineStore("print", {
         }
       }, 2000);
     },
-
-    // 打印交班小票（优化：1. 新增handoverSwitch=1才打印 2. 兼容局域网打印机）
-    printWork(data) {
-      // 筛选条件：
-      // 1. 状态启用 + 小票类型 + handoverSwitch=1 
-      // 2. 打印机可用 
-      // 3. 打印服务正常
-      const validPrinters = this.deviceNoteList.filter(p => {
-        return p.status
-          && p.subType === "cash"
-          && p.handoverSwitch === 1  // 新增：只有handoverSwitch为1的打印机才打印交班小票
-          && this.checkPrinterAvailable(p)
-          && this.isPrintService;
-      });
-
-      if (validPrinters.length === 0) {
-        console.log("交班小票：无符合条件的可用打印机（handoverSwitch≠1 或 打印机不可用）");
-        return;
-      }
-
-      // 遍历符合条件的打印机打印
-      validPrinters.forEach(printer => {
-        const printData = {
-          ...data,
-          deviceId: printer.id,
-          deviceName: printer.address,
-          connectionType: printer.connectionType,
-          printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        };
-
-        try {
-          // 区分局域网和USB打印机
-          if (printer.connectionType === "局域网") {
-            // 局域网打印机：使用networkPrint指令
-            ipcRenderer.send('printHandoverReceipt', JSON.stringify({
-              printerIp: printer.address,
-              handoverData: printData
-            }));
-          } else {
-            // USB打印机：使用原有LODOP方式
-            lodopPrintWork(printData);
+    // 添加小票打印队列数据
+    pushReceiptData(props, isDevice = true) {
+      // console.log("pushReceiptData===", props);
+      if (!isDevice) {
+        // 测试打印，无需校验本地打印机
+        this.receiptList.push(props);
+        this.startReceiptPrint();
+      } else {
+        if (
+          this.deviceNoteList.length &&
+          this.checkLocalPrint(this.deviceNoteList[0].address) &&
+          this.isPrintService
+        ) {
+          const store = useUser();
+          props.deviceId = this.deviceNoteList[0].id;
+          props.deviceName = this.deviceNoteList[0].address;
+          props.shop_name = store.shopInfo.shopName;
+          props.loginAccount = store.userInfo.name;
+          props.createdAt = dayjs(props.createdAt).format(
+            "YYYY-MM-DD HH:mm:ss"
+          );
+          props.printTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
+          if (!props.orderInfo.masterId) {
+            props.orderInfo.masterId = props.orderInfo.tableName;
+          }
+          props.orderInfo.outNumber = props.outNumber;
+          if (!props.discountAmount) {
+            props.discountAmount = props.amount;
           }
-          console.log("✅ 交班小票打印成功:", printer.address);
-        } catch (error) {
-          console.error("❌ 交班小票打印失败:", printer.address, error);
-        }
-      });
-    },
 
+          this.receiptList.push(props);
+          this.startReceiptPrint();
+        } else {
+          console.log("订单小票：未在本机查询到打印机");
+        }
+      }
+    },
+    // 开始打印小票
+    async startReceiptPrint() {
+      try {
+        const socketStore = useSocket();
+        const userStore = useUser();
+
+        if (this.receiptTimer !== null) return;
+        this.receiptTimer = setInterval(() => {
+          if (!this.receiptList.length) {
+            clearInterval(this.receiptTimer);
+            this.receiptTimer = null;
+          } else {
+            receiptPrint(this.receiptList[0]);
+            // 在这里触发已打印操作标记
+            const data = {
+              type: "cashier",
+              operate_type: "order_print_status",
+              table_code: this.receiptList[0].orderInfo.tableCode,
+              account: userStore.shopInfo.account,
+              print_status: "1",
+              order_id: this.receiptList[0].orderInfo.id,
+              print_id: this.receiptList[0].deviceId,
+              shop_id: this.receiptList[0].orderInfo.shopId,
+            }
+            socketStore.ws.send(JSON.stringify(data));
+            this.receiptList.splice(0, 1);
+          }
+        }, 2000);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 打印交班小票
+    printWork(data) {
+      if (
+        this.deviceNoteList.length &&
+        this.checkLocalPrint(this.deviceNoteList[0].address)
+      ) {
+        data.deviceName = this.deviceNoteList[0].address;
+        lodopPrintWork(data);
+      } else {
+        console.log("交班小票：未在本机查询到打印机");
+      }
+    },
+    // 打印订单发票
     printInvoice(data) {
       if (
         this.deviceNoteList.length &&
@@ -332,55 +254,17 @@ export const usePrint = defineStore("print", {
         console.log("订单发票：未在本机查询到打印机");
       }
     },
-    // 退菜/退款
+    // 打印退单小票
     printRefund(data) {
-      // 筛选条件：
-      // 1. 状态启用 + 小票类型 
-      // 2. 打印机可用 
-      // 3. 打印服务正常
-      const validPrinters = this.deviceNoteList.filter(p => {
-        return p.status
-          && p.subType === "cash"
-          && this.checkPrinterAvailable(p)
-          && this.isPrintService;
-      });
-
-      if (validPrinters.length === 0) {
-        console.log("退单小票：无符合条件的可用打印机");
-        return;
+      if (
+        this.deviceNoteList.length &&
+        this.checkLocalPrint(this.deviceNoteList[0].address)
+      ) {
+        data.deviceName = this.deviceNoteList[0].address;
+        refundPrint(data);
+      } else {
+        console.log("退单小票：未在本机查询到打印机");
       }
-
-      const store = useUser();
-      // 遍历符合条件的打印机打印
-      validPrinters.forEach(printer => {
-        const printData = {
-          ...data,
-          deviceId: printer.id,
-          deviceName: printer.address,
-          printerName: printer.name,
-          connectionType: printer.connectionType,
-          shop_name: store.shopInfo.shopName,
-          loginAccount: store.userInfo.name,
-          printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        };
-
-        try {
-          // 区分局域网和USB打印机
-          if (printer.connectionType === "局域网") {
-            // 局域网打印机：使用networkPrint指令
-            ipcRenderer.send('printRefund', JSON.stringify({
-              printerIp: printer.address,
-              orderData: printData
-            }));
-          } else {
-            // USB打印机：使用原有LODOP方式
-            refundPrint(printData);
-          }
-          console.log("✅ 退单小票打印成功:", printer.address);
-        } catch (error) {
-          console.error("❌ 退单小票打印失败:", printer.address, error);
-        }
-      });
-    }
+    },
   },
-});
+});

src/store/print20260331.js

@@ -1,270 +0,0 @@
-import { defineStore } from "pinia";
-import { ipcRenderer } from "electron";
-import { useUser } from "@/store/user.js";
-import dayjs from "dayjs";
-import receiptPrint from "@/components/lodop/receiptPrint.js";
-import lodopPrintWork from "@/components/lodop/lodopPrintWork.js";
-import invoicePrint from "@/components/lodop/invoicePrint.js";
-import refundPrint from "@/components/lodop/refundPrint.js";
-import { printerList } from "@/api/account.js";
-import { useSocket } from './socket.js';
-
-export const usePrint = defineStore("print", {
-  state: () => ({
-    isPrintService: false, // 打印服务是否启动
-    printServiceTimer: false, // 打印服务定时器
-    printServiceTimerCount: 0, // 打印服务定时器计数
-    printServiceTimerMaxCount: 10, // 打印服务定时器最大计数
-    showPrintNotService: false, // 是否显示重启软件,
-    localDevices: [], // 本地打印机列表
-    deviceNoteList: [], // 添加的打印机
-    deviceLableList: [], // 添加的打印机
-    labelList: [], // 要打印的队列数据
-    printTimer: null,
-    receiptList: [], // 小票队列数据
-    receiptTimer: null,
-  }),
-  actions: {
-    // 获取本地打印机和已添加的可以用打印机列表
-    async init() {
-      // 获取本地打印机
-      ipcRenderer.send("getPrintList");
-      ipcRenderer.on("printList", (event, arg) => {
-        this.localDevices = arg;
-      });
-
-      try {
-        // 获取已添加的打印机
-        const res = await printerList();
-        this.deviceNoteList = res.records.filter(
-          (item) => item.status && item.subType == "cash"
-        );
-        this.deviceLableList = res.records.filter(
-          (item) => item.status && item.subType == "label"
-        );
-        console.log("打印队列初始化成功", {
-          deviceNoteList: this.deviceNoteList,
-          deviceLableList: this.deviceLableList,
-        });
-      } catch (error) {
-        console.error("获取已添加的打印机列表失败", error);
-      }
-
-      // 检测打印服务是否启动
-      this.checkPrintService();
-    },
-    // 检测打印组件服务是否启动
-    checkPrintService() {
-      this.printServiceTimer = setInterval(() => {
-        if (
-          typeof LODOP !== "undefined" &&
-          LODOP.webskt &&
-          LODOP.webskt.readyState == 1
-        ) {
-          // 准备好
-          this.isPrintService = true;
-          clearInterval(this.printServiceTimer);
-          this.printServiceTimer = null;
-        } else {
-          this.printServiceTimerCount++;
-          console.log("打印服务未启动", this.printServiceTimerCount);
-
-          if (this.printServiceTimerCount >= this.printServiceTimerMaxCount) {
-            // 超过最大次数
-            this.isPrintService = false;
-            this.showPrintNotService = true;
-            clearInterval(this.printServiceTimer);
-            this.printServiceTimer = null;
-          }
-        }
-        console.log("打印服务是否启动：", this.isPrintService);
-      }, 1000);
-    },
-    // 检查本地打印机是否能正常使用
-    checkLocalPrint(address) {
-      let print = "";
-      for (let item of this.localDevices) {
-        if (item.name == address) {
-          print = item;
-        }
-      }
-
-      if (!print.name) {
-        return false;
-      } else {
-        return true;
-      }
-    },
-    // 打印标签小票
-    labelPrint(props) {
-      const store = useUser();
-
-      if (
-        this.deviceLableList.length &&
-        this.checkLocalPrint(this.deviceLableList[0].address)
-      ) {
-        let pids = this.deviceLableList[0].categoryList;
-        let count = 0;
-        let sum = 0;
-
-        props.carts.map((item) => {
-          if (pids.some((el) => el == item.categoryId)) {
-            for (let i = 0; i < item.number; i++) {
-              sum++;
-            }
-          }
-        });
-
-        props.carts.map((item) => {
-          if (pids.some((el) => el == item.categoryId)) {
-            for (let i = 0; i < item.number; i++) {
-              count++;
-              this.labelList.push({
-                outNumber: props.outNumber,
-                name: item.name,
-                skuName: item.skuName,
-                masterId: props.orderInfo.tableName,
-                deviceName: this.deviceLableList[0].address,
-                createdAt: dayjs(props.createdAt).format("YYYY-MM-DD HH:mm:ss"),
-                isPrint: false,
-                count: `${count}/${sum}`,
-                ticketLogo: store.shopInfo.ticketLogo,
-              });
-            }
-          }
-        });
-
-        console.log("this.labelList===", this.labelList);
-        // return;
-
-        // 执行打印操作
-        this.startLabelPrint();
-      } else {
-        console.log("标签打印：未在本机查询到打印机");
-      }
-    },
-    // 开始打印标签数据
-    startLabelPrint() {
-      if (this.printTimer != null) return;
-      this.printTimer = setInterval(() => {
-        let item = "";
-        if (!this.labelList.length) {
-          clearInterval(this.printTimer);
-          this.printTimer = null;
-        } else {
-          item = this.labelList[0];
-          if (!item.isPrint) {
-            ipcRenderer.send("printerTagSync", JSON.stringify(item));
-            this.labelList[0].isPrint = true;
-            this.labelList.splice(0, 1);
-          }
-        }
-      }, 2000);
-    },
-    // 添加小票打印队列数据
-    pushReceiptData(props, isDevice = true) {
-      // console.log("pushReceiptData===", props);
-      if (!isDevice) {
-        // 测试打印，无需校验本地打印机
-        this.receiptList.push(props);
-        this.startReceiptPrint();
-      } else {
-        if (
-          this.deviceNoteList.length &&
-          this.checkLocalPrint(this.deviceNoteList[0].address) &&
-          this.isPrintService
-        ) {
-          const store = useUser();
-          props.deviceId = this.deviceNoteList[0].id;
-          props.deviceName = this.deviceNoteList[0].address;
-          props.shop_name = store.shopInfo.shopName;
-          props.loginAccount = store.userInfo.name;
-          props.createdAt = dayjs(props.createdAt).format(
-            "YYYY-MM-DD HH:mm:ss"
-          );
-          props.printTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
-          if (!props.orderInfo.masterId) {
-            props.orderInfo.masterId = props.orderInfo.tableName;
-          }
-          props.orderInfo.outNumber = props.outNumber;
-          if (!props.discountAmount) {
-            props.discountAmount = props.amount;
-          }
-
-          this.receiptList.push(props);
-          this.startReceiptPrint();
-        } else {
-          console.log("订单小票：未在本机查询到打印机");
-        }
-      }
-    },
-    // 开始打印小票
-    async startReceiptPrint() {
-      try {
-        const socketStore = useSocket();
-        const userStore = useUser();
-
-        if (this.receiptTimer !== null) return;
-        this.receiptTimer = setInterval(() => {
-          if (!this.receiptList.length) {
-            clearInterval(this.receiptTimer);
-            this.receiptTimer = null;
-          } else {
-            receiptPrint(this.receiptList[0]);
-            // 在这里触发已打印操作标记
-            const data = {
-              type: "cashier",
-              operate_type: "order_print_status",
-              table_code: this.receiptList[0].orderInfo.tableCode,
-              account: userStore.shopInfo.account,
-              print_status: "1",
-              order_id: this.receiptList[0].orderInfo.id,
-              print_id: this.receiptList[0].deviceId,
-              shop_id: this.receiptList[0].orderInfo.shopId,
-            }
-            socketStore.ws.send(JSON.stringify(data));
-            this.receiptList.splice(0, 1);
-          }
-        }, 2000);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    // 打印交班小票
-    printWork(data) {
-      if (
-        this.deviceNoteList.length &&
-        this.checkLocalPrint(this.deviceNoteList[0].address)
-      ) {
-        data.deviceName = this.deviceNoteList[0].address;
-        lodopPrintWork(data);
-      } else {
-        console.log("交班小票：未在本机查询到打印机");
-      }
-    },
-    // 打印订单发票
-    printInvoice(data) {
-      if (
-        this.deviceNoteList.length &&
-        this.checkLocalPrint(this.deviceNoteList[0].address)
-      ) {
-        data.deviceName = this.deviceNoteList[0].address;
-        invoicePrint(data);
-      } else {
-        console.log("订单发票：未在本机查询到打印机");
-      }
-    },
-    // 打印退单小票
-    printRefund(data) {
-      if (
-        this.deviceNoteList.length &&
-        this.checkLocalPrint(this.deviceNoteList[0].address)
-      ) {
-        data.deviceName = this.deviceNoteList[0].address;
-        refundPrint(data);
-      } else {
-        console.log("退单小票：未在本机查询到打印机");
-      }
-    },
-  },
-});

src/utils/index.js

@@ -159,9 +159,7 @@ export async function getOrderByIdAjax(orderId) {
 export function commOrderPrintData(orderInfo) {
   const userStore = useUser();
   let data = {
-    title: orderInfo.title,
     isBefore: orderInfo.isBefore || false,
-    isGuest: orderInfo.isGuest || false,
     shop_name: userStore.shopInfo.shopName,
     loginAccount: userStore.userInfo.name,
     carts: [],
@@ -181,38 +179,23 @@ export function commOrderPrintData(orderInfo) {
     printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
   };
 
-  if (orderInfo.isGuest) {
-    // 如果是客看单，只展示当前下单的菜品
-    orderInfo.detailMap[0].map((item) => {
-      data.carts.push({
-        categoryId: item.categoryId,
-        name: item.productName,
-        number: item.num,
-        skuName: item.skuName,
-        salePrice: formatDecimal(+item.price),
-        totalAmount: formatDecimal(+item.payAmount),
-        proGroupInfo: item.proGroupInfo
-          ? item.proGroupInfo.map((item) => item.goods).flat()
-          : "",
-      });
+  orderInfo.cartList.map((item) => {
+    data.carts.push({
+      categoryId: item.categoryId,
+      name: item.productName,
+      number: item.num,
+      skuName: item.skuName,
+      salePrice: formatDecimal(+item.price),
+      totalAmount: formatDecimal(+item.payAmount),
+      proGroupInfo: item.proGroupInfo
+        ? item.proGroupInfo.map((item) => item.goods).flat()
+        : "",
     });
-  } else {
-    orderInfo.cartList.map((item) => {
-      data.carts.push({
-        categoryId: item.categoryId,
-        name: item.productName,
-        number: item.num,
-        skuName: item.skuName,
-        salePrice: formatDecimal(+item.price),
-        totalAmount: formatDecimal(+item.payAmount),
-        proGroupInfo: item.proGroupInfo
-          ? item.proGroupInfo.map((item) => item.goods).flat()
-          : "",
-      });
-    });
-  }
+  });
 
   if (orderInfo.seatAmount > 0) {
+    console.log('有餐位费', orderInfo.seatAmount);
+
     data.carts.push({
       categoryId: '',
       name: '餐位费',

src/views/device/add.vue

@@ -12,12 +12,6 @@
           <el-form-item label="设备名称">
             <el-input v-model="form.name" placeholder="请输入设备名称"></el-input>
           </el-form-item>
-          <el-form-item label="设备类型">
-            <el-radio-group v-model="form.connectionType">
-              <el-radio-button label="USB" value="USB"></el-radio-button>
-              <el-radio-button label="局域网" value="局域网"></el-radio-button>
-            </el-radio-group>
-          </el-form-item>
           <!-- <el-form-item label="打印机品牌">
             <el-input v-model="form.contentType" placeholder="请输入打印机品牌"></el-input>
           </el-form-item> -->
@@ -27,30 +21,17 @@
               <el-option label="80mm" value="80mm"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="选择设备" v-if="form.connectionType === 'USB'">
+          <el-form-item label="设备类型">
+            <el-select v-model="form.connectionType">
+              <el-option label="USB" value="USB"></el-option>
+              <!-- <el-option label="网络" value="network"></el-option> -->
+            </el-select>
+          </el-form-item>
+          <el-form-item label="选择设备">
             <el-select v-model="form.address">
               <el-option :label="item.name" :value="item.name" v-for="item in printList" :key="item.name"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="设备IP" v-if="form.connectionType === '局域网'">
-            <el-input v-model="form.address" placeholder="请输入设备IP地址"></el-input>
-          </el-form-item>
-          <el-form-item label="商品分类">
-            <div style="cursor: pointer" @click="classifyRef.show()">
-              <span style="color: #409eff" v-if="form.categoryList.length">
-                {{form.categoryList.map(item => item.name).join(',')}}
-              </span>
-              <span style="color: #e65d6e" v-else>
-                请选择分类
-              </span>
-            </div>
-          </el-form-item>
-          <el-form-item label="是否打印交班小票">
-            <el-radio-group v-model="form.handoverSwitch">
-              <el-radio-button label="否" :value="0"></el-radio-button>
-              <el-radio-button label="是" :value="1"></el-radio-button>
-            </el-radio-group>
-          </el-form-item>
           <!-- <el-form-item label="打印份数">
             <el-select v-model="form.printQty">
               <el-option :label="item" :value="item" v-for="item in 4" :key="item"></el-option>
@@ -144,7 +125,6 @@
       </div>
     </div>
   </div>
-  <classify ref="classifyRef" @success="(e) => (form.categoryList = e)" />
 </template>
 
 <script setup>
@@ -156,11 +136,6 @@ import { ElMessage } from "element-plus";
 import { useUser } from "@/store/user.js";
 import { usePrint } from "@/store/print.js";
 import { printerAdd, printerDetail } from "@/api/account.js";
-import classify from "@/components/classify/index.vue";
-import { useGoods } from '@/store/goods.js'
-const goodsStore = useGoods()
-
-const classifyRef = ref(null);
 
 const printStore = usePrint();
 const store = useUser();
@@ -175,7 +150,7 @@ const requestLoading = ref(false);
 const form = ref({
   id: "",
   name: '', // 设备名称
-  connectionType: 'USB', // 现在打印机支持USB 和 网络、蓝牙、局域网
+  connectionType: 'USB', // 现在打印机支持USB 和 网络、蓝牙
   address: '', // 打印机名称
   port: '', // 端口
   subType: 'cash', // 打印类型（分类）label标签cash小票kitchen出品
@@ -188,8 +163,7 @@ const form = ref({
   printQty: '', // 打印数量 c1m1^2 = 顾客+商家[2张] m1^1 = 商家[1张] c1^1顾客[1张] c2m1^3顾客2+商家1[3张]
   printMethod: 'all', // 打印方式 all-全部打印 normal-仅打印结账单「前台」one-仅打印制作单「厨房」queue-仅打印排队取号
   printType: [], // 打印类型，JSON数组 refund-确认退款单 handover-交班单 queue-排队取号
-  status: 1,
-  handoverSwitch: 0, // 交班单开关 0-关闭 1-开启
+  status: 1
 });
 
 const printDataLoading = ref(false);
@@ -236,29 +210,16 @@ function getPrintList() {
 
 // 测试打印
 function printHandle() {
-  if (form.value.connectionType === 'USB' && !form.value.address) {
+  if (!form.value.address) {
     ElMessage.error("请选择打印设备");
     return;
   }
-  if (form.value.connectionType === '局域网' && !form.value.address) {
-    ElMessage.error("请输入设备IP地址");
-    return;
-  }
-
   printDataLoading.value = true;
   printData.shop_name = store.shopInfo.shopName
   printData.loginAccount = store.userInfo.name
   printData.deviceName = form.value.address;
   printData.printTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
-
-  if (form.value.connectionType === 'USB') {
-    printStore.pushReceiptData(printData, false);
-  } else if (form.value.connectionType === '局域网') {
-    ipcRenderer.send('networkPrint', JSON.stringify({
-      printerIp: form.value.address,
-      orderData: printData
-    }))
-  }
+  printStore.pushReceiptData(printData, false);
   setTimeout(() => {
     printDataLoading.value = false;
   }, 2500);
@@ -271,16 +232,11 @@ async function submitHandle() {
       ElMessage.error("请输入设备名称");
       return;
     }
-    if (form.value.connectionType === 'USB' && !form.value.address) {
+    if (!form.value.address) {
       ElMessage.error("请选择打印设备");
       return;
     }
-    if (form.value.connectionType === '局域网' && !form.value.address) {
-      ElMessage.error("请输入设备IP地址");
-      return;
-    }
     loading.value = true;
-    form.value.categoryIds = form.value.categoryList.map(item => item.id)
     await printerAdd(form.value, form.value.id ? "put" : "post");
     ElMessage.success(form.value.id ? "编辑成功" : "添加成功");
     printStore.init();
@@ -297,19 +253,6 @@ async function tbPrintMachineDetailAjax(id) {
     requestLoading.value = true;
     const res = await printerDetail({ id: id });
     form.value = res;
-
-    let arr = []
-    goodsStore.originCategoryList.map(item => {
-      res.categoryList.map(val => {
-        if (item.id == val) {
-          arr.push({
-            id: item.id,
-            name: item.name
-          })
-        }
-      })
-    })
-    form.value.categoryList = arr
   } catch (error) {
     console.log(error);
   }

src/views/home/components/cartOperation.vue

@@ -251,21 +251,18 @@
 </template>
 
 <script setup>
-import _ from 'lodash'
 import { ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import takeFoodCode from '@/components/takeFoodCode.vue'
 import TableMerging from './tableMerging.vue'
 import skuModal from '@/components/skuModal.vue'
 import { useGoods } from '@/store/goods.js'
-import { inputFilterFloat, formatDecimal, getOrderByIdAjax, commOrderPrintData } from '@/utils/index.js'
+import { inputFilterFloat, formatDecimal } from '@/utils/index.js'
 import { refundOrder } from '@/api/order.js'
 import { useSocket } from '@/store/socket.js'
-import { usePrint } from '@/store/print.js'
 
 const goodsStore = useGoods()
 const socket = useSocket()
-const printStore = usePrint()
 
 const tableMergingRef = ref(null)
 
@@ -342,25 +339,6 @@ async function returnOrderItemAjax(num = 1) {
         await refundOrder(data)
         goodsStore.cartOrderItem.returnNum += num
         goodsStore.calcCartInfo()
-
-        getOrderByIdAjax(goodsStore.orderListInfo.id).then(res => {
-            let originOrderInfo = res
-            console.log('originOrderInfo1===', originOrderInfo);
-            
-            console.log('goodsStore.cartOrderItem.id', goodsStore.cartOrderItem.id);
-
-            let index = originOrderInfo.cartList.findIndex(item => item.id == goodsStore.cartOrderItem.id)
-
-            console.log('index===', index);
-
-            originOrderInfo.cartList = _.at(originOrderInfo.cartList, index);
-            console.log('originOrderInfo2===', originOrderInfo);
-            // return
-
-            printStore.printRefund(commOrderPrintData({ ...originOrderInfo, isGuest: false, isBefore: false, title: '退菜单' }));
-        }).catch(err => {
-            console.log(err);
-        })
         // await goodsStore.historyOrderAjax('', data.orderId)
     } catch (error) {
         console.log(error);

src/views/home/components/goods.vue

@@ -55,7 +55,13 @@
     </div>
     <div class="shop_list" :class="{ img: shopListType == 'img' }" v-loading="loading">
         <!-- <swiper class="swiper_box" direction="vertical" @slideChange="onSlideChange"> -->
-        <swiper ref="swiperRef" :loop="false" class="swiper_box" direction="vertical">
+        <swiper ref="swiperRef" :loop="false" class="swiper_box" direction="vertical" :modules="[Mousewheel]"
+            :simulate-touch="true" :allow-touch-move="true" :mousewheel="{
+                enabled: true,
+                forceToAxis: true,
+                releaseOnEdges: true,
+                invert: false,
+            }">
             <swiper-slide class="slide_item" v-for="(goods, index) in goodsStore.goodsList" :key="index">
                 <div class="item_wrap" v-for="item in goods" :key="item.id" @click="showSkuHandle(item)">
                     <div class="item">
@@ -294,6 +300,8 @@ import { staffPermission } from '@/api/user.js'
 import { clearNoNum } from '@/utils/index.js'
 import { productOnOff, markIsSoldOut } from '@/api/product_new.js'
 
+import { Mousewheel } from 'swiper/modules'
+
 const swiperRef = ref(null)
 
 const store = useUser()

src/views/home/components/settleAccount.vue

@@ -144,6 +144,10 @@ const props = defineProps({
   member: {
     type: Object,
     default: {}
+  },
+  type: {
+    type: String,
+    default: 'cart' // cart 代客下单 table 桌台结算 order 订单结算
   }
 });
 
@@ -227,11 +231,11 @@ async function printOrderLable(isBefore = false) {
         printStore.pushReceiptData(commOrderPrintData({ ...data, isBefore: isBefore }));
       } else {
         // 本地没有可用打印机使用云打印机
-        // await orderPrint({
-        //   type: isBefore ? 1 : 0,
-        //   id: orderId,
-        // });
-        // ElMessage.success(`云打印${isBefore ? '预' : ''}结算单成功`);
+        await orderPrint({
+          type: isBefore ? 1 : 0,
+          id: orderId,
+        });
+        ElMessage.success(`云打印${isBefore ? '预' : ''}结算单成功`);
       }
     }
   } catch (error) {
@@ -244,7 +248,7 @@ async function printOrderLable(isBefore = false) {
 
 // 订单已支付
 function paySuccess() {
-  if (isPrint.value) printOrderLable()
+  // if (isPrint.value) printOrderLable()
   emits('success')
   dialogVisible.value = false;
   ElMessage.success('支付成功')
@@ -258,9 +262,14 @@ function paySuccess() {
 
 const payCardRef = ref(null)
 function show(t) {
+  goodsStore.payType = props.type
   dialogVisible.value = true;
   cartInfo.value = { ...goodsStore.cartInfo }
-  orderList.value = [...goodsStore.cartList, ...goodsStore.orderList.map(item => item.goods).flat()]
+  if (props.type === 'table' || props.type === 'order') {
+    orderList.value = goodsStore.orderList.map(item => item.goods).flat()
+  } else {
+    orderList.value = [...goodsStore.cartList, ...goodsStore.orderList.map(item => item.goods).flat()]
+  }
 
   console.log('orderListInfo===================', { ...goodsStore.orderListInfo });
 

src/views/home/components/tableMerging.vue

@@ -204,7 +204,7 @@ function confirmHandle() {
                         goodsStore.operateCart({
                             table_code: table_code,
                             new_table_code: new_table_code,
-                            cart_ids: cart_ids
+                            cart_id: cart_ids
                         }, 'rottable')
                     }
 

src/views/home/index.vue

@@ -212,7 +212,6 @@
 </template>
 
 <script setup>
-import _ from 'lodash'
 import { ref } from "vue";
 import { useGlobal } from '@/store/global.js'
 import SelectVipUser from "@/components/selectVipUser.vue";
@@ -225,7 +224,7 @@ import fastCashier from "@/views/home/components/fastCashier.vue";
 import pendingCartModal from "@/views/home/components/pendingCartModal.vue";
 import tableMerging from '@/views/home/components/tableMerging.vue'
 import CartItem from './components/cartItem.vue'
-import { formatDecimal, formatPhoneNumber, getOrderByIdAjax, commOrderPrintData } from '@/utils/index.js'
+import { formatDecimal, formatPhoneNumber } from '@/utils/index.js'
 import { useGoods } from '@/store/goods.js'
 import { staffPermission } from '@/api/user.js'
 import { createOrder } from '@/api/order.js'
@@ -300,7 +299,6 @@ async function quickCashHandle() {
 // 生成订单 t=0 先下单后结算 t=1直接结算
 async function createOrderHandle(t = 0) {
   try {
-    let placeNum = goodsStore.orderListInfo.placeNum || 0
     if (goodsStore.cartList.length) {
       const data = {
         orderId: goodsStore.orderListInfo.id || '',  // 订单id
@@ -311,7 +309,7 @@ async function createOrderHandle(t = 0) {
         tableCode: goodsStore.cartList[0].table_code, // 台桌号
         dineMode: goodsStore.allSelected ? store.shopInfo.eatModel.split(',')[1] : store.shopInfo.eatModel.split(',')[0], // 用餐方式
         remark: remark.value, // 备注
-        placeNum: placeNum + 1, // 下单次数
+        placeNum: (goodsStore.orderListInfo.placeNum || 0) + 1, // 下单次数
         waitCall: 0, // 是否叫号
         userId: goodsStore.vipUserInfo.userId || '', // 会员用户id
         limitRate: goodsStore.limitDiscountRes
@@ -330,17 +328,6 @@ async function createOrderHandle(t = 0) {
           settleAccountRef.value.show(t)
         } else {
           goodsStore.clearCart()
-          // 开始打印客看单,可看单需要剔除其他历史下单
-          getOrderByIdAjax(res.id).then(res => {
-            let originOrderInfo = res
-            originOrderInfo.detailMap = _.at(originOrderInfo.detailMap, placeNum + 1);
-
-            console.log('originOrderInfo', originOrderInfo);
-
-            printStore.pushReceiptData(commOrderPrintData({ ...originOrderInfo, isGuest: true, isBefore: true }));
-          }).catch(err => {
-            console.log(err);
-          })
         }
         // 清除购物车，更新历史订单
         goodsStore.updateOrderList()

src/views/home/test.vue

@@ -26,9 +26,8 @@
 </div>
 </template>
 </el-dialog> -->
-    <!-- <el-input v-model="authCode" placeholder="请扫描支付码"></el-input>
-    <el-button type="primary" @click="microPayAjax">反扫支付</el-button> -->
-    <el-button type="primary" @click="printReceipt">调用本地网络打印机</el-button>
+    <el-input v-model="authCode" placeholder="请扫描支付码"></el-input>
+    <el-button type="primary" @click="microPayAjax">反扫支付</el-button>
 </template>
 
 <script setup>
@@ -48,26 +47,6 @@ const tempFilePath = ref('')
 
 const authCode = ref('')
 
-function printReceipt() {
-    let data = {
-        printerIp: '192.168.1.53',
-        orderData: {
-            orderNo: '20260327008',
-            shopName: '川味小馆',
-            createTime: new Date().toLocaleString(),
-            products: [
-                { name: '回锅肉', price: '32.00', num: 1 },
-                { name: '米饭', price: '2.00', num: 2 },
-                { name: '紫菜蛋花汤', price: '8.00', num: 1 }
-            ],
-            total: '42.00',
-            payType: '支付宝',
-            remark: '微辣'
-        }
-    }
-    ipcRenderer.send('portPrint', JSON.stringify(data))
-}
-
 // 检查版本更新
 async function findVersionAjax() {
     try {

src/views/member/components/StoreWineManagement.vue

@@ -1,303 +0,0 @@
-<template>
-    <el-drawer v-model="drawerVisible" size="100%" :with-header="false" direction="btt">
-        <div class="drawer_wrap">
-            <div class="header">
-                <div class="left">
-                    <div class="return" @click="drawerVisible = false">
-                        <el-icon size="26" color="#555">
-                            <Back />
-                        </el-icon>
-                    </div>
-                    <div class="user_info">
-                        <el-image :src="userInfo.headImg" fit="cover"
-                            style="width: 40px; height: 40px; border-radius: 50%;background-color: #efefef;">
-                            <template #error>
-                                <el-icon style="font-size: 40px; color: #ccc;">
-                                    <user />
-                                </el-icon>
-                            </template>
-                        </el-image>
-                        <el-text>{{ userInfo.nickName }}/{{ userInfo.phone }}</el-text>
-                    </div>
-                </div>
-                <div class="right">
-                    <!-- <el-button type="danger" @click="dialogVisible = true">取酒</el-button> -->
-                    <el-button type="primary" @click="dialogVisible = true">新增存酒</el-button>
-                </div>
-            </div>
-            <div class="pay_wrap">
-                <div class="tab">
-                    <el-table :data="list" height="100%" border stripe>
-                        <el-table-column label="记录" prop="name"></el-table-column>
-                        <el-table-column label="数量" prop="num"></el-table-column>
-                        <el-table-column label="操作时间" prop="expTime"></el-table-column>
-                        <el-table-column label="操作" width="150">
-                            <template #default="{ row }">
-                                <el-button type="danger" :disabled="row.num <= 0"
-                                    @click="takeWineDialogVisible = true; maxTakeNum = row.num; takeWineForm.id = row.id;">取酒</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </div>
-            </div>
-        </div>
-    </el-drawer>
-    <el-dialog v-model="dialogVisible" title="新增存酒" width="350px" :close-on-click-modal="false" destroy-on-close>
-        <el-form :model="form" :rules="rules" label-width="100px" label-position="left">
-            <el-form-item label="选择酒品">
-                <el-select v-model="form.shopStorageGoodId" placeholder="请选择存酒商品" style="width: 180px;">
-                    <el-option v-for="item in storageGoodList" :key="item.id" :label="item.name" :value="item.id">
-                    </el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="存酒数量">
-                <el-input-number v-model="form.num" :min="1"></el-input-number>
-            </el-form-item>
-            <el-form-item label="存酒有效期">
-                <el-input-number v-model="form.expDay" :min="1"></el-input-number>
-                <span style="margin-left: 8px;">天</span>
-            </el-form-item>
-        </el-form>
-        <div class="dialog-footer">
-            <div class="btn">
-                <el-button style="width: 100%;" @click="dialogVisible = false">取 消</el-button>
-            </div>
-            <div class="btn">
-                <el-button style="width: 100%;" type="primary" :loading="confirmLoading" @click="confirmHandle">确
-                    定</el-button>
-            </div>
-        </div>
-    </el-dialog>
-    <!-- 取酒对话框,只选择数量即可，不可超过存酒的数量 -->
-    <el-dialog v-model="takeWineDialogVisible" title="取酒" width="350px" :close-on-click-modal="false" destroy-on-close>
-        <el-form :model="takeWineForm" :rules="takeWineRules" label-width="100px" label-position="left">
-            <el-form-item label="取酒数量">
-                <el-input-number v-model="takeWineForm.num" :min="1" :max="maxTakeNum"></el-input-number>
-            </el-form-item>
-        </el-form>
-        <div class="dialog-footer">
-            <div class="btn">
-                <el-button style="width: 100%;" @click="takeWineDialogVisible = false">取 消</el-button>
-            </div>
-            <div class="btn">
-                <el-button style="width: 100%;" type="primary" :loading="takeWineConfirmLoading"
-                    @click="confirmTakeWineHandle">确 定</el-button>
-            </div>
-        </div>
-    </el-dialog>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import { ElMessage } from 'element-plus'
-import { shopStoragePost, storageGoodGet, shopStorageGet, shopStoragePut } from '@/api/product_new'
-
-const props = defineProps({
-    userInfo: {
-        type: Object,
-        default: () => ({})
-    }
-})
-
-const drawerVisible = ref(false);
-const dialogVisible = ref(false);
-
-const list = ref([]);
-
-// 获取存酒记录
-async function shopStorageGetAjax() {
-    try {
-        const res = await shopStorageGet({
-            key: '',
-            phone: props.userInfo.phone,
-            page: 1,
-            size: 999,
-        });
-        list.value = res.records || [];
-    } catch (error) {
-        console.error('获取存酒列表失败:', error);
-    }
-}
-
-const form = ref({
-    userId: '',
-    shopStorageGoodId: '', // 存酒商品ID
-    num: 1, // 存酒数量
-    expDay: 1, // 存酒有效期，单位天默认1天
-})
-
-const rules = {
-    shopStorageGoodId: [{ required: true, message: '请选择存酒商品', trigger: 'change' }],
-    num: [{ required: true, message: '请输入存酒数量', trigger: 'change' }],
-    expDay: [{ required: true, message: '请输入存酒有效期', trigger: 'change' }],
-}
-
-// 确认存酒
-const confirmLoading = ref(false);
-async function confirmHandle() {
-    try {
-        confirmLoading.value = true;
-        form.value.userId = props.userInfo.userId;
-        await shopStoragePost(form.value);
-        ElMessage.success('存酒成功');
-        dialogVisible.value = false;
-        shopStorageGetAjax(); // 刷新存酒商品列表
-    } catch (error) {
-        console.error('存酒失败:', error);
-    } finally {
-        confirmLoading.value = false;
-    }
-}
-
-// 获取存酒商品列表
-const storageGoodList = ref([]);
-async function storageGoodGetAjax() {
-    try {
-        const res = await storageGoodGet({
-            page: 1,
-            size: 999,
-        });
-        storageGoodList.value = res.records || [];
-    } catch (error) {
-        console.error('获取存酒商品列表失败:', error);
-    }
-}
-
-const takeWineDialogVisible = ref(false);
-const takeWineForm = ref({
-    id: '', // 存酒记录ID
-    num: 1,
-})
-const takeWineRules = {
-    num: [{ required: true, message: '请输入取酒数量', trigger: 'change' }],
-}
-const maxTakeNum = ref(1);
-const takeWineConfirmLoading = ref(false);
-
-function confirmTakeWineHandle() {
-    shopStoragePutAjax();
-}
-
-// 存酒取酒 num 必需 正数为存酒反之为取酒
-async function shopStoragePutAjax() {
-    try {
-        takeWineConfirmLoading.value = true;
-        await shopStoragePut({
-            id: takeWineForm.value.id,
-            num: -takeWineForm.value.num, // 取酒数量为负数
-        });
-        ElMessage.success('取酒成功');
-        takeWineDialogVisible.value = false;
-        shopStorageGetAjax(); // 刷新存酒记录列表
-    } catch (error) {
-        console.error('取酒失败:', error);
-    } finally {
-        takeWineConfirmLoading.value = false;
-    }
-}
-
-function init() {
-    drawerVisible.value = false;
-    dialogVisible.value = false;
-    takeWineDialogVisible.value = false;
-    form.value = {
-        userId: '',
-        shopStorageGoodId: '',
-        num: 1,
-        expDay: 1,
-    };
-    takeWineForm.value = {
-        id: '',
-        num: 1,
-    };
-    maxTakeNum.value = 1;
-    list.value = [];
-}
-
-function show() {
-    init();
-    drawerVisible.value = true;
-    // 刷新列表数据
-    storageGoodGetAjax();
-    shopStorageGetAjax();
-}
-
-defineExpose({
-    show,
-    init,
-});
-
-// 初始化
-
-
-
-onMounted(() => {
-    storageGoodGetAjax();
-    shopStorageGetAjax();
-})
-</script>
-
-<style scoped lang="scss">
-.drawer_wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    padding: var(--el-font-size-base) 0;
-    flex-direction: column;
-    gap: var(--el-font-size-base);
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 var(--el-font-size-base);
-        background-color: #fff;
-        padding: var(--el-font-size-base);
-        border-radius: var(--el-font-size-base);
-
-        .left {
-            display: flex;
-            align-items: center;
-            gap: var(--el-font-size-base);
-
-            .return {
-                cursor: pointer;
-                border-radius: 4px;
-                transition: background-color 0.3s;
-                padding: 10px 8px 4px;
-
-                &:hover {
-                    background-color: rgba(0, 0, 0, 0.1);
-                }
-            }
-
-            .user_info {
-                display: flex;
-                align-items: center;
-                gap: var(--el-font-size-base);
-            }
-        }
-    }
-
-    .pay_wrap {
-        flex: 1;
-        background: #fff;
-        border-radius: var(--el-font-size-base);
-
-        .tab {
-            height: 100%;
-            padding: var(--el-font-size-base);
-        }
-    }
-}
-
-.dialog-footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: var(--el-font-size-base);
-
-    .btn {
-        flex: 1;
-    }
-}
-</style>

src/views/member/index.vue

@@ -99,9 +99,6 @@
                 </div>
             </div>
             <div class="btn_wrap">
-                <div class="btn">
-                    <el-button type="success" style="width: 100%;" @click="StoreWineManagementRef.show()">存酒管理</el-button>
-                </div>
                 <div class="btn">
                     <el-button type="warning" style="width: 100%;" @click="UserChargeRef.show()">账户充值</el-button>
                 </div>
@@ -117,8 +114,6 @@
     <RecordDialog ref="RecordDialogRef" @refund="getUserList" />
     <!-- 添加会员 -->
     <AddUserDrawer ref="AddUserDrawerRef" @success="queryHandle" />
-    <!-- 存酒管理 -->
-    <StoreWineManagement ref="StoreWineManagementRef" :user-info="currentRow" />
 </template>
 
 <script setup>
@@ -128,12 +123,10 @@ import { shopUserList } from '@/api/account.js'
 import UserCharge from './components/userCharge.vue'
 import RecordDialog from './components/recordDialog.vue'
 import AddUserDrawer from './components/addUserDrawer.vue'
-import StoreWineManagement from './components/storeWineManagement.vue'
 
 const UserChargeRef = ref(null)
 const RecordDialogRef = ref(null)
 const AddUserDrawerRef = ref(null)
-const StoreWineManagementRef = ref(null)
 
 const queryForm = ref({
     key: '',

src/views/order/components/refundDrawer.vue

@@ -260,7 +260,6 @@ async function printRefund(rows) {
         if (printStore.deviceNoteList.length) {
             // 本地打印
             const data = {
-                title: '退款单',
                 shop_name: store.shopInfo.shopName,
                 loginAccount: store.userInfo.name,
                 carts: [],
@@ -269,7 +268,6 @@ async function printRefund(rows) {
                 orderInfo: item.value,
                 outNumber: item.value.id,
                 createdAt: item.value.createTime,
-                refundMethod: cash.value ? '现金' : '原路退回',
                 printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
             }
 

src/views/order/index.vue

@@ -168,7 +168,7 @@
   <!-- 打印操作 -->
   <PrintDrawer ref="PrintDrawerRef" />
   <!-- 结算订单 -->
-  <SettleAccount ref="SettleAccountRef" @success="orderListAjax" />
+  <SettleAccount ref="SettleAccountRef" type="order" @success="orderListAjax" />
   <!-- 全部商品 -->
   <allGoodsDialog ref="allGoodsDialogRef" />
 </template>

src/views/table/components/tableInfo.vue

@@ -1,7 +1,7 @@
 <!-- 空闲台桌 -->
 <template>
     <div class="table_wrap">
-        <div class="header">
+        <!-- <div class="header">
             <span class="t">{{ props.tableInfo.name }}</span>
             <div class="close" @click="close">
                 <el-icon class="icon">
@@ -14,14 +14,29 @@
                 <Clock />
             </el-icon>
             <span class="t">{{tableStatusList.find(val => val.type == props.tableInfo.status).label}}</span>
-        </div>
+        </div> -->
         <div class="cart" v-loading="payLoading" v-if="props.tableInfo.status == 'unsettled'">
             <div class="cart_list">
                 <div class="item" v-for="item in cartList" :key="item.id">
                     <div class="top">
-                        <span class="name">{{ item.productName }}</span>
-                        <span class="n">x{{ item.num }}</span>
-                        <span class="p">￥{{ item.price }}</span>
+                        <span class="name">
+                            <span v-if="item.isTemporary" style="color: #999;">[临时菜]</span>
+                            <span v-if="item.isGift" style="color: #999;">[赠]</span>
+                            {{ item.productName }}
+                        </span>
+                        <span class="n">x{{ item.num - item.returnNum }}</span>
+                        <span class="p">￥{{ item.unitPrice }}</span>
+                    </div>
+                    <div class="top" v-if="item.returnNum > 0" style="font-size: 12px;color: #999;">
+                        <span class="name">[退菜]</span>
+                        <span class="n">x{{ item.returnNum }}</span>
+                        <span class="p">-￥{{ item.returnNum * item.price }}</span>
+                    </div>
+                    <div class="top" v-if="item.discountSaleAmount > 0 && item.isTemporary == 0"
+                        style="font-size: 12px;color: #999;">
+                        <span class="name">[改价优惠]</span>
+                        <span class="n"></span>
+                        <span class="p">-￥{{ item.price - item.unitPrice }}</span>
                     </div>
                     <div class="tag_wrap" v-if="item.skuName">
                         <div class="tag" v-for="item in item.skuName.split(',')">
@@ -56,6 +71,9 @@
                 <div class="btn_wrap" v-if="props.tableInfo.status == 'settled'">
                     <el-button type="primary" style="width: 100%;" @click="clearTableStatus">清理完成</el-button>
                 </div>
+                <div class="btn_wrap" v-if="props.tableInfo.status == 'unbound'">
+                    <el-button type="default" disabled style="width: 100%;">{{ props.tableInfo.statusMsg }}</el-button>
+                </div>
             </div>
             <transition name="el-fade-in">
                 <div class="people_num_wrap" v-show="showPeopleNum">
@@ -77,7 +95,7 @@
             </transition>
         </div>
         <!-- 结算订单 -->
-        <SettleAccount ref="SettleAccountRef" @success="emits('success')" />
+        <SettleAccount ref="SettleAccountRef" type="table" @success="emits('success')" />
     </div>
 </template>
 
@@ -182,9 +200,8 @@ async function getOrderDetail() {
 
             let total = 0
             res.cartList.forEach(item => {
-                total += item.payAmount * item.num
+                total += +item.payAmount - (item.returnNum * item.price)
             })
-
             orderInfo.value.orderAmount = formatDecimal(total)
         }
     } catch (error) {
@@ -257,7 +274,8 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .table_wrap {
-    padding: 20px;
+    // padding: 20px;
+    padding-top: 14px;
 
     .header {
         display: flex;
@@ -299,14 +317,14 @@ onMounted(() => {
     }
 
     .cart {
-        height: calc(100vh - 160px);
+        height: calc(100vh - 75px);
         display: flex;
         flex-direction: column;
 
         .cart_list {
             flex: 1;
             border-radius: 6px;
-            background-color: #efefef;
+            background-color: #fff;
             padding: 0 var(--el-font-size-base);
             overflow-y: auto;
 

src/views/table/index.vue

@@ -5,42 +5,57 @@
                 <div class="menus">
                     <div class="item" :class="{ active: tabActive == index }" v-for="(item, index) in tabAreas"
                         :key="item.id" @click="tabChange(item, index)">
+                        <div class="dot" :style="{ backgroundColor: item.color }" v-if="item.color"></div>
                         <el-text>{{ item.label }}</el-text>
                     </div>
                 </div>
                 <!-- <div class="all">
                     <el-button type="link" icon="Clock">预定管理</el-button>
                 </div> -->
+                <div class="order_info">
+                    <div class="title">
+                        <el-icon>
+                            <Tickets />
+                        </el-icon>
+                        <el-text>未结账：</el-text>
+                    </div>
+                    <el-text type="primary">
+                        {{ orderInfo.num }}笔 | {{ orderInfo.personNum }}人 | ￥{{ formatDecimal(orderInfo.amount) }}
+                    </el-text>
+                </div>
             </div>
             <div class="tab_container">
-                <div class="tab_head">
-                    <el-radio-group v-model="area" @change="shopTableAjax">
-                        <el-radio-button label="全部" value=""></el-radio-button>
-                        <el-radio-button :label="item.name" :value="item.id" v-for="item in areaList"
-                            :key="item.id"></el-radio-button>
-                    </el-radio-group>
+                <div class="tab_head" ref="tabHeadRef">
+                    <div class="item" :class="{ active: tabItemActive == -1 }" @click="tabItemChange('', -1)">全部</div>
+                    <div class="item" :class="{ active: index == tabItemActive }" v-for="(item, index) in areaList"
+                        :key="item.id" @click="tabItemChange(item, index)">
+                        {{ item.name }}
+                    </div>
                 </div>
                 <div class="overflow_y" v-loading="loading">
                     <div class="tab_list">
-                        <div class="item" :class="{ active: tableItemActive == index }"
+                        <div class="item"
                             :style="{ '--color': tableStatusList.find(val => val.type == item.status).color }"
                             v-for="(item, index) in tableList" :key="item.id" @click="slectTableHandle(index, item)">
                             <div class="tab_title" :class="`${item.status}`">
-                                <span>{{ item.name }}</span>
-                                <span>0/{{ item.maxCapacity }}</span>
+                                <span>{{ item.areaName }} | {{ item.name }}</span>
+                                <span>{{ item.personNum || 0 }}/{{ item.maxCapacity }}</span>
                             </div>
                             <div class="tab_cont">
-                                <el-icon class="icon" v-if="item.status != 'using'">
-                                    <CircleClose />
-                                </el-icon>
-                                <div class="using" v-else>
-                                    <div class="t1">开台中</div>
-                                    <!-- <div class="t2">
-                                        <el-icon>
+                                <div class="using"
+                                    v-if="item.status == 'unsettled' || item.status == 'unsettled' || item.status == 'paying' || item.status == 'settled' || item.status == 'unpaid'">
+                                    <div class="t1">￥{{ formatDecimal(+item.orderAmount) }}</div>
+                                    <div class="t2">
+                                        <el-icon color="#333">
                                             <Timer />
                                         </el-icon>
-                                        <span>{{ countTime(item.updatedAt) }}</span>
-                                    </div> -->
+                                        <span :key="refreshKey">{{ countTime(item.orderCreateTime) }}</span>
+                                    </div>
+                                </div>
+                                <div class="icon_wrap" v-else>
+                                    <el-icon class="icon">
+                                        <CircleClose />
+                                    </el-icon>
                                 </div>
                             </div>
                         </div>
@@ -49,19 +64,22 @@
                         <el-empty description="空空如也~" />
                     </div>
                 </div>
-                <div class="pagination">
+                <!-- <div class="pagination">
                     <el-pagination background v-model:current-page="query.page" :pager-count="5"
                         layout=" pager, jumper, total" :total="query.total"
                         @current-change="shopTableAjax"></el-pagination>
-                </div>
+                </div> -->
             </div>
         </div>
-        <div class="right_card card">
-            <!-- 台桌统计 -->
+        <el-drawer v-model="drawerVisible"
+            :title="`${tableList[tableItemActive].areaName} | ${tableList[tableItemActive].name} （${tableList[tableItemActive].personNum || 0}/${tableList[tableItemActive].maxCapacity}）`"
+            size="35%" v-if="tableList.length">
+            <tableInfo :tableInfo="tableList[tableItemActive]" @success="paySuccess" />
+        </el-drawer>
+        <!-- <div class="right_card card">
             <countCard v-if="!slectTable.id" />
-            <!-- 台桌信息 -->
             <tableInfo v-else :tableInfo="slectTable" @close="slectTableClose" @success="paySuccess" />
-        </div>
+        </div> -->
     </div>
 </template>
 
@@ -69,9 +87,16 @@
 import { shopArea, shopTable } from "@/api/account.js";
 import countCard from '@/views/table/components/countCard.vue'
 import tableInfo from '@/views/table/components/tableInfo.vue'
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import { dayjs } from 'element-plus'
 import tableStatusList from './statusList.js'
+import { formatDecimal } from '@/utils/index.js'
+
+const orderInfo = ref({
+    num: 0,
+    personNum: 0,
+    amount: 0
+})
 
 const tabActive = ref(0)
 const tabAreas = ref([
@@ -82,18 +107,22 @@ const tabAreas = ref([
     {
         label: '空闲',
         type: 'idle',
+        color: "#187CAA",
     },
     {
         label: '使用中',
-        type: 'unsettled'
+        type: 'unsettled',
+        color: "#DD3F41",
     },
     {
         label: '待清理',
         type: 'settled',
+        color: "#FF9500",
     },
     {
         label: '已预订',
         type: 'subscribe',
+        color: "#58B22C",
     }
 ])
 
@@ -110,7 +139,7 @@ const tableList = ref([])
 // 所选区域
 const area = ref('')
 // 选择台桌索引
-const tableItemActive = ref(-1)
+const tableItemActive = ref(0)
 // 选择台桌信息
 const slectTable = ref('')
 
@@ -120,33 +149,89 @@ function tabChange(item, index) {
     shopTableAjax()
 }
 
+const tabItemActive = ref(-1)
+function tabItemChange(item, index) {
+    tabItemActive.value = index
+    if (index == -1) {
+        area.value = ''
+    } else {
+        area.value = item.id
+    }
+    shopTableAjax()
+
+    nextTick(() => {
+        scrollTabToCenter()
+    })
+}
+
+// 自动居中滚动
+const tabHeadRef = ref(null)
+function scrollTabToCenter() {
+    const container = tabHeadRef.value
+    if (!container) return
+
+    // 获取当前激活的 item
+    const activeItem = container.querySelector('.item.active')
+    if (!activeItem) return
+
+    // 计算居中位置
+    const containerWidth = container.offsetWidth
+    const itemWidth = activeItem.offsetWidth
+    const itemLeft = activeItem.offsetLeft
+
+    // 滚动到中间（核心公式）
+    container.scrollTo({
+        left: itemLeft - containerWidth / 2 + itemWidth / 2,
+        behavior: 'smooth' // 丝滑滚动
+    })
+}
+
 // 计算当前的时间差
 function countTime(t) {
-    let ctime = dayjs().valueOf()
-    return dayjs(ctime - t).format('H小时m分')
+    if (!t) return '0小时1分'
+
+    const now = dayjs().valueOf()
+    const createTime = dayjs(t).valueOf()
+
+    let diff = now - createTime
+
+    // 负数 或 小于1分钟，都强制显示 0小时1分
+    if (diff < 0 || diff < 60 * 1000) {
+        return '0小时1分'
+    }
+
+    const h = Math.floor(diff / 3600000)
+    const m = Math.floor((diff % 3600000) / 60000)
+
+    return `${h}小时${m}分`
 }
 
 // 支付成功，刷新状态
 async function paySuccess() {
+    drawerVisible.value = false
     await shopTableAjax()
-    slectTableHandle(tableItemActive.value, tableList.value[tableItemActive.value])
+    // slectTableHandle(tableItemActive.value, tableList.value[tableItemActive.value])
 }
 
 // 选择台桌
+const drawerVisible = ref(false)
 function slectTableHandle(index, item) {
-    if (tableItemActive.value == index) {
-        tableItemActive.value = -1
-        slectTable.value = ''
-    } else {
-        tableItemActive.value = index
-        slectTable.value = item
-    }
+    tableItemActive.value = index
+    drawerVisible.value = true
+    // if (tableItemActive.value == index) {
+    //     tableItemActive.value = -1
+    //     slectTable.value = ''
+    // } else {
+    //     tableItemActive.value = index
+    //     slectTable.value = item
+    // }
 }
 
 // 关闭台桌
 function slectTableClose() {
     tableItemActive.value = -1
     slectTable.value = ''
+    drawerVisible.value = false
 }
 
 // 获取台桌区域
@@ -163,12 +248,21 @@ async function shopAreaAjax() {
 }
 
 // 获取台桌列表
-async function shopTableAjax() {
+async function shopTableAjax(isLoading = true) {
     try {
-        loading.value = true
+        orderInfo.value = {
+            num: 0,
+            personNum: 0,
+            amount: 0
+        }
+        if (isLoading) {
+            loading.value = true
+        }
         const res = await shopTable({
-            page: query.value.page,
-            size: query.value.size,
+            // page: query.value.page,
+            // size: query.value.size,
+            page: 1,
+            size: 999,
             areaId: area.value,
             tableCode: '',
             name: '',
@@ -176,19 +270,60 @@ async function shopTableAjax() {
         })
         tableList.value = res.records
         query.value.total = +res.totalRow
-        setTimeout(() => {
-            loading.value = false
-        }, 500)
+
+        tableList.value.forEach(item => {
+            if (item.status == 'unsettled') {
+                orderInfo.value.num += 1
+                orderInfo.value.personNum += item.personNum || 0
+                orderInfo.value.amount += item.orderAmount || 0
+            }
+        })
+        if (isLoading) {
+            setTimeout(() => {
+                loading.value = false
+            }, 500)
+        }
     } catch (error) {
-        loading.value = false
+        if (isLoading) {
+            loading.value = false
+        }
         console.log(error)
     }
 }
 
+const refreshKey = ref(0)
+
+// 精准【每分钟 00 秒】自动刷新时间（和时钟完全同步）
+let timeTimer = null
+
+function syncMinuteRefresh() {
+    // 1. 计算当前时间距离下一个 00 秒还剩多少毫秒
+    const now = new Date()
+    const seconds = now.getSeconds()
+    const delay = (60 - seconds) * 1000 // 等到下一个整分钟
+
+    // 2. 等到整分钟时，执行一次刷新
+    setTimeout(() => {
+        refreshKey.value++ // 刷新时间
+
+        // 3. 之后每 60 秒执行一次（永远在 00 秒刷新）
+        timeTimer = setInterval(() => {
+            refreshKey.value++
+        }, 60000)
+    }, delay)
+}
+
 onMounted(() => {
     shopAreaAjax()
     shopTableAjax()
+    syncMinuteRefresh()
 })
+
+// 销毁清理
+onUnmounted(() => {
+    clearInterval(timeTimer)
+})
+
 </script>
 
 <style scoped lang="scss">
@@ -219,7 +354,7 @@ onMounted(() => {
         padding: 0 10px;
 
         .item {
-            padding: 0 10px;
+            padding: 0 20px;
             display: flex;
             align-items: center;
             position: relative;
@@ -228,6 +363,13 @@ onMounted(() => {
                 font-size: var(--el-font-size-base);
             }
 
+            .dot {
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                margin-right: 6px;
+            }
+
             &.active {
 
                 &::after {
@@ -252,35 +394,82 @@ onMounted(() => {
         display: flex;
         align-items: center;
     }
+
+    .order_info {
+        display: flex;
+        padding-right: 14px;
+
+        .title {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+        }
+    }
 }
 
 .tab_container {
     padding: var(--el-font-size-base);
 
     .tab_head {
+        width: calc(100vw - 125px);
         padding-bottom: var(--el-font-size-base);
+        overflow-x: auto;
+        white-space: nowrap;
+
+        /* 隐藏滚动条（通用） */
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+
+
+        .item {
+            height: 42px;
+            display: inline-flex;
+            align-items: center;
+            padding: 4px 12px;
+            border-radius: 4px;
+            background-color: #f5f5f5;
+            margin-right: 10px;
+
+            &.active {
+                background-color: var(--primary-color);
+                color: #fff;
+            }
+
+            &:hover {
+                cursor: pointer;
+                background-color: var(--primary-color);
+                color: #fff;
+            }
+        }
+    }
+
+    /* 隐藏滚动条（Chrome / Electron / Edge） */
+    .tab_head::-webkit-scrollbar {
+        display: none !important;
     }
 
     .overflow_y {
-        height: calc(100vh - 220px);
+        // height: calc(100vh - 220px);
+        height: calc(100vh - 162px);
         overflow-y: auto;
     }
 
     .tab_list {
         display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
         grid-template-rows: auto;
         gap: 10px;
 
         .item {
             border-radius: 6px;
             overflow: hidden;
-            padding: 2px;
+            padding: 4px;
             background-color: var(--color);
 
             &.active {
                 .tab_cont {
                     position: relative;
+
                     &::before {
                         content: "";
                         width: 100%;
@@ -306,23 +495,66 @@ onMounted(() => {
                 justify-content: space-between;
                 padding: 0 10px;
                 color: #fff;
+                gap: 4px;
+
+                span:nth-child(1) {
+                    /* 核心：最多两行，超出... */
+                    display: -webkit-box;
+                    -webkit-line-clamp: 2;
+                    /* 最多2行 */
+                    -webkit-box-orient: vertical;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+
+                    /* 保证换行正常 */
+                    white-space: normal;
+                    word-break: break-all;
+                }
             }
 
             .tab_cont {
-                height: 112px;
+                height: 108px;
                 display: flex;
-                align-items: center;
-                justify-content: center;
                 background-color: #fff;
                 border-radius: 4px;
                 position: relative;
 
-                .icon {
-                    color: var(--color);
-                    font-size: 30px;
-                    transform: rotate(45deg);
-                    position: relative;
-                    z-index: 2
+                .icon_wrap {
+                    width: 100%;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+
+                    .icon {
+                        color: var(--color);
+                        font-size: 30px;
+                        transform: rotate(45deg);
+                        position: relative;
+                        z-index: 2
+                    }
+                }
+
+                .using {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    gap: 20px;
+                    padding-left: 14px;
+
+                    .t1 {
+                        color: #333;
+                    }
+
+                    .t2 {
+                        display: flex;
+                        align-items: center;
+                        gap: 4px;
+
+                        span {
+                            color: #555;
+                        }
+                    }
                 }
             }
         }

src/views/table/index20260328.vue

@@ -0,0 +1,331 @@
+<template>
+    <div class="content">
+        <div class="cart_wrap card">
+            <div class="header">
+                <div class="menus">
+                    <div class="item" :class="{ active: tabActive == index }" v-for="(item, index) in tabAreas"
+                        :key="item.id" @click="tabChange(item, index)">
+                        <el-text>{{ item.label }}</el-text>
+                    </div>
+                </div>
+                <!-- <div class="all">
+                    <el-button type="link" icon="Clock">预定管理</el-button>
+                </div> -->
+            </div>
+            <div class="tab_container">
+                <div class="tab_head">
+                    <el-radio-group v-model="area" @change="shopTableAjax">
+                        <el-radio-button label="全部" value=""></el-radio-button>
+                        <el-radio-button :label="item.name" :value="item.id" v-for="item in areaList"
+                            :key="item.id"></el-radio-button>
+                    </el-radio-group>
+                </div>
+                <div class="overflow_y" v-loading="loading">
+                    <div class="tab_list">
+                        <div class="item" :class="{ active: tableItemActive == index }"
+                            :style="{ '--color': tableStatusList.find(val => val.type == item.status).color }"
+                            v-for="(item, index) in tableList" :key="item.id" @click="slectTableHandle(index, item)">
+                            <div class="tab_title" :class="`${item.status}`">
+                                <span>{{ item.name }}</span>
+                                <span>0/{{ item.maxCapacity }}</span>
+                            </div>
+                            <div class="tab_cont">
+                                <el-icon class="icon" v-if="item.status != 'using'">
+                                    <CircleClose />
+                                </el-icon>
+                                <div class="using" v-else>
+                                    <div class="t1">开台中</div>
+                                    <!-- <div class="t2">
+                                        <el-icon>
+                                            <Timer />
+                                        </el-icon>
+                                        <span>{{ countTime(item.updatedAt) }}</span>
+                                    </div> -->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="empty" v-if="!tableList.length">
+                        <el-empty description="空空如也~" />
+                    </div>
+                </div>
+                <div class="pagination">
+                    <el-pagination background v-model:current-page="query.page" :pager-count="5"
+                        layout=" pager, jumper, total" :total="query.total"
+                        @current-change="shopTableAjax"></el-pagination>
+                </div>
+            </div>
+        </div>
+        <div class="right_card card">
+            <!-- 台桌统计 -->
+            <countCard v-if="!slectTable.id" />
+            <!-- 台桌信息 -->
+            <tableInfo v-else :tableInfo="slectTable" @close="slectTableClose" @success="paySuccess" />
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { shopArea, shopTable } from "@/api/account.js";
+import countCard from '@/views/table/components/countCard.vue'
+import tableInfo from '@/views/table/components/tableInfo.vue'
+import { ref, onMounted } from 'vue'
+import { dayjs } from 'element-plus'
+import tableStatusList from './statusList.js'
+
+const tabActive = ref(0)
+const tabAreas = ref([
+    {
+        label: '全部',
+        type: '',
+    },
+    {
+        label: '空闲',
+        type: 'idle',
+    },
+    {
+        label: '使用中',
+        type: 'unsettled'
+    },
+    {
+        label: '待清理',
+        type: 'settled',
+    },
+    {
+        label: '已预订',
+        type: 'subscribe',
+    }
+])
+
+const query = ref({
+    page: 1,
+    size: 12,
+    total: 0
+})
+const loading = ref(false)
+// 区域列表
+const areaList = ref([])
+// 台桌列表
+const tableList = ref([])
+// 所选区域
+const area = ref('')
+// 选择台桌索引
+const tableItemActive = ref(-1)
+// 选择台桌信息
+const slectTable = ref('')
+
+// 切换类型
+function tabChange(item, index) {
+    tabActive.value = index
+    shopTableAjax()
+}
+
+// 计算当前的时间差
+function countTime(t) {
+    let ctime = dayjs().valueOf()
+    return dayjs(ctime - t).format('H小时m分')
+}
+
+// 支付成功，刷新状态
+async function paySuccess() {
+    await shopTableAjax()
+    slectTableHandle(tableItemActive.value, tableList.value[tableItemActive.value])
+}
+
+// 选择台桌
+function slectTableHandle(index, item) {
+    if (tableItemActive.value == index) {
+        tableItemActive.value = -1
+        slectTable.value = ''
+    } else {
+        tableItemActive.value = index
+        slectTable.value = item
+    }
+}
+
+// 关闭台桌
+function slectTableClose() {
+    tableItemActive.value = -1
+    slectTable.value = ''
+}
+
+// 获取台桌区域
+async function shopAreaAjax() {
+    try {
+        const res = await shopArea({
+            page: 1,
+            size: 500
+        })
+        areaList.value = res.records
+    } catch (error) {
+        console.log(error)
+    }
+}
+
+// 获取台桌列表
+async function shopTableAjax() {
+    try {
+        loading.value = true
+        const res = await shopTable({
+            page: query.value.page,
+            size: query.value.size,
+            areaId: area.value,
+            tableCode: '',
+            name: '',
+            status: tabAreas.value[tabActive.value].type,
+        })
+        tableList.value = res.records
+        query.value.total = +res.totalRow
+        setTimeout(() => {
+            loading.value = false
+        }, 500)
+    } catch (error) {
+        loading.value = false
+        console.log(error)
+    }
+}
+
+onMounted(() => {
+    shopAreaAjax()
+    shopTableAjax()
+})
+</script>
+
+<style scoped lang="scss">
+.pagination {
+    display: flex;
+    justify-content: flex-end;
+    padding-top: var(--el-font-size-base);
+}
+
+.cart_wrap {
+    flex: 2;
+}
+
+.right_card {
+    flex: 1;
+    height: 100%;
+    margin-left: var(--el-font-size-base);
+}
+
+.header {
+    display: flex;
+    height: var(--el-component-size-large);
+    justify-content: space-between;
+    border-bottom: 1px solid #ececec;
+
+    .menus {
+        display: flex;
+        padding: 0 10px;
+
+        .item {
+            padding: 0 10px;
+            display: flex;
+            align-items: center;
+            position: relative;
+
+            span {
+                font-size: var(--el-font-size-base);
+            }
+
+            &.active {
+
+                &::after {
+                    content: "";
+                    width: 70%;
+                    height: 4px;
+                    border-radius: 4px;
+                    position: absolute;
+                    bottom: 0;
+                    left: 15%;
+                    background-color: var(--primary-color);
+                }
+
+                span {
+                    color: var(--primary-color);
+                }
+            }
+        }
+    }
+
+    .all {
+        display: flex;
+        align-items: center;
+    }
+}
+
+.tab_container {
+    padding: var(--el-font-size-base);
+
+    .tab_head {
+        padding-bottom: var(--el-font-size-base);
+    }
+
+    .overflow_y {
+        height: calc(100vh - 220px);
+        overflow-y: auto;
+    }
+
+    .tab_list {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: auto;
+        gap: 10px;
+
+        .item {
+            border-radius: 6px;
+            overflow: hidden;
+            padding: 2px;
+            background-color: var(--color);
+
+            &.active {
+                .tab_cont {
+                    position: relative;
+                    &::before {
+                        content: "";
+                        width: 100%;
+                        height: 100%;
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        background-color: var(--color);
+                        opacity: .2;
+                        z-index: 1;
+                    }
+                }
+            }
+
+            &:hover {
+                cursor: pointer;
+            }
+
+            .tab_title {
+                height: var(--el-component-size-large);
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 0 10px;
+                color: #fff;
+            }
+
+            .tab_cont {
+                height: 112px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                background-color: #fff;
+                border-radius: 4px;
+                position: relative;
+
+                .icon {
+                    color: var(--color);
+                    font-size: 30px;
+                    transform: rotate(45deg);
+                    position: relative;
+                    z-index: 2
+                }
+            }
+        }
+    }
+}
+</style>

src/views/work/index.vue

@@ -179,16 +179,8 @@ const exit = async () => {
         if (loading.value) return
         loading.value = true;
         // await staffPermission('yun_xu_jiao_ban')
-
-        // const res = await handover(isPrint.value)
-        // const data = await handoverData(res)
-
-        const res = '136'
-        const data = { "accountType": "merchant", "alipayAmount": 0, "cashAmount": 38.5, "categoryDataList": [{ "amount": 8.7, "categoryId": "614", "categoryName": "主食", "num": 3, "quantity": 1 }, { "amount": 29.8, "categoryId": "615", "categoryName": "炒菜", "num": 5, "quantity": 4 }], "creditAmount": 0, "handAmount": 38.5, "handoverTime": "2026-04-02 18:19:45", "id": "136", "loginTime": "2026-04-02 18:17:57", "orderCount": 1, "productDataList": [{ "amount": 8.7, "num": 3, "productId": "4037", "productName": "金镶白玉板", "skuId": "6727", "skuName": "" }, { "amount": 8.8, "num": 1, "productId": "4039", "productName": "雪底红梅", "skuId": "6729", "skuName": "" }, { "amount": 1.2, "num": 1, "productId": "4045", "productName": "清蒸鲈鱼", "skuId": "6738", "skuName": "微辣,中度酸" }, { "amount": 2, "num": 1, "productId": "4046", "productName": "四喜丸子", "skuId": "6741", "skuName": "" }, { "amount": 17.8, "num": 2, "productId": "4295", "productName": "小烤串", "skuId": "6990", "skuName": "" }], "quickInAmount": 0, "refundAmount": 0, "shopId": "151", "shopName": "高歌的小店", "staffId": "151", "staffName": "高歌的小店", "vipPay": 0, "vipRecharge": 0, "wechatAmount": 0 }
-
-        // console.log('res===', JSON.stringify(res));
-        // console.log('data===', JSON.stringify(data));
-
+        const res = await handover(isPrint.value)
+        const data = await handoverData(res)
         if (printStore.deviceNoteList.length) {
             // 使用本地打印机 打印交班数据
             data.printTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
@@ -198,8 +190,7 @@ const exit = async () => {
             // 使用云打印机 打印交班数据
             await handoverNetworkPrint(data.id)
         }
-        // logoutHandle()
-        loading.value = false;
+        logoutHandle()
     } catch (error) {
         loading.value = false;
         console.log(error);