版本更新

优化
更新没有usb打印机时调用云打印机
2024-08-06 15:26:22 +08:00 · 2024-08-06 09:16:06 +08:00 · 2024-08-02 17:54:52 +08:00 · 2024-08-02 14:56:30 +08:00 · 2024-08-02 11:22:17 +08:00 · 2024-08-02 10:49:46 +08:00
73 changed files with 9053 additions and 2047 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,7 +1,33 @@
 # 本地环境
 ENV = development

-# 本地环境接口地址
-VITE_API_URL = 'http://192.168.2.27:10587/cashier-client'
-# VITE_API_URL = 'https://cashiernew.sxczgkj.cn/cashier-client'
-# VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client/'
+
+# 正式ws
+VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
+
+#测试ws
+# VITE_API_WSS = 'wss://wxcashiertest.sxczgkj.cn/client'
+
+# 阿伟本地ws
+# VITE_API_WSS = 'ws://192.168.2.17:9998/client'
+
+# 正式 php
+VITE_API_PHP_URL = 'https://czgdoumei.sxczgkj.com/index.php/api'
+
+# 测试 php 开票
+# VITE_API_KP_URL = 'http://192.168.1.13:8888/api'
+
+# 正式 php 开票
+VITE_API_KP_URL = 'https://invoice.sxczgkj.cn/api'
+
+# 阿伟
+# VITE_API_URL = 'http://192.168.2.96:10587/cashier-client'
+
+# 鹏辉
+# VITE_API_URL = 'http://192.168.1.106:10589/cashier-client'
+
+# 测试
+# VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
+
+# 正式
+VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client'
--- a/.env.production
+++ b/.env.production
@@ -1,6 +1,14 @@
 # 线上环境
 ENV = production

+# 正式ws
+VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
+
+# 正式 php
+VITE_API_PHP_URL = 'https://czgdoumei.sxczgkj.com/index.php/api'
+
+# 正式 php 开票
+VITE_API_KP_URL = 'https://invoice.sxczgkj.cn/api'
+
 # 线上环境接口地址
-VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client/'
-# VITE_API_URL = 'https://cashiernew.sxczgkj.cn/cashier-client'
+VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client/'
--- a/.env.test
+++ b/.env.test
@@ -0,0 +1,23 @@
+# 线上环境
+ENV = test
+
+#测试ws
+VITE_API_WSS = 'wss://wxcashiertest.sxczgkj.cn/client'
+
+# 正式ws
+# VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
+
+# 正式 php
+VITE_API_PHP_URL = 'https://czgdoumei.sxczgkj.com/index.php/api'
+
+# 测试 php 开票
+# VITE_API_KP_URL = 'http://192.168.1.13:8888/api'
+
+# 正式 php 开票
+VITE_API_KP_URL = 'https://invoice.sxczgkj.cn/api'
+
+# 测试
+VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
+
+# 正式
+# VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client'
--- a/dist-electron/main.js
+++ b/dist-electron/main.js
@@ -1,6 +1,7 @@
 "use strict";
 const path = require("path");
 const electron = require("electron");
+const os = require("os");
 let win;
 electron.app.whenReady().then(() => {
  win = new electron.BrowserWindow({
@@ -28,41 +29,52 @@ electron.app.whenReady().then(() => {
    }
  });
  electron.ipcMain.on("quitHandler", (_, msg) => {
-    electron.app.quit();
+    win = null;
+    electron.app.exit();
  });
  electron.ipcMain.on("getPrintList", () => {
    win.webContents.getPrintersAsync().then((res) => {
      win.webContents.send("printList", res);
    });
  });
-  const printWin = new electron.BrowserWindow({
+  electron.ipcMain.on("getOSmacSync", () => {
+    let mac = "";
+    if (os.networkInterfaces().WLAN) {
+      mac = os.networkInterfaces().WLAN[0].mac;
+      console.log("wlan.mac===", mac);
+    } else {
+      mac = os.networkInterfaces()["以太网"][0].mac;
+      console.log("以太网.mac===", mac);
+    }
+    win.webContents.send("getOSmacRes", mac);
+  });
+  const tagPrintWin = new electron.BrowserWindow({
    show: false,
-    width: 464,
-    height: 1726,
+    width: 360,
+    height: 240,
    webPreferences: {
-      // 集成网页和 Node.js，也就是在渲染进程中，可以调用 Node.js 方法
      nodeIntegration: true,
      contextIsolation: false
    }
  });
  if (process.env.VITE_DEV_SERVER_URL) {
-    printWin.loadFile(path.join(__dirname, "../public/print.html"));
+    tagPrintWin.loadFile(path.join(__dirname, "../public/tag_print.html"));
  } else {
-    printWin.loadFile(path.resolve(__dirname, "../dist/print.html"));
+    tagPrintWin.loadFile(path.resolve(__dirname, "../dist/tag_print.html"));
  }
-  electron.ipcMain.on("printerInfoSync", (event, arg) => {
-    printWin.webContents.send("getParams", arg);
-  });
-  electron.ipcMain.on("printStart", (event, arg) => {
+  electron.ipcMain.on("printerTagSync", (event, arg) => {
    console.log(arg);
+    tagPrintWin.webContents.send("getParams", arg);
+  });
+  electron.ipcMain.on("printTagStart", (event, arg) => {
    const _parmas = JSON.parse(arg);
    let name = _parmas.deviceName;
-    printWin.webContents.print({
+    tagPrintWin.webContents.print({
      silent: true,
      deviceName: name,
      pageSize: {
-        width: 58e3,
-        height: 216e3
+        width: 45e3,
+        height: 3e4
      },
      scaleFactor: 80,
      landscape: false,
@@ -79,6 +91,23 @@ electron.app.whenReady().then(() => {
      }
    });
  });
+  const gotTheLock = electron.app.requestSingleInstanceLock();
+  if (!gotTheLock) {
+    electron.app.quit();
+  } else {
+    electron.app.on("second-instance", (event, commandLine, workingDirectory) => {
+      if (win) {
+        if (win.isMinimized())
+          win.restore();
+        win.focus();
+        win.show();
+      }
+    });
+  }
+  win.on("close", (e) => {
+    e.preventDefault();
+    win.webContents.send("showCloseDialog");
+  });
 });
 electron.app.on("window-all-closed", () => {
  if (process.platform !== "darwin")
--- a/electron/main.js
+++ b/electron/main.js
@@ -1,5 +1,7 @@
 import path from "path";
 import { app, BrowserWindow, ipcMain } from "electron";
+import os from "os";
+// const SerialPort = require("serialport");

 let win;
 app.whenReady().then(() => {
@@ -36,23 +38,151 @@ app.whenReady().then(() => {
  });

  ipcMain.on("quitHandler", (_, msg) => {
-    app.quit();
+    win = null;
+    app.exit();
  });

  // 给渲染进程返回打印机列表
-  ipcMain.on('getPrintList', () => {
-    win.webContents.getPrintersAsync().then(res => {
-      win.webContents.send('printList', res)
-    })
-  })
+  ipcMain.on("getPrintList", () => {
+    win.webContents.getPrintersAsync().then((res) => {
+      win.webContents.send("printList", res);
+    });
+  });
+
+  // 获取本机mac
+  ipcMain.on("getOSmacSync", () => {
+    let mac = "";
+    if (os.networkInterfaces().WLAN) {
+      mac = os.networkInterfaces().WLAN[0].mac;
+      console.log("wlan.mac===", mac);
+    } else {
+      mac = os.networkInterfaces()["以太网"][0].mac;
+      console.log("以太网.mac===", mac);
+    }
+    win.webContents.send("getOSmacRes", mac);
+  });
+
+  // ipcMain.on("getSerialPort", () => {
+  //   SerialPort.SerialPort.list().then(
+  //     (ports) => {
+  //       console.log(ports);
+  //       win.webContents.send("seriaportList", ports);
+  //     },
+  //     (err) => console.error(err)
+  //   );
+  // });

  // 创建打印小票子窗口
-  const printWin = new BrowserWindow({
+  // const printWin = new BrowserWindow({
+  //   show: false,
+  //   width: 464,
+  //   height: 1726,
+  //   webPreferences: {
+  //     // 集成网页和 Node.js，也就是在渲染进程中，可以调用 Node.js 方法
+  //     nodeIntegration: true,
+  //     contextIsolation: false,
+  //   },
+  // });
+
+  // if (process.env.VITE_DEV_SERVER_URL) {
+  //   // 加载打印的html文件
+  //   printWin.loadFile(path.join(__dirname, "../public/print.html"));
+  // } else {
+  //   printWin.loadFile(path.resolve(__dirname, "../dist/print.html")); // 打包后使用文件路径访问应用
+  // }
+
+  // // 接收订单页面发过来的参数发送给打印页
+  // ipcMain.on("printerInfoSync", (event, arg) => {
+  //   printWin.webContents.send("getParams", arg);
+  // });
+
+  // // 执行打印操作
+  // ipcMain.on("printStart", (event, arg) => {
+  //   console.log(arg);
+  //   const _parmas = JSON.parse(arg);
+  //   // console.log(_parmas)
+  //   let name = _parmas.deviceName;
+  //   printWin.webContents.print({
+  //     silent: true,
+  //     deviceName: name,
+  //     pageSize: {
+  //       width: 58000,
+  //       height: 216000,
+  //     },
+  //     scaleFactor: 80,
+  //     landscape: false,
+  //     margins: {
+  //       marginType: "none",
+  //       top: 0,
+  //       bottom: 0,
+  //       left: 0,
+  //       right: 0,
+  //     },
+  //     dpi: {
+  //       horizontal: 203,
+  //       vertical: 203,
+  //     },
+  //   });
+  // });
+
+  // // 交班小票的窗口
+  // const workPrintWin = new BrowserWindow({
+  //   show: false,
+  //   width: 464,
+  //   height: 1726,
+  //   webPreferences: {
+  //     nodeIntegration: true,
+  //     contextIsolation: false,
+  //   },
+  // });
+
+  // if (process.env.VITE_DEV_SERVER_URL) {
+  //   // 加载打印的html文件
+  //   workPrintWin.loadFile(path.join(__dirname, "../public/work_print.html"));
+  // } else {
+  //   workPrintWin.loadFile(path.resolve(__dirname, "../dist/work_print.html")); // 打包后使用文件路径访问应用
+  // }
+
+  // // 接收渲染进程发送的数据
+  // ipcMain.on("printerWorkSync", (event, arg) => {
+  //   workPrintWin.webContents.send("getParams", arg);
+  // });
+
+  // // 执行交班小票的打印操作
+  // ipcMain.on("printWorkStart", (event, arg) => {
+  //   // console.log(arg);
+  //   const _parmas = JSON.parse(arg);
+  //   // console.log(_parmas)
+  //   let name = _parmas.deviceName;
+  //   workPrintWin.webContents.print({
+  //     silent: true,
+  //     deviceName: name,
+  //     pageSize: {
+  //       width: 58000,
+  //       height: 216000,
+  //     },
+  //     scaleFactor: 80,
+  //     landscape: false,
+  //     margins: {
+  //       marginType: "none",
+  //       top: 0,
+  //       bottom: 0,
+  //       left: 0,
+  //       right: 0,
+  //     },
+  //     dpi: {
+  //       horizontal: 203,
+  //       vertical: 203,
+  //     },
+  //   });
+  // });
+
+  // 标签小票的窗口
+  const tagPrintWin = new BrowserWindow({
    show: false,
-    width: 464,
-    height: 1726,
+    width: 360,
+    height: 240,
    webPreferences: {
-      // 集成网页和 Node.js，也就是在渲染进程中，可以调用 Node.js 方法
      nodeIntegration: true,
      contextIsolation: false,
    },
@@ -60,28 +190,29 @@ app.whenReady().then(() => {

  if (process.env.VITE_DEV_SERVER_URL) {
    // 加载打印的html文件
-    printWin.loadFile(path.join(__dirname, "../public/print.html"));
+    tagPrintWin.loadFile(path.join(__dirname, "../public/tag_print.html"));
  } else {
-    printWin.loadFile(path.resolve(__dirname, "../dist/print.html")); // 打包后使用文件路径访问应用
+    tagPrintWin.loadFile(path.resolve(__dirname, "../dist/tag_print.html")); // 打包后使用文件路径访问应用
  }

-  // 接收订单页面发过来的参数发送给打印页
-  ipcMain.on('printerInfoSync', (event, arg) => {
-    printWin.webContents.send('getParams', arg)
-  })
-
-  // 执行打印操作
-  ipcMain.on('printStart', (event, arg) => {
+  // 接收渲染进程发送的数据
+  ipcMain.on("printerTagSync", (event, arg) => {
    console.log(arg);
-    const _parmas = JSON.parse(arg)
+    tagPrintWin.webContents.send("getParams", arg);
+  });
+
+  // 执行标签小票的打印操作
+  ipcMain.on("printTagStart", (event, arg) => {
+    // console.log(arg);
+    const _parmas = JSON.parse(arg);
    // console.log(_parmas)
-    let name = _parmas.deviceName
-    printWin.webContents.print({
+    let name = _parmas.deviceName;
+    tagPrintWin.webContents.print({
      silent: true,
      deviceName: name,
      pageSize: {
-        width: 58000,
-        height: 216000
+        width: 45000,
+        height: 30000,
      },
      scaleFactor: 80,
      landscape: false,
@@ -90,16 +221,35 @@ app.whenReady().then(() => {
        top: 0,
        bottom: 0,
        left: 0,
-        right: 0
+        right: 0,
      },
      dpi: {
        horizontal: 203,
-        vertical: 203
-      }
-    })
-  })
-});
+        vertical: 203,
+      },
+    });
+  });

+  const gotTheLock = app.requestSingleInstanceLock();
+  if (!gotTheLock) {
+    app.quit();
+  } else {
+    app.on("second-instance", (event, commandLine, workingDirectory) => {
+      // 当运行第二个实例时,将会聚焦到mainWindow这个窗口
+      if (win) {
+        if (win.isMinimized()) win.restore();
+        win.focus();
+        win.show();
+      }
+    });
+  }
+
+  // 阻止默认关闭
+  win.on("close", (e) => {
+    e.preventDefault();
+    win.webContents.send("showCloseDialog");
+  });
+});
 app.on("window-all-closed", () => {
  if (process.platform !== "darwin") app.quit();
 });
--- a/package.json
+++ b/package.json
@@ -1,11 +1,12 @@
 {
 	"name": "vite-electron",
 	"private": true,
-	"version": "1.0.25",
+	"version": "1.4.14",
 	"main": "dist-electron/main.js",
 	"scripts": {
 		"dev": "chcp 65001 && vite",
 		"build": "node ./addVersion.js && vite build && electron-builder",
+		"build:test": "vite build --mode test && electron-builder",
 		"preview": "vite preview",
 		"build:win": "node ./addVersion.js && vite build && electron-builder --w"
 	},
@@ -16,8 +17,15 @@
 		"electron-pos-printer": "^1.3.6",
 		"electron-pos-printer-vue": "^1.0.9",
 		"element-plus": "^2.4.3",
+		"js-md5": "^0.8.3",
 		"lodash": "^4.17.21",
 		"pinia": "^2.1.7",
+		"pinia-plugin-persistedstate": "^3.2.1",
+		"qrcode": "^1.5.3",
+		"reconnecting-websocket": "^4.4.0",
+		"serialport": "^12.0.0",
+		"swiper": "^11.1.1",
+		"uuid": "^10.0.0",
 		"vue": "^3.3.8",
 		"vue-router": "^4.2.5"
 	},
--- a/public/logo.png
+++ b/public/logo.png
--- a/public/qrcode.js
+++ b/public/qrcode.js
--- a/public/tag_print.css
+++ b/public/tag_print.css
@@ -0,0 +1,72 @@
+* {
+  padding: 0;
+  margin: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-size: 12px;
+  color: #000;
+}
+
+html,
+body {
+  width: 100vw;
+  height: 100vh;
+}
+
+body {
+  padding: 10px;
+}
+
+#app {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.print_view {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding-left: 12px;
+}
+.print_view .ewm {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 99;
+}
+.print_view .header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.print_view .header .logo {
+  width: 90px;
+}
+.print_view .header .title {
+  margin-left: 6px;
+}
+.print_view .number_wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+.print_view .number_wrap .num {
+  font-size: 14px;
+  font-weight: bold;
+}
+.print_view .number_wrap .info {
+  margin-left: 10px;
+  padding-bottom: 2px;
+}
+.print_view .time {
+  font-weight: bold;
+}
--- a/public/tag_print.html
+++ b/public/tag_print.html
@@ -0,0 +1,80 @@
+<!--
+  ~ Copyright (c) 2023. Author Hubert Formin <2399270194@qq.com>
+  -->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Print preview</title>
+    <link rel="stylesheet" href="./tag_print.css" />
+  </head>
+
+  <body>
+    <div id="app">
+      <div class="print_view">
+        <div class="ewm" id="ewm"></div>
+        <div class="header">
+          <img class="logo" src="./logo.png" />
+          <!-- <span class="title">双屿Pisces</span> -->
+        </div>
+        <div class="number_wrap">
+          <div class="num" v-if="data.outNumber">{{data.outNumber}}</div>
+          <div class="info" v-if="data.masterId">座位号：{{data.masterId}}</div>
+        </div>
+        <div class="shop_info">
+          <div class="name">{{data.name}}</div>
+          <div class="text" v-if="data.skuName">【{{data.skuName}}】</div>
+        </div>
+        <div class="time">{{data.createdAt}}</div>
+        <div class="tips">建议尽快享用，风味更佳 {{ data.count }}</div>
+      </div>
+    </div>
+    <script src="./qrcode.js"></script>
+    <script type="module">
+      const { ipcRenderer } = require("electron");
+
+      import {
+        createApp,
+        ref,
+        onMounted,
+      } from "../node_modules/vue/dist/vue.esm-browser.js";
+
+      createApp({
+        setup() {
+          const data = ref({});
+
+          onMounted(() => {
+            ipcRenderer.on("getParams", (event, arg) => {
+              data.value = JSON.parse(arg);
+              // console.log(data.value);
+
+              let size = 46;
+              let qrcode = new QRCode(document.getElementById("ewm"), {
+                text: data.value.outNumber,
+                width: size,
+                height: size,
+                correctLevel: QRCode.CorrectLevel.H,
+              });
+
+              ipcRenderer.send(
+                "printTagStart",
+                JSON.stringify({ deviceName: data.value.deviceName })
+              );
+
+              // setTimeout(() => {
+              //   ipcRenderer.send(
+              //     "printTagStart",
+              //     JSON.stringify({ deviceName: data.value.deviceName })
+              //   );
+              // }, 100);
+            });
+          });
+
+          return {
+            data,
+          };
+        },
+      }).mount("#app");
+    </script>
+  </body>
+</html>
--- a/public/tag_print.scss
+++ b/public/tag_print.scss
@@ -0,0 +1,61 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: #000;
+}
+html,
+body {
+  width: 100vw;
+  height: 100vh;
+}
+body {
+  padding: 10px;
+}
+#app {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.print_view {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding-left: 12px;
+  .ewm {
+    $size: 50px;
+    width: $size;
+    height: $size;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 99;
+  }
+  .header {
+    display: flex;
+    align-items: center;
+    .logo {
+      $size: 90px;
+      width: $size;
+    }
+    .title {
+      margin-left: 6px;
+    }
+  }
+  .number_wrap {
+    display: flex;
+    align-items: flex-end;
+    .num {
+      font-size: 14px;
+      font-weight: bold;
+    }
+    .info {
+      margin-left: 10px;
+      padding-bottom: 2px;
+    }
+  }
+  .time {
+    font-weight: bold;
+  }
+}
--- a/public/work_print.css
+++ b/public/work_print.css
@@ -0,0 +1,83 @@
+* {
+  padding: 0;
+  margin: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+body {
+  padding: 0 8mm;
+}
+
+.empty {
+  height: 20px;
+}
+
+.print_view {
+  padding: 20px 0;
+}
+.print_view .title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-bottom: 4px;
+}
+.print_view .title.t1 {
+  font-size: 24px;
+}
+.print_view .title.t2 {
+  margin-bottom: 15px;
+}
+.print_view .row {
+  margin-top: 2px;
+  font-size: 12px;
+}
+.print_view .row.between {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.print_view .line {
+  margin: 10px 0;
+  border-bottom: 1px solid #000;
+}
+.print_view .table {
+  width: 100%;
+}
+.print_view .table tr {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.print_view .table tr:not(:last-child) {
+  margin-bottom: 10px;
+}
+.print_view .table tr td {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  font-size: 12px;
+}
+.print_view .table tr td:nth-child(1) {
+  -webkit-box-flex: 2;
+      -ms-flex: 2;
+          flex: 2;
+}
+.print_view .table tr td:not(:first-child) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+.print_view .table tr td .sku {
+  font-size: 10px;
+}
--- a/public/work_print.html
+++ b/public/work_print.html
@@ -0,0 +1,80 @@
+<!--
+  ~ Copyright (c) 2023. Author Hubert Formin <2399270194@qq.com>
+  -->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Print preview</title>
+    <link rel="stylesheet" href="./work_print.css" />
+  </head>
+
+  <body>
+    <div id="app">
+      <div class="print_view">
+        <div class="title t1">{{data.merchantName}}</div>
+        <div class="title t2">交班小票</div>
+        <div class="row">交班时间：{{data.startTime}}</div>
+        <div class="row">收银员：{{data.staff}}</div>
+        <div class="row">当班收入：{{data.totalAmount}}</div>
+        <div class="row" v-for="(item,index) in data.payInfos" :key="index">
+          &emsp;&emsp;{{item.payType }}：{{item.amount}}
+        </div>
+        <div class="row">会员数据</div>
+        <div class="row" v-for="(item,index) in data.memberData" :key="index">
+          &emsp;&emsp;{{item.deposit }}：{{item.amount}}
+        </div>
+        <div class="row">分类数据</div>
+        <div
+          class="row"
+          v-for="(item,index) in data.productCategories"
+          :key="index"
+        >
+          &emsp;&emsp;{{item.categoryName
+          }}&emsp;{{item.num}}&emsp;{{item.amount}}
+        </div>
+        <div class="row">快捷收款金额：{{data.quickAmount}}</div>
+        <div class="row">退款金额：{{data.returnAmount}}</div>
+        <div class="row">总收入：{{data.totalAmount}}</div>
+        <div class="row">备用金：{{data.imprest}}</div>
+        <div class="row">应交金额：{{data.payable}}</div>
+        <div class="row">上交金额：{{data.handIn}}</div>
+        <div class="empty"></div>
+        <div class="row">总订单数：{{data.orderNum}}</div>
+        <div class="row">打印时间：{{data.printTime}}</div>
+      </div>
+    </div>
+    <script type="module">
+      const { ipcRenderer } = require("electron");
+      import {
+        createApp,
+        ref,
+        onMounted,
+      } from "../node_modules/vue/dist/vue.esm-browser.js";
+
+      createApp({
+        setup() {
+          const data = ref({});
+
+          onMounted(() => {
+            ipcRenderer.on("getParams", (event, arg) => {
+              data.value = JSON.parse(arg);
+              console.log(data.value);
+
+              setTimeout(() => {
+                ipcRenderer.send(
+                  "printWorkStart",
+                  JSON.stringify({ deviceName: data.value.deviceName })
+                );
+              }, 500);
+            });
+          });
+
+          return {
+            data,
+          };
+        },
+      }).mount("#app");
+    </script>
+  </body>
+</html>
--- a/public/work_print.scss
+++ b/public/work_print.scss
@@ -0,0 +1,74 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+body {
+  padding: 0 8mm;
+}
+.empty {
+  height: 20px;
+}
+.print_view {
+  padding: 20px 0;
+
+  .title {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 4px;
+
+    &.t1 {
+      font-size: 24px;
+    }
+
+    &.t2 {
+      margin-bottom: 15px;
+    }
+  }
+
+  .row {
+    margin-top: 2px;
+    font-size: 12px;
+
+    &.between {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+
+  .line {
+    margin: 10px 0;
+    border-bottom: 1px solid #000;
+  }
+
+  .table {
+    width: 100%;
+
+    tr {
+      width: 100%;
+      display: flex;
+
+      &:not(:last-child) {
+        margin-bottom: 10px;
+      }
+
+      td {
+        flex: 1;
+        font-size: 12px;
+
+        &:nth-child(1) {
+          flex: 2;
+        }
+
+        &:not(:first-child) {
+          display: flex;
+          justify-content: flex-end;
+        }
+
+        .sku {
+          font-size: 10px;
+        }
+      }
+    }
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
  <el-config-provider size="large">
    <div class="container">
      <div class="left" v-if="!hideLeftMenu">
-        <left-menu />
+        <left-menu ref="leftMenuRef" />
      </div>
      <div :class="{ view: !hideLeftMenu }">
        <!-- <div class="wrapper">
@@ -22,19 +22,36 @@
 </template>

 <script setup>
-import { ref, reactive, watch } from "vue";
+import _ from 'lodash'
+import { ref, reactive, watch, onMounted } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import leftMenu from "@/components/leftMenu.vue";
+import useStorage from "@/utils/useStorage";
+import { useUser } from "@/store/user.js";
+import { dayjs, ElMessage, ElMessageBox } from "element-plus";
+import { scanSendMessage } from "@/api/order/index";
+import { useGlobal } from "@/store/global.js";
+import { useSocket } from "@/store/socket.js";
+import { ipcRenderer } from 'electron';
+const socket = useSocket();
+
+const global = useGlobal();
+
+const leftMenuRef = ref(null);
+
+const store = useUser();

 const route = useRoute();

 const includeList = reactive([]);
 const hideLeftMenu = ref(false);
 watch(route, (to) => {
+  // console.log(to);
  if (to.meta.keepAlive) {
    includeList.push(to.name);
  }
-  let arr = ["/login", "/device_list", "/add_device", "/add_label"];
+  // 需要全屏的路由
+  let arr = ["/login", "/device_list", "/add_device", "/add_label", "/webview", '/workrecord'];
  if (arr.includes(to.path)) {
    hideLeftMenu.value = true;
  } else {
@@ -56,6 +73,142 @@ router.beforeEach((to, from) => {
    transitionName.value = "";
  }
 });
+
+// 通过扫码枪获取条形码
+const nextCodeRef = ref("");
+const lastTimeRef = ref("");
+const codeRef = ref("");
+async function getBarCode(e) {
+  let nextCode = "";
+  let nextTime = "";
+  const lastTime = lastTimeRef.value;
+  let code = codeRef.value;
+  if (window.event) {
+    // IE
+    nextCode = e.keyCode;
+  } else if (e.which) {
+    // Netscape/Firefox/Opera
+    nextCode = e.which;
+  }
+  nextTime = new Date().getTime();
+  // 字母上方 数字键0-9 对应键码值 48-57; 数字键盘 数字键0-9 对应键码值 96-105
+  if (
+    (nextCode >= 48 && nextCode <= 57) ||
+    (nextCode >= 96 && nextCode <= 105)
+  ) {
+    const codes = {
+      48: 48,
+      49: 49,
+      50: 50,
+      51: 51,
+      52: 52,
+      53: 53,
+      54: 54,
+      55: 55,
+      56: 56,
+      57: 57,
+      96: 48,
+      97: 49,
+      98: 50,
+      99: 51,
+      100: 52,
+      101: 53,
+      102: 54,
+      103: 55,
+      104: 56,
+      105: 57,
+    };
+    nextCode = codes[nextCode];
+    nextTime = new Date().getTime();
+  }
+  // 第二次输入延迟两秒，删除之前的数据重新计算
+  if (nextTime && lastTime && nextTime - lastTime > 2000) {
+    code = String.fromCharCode(nextCode);
+  } else {
+    code += String.fromCharCode(nextCode);
+  }
+
+  // 保存数据
+  nextCodeRef.value = nextCode;
+  lastTimeRef.value = nextTime;
+  codeRef.value = code;
+  // 键入Enter
+  if (e.which === 13) {
+    // 判断 code 长度（这里就获取到条码值了，以下业务自由发挥）
+    code = code.trim();
+    if (code.length == 13) {
+      console.log("A类条码:" + code);
+    } else if (code.length == 23) {
+      console.log("B类条码:" + code);
+    } else if (code.length == 0) {
+      console.log("请输入条码");
+    } else {
+      console.log("条码不合法：" + code);
+      try {
+        if (!global.isCallNumber || !code.length) return;
+        await scanSendMessage({
+          outNumber: code,
+          shopId: store.userInfo.shopId,
+        });
+        ElMessage.success("叫号成功");
+        leftMenuRef.value.updateCallNumber();
+      } catch (error) {
+        console.log(error);
+      }
+    }
+
+    // console.log('code', code);
+    // 键入回车务必清空code值
+    codeRef.value = "";
+    return false;
+  }
+}
+
+// 获取网络状态
+const updateInfo = _.throttle(function () {
+  let isOnLine = navigator.onLine
+  // // 获取网络信息
+  // let info = navigator.connection
+  console.log(isOnLine);
+  // console.log(info);
+  if (store.userInfo && store.userInfo.shopId) {
+    if (isOnLine) {
+      console.log('有网了重新连接ws~');
+      socket.init();
+    } else {
+      socket.close();
+      console.log('网络连接失败~');
+    }
+  }
+}, 100, { leading: true, trailing: false })
+
+onMounted(() => {
+  document.addEventListener("keydown", (e) => {
+    getBarCode(e);
+  });
+
+  // 防止刷新页面长连接丢失
+  if (store.userInfo && store.userInfo.shopId) {
+    socket.init();
+  }
+
+  ipcRenderer.on('showCloseDialog', (event, arg) => {
+    ElMessageBox.confirm("确定要关闭软件吗？")
+      .then(() => {
+        ipcRenderer.send("quitHandler", "退出吧");
+      })
+      .catch(() => { });
+  })
+
+  // listnerCloseDialog()
+
+  // // 监听网络在线状态
+  // window.addEventListener("onLine", updateInfo)
+  // // 监听网络离线
+  // window.addEventListener("offLine", updateInfo)
+  // 监听网络信息变化
+  // navigator.connection.addEventListener('change', updateInfo)
+});
 </script>

 <style lang="scss">
@@ -87,28 +240,20 @@ router.beforeEach((to, from) => {
  --b-darker: calc(var(--b) * 0.8);

  --primary-color: rgb(var(--r), var(--g), var(--b));
-  --primary-color-hover: rgb(
-    var(--r-lighter3),
-    var(--g-lighter3),
-    var(--b-lighter3)
-  );
+  --primary-color-hover: rgb(var(--r-lighter3),
+      var(--g-lighter3),
+      var(--b-lighter3));
  --el-color-primary: var(--primary-color) !important;
  --el-button-hover-bg-color: var(--primary-color) !important;
-  --el-color-primary-light-3: rgb(
-    var(--r-lighter),
-    var(--g-lighter),
-    var(--b-lighter)
-  ) !important;
-  --el-color-primary-dark-2: rgb(
-    var(--r-darker),
-    var(--g-darker),
-    var(--b-darker)
-  ) !important;
-  --el-color-primary-light-5: rgb(
-    var(--r-lighter2),
-    var(--g-lighter2),
-    var(--b-lighter2)
-  ) !important;
+  --el-color-primary-light-3: rgb(var(--r-lighter),
+      var(--g-lighter),
+      var(--b-lighter)) !important;
+  --el-color-primary-dark-2: rgb(var(--r-darker),
+      var(--g-darker),
+      var(--b-darker)) !important;
+  --el-color-primary-light-5: rgb(var(--r-lighter2),
+      var(--g-lighter2),
+      var(--b-lighter2)) !important;

  --el-font-size-base: 16px !important;
  --el-message-close-size: var(--el-font-size-base) !important;
@@ -163,8 +308,7 @@ html {
  background-color: #555;
  margin-right: 0 !important;
  padding-bottom: 20px !important;
-  border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0
-    0;
+  border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0 0;
 }

 .el-dialog__title {
@@ -185,8 +329,7 @@ html {
 }

 .el-dialog__body {
-  padding: calc(var(--el-dialog-padding-primary) + 10px)
-    var(--el-dialog-padding-primary);
+  padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
 }

 .el-dialog__header {
@@ -274,7 +417,7 @@ html {
    display: flex;
    width: 200%;

-    & > div {
+    &>div {
      width: 50%;
    }

--- a/src/api/device.js
+++ b/src/api/device.js
@@ -2,66 +2,66 @@ import request from "@/utils/request.js";

 /**
 * 新增打印机
- * @param {*} data 
- * @returns 
+ * @param {*} data
+ * @returns
 */
-export function tbPrintMachinePost(data, method = 'post') {
-    return request({
-        method: method,
-        url: "tbPrintMachine",
-        data
-    });
+export function tbPrintMachinePost(data, method = "post") {
+  return request({
+    method: method,
+    url: "tbPrintMachine",
+    data,
+  });
 }

 /**
 * 分页查询打印机
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function tbPrintMachineGet(params) {
-    return request({
-        method: "get",
-        url: "/tbPrintMachine",
-        params
-    });
+  return request({
+    method: "get",
+    url: "/tbPrintMachine",
+    params,
+  });
 }

 /**
 * 通过主键查询打印机
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function tbPrintMachineDetail(id) {
-    return request({
-        method: "get",
-        url: `/tbPrintMachine/${id}`
-    });
+  return request({
+    method: "get",
+    url: `/tbPrintMachine/${id}`,
+  });
 }

 /**
 * 删除打印机
- * @param {*} data 
- * @returns 
+ * @param {*} data
+ * @returns
 */
 export function tbPrintMachineDelete(params) {
-    return request({
-        method: 'DELETE',
-        url: "tbPrintMachine",
-        params
-    });
+  return request({
+    method: "DELETE",
+    url: "tbPrintMachine",
+    params,
+  });
 }

 /**
 * 根据类型查询打印机列表
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function bySubType(params) {
-    return request({
-        method: "get",
-        url: "/tbPrintMachine/bySubType",
-        params
-    });
+  return request({
+    method: "get",
+    url: "/tbPrintMachine/bySubType",
+    params,
+  });
 }

 /**
@@ -69,9 +69,9 @@ export function bySubType(params) {
 * @returns
 */
 export function tbShopCategoryGet(params) {
-    return request({
-        url: `/tbShopCategory`,
-        method: 'get',
-        params
-    })
-}
+  return request({
+    url: `/product/queryAllCategory`,
+    method: "get",
+    params,
+  });
+}
--- a/src/api/group.js
+++ b/src/api/group.js
@@ -0,0 +1,160 @@
+import request from "@/utils/request.js";
+import request_php from "@/utils/request_php.js";
+
+/**
+ * 团购卷订单列表(分页)
+ * @param {*} data
+ * @returns
+ */
+export function groupOrderlist(data) {
+  return request({
+    method: "post",
+    url: "/groupOrder/list",
+    data,
+  });
+}
+
+/**
+ * 团购卷核销前回显
+ * @param {*} params
+ * @returns
+ */
+export function groupOrderorderInfo(params) {
+  return request({
+    method: "get",
+    url: "/groupOrder/orderInfo",
+    params,
+  });
+}
+
+/**
+ * 团购卷核销(仅核销待使用订单)
+ * @param {*} params
+ * @returns
+ */
+export function groupOrdergroupScan(params) {
+  return request({
+    method: "get",
+    url: "/groupOrder/groupScan",
+    params,
+  });
+}
+
+/**
+ * 退单
+ * @param {*} data
+ * @returns
+ */
+export function returnGpOrder(data) {
+  return request({
+    method: "post",
+    url: "/pay/returnGpOrder",
+    data,
+  });
+}
+
+// 注意 抖音核销使用的请求为PHP服务 request_php
+
+/**
+ * 会员签入
+ * @param {*} data
+ * @returns
+ */
+export function douyincheckIn(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/checkIn",
+    data,
+  });
+}
+
+/**
+ * 团购核销准备
+ * @param {*} data
+ * @returns
+ */
+export function douyinfulfilmentcertificateprepare(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/fulfilmentcertificateprepare",
+    data,
+  });
+}
+
+/**
+ * 团购核销
+ * @param {*} data
+ * @returns
+ */
+export function douyincertificateprepare(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/certificateprepare",
+    data,
+  });
+}
+
+/**
+ * 团购核销记录
+ * @param {*} data
+ * @returns
+ */
+export function douyinorderlist(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/orderlist",
+    data,
+  });
+}
+
+/**
+ * 团购核销撤销
+ * @param {*} data
+ * @returns
+ */
+export function douyinfulfilmentcertificatecancel(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/fulfilmentcertificatecancel",
+    data,
+  });
+}
+
+/**
+ * 门店列表
+ * @param {*} data
+ * @returns
+ */
+export function douyinstorelist(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/storelist",
+    data,
+  });
+}
+
+/**
+ * 绑定门店
+ * @param {*} data
+ * @returns
+ */
+export function douyinbindstore(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/bindstore",
+    data,
+  });
+}
+
+/**
+ * 登出团购
+ * @param {*} data
+ * @returns
+ */
+export function tglogout(data) {
+  return request_php({
+    method: "post",
+    url: "user/logout",
+    data,
+  });
+}
--- a/src/api/invoice.js
+++ b/src/api/invoice.js
@@ -0,0 +1,40 @@
+import request_kp from "@/utils/request_kp.js";
+
+/**
+ * 开票人列表
+ * @param {*} data
+ * @returns
+ */
+export function issuedby(data) {
+  return request_kp({
+    method: "post",
+    url: "szzpy/syjissuedby",
+    data,
+  });
+}
+
+/**
+ * 商家通过收银机提交开票信息
+ * @param {*} data
+ * @returns
+ */
+export function carsubinvoicing(data) {
+  return request_kp({
+    method: "post",
+    url: "store/carsubinvoicing",
+    data,
+  });
+}
+
+/**
+ * 打印二维码
+ * @param {*} data
+ * @returns
+ */
+export function syjprintqrcode(data) {
+  return request_kp({
+    method: "post",
+    url: "store/syjprintqrcode",
+    data,
+  });
+}
--- a/src/api/order/index.js
+++ b/src/api/order/index.js
@@ -2,50 +2,102 @@ import request from "@/utils/request.js";

 /**
 * 获取订单列表
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function orderfindOrder(params) {
-    return request({
-        method: "get",
-        url: "order/findOrder",
-        params
-    });
+  return request({
+    method: "get",
+    url: "order/findOrder",
+    params,
+  });
 }
 /**
 * 订单详情
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function orderorderDetail(params) {
-    return request({
-        method: "get",
-        url: "order/orderDetail",
-        params
-    });
+  return request({
+    method: "get",
+    url: "order/orderDetail",
+    params,
+  });
 }
 /**
 * 退单
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
-export function payreturnOrder(data) {
-    return request({
-        method: "post",
-        url: "pay/returnOrder",
-        data
-    });
+export function payreturnOrder(data, pwd, isOnline) {
+  return request({
+    method: "post",
+    url: `pay/returnOrder?pwd=${pwd}&isOnline=${isOnline}`,
+    data,
+  });
 }

 /**
 * 打印
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function cloudPrinterprint(params) {
-    return request({
-        method: "get",
-        url: "cloudPrinter/print",
-        params
-    });
+  return request({
+    method: "get",
+    url: "cloudPrinter/print",
+    params,
+  });
+}
+
+/**
+ * 查询快捷收银订单
+ * @param {*} params
+ * @returns
+ */
+export function queryQuickPay(params) {
+  return request({
+    method: "get",
+    url: "pay/queryQuickPay",
+    params,
+  });
+}
+
+/**
+ * 叫号
+ * @param {*} params
+ * @returns
+ */
+export function sendMessage(params) {
+  return request({
+    method: "get",
+    url: "/order/sendMessage",
+    params,
+  });
+}
+
+/**
+ * 扫码叫号
+ * @param {*} params
+ * @returns
+ */
+export function scanSendMessage(params) {
+  return request({
+    method: "get",
+    url: "/order/scanSendMessage",
+    params,
+  });
+}
+
+/**
+ * 获取叫号记录
+ * @param {*} params
+ * @returns
+ */
+export function getsendMessage(params) {
+  return request({
+    method: "get",
+    url: "/order/getsendMessage",
+    params,
+  });
 }
--- a/src/api/pay.js
+++ b/src/api/pay.js
@@ -1,68 +1,68 @@
-import request from "@/utils/request.js"
+import request from "@/utils/request.js";

 /**
 * 查询分类信息
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function queryPayType(params) {
-    return request({
-        method: "get",
-        url: "pay/queryPayType",
-        params
-    });
+  return request({
+    method: "get",
+    url: "pay/queryPayType",
+    params,
+  });
 }

 /**
 * 付款
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function payOrder(api, params) {
-    return request({
-        method: "get",
-        url: api,
-        params
-    });
+  return request({
+    method: "get",
+    url: api,
+    params,
+  });
 }

 /**
 * 扫码支付
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function scanpay(params) {
-    return request({
-        method: "get",
-        url: 'pay/scanpay',
-        params
-    });
+  return request({
+    method: "get",
+    url: "pay/scanpay",
+    params,
+  });
 }

 /**
 * 储值卡付款
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function accountPay(params) {
-    return request({
-        method: "get",
-        url: 'pay/accountPay',
-        params
-    });
+  return request({
+    method: "get",
+    url: "pay/accountPay",
+    params,
+  });
 }

 /**
 * 现金付款
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function cashPay(params) {
-    return request({
-        method: "get",
-        url: 'pay/cashPay',
-        params
-    });
+  return request({
+    method: "get",
+    url: "pay/cashPay",
+    params,
+  });
 }

 /**
@@ -71,11 +71,11 @@ export function cashPay(params) {
 * @returns
 */
 export function queryOrder(params) {
-    return request({
-        method: "get",
-        url: "pay/queryOrder",
-        params
-    });
+  return request({
+    method: "get",
+    url: "pay/queryOrder",
+    params,
+  });
 }

 /**
@@ -84,11 +84,11 @@ export function queryOrder(params) {
 * @returns
 */
 export function print(params) {
-    return request({
-        method: "get",
-        url: "cloudPrinter/print",
-        params
-    });
+  return request({
+    method: "get",
+    url: "cloudPrinter/print",
+    params,
+  });
 }

 /**
@@ -97,9 +97,35 @@ export function print(params) {
 * @returns
 */
 export function quickPay(params) {
-    return request({
-        method: "get",
-        url: "pay/quickPay",
-        params
-    });
-}
+  return request({
+    method: "get",
+    url: "pay/quickPay",
+    params,
+  });
+}
+
+/**
+ * 查询快捷收银订单
+ * @param {*} params
+ * @returns
+ */
+export function queryQuickPayStatus(params) {
+  return request({
+    method: "get",
+    url: "pay/queryQuickPayStatus",
+    params,
+  });
+}
+
+/**
+ * 获取会员支付状态查询
+ * @param {*} params
+ * @returns
+ */
+export function queryScanPay(params) {
+  return request({
+    method: "get",
+    url: "member/queryScanPay",
+    params,
+  });
+}
--- a/src/api/product.js
+++ b/src/api/product.js
@@ -26,6 +26,19 @@ export function productqueryCommodityInfo(params) {
    });
 }

+/**
+ * 查询商品信息
+ * @param {*} params 
+ * @returns 
+ */
+export function queryNewCommodityInfo(params) {
+    return request({
+        method: "get",
+        url: "product/queryNewCommodityInfo",
+        params
+    });
+}
+
 /**
 * 通过选中的商品规格查询价格
 * @param {*} params 
--- a/src/api/work/index.js
+++ b/src/api/work/index.js
@@ -1,40 +1,66 @@
-import request from "@/utils/request.js"
+import request from "@/utils/request.js";

 /**
 * 当前用户交班详情
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function shopInfoqueryDuty(params) {
-    return request({
-        method: "get",
-        url: "shopInfo/queryDuty",
-        params
-    });
+  return request({
+    method: "get",
+    url: "shopInfo/queryDuty",
+    params,
+  });
 }

 /**
 * 交班记录
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function shopinfoqueryDutyFlow(params) {
-    return request({
-        method: "get",
-        url: "shopInfo/queryDutyFlow",
-        params
-    });
+  return request({
+    method: "get",
+    url: "shopInfo/queryDutyFlow",
+    params,
+  });
 }
+
 /**
 * 登出
-
- * @param {*} params 
- * @returns 
+ * @param {*} params
+ * @returns
 */
 export function loginlogout(params) {
-    return request({
-        method: "post",
-        url: "login/logout",
-        params
-    });
-}
+  return request({
+    method: "post",
+    url: "login/logout",
+    params,
+  });
+}
+
+/**
+ * 获取交班数据
+ * @param {*} params
+ * @returns
+ */
+export function handoverData(params) {
+  return request({
+    method: "get",
+    url: "/data/handoverData",
+    params,
+  });
+}
+
+/**
+ * 打印交班数据
+ * @param {*} params
+ * @returns
+ */
+export function handoverprint(params) {
+  return request({
+    method: "get",
+    url: "data/handoverprint",
+    params,
+  });
+}
--- a/src/assets/prinnt_label_logo.png
+++ b/src/assets/prinnt_label_logo.png
--- a/src/components/callNumber.vue
+++ b/src/components/callNumber.vue
@@ -0,0 +1,289 @@
+<!-- 取餐号组件 -->
+<template>
+    <el-dialog :title="props.title" width="600" v-model="dialogVisible" @open="opne">
+        <!-- <el-input v-model="number" :placeholder="props.placeholder" readonly></el-input> -->
+        <!-- <el-input ref="inputRef" v-model="number" :placeholder="props.placeholder" :readonly="loading" clearable
+            @change="inputChange"></el-input> -->
+        <div class="tips">注意：请扫描标签二维码</div>
+        <!-- <div class="keybord_wrap">
+            <div v-for="item in 9" :key="item">
+                <el-button plain type="info" style="width: 100%;" @click="inputHandle(item)">{{ item }}</el-button>
+            </div>
+            <div>
+                <el-button plain type="info" disabled style="width: 100%;">.</el-button>
+            </div>
+            <div>
+                <el-button plain type="info" style="width: 100%;" @click="inputHandle(0)">0</el-button>
+            </div>
+            <div>
+                <el-button plain type="info" icon="CloseBold" style="width: 100%;" @click="delHandle"></el-button>
+            </div>
+        </div> -->
+        <div class="list" v-loading="tableData.loading">
+            <div class="item" v-for="item in tableData.list" :key="item.id">
+                <div class="top">
+                    <div class="left">
+                        <div class="title">取餐号：{{ filterCode(item.outCode) }}</div>
+                        <div class="shop">商品：{{ item.productName }}</div>
+                    </div>
+                    <div class="state s1" v-if="item.status == 0">
+                        <div class="dot"></div> 叫号成功
+                    </div>
+                    <div class="state s2" v-if="item.status == 1">
+                        <div class="dot"></div> 叫号失败
+                    </div>
+                </div>
+                <div class="btm">
+                    <div class="time">{{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+                    <div class="info" v-if="item.status == 1">
+                        {{ item.remark }}
+                    </div>
+                </div>
+            </div>
+            <el-empty description="暂无记录" :image-size="60" v-if="!tableData.list.length" />
+        </div>
+        <div class="page">
+            <el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.pageSize" background
+                layout="total, prev, pager, next" :total="tableData.total" @current-change="handleCurrentChange" />
+        </div>
+        <!-- <div class="footer">
+            <el-button type="primary" style="width: 100%;" :loading="loading" @click="confirmHandle">确认</el-button>
+        </div> -->
+    </el-dialog>
+</template>
+
+<script setup>
+import _ from "lodash";
+import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
+import { onMounted, reactive, ref } from 'vue';
+import { useUser } from "@/store/user.js";
+import { scanSendMessage, getsendMessage } from '@/api/order/index'
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+const store = useUser();
+
+const props = defineProps({
+    title: {
+        type: String,
+        default: '叫号取餐记录'
+    },
+    placeholder: {
+        type: String,
+        default: '请扫描取餐号'
+    }
+})
+
+const inputRef = ref(null)
+const loading = ref(false)
+const dialogVisible = ref(false)
+const number = ref('')
+
+const tableData = reactive({
+    loading: false,
+    page: 1,
+    pageSize: 10,
+    total: 0,
+    list: []
+})
+
+const emit = defineEmits(['success'])
+
+// 截取字符串
+function filterCode(t, c = '#') {
+    let n = t.split(c)
+    return n[1]
+}
+
+function show() {
+    dialogVisible.value = true
+    getsendMessageAjax()
+    // setTimeout(() => {
+    //     inputRef.value.focus();
+    // }, 500);
+}
+
+function opne() {
+    number.value = ''
+    global.updateData(true)
+}
+
+// 输入
+function inputHandle(n) {
+    number.value += n
+}
+
+// 删除
+function delHandle() {
+    if (!number.value) return
+    number.value = number.value.substring(0, number.value.length - 1)
+}
+
+const inputChange = _.debounce(function (e) {
+    // console.log(e);
+    confirmHandle();
+}, 100);
+
+// 页码改变
+function handleCurrentChange() {
+    getsendMessageAjax()
+}
+
+// 获取叫号记录
+async function getsendMessageAjax() {
+    try {
+        if (!store.userInfo.shopId) return
+        tableData.loading = true
+        const res = await getsendMessage({
+            page: tableData.page,
+            pageSize: tableData.pageSize,
+            shopId: store.userInfo.shopId,
+            // shopId: 4,
+        })
+        tableData.loading = false
+        tableData.list = res.list
+        tableData.total = res.total
+    } catch (error) {
+        console.log(error);
+        tableData.loading = false
+    }
+}
+
+// 确认
+const confirmHandle = _.throttle(async function () {
+    try {
+        if (!number.value) return
+        loading.value = true
+
+        const res = await scanSendMessage({
+            outNumber: number.value,
+            shopId: store.userInfo.shopId,
+            // shopId: 4
+        })
+        ElMessage.success('叫号成功')
+
+        loading.value = false
+        number.value = ''
+        getsendMessageAjax()
+        setTimeout(() => {
+            inputRef.value.focus();
+        }, 500);
+    } catch (error) {
+        getsendMessageAjax()
+        loading.value = false
+        number.value = ''
+        console.log(error);
+        setTimeout(() => {
+            inputRef.value.focus();
+        }, 500);
+    }
+}, 800, { leading: true, trailing: false })
+
+defineExpose({
+    show,
+    getsendMessageAjax
+})
+</script>
+
+<style scoped lang="scss">
+:deep(.el-input__inner) {
+    height: 60px;
+    font-size: 36px;
+}
+
+.page {
+    display: flex;
+    padding-bottom: 20px;
+}
+
+.tips {
+    padding-top: 4px;
+}
+
+.keybord_wrap {
+    padding: var(--el-font-size-base) 0;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr 1fr;
+    gap: var(--el-font-size-base);
+
+    :deep(.el-button--large) {
+        height: 60px;
+    }
+}
+
+.list {
+    height: 200px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    overflow-y: auto;
+    padding: 0 14px;
+
+    .item {
+        padding: 16px 0;
+
+        &:not(:last-child) {
+            border-bottom: 1px solid #ececec;
+        }
+
+        .top {
+            display: flex;
+            justify-content: space-between;
+
+            .left {
+                color: #000;
+
+                .title {
+                    font-weight: bold;
+                }
+
+                .shop {
+                    color: #555;
+                }
+            }
+
+            .state {
+                display: flex;
+                align-items: center;
+
+                .dot {
+                    $size: 6px;
+                    width: $size;
+                    height: $size;
+                    border-radius: 50%;
+                    margin-right: 4px;
+                }
+
+                &.s1 {
+                    color: var(--primary-color);
+
+                    .dot {
+                        background-color: var(--primary-color);
+                    }
+                }
+
+                &.s2 {
+                    color: var(--el-color-error);
+
+                    .dot {
+                        background-color: var(--el-color-error);
+                    }
+                }
+            }
+        }
+
+        .btm {
+            display: flex;
+            justify-content: space-between;
+            padding-top: 4px;
+
+            .time,
+            .info {
+                color: #999;
+            }
+        }
+    }
+}
+</style>
--- a/src/components/classify/index.vue
+++ b/src/components/classify/index.vue
@@ -4,18 +4,9 @@
      <div class="row" v-for="(item, index) in categorys" :key="item.id">
        <div class="list_title">{{ item.name }}</div>
        <div class="item_wrap">
-          <el-button
-            :type="item.active ? 'primary' : ''"
-            @click="selectHandle(item)"
-            >全部</el-button
-          >
-          <el-button
-            :type="val.active ? 'primary' : ''"
-            v-for="val in item.childrenList"
-            :key="val.id"
-            @click="selectHandle(val, index)"
-            >{{ val.name }}</el-button
-          >
+          <el-button :type="item.active ? 'primary' : ''" @click="selectHandle(item)">全部</el-button>
+          <el-button :type="val.active ? 'primary' : ''" v-for="val in item.childrenList" :key="val.id"
+            @click="selectHandle(val, index)">{{ val.name }}</el-button>
        </div>
      </div>
    </div>
@@ -82,15 +73,16 @@ async function tbShopCategoryGetAjax() {
      shopId: store.userInfo.shopId,
      sort: "sort,desc",
      page: 0,
-      size: 500,
+      pageSize: 200,
    });
-    res.map((item) => {
+    // console.log(res);
+    res.list.map((item) => {
      item.active = false;
      item.childrenList.map((item) => {
        item.active = false;
      });
    });
-    categorys.value = res;
+    categorys.value = res.list;

    setTimeout(() => {
      loading.value = false;
--- a/src/components/fastPayCard.vue
+++ b/src/components/fastPayCard.vue
@@ -7,10 +7,16 @@
        </el-icon>
      </div>
      <div class="right">
-        <div class="t1">
+        <div class="t1" v-if="props.type == 0">
          <span class="title">应收:￥</span>
          <span class="num">{{ money }}</span>
        </div>
+        <div class="t1" v-else>
+          <span class="title">会员:</span>
+          <span class="num">{{
+            props.userInfo.id && props.userInfo.telephone
+          }}</span>
+        </div>
        <div class="t2">
          <span>已付:￥0.00</span>
          <span>优惠:￥0.00</span>
@@ -19,13 +25,8 @@
    </div>
    <div class="number_wrap">
      <div class="menus">
-        <div
-          class="item"
-          :class="{ active: payActive == index }"
-          v-for="(item, index) in payList"
-          :key="item.id"
-          @click="payTypeChange(index, item)"
-        >
+        <div class="item" :class="{ active: payActive == index }" v-for="(item, index) in payList" :key="item.id"
+          @click="payTypeChange(index, item)">
          <div class="icon">
            <el-image :src="item.icon" class="img"></el-image>
          </div>
@@ -40,12 +41,7 @@
      </div>
      <div class="keybord_wrap">
        <div class="left">
-          <div
-            class="item"
-            v-for="item in 9"
-            :key="item"
-            @click="amountInput(`${item}`)"
-          >
+          <div class="item" v-for="item in 9" :key="item" @click="amountInput(`${item}`)">
            {{ item }}
          </div>
          <div class="item" @click="amountInput('.')">.</div>
@@ -63,22 +59,40 @@
      </div>
    </div>
  </div>
-  <scanModal
-    ref="scanModalRef"
-    fast
-    :amount="money"
-    @success="scanCodeSuccess"
-  />
+  <scanModal ref="scanModalRef" fast :amount="money" :selecttype="props.type" :orderId="props.userInfo.id"
+    @success="scanCodeSuccess" />
+  <takeFoodCode ref="takeFoodCodeRef" title="支付密码" :type="2" input-type="password" placeholder="请输入支付密码"
+    @success="passwordSuccess" />
 </template>

 <script setup>
 import { onMounted, ref } from "vue";
 import { queryPayType, quickPay } from "@/api/pay";
+import {
+  queryMembermember,
+  createMembermember,
+  membermemberScanPay,
+  accountPaymember,
+} from "@/api/member/index.js";
 import { useUser } from "@/store/user.js";
 import { clearNoNum } from "@/utils";
+import md5 from "js-md5";

 import scanModal from "@/components/payCard/scanModal.vue";
 import { ElMessage } from "element-plus";
+import takeFoodCode from "@/components/takeFoodCode.vue";
+const takeFoodCodeRef = ref(null);
+
+const props = defineProps({
+  type: {
+    type: [String, Number],
+    default: 0, // 1快捷收银 2会员支付
+  },
+  userInfo: {
+    type: Object,
+    default: {},
+  },
+});

 const store = useUser();

@@ -106,38 +120,68 @@ function payTypeChange(index, item) {
    if (money.value > 0) {
      scanModalRef.value.show();
    } else {
-      ElMessage.error("请输入大于0的金额");
+      ElMessage.error("请输入金额");
      return;
    }
  }
  payActive.value = index;
 }

+// 获取支付密码
+async function passwordSuccess(e) {
+  try {
+    payLoading.value = true;
+    await accountPaymember({
+      shopId: store.userInfo.shopId,
+      memberId: props.userInfo.id,
+      amount: money.value,
+      pwd: md5(e),
+    });
+    payLoading.value = false;
+    ElMessage.success("支付成功");
+    emit("paySuccess");
+  } catch (error) {
+    payLoading.value = false;
+    console.log(error);
+  }
+}
+
 // 结算支付
 async function confirmOrder() {
+  if (payLoading.value) return;
  try {
    if (payList.value[payActive.value].payType == "scanCode") {
+      if (money.value <= 0) {
+        ElMessage.error("请输入金额");
+        return;
+      }
      scanModalRef.value.show();
    } else {
      if (money.value <= 0) {
-        ElMessage.error("请输入大于0的金额");
+        ElMessage.error("请输入金额");
        return;
      }
-      payLoading.value = true;
      switch (payList.value[payActive.value].payType) {
        case "cash": //现金
-          await quickPay({
-            amount: money.value,
-            authCode: "",
-            payType: payList.value[payActive.value].payType,
-          });
+          if (props.type == 0) {
+            payLoading.value = true;
+            await quickPay({
+              amount: money.value,
+              authCode: "",
+              payType: payList.value[payActive.value].payType,
+            });
+            payLoading.value = false;
+            ElMessage.success("支付成功");
+            emit("paySuccess");
+          } else {
+            // 会员充值
+            takeFoodCodeRef.value.show();
+            // passwordSuccess()
+          }
          break;
        default:
          break;
      }
-      payLoading.value = false;
-      ElMessage.success("支付成功");
-      emit("paySuccess");
    }
  } catch (error) {
    console.log(error);
@@ -203,6 +247,7 @@ onMounted(() => {
  border-bottom: 1px solid #ececec;
  display: flex;
  align-items: center;
+
  .return {
    $size: 50px;
    width: $size;
@@ -219,6 +264,7 @@ onMounted(() => {
      font-size: var(--el-font-size-base);
    }
  }
+
  .right {
    .t1 {
      display: flex;
@@ -320,9 +366,7 @@ onMounted(() => {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
-    grid-template-rows: var(--item-height) var(--item-height) var(--item-height) var(
-        --item-height
-      );
+    grid-template-rows: var(--item-height) var(--item-height) var(--item-height) var(--item-height);
    gap: var(--el-font-size-base);

    .item {
--- a/src/components/leftMenu.vue
+++ b/src/components/leftMenu.vue
@@ -1,10 +1,17 @@
 <template>
    <div class="left_menu_wrap">
-        <div class="item online">
+        <div class="item" :class="{ online: socketStore.online }" @click="connectWsHandle">
            <el-icon class="icon">
                <Monitor />
            </el-icon>
-            <el-text type="success">在线</el-text>
+            <el-text :type="socketStore.online ? 'success' : ''">
+                <template v-if="socketStore.online">
+                    在线
+                </template>
+                <template v-else>
+                    离线
+                </template>
+            </el-text>
        </div>
        <router-link class="item" :class="{ active: route.path == item.path }" v-for="item in menus" :key="item.path"
            :to="item.path">
@@ -13,6 +20,12 @@
            </el-icon>
            <el-text class="text">{{ item.label }}</el-text>
        </router-link>
+        <div class="item" @click="workRef.show()">
+            <el-icon class="icon">
+                <component is="SwitchButton" />
+            </el-icon>
+            <el-text class="text">交班</el-text>
+        </div>
        <div class="item more" @click="moreref.show()">
            <el-icon class="icon">
                <Operation />
@@ -20,17 +33,29 @@
            <el-text class="text">更多</el-text>
        </div>
    </div>
+    <!-- 交班 -->
+    <work ref="workRef" />
    <!-- 更多 -->
-    <more ref="moreref"></more>
+    <more ref="moreref" @openCall="openCall"></more>
+    <!-- 叫号 -->
+    <callNumber ref="callNumberRef" />
 </template>

 <script setup>
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
+import { useSocket } from '@/store/socket.js'
 import more from '@/components/more.vue'
+import callNumber from './callNumber.vue'
+import work from '@/views/work/index.vue'
+
+const socketStore = useSocket()

 const route = useRoute()
 const moreref = ref(null)
+const callNumberRef = ref(null)
+const workRef = ref(null)
+
 const menus = ref([
    {
        label: '收银',
@@ -42,27 +67,51 @@ const menus = ref([
        path: '/table',
        icon: 'Reading'
    },
+    {
+        label: '团购',
+        path: '/group_buy',
+        icon: 'Handbag'
+    },
    {
        label: '订单',
        path: '/order',
        icon: 'Tickets'
    },
-    {
-        label: '网络',
-        path: '/internat',
-        icon: 'Paperclip'
-    },
+    // {
+    //     label: '网络',
+    //     path: '/internat',
+    //     icon: 'Paperclip'
+    // },
    {
        label: '会员',
        path: '/member',
        icon: 'User'
    },
-    {
-        label: '交班',
-        path: '/work',
-        icon: 'SwitchButton'
-    }
+    // {
+    //     label: '交班',
+    //     path: '/work',
+    //     icon: 'SwitchButton'
+    // }
 ])
+
+// 更新叫号记录
+function updateCallNumber() {
+    callNumberRef.value.getsendMessageAjax()
+}
+
+function openCall() {
+    callNumberRef.value.show()
+}
+
+// 手动重新连接ws
+function connectWsHandle() {
+    if (socketStore.online) return
+    window.onload()
+}
+
+defineExpose({
+    updateCallNumber
+})
 </script>

 <style scoped lang="scss">
@@ -184,7 +233,7 @@ const menus = ref([
        }

        &.more {
-            margin-top: 150px;
+            margin-top: 120px;
        }

        .icon {
--- a/src/components/lodop/LodopFuncs.js
+++ b/src/components/lodop/LodopFuncs.js
@@ -0,0 +1,207 @@
+//==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例，可直接使用，建议理解后融入自己程序==
+
+//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
+var MainJS = "CLodopfuncs.js",
+    URL_WS1 = "ws://localhost:8000/" + MainJS, //ws用8000/18000
+    URL_WS2 = "ws://localhost:18000/" + MainJS,
+    URL_HTTP1 = "http://localhost:8000/" + MainJS, //http用8000/18000
+    URL_HTTP2 = "http://localhost:18000/" + MainJS,
+    URL_HTTP3 = "https://localhost.lodop.net:8443/" + MainJS; //https用8000/8443
+
+var CreatedOKLodopObject, CLodopIsLocal, LoadJsState;
+
+//==判断是否需要CLodop(那些不支持插件的浏览器):==
+function needCLodop() {
+    try {
+        var ua = navigator.userAgent;
+        if (ua.match(/Windows\sPhone/i) ||
+            ua.match(/iPhone|iPod|iPad/i) ||
+            ua.match(/Android/i) ||
+            ua.match(/Edge\D?\d+/i))
+            return true;
+        var verTrident = ua.match(/Trident\D?\d+/i);
+        var verIE = ua.match(/MSIE\D?\d+/i);
+        var verOPR = ua.match(/OPR\D?\d+/i);
+        var verFF = ua.match(/Firefox\D?\d+/i);
+        var x64 = ua.match(/x64/i);
+        if ((!verTrident) && (!verIE) && (x64)) return true;
+        else if (verFF) {
+            verFF = verFF[0].match(/\d+/);
+            if ((verFF[0] >= 41) || (x64)) return true;
+        } else if (verOPR) {
+            verOPR = verOPR[0].match(/\d+/);
+            if (verOPR[0] >= 32) return true;
+        } else if ((!verTrident) && (!verIE)) {
+            var verChrome = ua.match(/Chrome\D?\d+/i);
+            if (verChrome) {
+                verChrome = verChrome[0].match(/\d+/);
+                if (verChrome[0] >= 41) return true;
+            }
+        }
+        return false;
+    } catch (err) {
+        return true;
+    }
+}
+
+//==检查加载成功与否，如没成功则用http(s)再试==
+//==低版本CLODOP6.561/Lodop7.043及前)用本方法==
+function checkOrTryHttp() {
+    if (window.getCLodop) {
+        LoadJsState = "complete";
+        return true;
+    }
+    if (LoadJsState == "loadingB" || LoadJsState == "complete") return;
+    LoadJsState = "loadingB";
+    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
+    var JS1 = document.createElement("script"),
+        JS2 = document.createElement("script"),
+        JS3 = document.createElement("script");
+    JS1.src = URL_HTTP1;
+    JS2.src = URL_HTTP2;
+    JS3.src = URL_HTTP3;
+    JS1.onload = JS2.onload = JS3.onload = JS2.onerror = JS3.onerror = function () {
+        LoadJsState = "complete";
+    }
+    JS1.onerror = function (e) {
+        if (window.location.protocol !== 'https:')
+            head.insertBefore(JS2, head.firstChild);
+        else
+            head.insertBefore(JS3, head.firstChild);
+    }
+    head.insertBefore(JS1, head.firstChild);
+}
+
+//==加载Lodop对象的主过程:==
+(function loadCLodop() {
+    if (!needCLodop()) return;
+    CLodopIsLocal = !!((URL_WS1 + URL_WS2).match(/\/\/localho|\/\/127.0.0./i));
+    LoadJsState = "loadingA";
+    if (!window.WebSocket && window.MozWebSocket) window.WebSocket = window.MozWebSocket;
+    //ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:
+    try {
+        var WSK1 = new WebSocket(URL_WS1);
+        WSK1.onopen = function (e) {
+            setTimeout(checkOrTryHttp(), 200);
+        }
+        WSK1.onmessage = function (e) {
+            if (!window.getCLodop) eval(e.data);
+        }
+        WSK1.onerror = function (e) {
+            var WSK2 = new WebSocket(URL_WS2);
+            WSK2.onopen = function (e) {
+                setTimeout(checkOrTryHttp(), 200);
+            }
+            WSK2.onmessage = function (e) {
+                if (!window.getCLodop) eval(e.data);
+            }
+            WSK2.onerror = function (e) {
+                checkOrTryHttp();
+            }
+        }
+    } catch (e) {
+        checkOrTryHttp();
+    }
+})();
+
+//==获取LODOP对象主过程,判断是否安装、需否升级:==
+function getLodop(oOBJECT, oEMBED) {
+	var strFontTag = "<br><font color='#FF00FF'>打印控件";
+	var strLodopInstall = strFontTag + "未安装!点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>执行安装</a>";
+	var strLodopUpdate = strFontTag + "需要升级!点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>执行升级</a>";
+	var strLodop64Install = strFontTag + "未安装!点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>执行安装</a>";
+	var strLodop64Update = strFontTag + "需要升级!点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>执行升级</a>";
+	var strCLodopInstallA =
+		"<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>下载执行安装</a>";
+	// var strCLodopInstallB = "<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）";
+	var strCLodopUpdate =
+		"<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>执行升级</a>";
+	var strLodop7FontTag = "<br><font color='#FF00FF'>Web打印服务Lodop7";
+	var strLodop7HrefX86 = "点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip' target='_self'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
+	var strLodop7HrefARM = "点击这里<a href='https://h5-invoice.sxczgkj.cn/invo/czg.zip'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
+	var strLodop7Install_X86 = strLodop7FontTag + "未安装启动，" + strLodop7HrefX86;
+	var strLodop7Install_ARM = strLodop7FontTag + "未安装启动，" + strLodop7HrefARM;
+	var strLodop7Update_X86 = strLodop7FontTag + "需升级，" + strLodop7HrefX86;
+	var strLodop7Update_ARM = strLodop7FontTag + "需升级，" + strLodop7HrefARM;
+	var strInstallOK = "，成功后请刷新本页面或重启浏览器。</font>";
+	var LODOP;
+	try {
+		var isWinIE = (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));
+		var isWinIE64 = isWinIE && (/x64/i.test(navigator.userAgent));
+		var isLinuxX86 = (/Linux/i.test(navigator.platform)) && (/x86/i.test(navigator.platform));
+		var isLinuxARM = (/Linux/i.test(navigator.platform)) && (/aarch/i.test(navigator.platform));
+
+        if (needCLodop() || isLinuxX86 || isLinuxARM) {
+            try {
+                LODOP = window.getCLodop();
+            } catch (err) { }
+            if (!LODOP && LoadJsState !== "complete") {
+                if (!LoadJsState)
+                    alert("未曾加载Lodop主JS文件，请先调用loadCLodop过程.");
+                else
+                    alert("网页还没下载完毕，请稍等一下再操作.");
+                return;
+            }
+            var strAlertMessage;
+            if (!LODOP) {
+                if (isLinuxX86)
+                    strAlertMessage = strLodop7Install_X86;
+                else if (isLinuxARM)
+                    strAlertMessage = strLodop7Install_ARM;
+                else
+                    strAlertMessage = strCLodopInstallA + (CLodopIsLocal ? strCLodopInstallB : "");
+                document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
+                return;
+            } else {
+                if (isLinuxX86 && LODOP.CVERSION < "7.0.7.5")
+                    strAlertMessage = strLodop7Update_X86;
+                else if (isLinuxARM && LODOP.CVERSION < "7.0.7.5")
+                    strAlertMessage = strLodop7Update_ARM;
+                else if (CLODOP.CVERSION < "6.5.9.4")
+                    strAlertMessage = strCLodopUpdate;
+
+                if (strAlertMessage)
+                    document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
+            }
+        } else {
+            //==如果页面有Lodop插件就直接使用,否则新建:==
+            if (oOBJECT || oEMBED) {
+                if (isWinIE)
+                    LODOP = oOBJECT;
+                else
+                    LODOP = oEMBED;
+            } else if (!CreatedOKLodopObject) {
+                LODOP = document.createElement("object");
+                LODOP.setAttribute("width", 0);
+                LODOP.setAttribute("height", 0);
+                LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
+                if (isWinIE)
+                    LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
+                else
+                    LODOP.setAttribute("type", "application/x-print-lodop");
+                document.documentElement.appendChild(LODOP);
+                CreatedOKLodopObject = LODOP;
+            } else
+                LODOP = CreatedOKLodopObject;
+            //==Lodop插件未安装时提示下载地址:==
+            if ((!LODOP) || (!LODOP.VERSION)) {
+                document.body.innerHTML = (isWinIE64 ? strLodop64Install : strLodopInstall) + strInstallOK + document
+                    .body.innerHTML;
+                return LODOP;
+            }
+            if (LODOP.VERSION < "6.2.2.6") {
+                document.body.innerHTML = (isWinIE64 ? strLodop64Update : strLodopUpdate) + strInstallOK + document.body
+                    .innerHTML;
+            }
+        }
+        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):=======================
+        // LODOP.SET_LICENSES("超掌柜独有!","DCFF409304DFCEB3E2C644BF96CD0720","","");
+        //===============================================================================
+        return LODOP;
+    } catch (err) {
+        alert("getLodop出错:" + err);
+    }
+}
+
+
+export default getLodop
--- a/src/components/lodop/index.vue
+++ b/src/components/lodop/index.vue
@@ -0,0 +1,113 @@
+<template>
+    <div>
+        <el-dialog v-model="centerDialogVisible" title="二维码" width="666" center>
+            <div class="dialog-footer" style="text-align: center">
+                <!-- <qrcode-vue :value="form.url" :size="200" /> -->
+                <div class="qrcodefooter">{{ props.form.article }}</div>
+                <div class="qrcodefooter">{{ props.form.type }}</div>
+                <div class="qrcodefooter">
+                    <el-select v-model="rintermodel" placeholder="请选择打印机" @change="changerintermodel">
+                        <el-option v-for="item in rintermodeldata" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </div>
+
+                <el-button @click="centerDialogVisible = false">关闭</el-button>
+                <el-button type="primary" :disabled="rintermodel ? false : true" @click="Printing"> 打印 </el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { dayjs } from 'element-plus'
+import { ref } from 'vue'
+import _lodash from 'lodash'
+import getLodop from './LodopFuncs'
+const props = defineProps({
+    form: Object,
+})
+
+const centerDialogVisible = ref(false) //显示隐藏
+const rintermodeldata = ref([]) // 获取打印机列表
+const rintermodel = ref() //打印机类型
+// 确定打印机类型
+const changerintermodel = (i: string) => {
+    rintermodel.value = i
+}
+const emit = defineEmits(['somethingDone'])
+// 以下是打印
+const Printing = () => {
+    let LODOP = getLodop()
+    centerDialogVisible.value = false
+    rintermodeldata.value = [] //清空
+    emit('somethingDone')
+    LODOP.PRINT_INIT('')
+    // 设置打印纸大小D
+    LODOP.SET_PRINT_PAGESIZE(3, 800, '', '')
+    // 二维码控制大小
+    LODOP.ADD_PRINT_BARCODE('', '30px', '150px', '150px', 'QRCode', props.form.url) //打印产品代码条码
+    LODOP.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Full-Width ') //设置打印风格，这里是等宽打印
+    LODOP.SET_PRINTER_INDEX(rintermodel.value) //设置默认打印机(这里用的是打印机名称)
+    LODOP.SET_PRINT_STYLE("TextAlign", "Center");
+    // 文字内容
+    LODOP.ADD_PRINT_HTM(
+        '150px',
+        '5px',
+        '100%',
+        '100%',
+        `<div style="width: 100%;font-size: 12px; ">项目分类:${props.form.article}</div>
+        <div style="width: 100%;font-size: 12px; margin-top:6px;">发票类型:${props.form.type}</div>
+        <div style="width: 100%;font-size: 12px; margin-top:6px;">生成时间:${dayjs().format('YYYY-MM-DD HH:mm:ss')}</div>
+        <div style="width: 100%;font-size: 12px; margin-top:6px;">*二维码有效期30天,超过自动失效！</div>
+        <div style="width: 100%;font-size: 14px; margin-top: 15px;">您可以使用微信，扫码开票</div>`,
+        '150px',
+        '5px',
+        '100%',
+        '100%',
+    )
+    LODOP.SET_LICENSES('', 'DCFF409304DFCEB3E2C644BF96CD0720', '', '')
+    LODOP.PRINT()
+}
+const initialization = async () => {
+    rintermodeldata.value = [] //清空
+    let LODOP = getLodop()
+    setTimeout(() => {
+        if (LODOP == null) {
+            alert('请先安装打印控件')
+            return
+        }
+        for (var i = 0; i < LODOP.GET_PRINTER_COUNT(); i++) {
+            let obj: {
+                id: string
+                name: string
+            } = {
+                id: '',
+                name: '',
+            }
+            obj.id = LODOP.GET_PRINTER_NAME(i)
+            obj.name = LODOP.GET_PRINTER_NAME(i)
+            // console.log(obj)
+            rintermodeldata.value.push(obj)
+        }
+    }, 1000)
+}
+const centerDialogVisibleshow = () => {
+    centerDialogVisible.value = !centerDialogVisible.value
+}
+defineExpose({
+    Printing,
+    centerDialogVisibleshow,
+    initialization,
+})
+</script>
+
+<style scoped lang="scss">
+.dialog-footer {
+    text-align: center;
+
+    .qrcodefooter {
+        text-align: center;
+        margin: 10px;
+    }
+}
+</style>
--- a/src/components/lodop/invoicePrint.js
+++ b/src/components/lodop/invoicePrint.js
@@ -0,0 +1,32 @@
+import getLodop from "./LodopFuncs.js";
+/**
+ * 打印订单发票
+ */
+export default (data) => {
+  console.log("data.deviceName===", data.deviceName);
+  let LODOP = getLodop();
+  LODOP.PRINT_INIT("打印小票");
+  // 设置打印纸大小D
+  LODOP.SET_PRINT_PAGESIZE(3, "58mm", 20, "");
+  //   二维码控制大小;
+  LODOP.ADD_PRINT_BARCODE("", "40px", "150px", "150px", "QRCode", data.url);
+  //设置默认打印机(这里用的是打印机名称)
+  LODOP.SET_PRINTER_INDEX(data.deviceName);
+  // 文字内容
+  let html = `
+        <div style="height: 100px;"></div>
+        <div style="width: 100%;font-size: 16px;display:flex;justify-content:center;">
+            请使用微信扫码下载发票，二维码有效期30天，超过自动失效
+        </div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+  `;
+
+  setTimeout(() => {
+    LODOP.ADD_PRINT_HTM("9mm", "0mm", "RightMargin:0mm", 20, html);
+    LODOP.SET_LICENSES("", "DCFF409304DFCEB3E2C644BF96CD0720", "", "");
+    LODOP.PRINT();
+  }, 800);
+};
--- a/src/components/lodop/lodopPrintWork.js
+++ b/src/components/lodop/lodopPrintWork.js
@@ -0,0 +1,161 @@
+import getLodop from "./LodopFuncs.js";
+/**
+ * 打印交班小票
+ */
+export default (data) => {
+  console.log("data.deviceName===", data.deviceName);
+  let LODOP = getLodop();
+  LODOP.PRINT_INIT("打印小票");
+  // 设置打印纸大小D
+  LODOP.SET_PRINT_PAGESIZE(3, "58mm", 20, "");
+  //设置默认打印机(这里用的是打印机名称)
+  LODOP.SET_PRINTER_INDEX(data.deviceName);
+  // 文字内容
+  let html = `
+        <div style="font-size: 30px;display:flex;justify-content:center;">
+        ${data.merchantName}
+        </div>
+        <div style="font-size: 16px;display: flex; justify-content:center;margin-top:6px;">
+          交班小票
+        </div>
+        <div style="font-size: 12px;margin-top:50px;">
+          当班时间：${data.startTime}
+        </div>
+        <div style="font-size: 12px;">
+          交班时间：${data.endTime}
+        </div>
+        <div style="font-size: 12px;">
+          收银员：${data.staff}
+        </div>
+        <div style="font-size: 12px;margin-top: 4px;">
+          当班收入：${data.totalAmount}
+        </div>
+  `;
+
+  let payInfos = "";
+  if (data.payInfos && data.payInfos.length) {
+    for (let item of data.payInfos) {
+      payInfos += `
+          <div style="font-size: 12px;padding-left:20px;">
+            ${item.payType}：${item.amount}
+          </div>
+      `;
+    }
+  }
+
+  let memberTitle = `
+        <div style="font-size: 12px;margin-top: 4px;">
+          会员数据
+        </div>
+        `;
+
+  let memberData = "";
+  if (data.memberData && data.memberData.length) {
+    for (let item of data.memberData) {
+      memberData += `
+        <div style="font-size: 12px;padding-left:20px;">
+          ${item.deposit}：${item.amount}
+        </div>
+      `;
+    }
+  }
+
+  let productCategoriesTabHead = `
+        <div style="font-size: 12px;margin-top: 4px;">分类数据</div>
+        <table class="table" style="width: 100%;">
+          <tr>
+            <td style="font-size: 12px;width:50%;">名称</td>
+            <td style="font-size: 12px;width:25%;">数量</td>
+            <td style="font-size: 12px;width:25%;">总计</td>
+          </tr>
+        `;
+
+  let productCategoriesTableBody = "";
+  if (data.productCategories && data.productCategories.length) {
+    for (let item of data.productCategories) {
+      productCategoriesTableBody += `
+          <tr>
+            <td style="font-size: 12px;width:50%;">
+              <div>${item.categoryName}</div>
+            </td>
+            <td style="font-size: 12px;width:25%;">${item.num}</td>
+            <td style="font-size: 12px;width:25%;">
+              ${item.amount}
+            </td>
+          </tr>
+    `;
+    }
+  }
+
+  let tabHead = `
+      </table>
+        <div style="font-size: 12px;margin-top: 4px;">商品数据</div>
+        <table class="table" style="width: 100%;">
+          <tr>
+            <td style="font-size: 12px;width:75%;">商品</td>
+            <td style="font-size: 12px;width:25%;">数量</td>
+          </tr>
+      `;
+
+  let tableBody = "";
+  if (data.productInfos && data.productInfos.length) {
+    for (let item of data.productInfos) {
+      tableBody += `
+            <tr>
+              <td style="font-size: 12px;width:75%;">
+                <div>${item.productName}</div>
+              </td>
+              <td style="font-size: 12px;width:25%;">${item.num}</td>
+            </tr>
+      `;
+    }
+  }
+
+  if (!data.printShop) {
+    tabHead = "";
+    tableBody = "";
+  }
+
+  let str = `
+        </table>
+        <div style="font-size: 12px;margin-top: 4px;">
+          <span>快捷收款金额：</span>
+          <span>${data.quickAmount}</span>
+        </div>
+        <div style="font-size: 12px;">
+          <span>退款金额：</span>
+          <span>${data.returnAmount}</span>
+        </div>
+        <div style="font-size: 12px;">
+          <span>总收入：</span>
+          <span>${data.totalAmount}</span>
+        </div>
+        <div style="font-size: 12px;">
+          <span>备用金：</span>
+          <span>${data.imprest}</span>
+        </div>
+        <div style="font-size: 12px;">
+          <span>应交金额：</span>
+          <span>${data.payable}</span>
+        </div>
+        <div style="margin-top: 20px; font-size: 12px;">
+          <span>总订单数：</span>
+          <span>${data.orderNum}</span>
+        </div>
+        <div style="font-size: 12px;">
+          打印时间：${data.printTime}
+        </div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+  `;
+
+  let lastHtml = `${html}${payInfos}${memberTitle}${memberData}${productCategoriesTabHead}${productCategoriesTableBody}${tabHead}${tableBody}${str}`;
+
+  setTimeout(() => {
+    LODOP.ADD_PRINT_HTM("9mm", "0mm", "RightMargin:0mm", 20, lastHtml);
+    LODOP.SET_LICENSES("", "DCFF409304DFCEB3E2C644BF96CD0720", "", "");
+    LODOP.PRINT();
+  }, 800);
+};
--- a/src/components/lodop/receiptPrint.js
+++ b/src/components/lodop/receiptPrint.js
@@ -0,0 +1,104 @@
+import getLodop from "./LodopFuncs.js";
+/**
+ * 打印订单小票
+ */
+export default (data) => {
+  console.log(data);
+  console.log("data.deviceName===", data.deviceName);
+  let LODOP = getLodop();
+  LODOP.PRINT_INIT("打印小票");
+  // 设置打印纸大小D
+  LODOP.SET_PRINT_PAGESIZE(3, "58mm", 20, "");
+  //设置默认打印机(这里用的是打印机名称)
+  LODOP.SET_PRINTER_INDEX(data.deviceName);
+  // 文字内容
+  let t1 = 40;
+  let t2 = (100 - t1) / 3;
+  let html = `
+        <div style="font-size: 30px;display:flex;justify-content:center;">
+          ${data.shop_name}
+        </div>
+        <div style="font-size: 16px;display: flex; justify-content:center;margin-top:6px;">
+          ${data.isBefore ? "预" : ""}结算单【${
+    data.orderInfo.masterId ? data.orderInfo.masterId : ""
+  }】
+        </div>
+        <div style="font-size: 16px;display: flex; justify-content:center;margin-top:20px;">
+          ${data.orderInfo.outNumber ? data.orderInfo.outNumber : ""}
+        </div>
+        <div style="margin-top: 30px;font-size: 12px;">
+          订单号：${data.orderInfo && data.orderInfo.orderNo}
+        </div>
+        <div style="margin-top: 4px;font-size: 12px;">
+          交易时间：${data.createdAt}
+        </div>
+        <div style="margin-top: 4px;font-size: 12px;">
+          收银员：${data.loginAccount}
+        </div>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <table class="table" style="width: 100%;">
+          <tr>
+            <td style="font-size: 12px;width:${t1}%;">品名</td>
+            <td style="font-size: 12px;width:${t2}%;">单价</td>
+            <td style="font-size: 12px;width:${t2}%;">数量</td>
+            <td style="font-size: 12px;width:${t2}%;">小计</td>
+          </tr>
+  `;
+
+  let table = "";
+  for (let item of data.carts) {
+    table += `
+          <tr>
+            <td style="font-size: 12px;width:${t1}%;">
+              <div>${item.name}</div>
+              ${
+                item.skuName
+                  ? `<div class="sku">规格：${item.skuName}</div>`
+                  : ""
+              }
+            </td>
+            <td style="font-size: 12px;width:${t2}%;">${item.salePrice}</td>
+            <td style="font-size: 12px;width:${t2}%;">${item.number}</td>
+            <td style="font-size: 12px;width:${t2}%;">
+              ${item.totalAmount}
+            </td>
+          </tr>
+    `;
+  }
+
+  let str = `
+        </table>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <div style="margin-top: 6px; font-size: 22px;display:flex;justify-content: space-between;">
+          <span>应收</span>
+          <span>￥${data.amount}</span>
+        </div>
+        <div style="margin-top: 4px; font-size: 12px;">
+          <span>余额：</span>
+          <span>0.00</span>
+        </div>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <div style="margin-top: 4px; font-size: 16px;font-weight: bold;">备注：${data.remark}</div>
+        <div style="margin-top: 4px; font-size: 12px;">
+          打印时间：${data.printTime}
+        </div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+  `;
+
+  let lastHtml = `${html}${table}${str}`;
+
+  setTimeout(() => {
+    LODOP.ADD_PRINT_HTM("9mm", "0mm", "RightMargin:0mm", 20, lastHtml);
+    LODOP.SET_LICENSES("", "DCFF409304DFCEB3E2C644BF96CD0720", "", "");
+    LODOP.PRINT();
+  }, 800);
+};
--- a/src/components/lodop/refundPrint.js
+++ b/src/components/lodop/refundPrint.js
@@ -0,0 +1,96 @@
+import getLodop from "./LodopFuncs.js";
+/**
+ * 打印退单小票
+ */
+export default (data) => {
+  let LODOP = getLodop();
+  LODOP.PRINT_INIT("打印小票");
+  // 设置打印纸大小D
+  LODOP.SET_PRINT_PAGESIZE(3, "58mm", 20, "");
+  //设置默认打印机(这里用的是打印机名称)
+  LODOP.SET_PRINTER_INDEX(data.deviceName);
+  // 文字内容
+  let t1 = 40;
+  let t2 = (100 - t1) / 3;
+  let html = `
+        <div style="font-size: 30px;display:flex;justify-content:center;">
+          ${data.shop_name}
+        </div>
+        <div style="font-size: 16px;display: flex; justify-content:center;margin-top:6px;">
+          退款单【${data.orderInfo.masterId ? data.orderInfo.masterId : ""}】
+        </div>
+        <div style="margin-top: 30px;font-size: 12px;">
+          订单号：${data.orderInfo && data.orderInfo.orderNo}
+        </div>
+        <div style="margin-top: 4px;font-size: 12px;">
+          交易时间：${data.createdAt}
+        </div>
+        <div style="margin-top: 4px;font-size: 12px;">
+          收银员：${data.loginAccount}
+        </div>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <table class="table" style="width: 100%;">
+          <tr>
+            <td style="font-size: 12px;width:${t1}%;">品名</td>
+            <td style="font-size: 12px;width:${t2}%;">单价</td>
+            <td style="font-size: 12px;width:${t2}%;">数量</td>
+            <td style="font-size: 12px;width:${t2}%;">小计</td>
+          </tr>
+  `;
+
+  let table = "";
+  for (let item of data.carts) {
+    table += `
+          <tr>
+            <td style="font-size: 12px;width:${t1}%;">
+              <div>${item.name}</div>
+              ${
+                item.skuName
+                  ? `<div class="sku">规格：${item.skuName}</div>`
+                  : ""
+              }
+            </td>
+            <td style="font-size: 12px;width:${t2}%;">${item.salePrice}</td>
+            <td style="font-size: 12px;width:${t2}%;">${item.number}</td>
+            <td style="font-size: 12px;width:${t2}%;">
+              ${item.totalAmount}
+            </td>
+          </tr>
+    `;
+  }
+
+  let str = `
+        </table>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <div style="margin-top: 6px; font-size: 22px;display:flex;justify-content: space-between;">
+          <span>应退</span>
+          <span>￥${data.amount}</span>
+        </div>
+        <div style="margin-top: 4px; font-size: 12px;">
+          <span>余额：</span>
+          <span>0.00</span>
+        </div>
+        <div style="margin-top: 6px;margin-bottom: 6px;width: 100%">
+          <hr/>
+        </div>
+        <div style="margin-top: 4px; font-size: 12px;">
+          打印时间：${data.printTime}
+        </div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+        <div>.</div>
+  `;
+
+  let lastHtml = `${html}${table}${str}`;
+
+  setTimeout(() => {
+    LODOP.ADD_PRINT_HTM("9mm", "0mm", "RightMargin:0mm", 20, lastHtml);
+    LODOP.SET_LICENSES("", "DCFF409304DFCEB3E2C644BF96CD0720", "", "");
+    LODOP.PRINT();
+  }, 800);
+};
--- a/src/components/more.vue
+++ b/src/components/more.vue
@@ -1,18 +1,20 @@
 <template>
-    <div class="drawerbox">
-        <el-drawer size="50%" :with-header="false" direction="rtl" v-model="dialogVisible" style="padding: 0;">
-            <div class="drawerbox_box">
-                <div class="drawerbox_bo_top">
-                    <div class="drawerbox_bo_top_left">
-                        <div class="drawerbox_bo_top_left_one">
-                            {{ store.userInfo.loginName }}
-                        </div>
-                        <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px;">
-                            收银员：{{ store.userInfo.userCode }} <span style="color: #666;">登录：{{
-            store.userInfo.loginTime }}</span>
-                        </div>
-                    </div>
-                    <!-- <div class="drawerbox_bo_top_ring">
+  <div class="drawerbox">
+    <el-drawer size="60%" :with-header="false" direction="rtl" v-model="dialogVisible" style="padding: 0">
+      <div class="drawerbox_box">
+        <div class="drawerbox_bo_top">
+          <div class="drawerbox_bo_top_left">
+            <div class="drawerbox_bo_top_left_one" style="font-size: 24px;">
+              {{ store.userInfo.shopName }}
+            </div>
+            <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px">
+              收银员：{{ store.userInfo.loginAccount }}
+            </div>
+            <div>
+              <span style="color: #666">{{ dayjs(store.userInfo.loginTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
+            </div>
+          </div>
+          <!-- <div class="drawerbox_bo_top_ring">
                        <div class="drawerbox_bo_top_ring_tb">
                            <el-icon style="margin: 0 auto;" size="20">
                                <FolderAdd />
@@ -26,174 +28,200 @@
                            <span>最小化</span>
                        </div>
                    </div> -->
-                </div>
-                <div class="drawerbox_bo_box">
-                    <div style="padding:10px;color: #999; font-weight:bold;">系统</div>
-                    <div class="drawerbox_bo_box_itemb_felx">
-                        <div class="drawerbox_bo_box_itembox">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40" style="margin:30px;">
-                                    <Setting />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                设置
-                            </div>
-                        </div>
-                        <div class="drawerbox_bo_box_itembox" @click="router.push({ name: 'device_list' })">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40" style="margin:30px;">
-                                    <TurnOff />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                设备管理
-                            </div>
-                        </div>
-                        <div class="drawerbox_bo_box_itembox" @click="screenref.shows()">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40" style="margin:30px;">
-                                    <Switch />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                锁屏
-                            </div>
-                        </div>
-                    </div>
-                </div>
+        </div>
+        <div class="drawerbox_bo_box">
+          <div style="padding: 10px; color: #999; font-weight: bold">系统</div>
+          <div class="drawerbox_bo_box_itemb_felx">
+            <!-- <div class="drawerbox_bo_box_itembox">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Setting />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">设置</div>
+            </div> -->
+            <div class="drawerbox_bo_box_itembox" @click="router.push({ name: 'device_list' })">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <TurnOff />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">设备管理</div>
            </div>
-            <div class="boxabsolute">
-                <div>
-                    ©银收客 v{{ packageData.version }}
-                </div>
-                <!-- <div>
+            <div class="drawerbox_bo_box_itembox" @click="openCallHandle">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Bell />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">叫号</div>
+            </div>
+            <div class="drawerbox_bo_box_itembox" @click="screenref.shows()">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Lock />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">锁屏</div>
+            </div>
+            <!-- <div class="drawerbox_bo_box_itembox" @click="to('webview', {
+                            url: 'https://cashiernewadmin.sxczgkj.cn/',
+                            title: '后台管理'
+                        })">
+                            <div class="drawerbox_bo_box_icon">
+                                <el-icon size="40">
+                                    <Monitor />
+                                </el-icon>
+                            </div>
+                            <div class="drawerbox_bo_box_icontext">
+                                后台管理
+                            </div>
+                        </div> -->
+          </div>
+        </div>
+      </div>
+      <div class="boxabsolute">
+        <div>©银收客 v{{ packageData.version }}</div>
+        <!-- <div>
                    有效期
                </div> -->
-            </div>
-        </el-drawer>
-    </div>
-    <screen ref="screenref"></screen>
+      </div>
+    </el-drawer>
+  </div>
+  <screen ref="screenref"></screen>
 </template>

 <script setup>
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { useUser } from "@/store/user.js"
-import screen from '@/components/screen.vue'
+import { ref } from "vue";
+import { dayjs } from 'element-plus'
+import { useRouter } from "vue-router";
+import { useUser } from "@/store/user.js";
+import screen from "@/components/screen.vue";

-import packageData from '../../package.json'
+import packageData from "../../package.json";

-const router = useRouter()
+const router = useRouter();

-const store = useUser()
-const screenref = ref(null)
+const emit = defineEmits(["openCall"]);

-const dialogVisible = ref(false)
+const store = useUser();
+const screenref = ref(null);
+
+const dialogVisible = ref(false);

 function show() {
-    dialogVisible.value = true
+  dialogVisible.value = true;
+}
+
+// 打开叫号弹窗
+function openCallHandle() {
+  dialogVisible.value = false;
+  emit("openCall");
+}
+
+// 跳转
+function to(pathName, data) {
+  router.push({
+    name: pathName,
+    query: data,
+  });
 }

 defineExpose({
-    show
-})
-
-
+  show,
+});
 </script>

 <style scoped lang="scss">
 .drawerbox {
-    :deep(.el-drawer__body) {
-        background: #1c1d1f !important;
-        position: relative;
+  :deep(.el-drawer__body) {
+    background: #1c1d1f !important;
+    position: relative;
+  }
+
+  .boxabsolute {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translate(-50%);
+
+    div {
+      color: #8c9196;
+      text-align: center;
    }

-    .boxabsolute {
-        position: absolute;
-        bottom: 20px;
-        left: 50%;
-        transform: translate(-50%);
+    div:nth-child(2) {
+      margin-top: 10px;
+    }
+  }

-        div {
-            color: #8c9196;
+  .drawerbox_box {
+    color: #fff;
+
+    .drawerbox_bo_top {
+      padding: 20px 0;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #ccc;
+
+      .drawerbox_bo_top_left {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .drawerbox_bo_top_ring {
+        display: flex;
+        align-items: center;
+
+        .drawerbox_bo_top_ring_tb {
+          display: flex;
+          flex-direction: column;
+          border: 1px solid #ccc;
+          border-radius: 6px;
+          padding: 6px 10px;
+
+          span {
+            width: 80px;
+            margin-top: 5px;
            text-align: center;
+          }
        }
-
-        div:nth-child(2) {
-            margin-top: 10px;
-        }
+      }
    }

-    .drawerbox_box {
-        color: #fff;
+    .drawerbox_bo_box {
+      width: 100%;

-        .drawerbox_bo_top {
-            padding: 20px 0;
+      .drawerbox_bo_box_itemb_felx {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+
+        .drawerbox_bo_box_itembox {
+          width: 20%;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin-right: 20px;
+          margin-bottom: 30px;
+
+          .drawerbox_bo_box_icon {
+            border-radius: 6px;
+            background: #2196f3;
+            width: 100px;
+            height: 100px;
            display: flex;
-            justify-content: space-between;
            align-items: center;
-            border-bottom: 1px solid #ccc;
-
-            .drawerbox_bo_top_left {
-                display: flex;
-                flex-direction: column;
-            }
-
-            .drawerbox_bo_top_ring {
-                display: flex;
-                align-items: center;
-
-                .drawerbox_bo_top_ring_tb {
-                    display: flex;
-                    flex-direction: column;
-                    border: 1px solid #ccc;
-                    border-radius: 6px;
-                    padding: 6px 10px;
-
-                    span {
-                        width: 80px;
-                        margin-top: 5px;
-                        text-align: center;
-                    }
-                }
-            }
-        }
-
-        .drawerbox_bo_box {
-            width: 100%;
-
-            .drawerbox_bo_box_itemb_felx {
-                display: flex;
-                justify-content: flex-start;
-                padding: 0 20px;
-
-                .drawerbox_bo_box_itembox:nth-child(1) {
-                    margin-left: 0px;
-
-                }
-
-                .drawerbox_bo_box_itembox {
-                    width: 20%;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    margin-left: 40px;
-
-                    .drawerbox_bo_box_icon {
-                        border-radius: 6px;
-                        background: #2196f3;
-                        width: 100px;
-                        height: 100px;
-                    }
-
-                    .drawerbox_bo_box_icontext {
-                        margin-top: 10px;
-                    }
-                }
-            }
+            justify-content: center;
+          }

+          .drawerbox_bo_box_icontext {
+            margin-top: 10px;
+          }
        }
+      }
    }
+  }
 }
-</style>
+</style>
--- a/src/components/payCard/payCard.vue
+++ b/src/components/payCard/payCard.vue
@@ -46,7 +46,7 @@
        </div>
    </div>
    <scanModal ref="scanModalRef" :amount="props.amount" :orderId="props.orderId" :selecttype="props.selecttype"
-        @success="scanCodeSuccess" />
+        :payType="payType" @success="scanCodeSuccess" />
 </template>

 <script setup>
@@ -73,6 +73,10 @@ const props = defineProps({
    orderId: {
        type: [String, Number],
        default: ''
+    },
+    member: {
+        type: Object,
+        default: {}
    }
 })

@@ -92,6 +96,7 @@ const waitPayMoney = computed(() => {
 })

 const payActive = ref(0)
+const payType = ref('')
 const payList = ref([])
 const payLoading = ref(false)

@@ -103,13 +108,18 @@ function scanCodeSuccess() {
 // 切换支付类型
 function payTypeChange(index, item) {
    payActive.value = index
+    payType.value = item.payType
    if (item.payType == 'scanCode') {
        scanModalRef.value.show()
    }
+    if (payList.value[payActive.value].payType == 'deposit' && !props.member.id) {
+        scanModalRef.value.show()
+    }
 }

 // 结算支付
 async function confirmOrder() {
+    if (payLoading.value) return
    try {
        if (payList.value[payActive.value].payType == 'scanCode') {
            scanModalRef.value.show()
@@ -118,13 +128,21 @@ async function confirmOrder() {
            payLoading.value = true
            switch (payList.value[payActive.value].payType) {
                case 'deposit'://储值卡
-                    if (props.selecttype == 1) {
+                    // if (props.selecttype == 1) {

-                    } else {
+                    // } else {
+
+                    // }
+                    if (props.member.id) {
                        await accountPay({
                            orderId: props.orderId,
-                            memberId: 1
+                            memberId: props.member.id,
+                            memberAccount: ''
                        })
+                    } else {
+                        payLoading.value = false
+                        scanModalRef.value.show()
+                        return
                    }
                    break;
                case 'cash'://现金
@@ -186,8 +204,9 @@ async function queryPayTypeAjax() {
            shopId: store.userInfo.shopId
        })
        payList.value = res
-        if (res[0].payType == 'scanCode') {
+        if (res[0].payType == 'scanCode' || res[0].payType == 'deposit') {
            scanModalRef.value.show()
+            payType.value = res[0].payType
        }
    } catch (error) {
        console.log(error)
--- a/src/components/payCard/scanModal.vue
+++ b/src/components/payCard/scanModal.vue
@@ -2,12 +2,7 @@

 <template>
  <div class="dialog">
-    <el-dialog
-      title="扫码支付"
-      width="600"
-      v-model="dialogVisible"
-      @open="reset"
-    >
+    <el-dialog title="扫码支付" width="600" v-model="dialogVisible" @open="reset" @close="clearAutoCheckOrder">
      <div class="content">
        <div class="left">
          <el-image :src="icon" style="width: 60px; height: 60px"></el-image>
@@ -18,15 +13,9 @@
            <span class="n">{{ props.amount }}</span>
          </div>
          <div class="input">
-            <el-input
-              ref="inputRef"
-              v-model="scanCode"
-              style="height: calc(var(--el-component-size-large) + 30px)"
-              placeholder="请扫描付款码"
-              clearable
-              @change="inputChange"
-            ></el-input>
-            <div class="tips">注意：扫码支付请保证输入框获得焦点</div>
+            <el-input ref="inputRef" v-model="scanCode" style="height: calc(var(--el-component-size-large) + 30px)"
+              placeholder="请扫描付款码" clearable @change="inputChange"></el-input>
+            <div class="tips">注意：扫码支付请保证输入框获得焦点，输入内容结束后会自动支付，请勿重复操作</div>
          </div>
          <!-- <div class="number_warp">
                        <div class="item" v-for="item in 9" :key="item" @click="inputHandle(item)">{{ item }}</div>
@@ -39,36 +28,21 @@
                        </div>
                    </div> -->
          <div class="btn">
-            <el-button
-              type="primary"
-              style="width: 100%"
-              v-loading="loading"
-              @click="submitHandle"
-              >立即支付</el-button
-            >
+            <el-button type="primary" style="width: 100%" v-loading="loading">立即支付</el-button>
          </div>
        </div>
        <div class="pay_wait" v-else>
-          <div
-            class="loading"
-            v-loading="loading"
-            element-loading-text="用户支付中..."
-          ></div>
+          <div class="loading" v-loading="loading" element-loading-text="用户支付中..."></div>
          <div class="btn">
-            <el-button
-              type="primary"
-              style="width: 100%"
-              v-loading="checkPayStatusLoading"
-              @click="checkPayStauts"
-            >
+            <el-button type="primary" style="width: 100%" v-loading="checkPayStatusLoading" @click="checkPayStauts">
              <span v-if="!checkPayStatusLoading">查询用户支付状态</span>
              <span v-else>查询中...</span>
            </el-button>
          </div>
          <div class="btn">
-            <el-button style="width: 100%" @click="resetScanCode"
-              >重新扫码</el-button
-            >
+            <el-button style="width: 100%" @click="resetScanCode">
+              重新扫码
+            </el-button>
          </div>
        </div>
      </div>
@@ -80,9 +54,11 @@
 import _ from "lodash";
 import { ref } from "vue";
 import icon from "@/assets/icon_scan.png";
-import { scanpay, queryOrder, quickPay } from "@/api/pay";
+import { scanpay, queryOrder, quickPay, queryQuickPayStatus, accountPay, queryScanPay } from "@/api/pay";
 import { useUser } from "@/store/user.js";
+import { useGlobal } from '@/store/global.js'
 const store = useUser();
+const global = useGlobal()
 import {
  queryMembermember,
  createMembermember,
@@ -98,7 +74,7 @@ const props = defineProps({
    default: 0,
  },
  selecttype: {
-    type: Number,
+    type: [Number, String],
    default: 0,
  },
  orderId: {
@@ -109,6 +85,10 @@ const props = defineProps({
    type: Boolean,
    default: false,
  },
+  payType: {
+    type: [Number, String],
+    default: "",
+  }
 });

 const dialogVisible = ref(false);
@@ -119,6 +99,8 @@ const loading = ref(false);
 const userPayWait = ref(false);
 const checkPayStatusLoading = ref(false);

+const fastOrder = ref('')
+
 // 提交扫码支付
 async function submitHandle() {
  try {
@@ -139,10 +121,19 @@ async function submitHandle() {
          payType: "scanCode",
        });
      } else {
-        await scanpay({
-          orderId: props.orderId,
-          authCode: scanCode.value,
-        });
+        if (props.payType == 'scanCode') {
+          await scanpay({
+            orderId: props.orderId,
+            authCode: scanCode.value,
+          });
+        }
+        if (props.payType == 'deposit') {
+          await accountPay({
+            orderId: props.orderId,
+            memberId: '',
+            memberAccount: scanCode.value
+          })
+        }
      }
    }

@@ -152,30 +143,111 @@ async function submitHandle() {
    dialogVisible.value = false;
    emits("success");
  } catch (error) {
+    console.log(error);
    if (error.code === "100015") {
      userPayWait.value = true;
+      fastOrder.value = error.data
+      autoCheckOrder()
    } else {
+      scanCode.value = "";
      loading.value = false;
      console.log(error);
    }
  }
 }

+
+const timer = ref(null)
+// 自动查询订单状态
+function autoCheckOrder() {
+  timer.value = setInterval(() => {
+    checkPayStauts(false)
+  }, 2000)
+}
+
+// 清除自动查询扫码支付订单
+function clearAutoCheckOrder() {
+  clearInterval(timer.value)
+  timer.value = null
+  // 开启叫号功能
+  global.updateData(true)
+}
+
 // 查询用户支付状态
-async function checkPayStauts() {
+async function checkPayStauts(tips = true) {
  try {
-    const res = await queryOrder({ orderId: props.orderId });
-    if (res.status == "closed") {
-      ElMessage.success("支付成功");
-      emits("success");
-      return;
-    }
-    if (res.status == "paying") {
-      ElMessage.warning("用户支付中...");
-      return;
+    if (props.selecttype == 1) {
+      // 会员扫码充值
+      const res = await queryScanPay({ flowId: fastOrder.value.id });
+      if (res.status == 0) {
+        userPayWait.value = false
+        loading.value = false;
+        scanCode.value = "";
+        ElMessage.success("支付成功");
+        dialogVisible.value = false;
+        clearAutoCheckOrder()
+        emits("success");
+        return;
+      }
+      if (res.status == 7) {
+        if (tips) {
+          ElMessage.warning("用户支付中...");
+        }
+        return;
+      } else {
+        clearAutoCheckOrder()
+        ElMessage.error(res.payRemark || "支付失败！");
+        return;
+      }
    } else {
-      ElMessage.error(res.payRemark || "支付失败！");
-      return;
+      // 其他扫码支付
+      if (props.fast) {
+        // 快捷收银
+        const res = await queryQuickPayStatus({ orderId: fastOrder.value.orderNo });
+        if (res.status == 0) {
+          userPayWait.value = false
+          loading.value = false;
+          scanCode.value = "";
+          ElMessage.success("支付成功");
+          dialogVisible.value = false;
+          clearAutoCheckOrder()
+          emits("success");
+          return;
+        }
+        if (res.status == 1) {
+          if (tips) {
+            ElMessage.warning("用户支付中...");
+          }
+          return;
+        } else {
+          clearAutoCheckOrder()
+          ElMessage.error(res.payRemark || "支付失败！");
+          return;
+        }
+      } else {
+        // 扫码下单
+        const res = await queryOrder({ orderId: props.orderId });
+        if (res.status == "closed") {
+          userPayWait.value = false
+          loading.value = false;
+          scanCode.value = "";
+          ElMessage.success("支付成功");
+          dialogVisible.value = false;
+          clearAutoCheckOrder()
+          emits("success");
+          return;
+        }
+        if (res.status == "paying") {
+          if (tips) {
+            ElMessage.warning("用户支付中...");
+          }
+          return;
+        } else {
+          clearAutoCheckOrder()
+          ElMessage.error(res.payRemark || "支付失败！");
+          return;
+        }
+      }
    }
  } catch (error) {
    console.log(error);
@@ -184,6 +256,7 @@ async function checkPayStauts() {

 // 重新扫码
 function resetScanCode() {
+  clearAutoCheckOrder()
  userPayWait.value = false;
  loading.value = false;
  scanCode.value = "";
@@ -211,7 +284,7 @@ function delHandle() {
 const inputChange = _.debounce(function (e) {
  // console.log(e);
  submitHandle();
-}, 500);
+}, 100);

 function show() {
  dialogVisible.value = true;
@@ -227,6 +300,8 @@ function close() {
 function reset() {
  loading.value = false;
  scanCode.value = "";
+  // 关闭叫号功能
+  global.updateData(false)
 }

 defineExpose({
--- a/src/components/remarkModal.vue
+++ b/src/components/remarkModal.vue
@@ -6,7 +6,8 @@
            </el-button>
        </div>
        <div class="content">
-            <el-input type="textarea" :rows="6" v-model="remark" placeholder="请输入备注"></el-input>
+            <el-input type="textarea" :rows="6" v-model="remark" placeholder="请输入备注" @focus="
+                global.updateData(false)" @blur="global.updateData(true)"></el-input>
        </div>
        <div class="footer_wrap">
            <div class="btn">
@@ -18,6 +19,8 @@

 <script setup>
 import { ref } from 'vue'
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
 const emit = defineEmits(['success'])

 const dialogVisible = ref(false)
--- a/src/components/screen.vue
+++ b/src/components/screen.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-dialog width="400" v-model="dialogVisible" style="padding: 0; " title="以锁屏" :close-on-click-modal="false" :show-close="false">
+    <el-dialog width="400" v-model="dialogVisible" style="padding: 0; " title="已锁屏" :close-on-click-modal="false" :show-close="false">
        <div class="drawerbox_box">
            <el-input v-model="loginName" placeholder="请输入登录账号" />
            <el-button style="width: 100%; margin-top: 20px;" type="primary" @click="loginNameclick">确认</el-button>
--- a/src/components/takeFoodCode.vue
+++ b/src/components/takeFoodCode.vue
@@ -1,74 +1,94 @@
 <!-- 取餐号组件 -->
 <template>
    <el-dialog :title="props.title" width="600" v-model="dialogVisible" @open="opne">
-        <el-input v-model="number" :placeholder="props.placeholder" readonly></el-input>
+        <el-input :type="props.inputType" v-model="number" :placeholder="props.placeholder" readonly></el-input>
        <div class="keybord_wrap">
            <div v-for="item in 9" :key="item">
-                <el-button plain type="info" style="width: 100%;" @click="inputHandle(item)">{{ item }}</el-button>
+                <el-button plain type="info" style="width: 100%" @click="inputHandle(item)">{{ item }}</el-button>
            </div>
            <div>
-                <el-button plain type="info" disabled style="width: 100%;">.</el-button>
+                <el-button plain type="info" disabled style="width: 100%">.</el-button>
            </div>
            <div>
-                <el-button plain type="info" style="width: 100%;" @click="inputHandle(0)">0</el-button>
+                <el-button plain type="info" style="width: 100%" @click="inputHandle(0)">0</el-button>
            </div>
            <div>
-                <el-button plain type="info" icon="CloseBold" style="width: 100%;" @click="delHandle"></el-button>
+                <el-button plain type="info" icon="CloseBold" style="width: 100%" @click="delHandle"></el-button>
            </div>
        </div>
        <div class="footer">
-            <el-button type="primary" style="width: 100%;" @click="confirmHandle">确认</el-button>
+            <el-button type="primary" style="width: 100%" @click="confirmHandle">确认</el-button>
        </div>
    </el-dialog>
 </template>

 <script setup>
-import { ref } from 'vue';
+import { ref } from "vue";
+import { ElMessage } from "element-plus";

 const props = defineProps({
+    type: {
+        type: [String, Number],
+        default: 1, // 1取餐号 2密码
+    },
+    inputType: {
+        type: String,
+        default: 'text'
+    },
    title: {
        type: String,
-        default: '标题'
+        default: "标题",
    },
    placeholder: {
        type: String,
-        default: '提示'
-    }
-})
+        default: "提示",
+    },
+});

-const dialogVisible = ref(false)
-const number = ref('')
+const dialogVisible = ref(false);
+const number = ref("");

-const emit = defineEmits(['success'])
+const emit = defineEmits(["success"]);

 function show() {
-    dialogVisible.value = true
+    dialogVisible.value = true;
 }

 function opne() {
-    number.value = ''
+    number.value = "";
 }

 // 输入
 function inputHandle(n) {
-    number.value += n
+    number.value += n;
 }

 // 删除
 function delHandle() {
-    if (!number.value) return
-    number.value = number.value.substring(0, number.value.length - 1)
+    if (!number.value) return;
+    number.value = number.value.substring(0, number.value.length - 1);
 }

 // 确认
 function confirmHandle() {
-    emit('success', number.value)
-    dialogVisible.value = false
+    if (!number.value) return
+    if (props.type == 2) {
+        if (number.value.length < 6) {
+            ElMessage.error('请输入正确的密码')
+            return
+        } else {
+            emit("success", number.value);
+            dialogVisible.value = false;
+        }
+    } else {
+        emit("success", number.value);
+        dialogVisible.value = false;
+    }
 }

 defineExpose({
-    show
-})
+    show,
+});
 </script>

 <style scoped lang="scss">
@@ -88,4 +108,4 @@ defineExpose({
        height: 60px;
    }
 }
-</style>
+</style>
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,11 +1,12 @@
-import { createRouter, createWebHashHistory } from "vue-router"
-import home from "@/views/home/index.vue"
-import test from "@/views/home/test.vue"
+import { createRouter, createWebHashHistory } from "vue-router";
+import home from "@/views/home/index.vue";
+import test from "@/views/home/test.vue";

 const routes = [
  {
    path: "/",
    name: "home",
+    // component: test,
    component: home,
  },
  {
@@ -24,6 +25,14 @@ const routes = [
    },
    component: () => import("@/views/register.vue"),
  },
+  {
+    path: "/group_buy",
+    name: "group_buy",
+    meta: {
+      index: 1,
+    },
+    component: () => import("@/views/group_buy/index.vue"),
+  },
  {
    path: "/table",
    name: "table",
@@ -78,7 +87,12 @@ const routes = [
    path: "/add_label",
    name: "add_label",
    component: () => import("@/views/device/add_label.vue"),
-  }
+  },
+  {
+    path: "/webview",
+    name: "webview",
+    component: () => import("@/views/webview/index.vue"),
+  },
 ];

 const router = createRouter({
--- a/src/store/global.js
+++ b/src/store/global.js
@@ -0,0 +1,15 @@
+import { defineStore } from "pinia";
+
+export const useGlobal = defineStore({
+  id: "global",
+  state: () => ({
+    // 是否监听叫号
+    isCallNumber: true,
+  }),
+  actions: {
+    // 更新状态
+    updateData(state) {
+      this.isCallNumber = state;
+    },
+  },
+});
--- a/src/store/print.js
+++ b/src/store/print.js
@@ -0,0 +1,220 @@
+import { defineStore } from "pinia";
+import { ipcRenderer } from "electron";
+import { bySubType } from "@/api/device";
+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";
+
+export const usePrint = defineStore({
+  id: "print",
+  state: () => ({
+    localDevices: [], // 本地打印机列表
+    deviceNoteList: [], // 添加的打印机
+    deviceLableList: [], // 添加的打印机
+    labelList: [], // 要打印的队列数据
+    printTimer: null,
+    receiptList: [], // 小票队列数据
+    receiptTimer: null,
+  }),
+  actions: {
+    // 获取本地打印机和已添加的可以用打印机列表
+    async init() {
+      const store = useUser();
+
+      // 获取本地打印机
+      ipcRenderer.send("getPrintList");
+      ipcRenderer.on("printList", (event, arg) => {
+        // localPrintList.value = arg;
+        // console.log(localPrintList.value);
+        this.localDevices = arg;
+      });
+
+      // 获取已添加的小票打印机
+      this.deviceNoteList = await bySubType({
+        shopId: store.userInfo.shopId,
+        contentType: "local",
+        subType: "cash",
+      });
+
+      // 获取已添加的标签打印机
+      this.deviceLableList = await bySubType({
+        shopId: store.userInfo.shopId,
+        contentType: "local",
+        subType: "label",
+      });
+      console.log("打印队列初始化成功");
+    },
+    // 检查本地打印机是否能正常使用
+    checkLocalPrint(deviceName) {
+      let print = "";
+      for (let item of this.localDevices) {
+        if (item.name == deviceName) {
+          print = item;
+        }
+      }
+
+      if (!print.name) {
+        return false;
+      } else {
+        return true;
+      }
+    },
+    // 打印标签小票
+    labelPrint(props) {
+      if (
+        this.deviceLableList.length &&
+        this.checkLocalPrint(this.deviceLableList[0].config.deviceName)
+      ) {
+        let pids = this.deviceLableList[0].config.categoryList.map(
+          (item) => item.id
+        );
+
+        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].config.deviceName,
+                // deviceName: "Xprinter XP-T202UA",
+                createdAt: dayjs(props.createdAt).format("YYYY-MM-DD HH:mm:ss"),
+                isPrint: false,
+                count: `${count}/${sum}`,
+              });
+            }
+          }
+        });
+        // 执行打印操作
+        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);
+          }
+        }
+      }, 800);
+    },
+    // 添加小票打印对列表数据
+    pushReceiptData(props, isDevice = true) {
+      console.log("pushReceiptData===", props);
+      if (!isDevice) {
+        // 测试打印，无需校验本地打印机
+        const store = useUser();
+        props.shop_name = store.userInfo.shopName;
+        props.loginAccount = store.userInfo.loginAccount;
+        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;
+
+        this.receiptList.push(props);
+        this.startReceiptPrint();
+      } else {
+        if (
+          this.deviceNoteList.length &&
+          this.checkLocalPrint(this.deviceNoteList[0].config.deviceName)
+        ) {
+          const store = useUser();
+          props.deviceName = this.deviceNoteList[0].config.deviceName;
+          props.shop_name = store.userInfo.shopName;
+          props.loginAccount = store.userInfo.loginAccount;
+          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;
+
+          this.receiptList.push(props);
+          this.startReceiptPrint();
+        } else {
+          console.log("订单小票：没有小票打印机");
+        }
+      }
+    },
+    // 开始打印小票
+    startReceiptPrint() {
+      if (this.receiptTimer !== null) return;
+      this.receiptTimer = setInterval(() => {
+        if (!this.receiptList.length) {
+          clearInterval(this.receiptTimer);
+          this.receiptTimer = null;
+        } else {
+          receiptPrint(this.receiptList[0]);
+          this.receiptList.splice(0, 1);
+        }
+      }, 800);
+    },
+    // 打印交班小票
+    printWork(data) {
+      if (
+        this.deviceNoteList.length &&
+        this.checkLocalPrint(this.deviceNoteList[0].config.deviceName)
+      ) {
+        data.deviceName = this.deviceNoteList[0].config.deviceName;
+        lodopPrintWork(data);
+      } else {
+        console.log("交班小票：没有小票打印机");
+      }
+    },
+    // 打印订单发票
+    printInvoice(data) {
+      if (
+        this.deviceNoteList.length &&
+        this.checkLocalPrint(this.deviceNoteList[0].config.deviceName)
+      ) {
+        data.deviceName = this.deviceNoteList[0].config.deviceName;
+        invoicePrint(data);
+      } else {
+        console.log("订单发票：没有小票打印机");
+      }
+    },
+    // 打印退单小票
+    printRefund(data) {
+      if (
+        this.deviceNoteList.length &&
+        this.checkLocalPrint(this.deviceNoteList[0].config.deviceName)
+      ) {
+        data.deviceName = this.deviceNoteList[0].config.deviceName;
+        refundPrint(data);
+      } else {
+        console.log("退单小票：没有小票打印机");
+      }
+    },
+  },
+});
--- a/src/store/socket.js
+++ b/src/store/socket.js
@@ -0,0 +1,144 @@
+import _ from "lodash";
+import { dayjs } from "element-plus";
+import { defineStore } from "pinia";
+import { useUser } from "@/store/user.js";
+import { usePrint } from "@/store/print.js";
+import { v4 as uuidv4 } from "uuid";
+import useStorage from "@/utils/useStorage";
+import ReconnectingWebSocket from "reconnecting-websocket";
+import { ipcRenderer } from "electron";
+
+export const useSocket = defineStore({
+  id: uuidv4(),
+  state: () => ({
+    online: false, // 在线状态
+    ws: null, // websocket实例
+    uuid: "", // 长连接唯一id
+    heartbeatTimer: null, // 心跳计时器
+    orderList: [],
+  }),
+  actions: {
+    // 创建uuid
+    createUUID() {
+      if (!useStorage.get("uuid")) {
+        ipcRenderer.send("getOSmacSync");
+        // useStorage.set("uuid", uuidv4());
+        ipcRenderer.on("getOSmacRes", (event, arg) => {
+          useStorage.set("uuid", arg);
+          this.uuid = useStorage.get("uuid");
+        });
+      } else {
+        this.uuid = useStorage.get("uuid");
+      }
+    },
+    // 关闭ws
+    close() {
+      console.log("关闭ws");
+      this.ws.close(1000);
+      this.ws = null;
+      this.clearHeartBeat();
+    },
+    wsReconnect: _.throttle(
+      function () {
+        if (this.ws.readyState == ReconnectingWebSocket.OPEN) return;
+        this.ws.reconnect();
+        // console.log("11111");
+      },
+      2000,
+      { leading: true, trailing: false }
+    ),
+    // 初始化
+    init(wsUrl = import.meta.env.VITE_API_WSS) {
+      this.createUUID();
+      const store = useUser();
+      const printStore = usePrint();
+
+      printStore.init();
+
+      if (this.ws == null) {
+        console.log("创建新的ws连接");
+
+        const protocols = []; // 可选的子协议数组
+        const options = {
+          // 自动重新连接的选项（可选）
+          connectionTimeout: 1000,
+          maxRetries: 100,
+        };
+        this.ws = new ReconnectingWebSocket(wsUrl, protocols, options);
+      } else {
+        console.log("重新连接ws");
+        this.wsReconnect();
+      }
+
+      this.ws.addEventListener("open", (event) => {
+        console.log("wss连接成功");
+        this.online = true;
+        // 清除心跳
+        this.clearHeartBeat();
+
+        console.log(this);
+
+        this.ws.send(
+          JSON.stringify({
+            type: "connect",
+            shopId: store.userInfo.shopId,
+            clientId: this.uuid,
+          })
+        );
+        this.startheartbeat();
+      });
+
+      this.ws.addEventListener("message", (e) => {
+        let data = JSON.parse(e.data);
+        if (data.type == "order") {
+          console.log("接收消息", data);
+          this.ws.send(
+            JSON.stringify({
+              type: "send",
+              orderNo: data.orderInfo.orderNo,
+            })
+          );
+          // 接收订单消息，打印小票
+          // printBill(data)
+          // 打印标签小票
+          if (!this.orderList.some((el) => el == data.orderInfo.orderNo)) {
+            // console.log("打印", data);
+            printStore.labelPrint(data);
+            printStore.pushReceiptData(data);
+            this.orderList.push(data.orderInfo.orderNo);
+            if (this.orderList.length > 30) {
+              this.orderList.splice(0, 1);
+            }
+          }
+        } else if (data.type == "heartbeat") {
+          console.log("接收心跳");
+        }
+      });
+
+      this.ws.addEventListener("error", () => {
+        console.log("WebSocket连接发生错误");
+        this.online = false;
+        this.clearHeartBeat();
+      });
+
+      this.ws.addEventListener("error", (e) => {
+        console.log("ws关闭了", e);
+        this.online = false;
+        this.clearHeartBeat();
+      });
+    },
+    // 启动心跳连接
+    startheartbeat() {
+      this.heartbeatTimer = setInterval(() => {
+        console.log("发送心跳");
+        this.ws.send(JSON.stringify({ type: "heartbeat" }));
+      }, 10000);
+    },
+    // 清除心跳
+    clearHeartBeat() {
+      // 清除心跳
+      clearInterval(this.heartbeatTimer);
+      this.heartbeatTimer = null;
+    },
+  },
+});
--- a/src/store/user.js
+++ b/src/store/user.js
@@ -1,23 +1,24 @@
-import { defineStore } from "pinia"
-import { login } from '@/api/user'
-import useStorage from '@/utils/useStorage'
+import { defineStore } from "pinia";
+import { login } from "@/api/user";
+import useStorage from "@/utils/useStorage";

 export const useUser = defineStore({
  id: "user",
  state: () => ({
-    userInfo: useStorage.get('userInfo'),
-    token: useStorage.get('token'),
+    userInfo: useStorage.get("userInfo"),
+    token: useStorage.get("token"),
  }),
  actions: {
    // 登录
    userlogin(param) {
-      return login(param).then(res => {
-        this.userInfo = res
-        this.token = res.token
+      return login(param).then((res) => {
+        this.userInfo = res;
+        this.token = res.token;
        useStorage.set("token", this.token);
+        // this.userInfo.shopId = "24";
        useStorage.set("userInfo", this.userInfo);
        return this.userInfo;
-      })
-    }
-  }
-})
+      });
+    },
+  },
+});
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -4,10 +4,10 @@
 * @param {Object} Max
 */
 export function RandomNumBoth(Max, Min = 0) {
-    var Range = Max - Min;
-    var Rand = Math.random();
-    var num = Min + Math.round(Rand * Range); //四舍五入
-    return num;
+  var Range = Max - Min;
+  var Rand = Math.random();
+  var num = Min + Math.round(Rand * Range); //四舍五入
+  return num;
 }

 /**
@@ -15,23 +15,45 @@ export function RandomNumBoth(Max, Min = 0) {
 * @param {Object} obj
 */
 export function clearNoNum(obj) {
-    //如果用户第一位输入的是小数点，则重置输入框内容
-    if (obj.value != '' && obj.value.substr(0, 1) == '.') {
-        obj.value = '';
+  //如果用户第一位输入的是小数点，则重置输入框内容
+  if (obj.value != "" && obj.value.substr(0, 1) == ".") {
+    obj.value = "";
+  }
+  obj.value = obj.value.replace(/^0*(0\.|[1-9])/, "$1"); //粘贴不生效
+  obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
+  obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
+  obj.value = obj.value
+    .replace(".", "$#$")
+    .replace(/\./g, "")
+    .replace("$#$", ".");
+  obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
+  if (obj.value.indexOf(".") < 0 && obj.value != "") {
+    //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
+    if (obj.value.substr(0, 1) == "0" && obj.value.length == 2) {
+      obj.value = obj.value.substr(1, obj.value.length);
    }
-    obj.value = obj.value.replace(/^0*(0\.|[1-9])/, '$1'); //粘贴不生效
-    obj.value = obj.value.replace(/[^\d.]/g, ''); //清除“数字”和“.”以外的字符
-    obj.value = obj.value.replace(/\.{2,}/g, '.'); //只保留第一个. 清除多余的
-    obj.value = obj.value
-        .replace('.', '$#$')
-        .replace(/\./g, '')
-        .replace('$#$', '.');
-    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
-    if (obj.value.indexOf('.') < 0 && obj.value != '') {
-        //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
-        if (obj.value.substr(0, 1) == '0' && obj.value.length == 2) {
-            obj.value = obj.value.substr(1, obj.value.length);
-        }
-    }
-    return obj.value;
-}
+  }
+  return obj.value;
+}
+
+/**
+ * 保留小数n位，不进行四舍五入
+ * num你传递过来的数字,
+ * decimal你保留的几位,默认保留小数后两位
+ * isInt 是否保留0
+ */
+export function formatDecimal(num, decimal = 2, isInt = false) {
+  num = num.toFixed(3).toString();
+  const index = num.indexOf(".");
+  if (index !== -1) {
+    num = num.substring(0, decimal + index + 1);
+  } else {
+    num = num.substring(0);
+  }
+  //截取后保留两位小数
+  if (isInt) {
+    return parseFloat(num);
+  } else {
+    return parseFloat(num).toFixed(decimal);
+  }
+}
--- a/src/utils/request_kp.js
+++ b/src/utils/request_kp.js
@@ -0,0 +1,61 @@
+import axios from "axios";
+import { ElMessage } from "element-plus";
+import useStorage from "@/utils/useStorage";
+import router from "@/router";
+
+const service = axios.create({
+  baseURL:
+    import.meta.env.MODE == "development"
+      ? "/kp/"
+      : import.meta.env.VITE_API_KP_URL,
+  // withCredentials: true, // 跨域请求时发送 cookies
+  timeout: 5000, // 请求超时
+});
+
+// 请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    // 在发送请求之前做些什么 token
+    config.headers["pctoken"] = useStorage.get("token");
+    config.headers["ispc"] = 1;
+    config.headers["loginName"] = useStorage.get("userInfo").loginName;
+    config.headers["clientType"] = "pc";
+    config.headers["shopId"] = useStorage.get("userInfo").shopId;
+    return config;
+  },
+  (error) => {
+    // 处理请求错误
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    // 对响应数据做点什么
+    if (+response.status === 200) {
+      if (+response.data.code == 1) {
+        return response.data.data;
+      } else {
+        // 响应错误
+        ElMessage.error(response.data.msg);
+        return Promise.reject(response.data);
+      }
+    }
+  },
+  (error) => {
+    // 对响应错误做点什么
+    if (error.message.indexOf("timeout") != -1) {
+      ElMessage.error("网络超时");
+    } else if (error.message == "Network Error") {
+      ElMessage.error("网络连接错误");
+    } else {
+      console.log(error);
+      if (error.response.data) ElMessage.error(error.response.statusText);
+      else ElMessage.error("接口路径找不到");
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default service;
--- a/src/utils/request_php.js
+++ b/src/utils/request_php.js
@@ -0,0 +1,60 @@
+import axios from "axios";
+import { ElMessage } from "element-plus";
+import useStorage from "@/utils/useStorage";
+import router from "@/router";
+
+const service = axios.create({
+  baseURL:
+    import.meta.env.MODE == "development"
+      ? "/php/"
+      : import.meta.env.VITE_API_PHP_URL,
+  // withCredentials: true, // 跨域请求时发送 cookies
+  timeout: 5000, // 请求超时
+});
+
+// 请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    // 在发送请求之前做些什么 token
+    if (useStorage.get("douyin") && useStorage.get("douyin").token) {
+      config.headers["bausertoken"] = useStorage.get("douyin").token;
+      // config.headers['Content-Type'] = 'application/json'
+    }
+    return config;
+  },
+  (error) => {
+    // 处理请求错误
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    // 对响应数据做点什么
+    if (+response.status === 200) {
+      if (+response.data.code == 1) {
+        return response.data.data;
+      } else {
+        // 响应错误
+        ElMessage.error(response.data.msg);
+        return Promise.reject(response.data);
+      }
+    }
+  },
+  (error) => {
+    // 对响应错误做点什么
+    if (error.message.indexOf("timeout") != -1) {
+      ElMessage.error("网络超时");
+    } else if (error.message == "Network Error") {
+      ElMessage.error("网络连接错误");
+    } else {
+      console.log(error);
+      if (error.response.data) ElMessage.error(error.response.statusText);
+      else ElMessage.error("接口路径找不到");
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default service;
--- a/src/views/device/add.vue
+++ b/src/views/device/add.vue
@@ -1,10 +1,7 @@
 <template>
  <div class="device_container">
    <div class="header" @click="router.back()">
-      <el-icon
-        style="position: relative; top: 2px; margin-right: 4px"
-        size="22"
-      >
+      <el-icon style="position: relative; top: 2px; margin-right: 4px" size="22">
        <ArrowLeft />
      </el-icon>
      <el-text>{{ form.id ? "编辑小票打印机" : "添加小票打印机" }}</el-text>
@@ -26,28 +23,15 @@
          </el-form-item>
          <el-form-item label="选择设备">
            <el-select v-model="form.config.deviceName">
-              <el-option
-                :label="item.name"
-                :value="item.name"
-                v-for="item in printList"
-                :key="item.name"
-              ></el-option>
+              <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="设备名称">
-            <el-input
-              v-model="form.name"
-              placeholder="请输入设备名称"
-            ></el-input>
+            <el-input v-model="form.name" placeholder="请输入设备名称"></el-input>
          </el-form-item>
          <el-form-item label="打印份数">
            <el-select v-model="form.config.printerNum">
-              <el-option
-                :label="item"
-                :value="item"
-                v-for="item in 4"
-                :key="item"
-              ></el-option>
+              <el-option :label="item" :value="item" v-for="item in 4" :key="item"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="商品模式">
@@ -70,23 +54,18 @@
          </el-form-item>
          <el-form-item label="尾部留空">
            <el-select v-model="form.config.feet">
-              <el-option
-                :label="`${item}行`"
-                :value="`${item}`"
-                v-for="item in feets"
-                :key="item"
-              ></el-option>
+              <el-option :label="`${item}行`" :value="`${item}`" v-for="item in feets" :key="item"></el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </div>
      <div class="menu_wrap">
        <div class="print_view">
-          <div class="title t1">溜溜</div>
-          <div class="title t2">结算单【#002】</div>
-          <div class="row">订单号:202404021023542223445</div>
-          <div class="row">交易时间:2024-04-02 10:15</div>
-          <div class="row">收银员:【POS-1】1</div>
+          <div class="title t1">{{ printData.shop_name }}</div>
+          <div class="title t2">预结算单【{{ printData.orderInfo.masterId }}】</div>
+          <div class="row">订单号：{{ printData.orderInfo.orderNo }}</div>
+          <div class="row">交易时间：{{ printData.createdAt }}</div>
+          <div class="row">收银员：{{ printData.loginAccount }}</div>
          <div class="line"></div>
          <table class="table">
            <tr>
@@ -95,61 +74,36 @@
              <td>数量</td>
              <td>小计</td>
            </tr>
-            <tr>
+            <tr v-for="(item, index) in printData.carts" :key="index">
              <td>
-                <div>娃哈哈矿泉水</div>
-                <div class="sku">500ml</div>
+                <div>{{ item.name }}</div>
+                <div class="sku">{{ item.skuName }}</div>
              </td>
-              <td>1.0</td>
-              <td>10</td>
-              <td>10</td>
-            </tr>
-            <tr>
-              <td>
-                <div>柠檬奶茶</div>
-                <div class="sku">加冰、加珍珠</div>
-              </td>
-              <td>10.0</td>
-              <td>2</td>
-              <td>20</td>
+              <td>{{ item.salePrice }}</td>
+              <td>{{ item.number }}</td>
+              <td>{{ item.totalAmount }}</td>
            </tr>
          </table>
          <div class="line"></div>
          <div class="row between">
-            <span>合计:</span>
-            <span>30.00</span>
+            <span>合计：</span>
+            <span>{{ printData.amount }}</span>
          </div>
          <div class="row between">
-            <span>合计:</span>
-            <span>30.00</span>
-          </div>
-          <div class="row between">
-            <span>原价:20.00，节省了0</span>
-          </div>
-          <div class="row between">
-            <span>积分:</span>
-            <span>0</span>
-          </div>
-          <div class="row between">
-            <span>余额:</span>
+            <span>余额：</span>
            <span>0.00</span>
          </div>
          <div class="line"></div>
-          <div class="row">备注:</div>
-          <div class="row">打印时间:2024-04-02 10:15</div>
+          <div class="row">备注：{{ printData.remark }}</div>
+          <div class="row">打印时间：{{ printData.printTime }}</div>
          <div class="btn_wrap">
            <div class="btn">
-              <el-button plain style="width: 100%" @click="printHandle">
+              <el-button plain style="width: 100%" :loading="printDataLoading" @click="printHandle">
                打印测试小票
              </el-button>
            </div>
            <div class="btn">
-              <el-button
-                type="primary"
-                style="width: 100%"
-                :loading="loading"
-                @click="submitHandle"
-              >
+              <el-button type="primary" style="width: 100%" :loading="loading" @click="submitHandle">
                保存
              </el-button>
            </div>
@@ -161,13 +115,17 @@
 </template>

 <script setup>
+import dayjs from 'dayjs'
 import { ipcRenderer } from "electron";
-import { onMounted, ref } from "vue";
+import { onMounted, reactive, ref } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { ElMessage } from "element-plus";
 import { tbPrintMachinePost, tbPrintMachineDetail } from "@/api/device";
 import { useUser } from "@/store/user.js";
 import { Loading } from "element-plus/es/components/loading/src/service";
+import { usePrint } from "@/store/print.js";
+
+const printStore = usePrint();
 const store = useUser();

 const router = useRouter();
@@ -197,6 +155,40 @@ const form = ref({
  shopId: store.userInfo.shopId,
 });

+const printDataLoading = ref(false)
+const printData = reactive({
+  shop_name: store.userInfo.shopName,
+  loginAccount: store.userInfo.loginAccount,
+  isBefore: true,
+  carts: [
+    {
+      id: 1,
+      name: '【测试】娃哈哈矿泉水',
+      skuName: '500ml',
+      salePrice: '1.0',
+      number: '10',
+      totalAmount: '10'
+    },
+    {
+      id: 2,
+      name: '【测试】柠檬奶茶',
+      skuName: '加冰、加珍珠',
+      salePrice: '10',
+      number: '2',
+      totalAmount: '20'
+    }
+  ],
+  amount: '30.00',
+  remark: '给我多放点辣椒，谢谢老板',
+  orderInfo: {
+    masterId: '#002',
+    orderNo: '202404021023542223445'
+  },
+  deviceName: '',
+  createdAt: '2024-04-02 10:15',
+  printTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+});
+
 // 获取打印机列表
 function getPrintList() {
  ipcRenderer.send("getPrintList");
@@ -211,10 +203,13 @@ function printHandle() {
    ElMessage.warning("请选择打印设备");
    return;
  }
-  ipcRenderer.send(
-    "printStart",
-    JSON.stringify({ deviceName: form.value.config.deviceName })
-  );
+  printDataLoading.value = true
+  printData.deviceName = form.value.config.deviceName
+  printData.printTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  printStore.pushReceiptData(printData, false)
+  setTimeout(() => {
+    printDataLoading.value = false
+  }, 1500)
 }

 // 提交打印机
@@ -228,6 +223,9 @@ async function submitHandle() {
    await tbPrintMachinePost(form.value, form.value.id ? "put" : "post");
    Loading.value = false;
    ElMessage.success(form.value.id ? "编辑成功" : "添加成功");
+
+    printStore.init();
+
    router.back();
  } catch (error) {
    console.log(error);
--- a/src/views/device/add_label.vue
+++ b/src/views/device/add_label.vue
@@ -1,10 +1,7 @@
 <template>
  <div class="device_container">
    <div class="header" @click="router.back()">
-      <el-icon
-        style="position: relative; top: 2px; margin-right: 4px"
-        size="22"
-      >
+      <el-icon style="position: relative; top: 2px; margin-right: 4px" size="22">
        <ArrowLeft />
      </el-icon>
      <el-text>{{ form.id ? "编辑便签打印机" : "添加便签打印机" }}</el-text>
@@ -26,28 +23,15 @@
          </el-form-item>
          <el-form-item label="选择设备">
            <el-select v-model="form.config.deviceName">
-              <el-option
-                :label="item.name"
-                :value="item.name"
-                v-for="item in printList"
-                :key="item.name"
-              ></el-option>
+              <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="设备名称">
-            <el-input
-              v-model="form.name"
-              placeholder="请输入设备名称"
-            ></el-input>
+            <el-input v-model="form.name" placeholder="请输入设备名称"></el-input>
          </el-form-item>
          <el-form-item label="打印份数">
            <el-select v-model="form.config.printerNum">
-              <el-option
-                :label="item"
-                :value="item"
-                v-for="item in 4"
-                :key="item"
-              ></el-option>
+              <el-option :label="item" :value="item" v-for="item in 4" :key="item"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="商品模式">
@@ -58,16 +42,10 @@
          </el-form-item>
          <el-form-item label="商品分类">
            <div style="cursor: pointer" @click="classifyRef.show()">
-              <span
-                style="color: #409eff"
-                v-for="item in form.config.categoryList"
-              >
+              <span style="color: #409eff" v-for="item in form.config.categoryList">
                {{ item.name }},
              </span>
-              <span
-                style="color: #e65d6e"
-                v-if="!form.config.categoryList.length"
-              >
+              <span style="color: #e65d6e" v-if="!form.config.categoryList.length">
                请选择分类
              </span>
            </div>
@@ -98,52 +76,54 @@
      </div>
      <div class="menu_wrap">
        <div class="print_view">
-          <div class="title t1 blod">#A9 #A9</div>
-          <div class="row blod">
-            <span>甜橙马黛茶</span>
-            <span style="margin-left: 30px">1</span>
+          <canvas class="ewm" ref="canvasRef"></canvas>
+          <div class="header">
+            <img class="logo" src="../../assets/prinnt_label_logo.png" />
+            <!-- <span class="title">双屿Pisces</span> -->
          </div>
-          <div class="row blod">加奶、加珍珠</div>
-          <div class="row blod" style="margin-top: 10px">
-            <span>03-08 16:58</span>
-            <span style="margin-left: 30px">￥28</span>
+          <div class="number_wrap">
+            <div class="num" v-if="printData.outNumber">{{ printData.outNumber }}</div>
+            <div class="info" v-if="printData.masterId">座位号：{{ printData.masterId }}</div>
          </div>
-          <div class="btn_wrap">
-            <div class="btn">
-              <el-button plain style="width: 100%" @click="printHandle">
-                打印测试小票
-              </el-button>
-            </div>
-            <div class="btn">
-              <el-button
-                type="primary"
-                style="width: 100%"
-                :loading="loading"
-                @click="submitHandle"
-              >
-                保存
-              </el-button>
-            </div>
+          <div class="shop_info">
+            <div class="name">{{ printData.name }}</div>
+            <div class="text" v-if="printData.skuName">【{{ printData.skuName }}】</div>
+          </div>
+          <div class="time">{{ printData.createdAt }}</div>
+          <div class="tips">建议尽快享用，风味更佳 {{ printData.count }}</div>
+        </div>
+        <div class="btn_wrap">
+          <div class="btn">
+            <el-button plain style="width: 100%" @click="printHandle">
+              打印测试小票
+            </el-button>
+          </div>
+          <div class="btn">
+            <el-button type="primary" style="width: 100%" :loading="loading" @click="submitHandle">
+              保存
+            </el-button>
          </div>
        </div>
      </div>
    </div>
  </div>
-  <classify
-    ref="classifyRef"
-    @success="(e) => (form.config.categoryList = e)"
-  />
+  <classify ref="classifyRef" @success="(e) => (form.config.categoryList = e)" />
 </template>

 <script setup>
+import _ from 'lodash'
 import { ipcRenderer } from "electron";
 import { onMounted, ref } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { ElMessage } from "element-plus";
+import { ElMessage, dayjs } from "element-plus";
 import { tbPrintMachinePost, tbPrintMachineDetail } from "@/api/device";
 import { useUser } from "@/store/user.js";
 import { Loading } from "element-plus/es/components/loading/src/service";
 import classify from "@/components/classify/index.vue";
+import QRCode from 'qrcode'
+import { usePrint } from "@/store/print.js";
+
+const printStore = usePrint();

 const store = useUser();

@@ -175,6 +155,16 @@ const form = ref({
  shopId: store.userInfo.shopId,
 });

+const canvasRef = ref(null)
+const printData = ref({
+  deviceName: '',
+  outNumber: '123',
+  name: '甜橙马黛茶',
+  skuName: '加奶、加珍珠',
+  masterId: '#A9',
+  createdAt: dayjs().format('YYYY-MM-DD HH:mm:ss')
+})
+
 // 获取打印机列表
 function getPrintList() {
  ipcRenderer.send("getPrintList");
@@ -184,16 +174,17 @@ function getPrintList() {
 }

 // 测试打印
-function printHandle() {
+const printHandle = _.throttle(function () {
  if (!form.value.config.deviceName) {
-    ElMessage.warning("请选择打印设备");
+    ElMessage.error("请选择打印设备");
    return;
  }
+  printData.value.deviceName = form.value.config.deviceName
  ipcRenderer.send(
-    "printStart",
-    JSON.stringify({ deviceName: form.value.config.deviceName })
+    "printerTagSync",
+    JSON.stringify(printData.value)
  );
-}
+}, 1500, { leading: true, trailing: false })

 // 提交打印机
 async function submitHandle() {
@@ -206,6 +197,7 @@ async function submitHandle() {
    await tbPrintMachinePost(form.value, form.value.id ? "put" : "post");
    Loading.value = false;
    ElMessage.success(form.value.id ? "编辑成功" : "添加成功");
+    printStore.init();
    router.back();
  } catch (error) {
    console.log(error);
@@ -217,6 +209,7 @@ async function tbPrintMachineDetailAjax() {
  try {
    const res = await tbPrintMachineDetail(route.query.id);
    form.value = res;
+    printData.value.deviceName = res.config.deviceName
  } catch (error) {
    console.log(error);
  }
@@ -227,6 +220,11 @@ onMounted(() => {
  if (route.query.id) {
    tbPrintMachineDetailAjax(route.query.id);
  }
+
+  QRCode.toCanvas(canvasRef.value, printData.value.outNumber, function (error) {
+    if (error) console.error(error)
+    // console.log('success!');
+  })
 });
 </script>

@@ -267,76 +265,59 @@ onMounted(() => {
    padding: 0 15px;

    .print_view {
+      position: relative;
+
+      .ewm {
+        $size: 50px;
+        width: $size;
+        height: $size;
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 99;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+
+        .logo {
+          $size: 90px;
+          width: $size;
+        }
+
+        .title {
+          margin-left: 6px;
+        }
+      }
+
+      .number_wrap {
+        display: flex;
+        align-items: flex-end;
+
+        .num {
+          font-size: 18px;
+          font-weight: bold;
+        }
+
+        .info {
+          margin-left: 12px;
+          padding-bottom: 4px;
+        }
+      }
+
+      .time {
+        font-weight: bold;
+      }
+    }
+
+    .btn_wrap {
+      display: flex;
+      gap: 20px;
      padding: 20px 0;
-      .blod {
-        font-weight: 600;
-      }
-      .title {
-        display: flex;
-        justify-content: center;
-        margin-bottom: 4px;

-        &.t1 {
-          font-size: 24px;
-        }
-
-        &.t2 {
-          margin-bottom: 15px;
-        }
-      }
-
-      .row {
-        margin-top: 2px;
-
-        &.between {
-          display: flex;
-          justify-content: space-between;
-        }
-      }
-
-      .btn_wrap {
-        display: flex;
-        gap: 20px;
-        padding: 20px 0;
-
-        .btn {
-          flex: 1;
-        }
-      }
-
-      .line {
-        margin: 10px 0;
-        border-bottom: 1px solid #ddd;
-      }
-
-      .table {
-        width: 100%;
-
-        tr {
-          width: 100%;
-          display: flex;
-
-          &:not(:last-child) {
-            margin-bottom: 10px;
-          }
-
-          td {
-            flex: 1;
-
-            &:nth-child(1) {
-              flex: 2;
-            }
-
-            &:not(:first-child) {
-              display: flex;
-              justify-content: flex-end;
-            }
-
-            .sku {
-              font-size: 14px;
-            }
-          }
-        }
+      .btn {
+        flex: 1;
      }
    }
  }
--- a/src/views/device/index.vue
+++ b/src/views/device/index.vue
@@ -1,10 +1,7 @@
 <template>
  <div class="device_container">
    <div class="header" @click="router.back()">
-      <el-icon
-        style="position: relative; top: 2px; margin-right: 4px"
-        size="22"
-      >
+      <el-icon style="position: relative; top: 2px; margin-right: 4px" size="22">
        <ArrowLeft />
      </el-icon>
      <el-text>设备管理</el-text>
@@ -16,10 +13,7 @@
          <div class="item" v-for="item in list" :key="item.id">
            <div class="left">
              <div class="icon">
-                <el-image
-                  :src="icons[item.subType]"
-                  style="width: 40px; height: 40px"
-                ></el-image>
+                <el-image :src="icons[item.subType]" style="width: 40px; height: 40px"></el-image>
              </div>
              <div class="info">
                <div class="name">{{ item.name }}</div>
@@ -28,27 +22,16 @@
            </div>
            <div class="right">
              <div class="switch">
-                <el-switch
-                  v-model="item.status"
-                  inline-prompt
-                  active-text="开"
-                  inactive-text="关"
-                  :active-value="1"
-                  :inactive-value="0"
-                  width="90"
-                  @change="statusChange($event, item)"
-                />
+                <el-switch v-model="item.status" inline-prompt active-text="开" inactive-text="关" :active-value="1"
+                  :inactive-value="0" width="90" @change="statusChange($event, item)" />
              </div>
              <div class="editor">
-                <el-text
-                  type="primary"
-                  @click="
-                    router.push({
-                      name: deviceRoute[item.subType],
-                      query: { id: item.id },
-                    })
-                  "
-                >
+                <el-text type="primary" @click="
+                  router.push({
+                    name: deviceRoute[item.subType],
+                    query: { id: item.id },
+                  })
+                  ">
                  编辑
                </el-text>
                <el-text type="primary" @click="showDelete(item)">删除</el-text>
@@ -89,10 +72,7 @@
      <div class="menu_wrap">
        <div class="row" @click="router.push({ name: 'add_device' })">
          <div class="icon" style="background-color: var(--primary-color)">
-            <el-image
-              :src="icons.cash"
-              style="width: 36px; height: 36px"
-            ></el-image>
+            <el-image :src="icons.cash" style="width: 36px; height: 36px"></el-image>
          </div>
          <div class="info">
            <div class="name">添加小票打印机</div>
@@ -101,28 +81,22 @@
        </div>
        <div class="row" @click="router.push({ name: 'add_label' })">
          <div class="icon" style="background-color: #79c3d5">
-            <el-image
-              :src="icons.label"
-              style="width: 38px; height: 38px"
-            ></el-image>
+            <el-image :src="icons.label" style="width: 38px; height: 38px"></el-image>
          </div>
          <div class="info">
            <div class="name">添加标签打印机</div>
            <div class="intro">用来打印商品标签的打印机。</div>
          </div>
        </div>
-        <div class="row">
+        <!-- <div class="row">
          <div class="icon" style="background-color: #8fc783">
-            <el-image
-              :src="icons.kitchen"
-              style="width: 44px; height: 44px"
-            ></el-image>
+            <el-image :src="icons.kitchen" style="width: 44px; height: 44px"></el-image>
          </div>
          <div class="info">
            <div class="name">添加出品打印机</div>
            <div class="intro">用来打印商品至厨房或出品台的打印机。</div>
          </div>
-        </div>
+        </div> -->
      </div>
    </div>
  </div>
@@ -131,11 +105,7 @@
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button
-          type="primary"
-          :loading="delLoading"
-          @click="tbPrintMachineDeleteAjax"
-        >
+        <el-button type="primary" :loading="delLoading" @click="tbPrintMachineDeleteAjax">
          确定
        </el-button>
      </div>
@@ -154,6 +124,9 @@ import { useRouter } from "vue-router";
 import { useUser } from "@/store/user.js";
 import { ElMessage } from "element-plus";
 import icons from "./icons";
+import { usePrint } from "@/store/print.js";
+
+const printStore = usePrint();
 const store = useUser();

 const router = useRouter();
@@ -168,10 +141,10 @@ const deviceRoute = ref({
 });

 async function statusChange(e, item) {
-  console.log(e, item);
  try {
    await tbPrintMachinePost(item, "put");
    tbPrintMachineGetAjax();
+    printStore.init();
  } catch (error) {
    console.log(error);
  }
@@ -192,6 +165,7 @@ async function tbPrintMachineDeleteAjax() {
    dialogVisible.value = false;
    ElMessage.success("删除成功");
    tbPrintMachineGetAjax();
+    printStore.init();
  } catch (error) {
    console.log(error);
  }
@@ -220,9 +194,11 @@ onMounted(() => {
 .dialog_content {
  font-size: var(--el-font-size-base);
 }
+
 .dialog-footer {
  padding: 0 var(--el-font-size-base) var(--el-font-size-base);
 }
+
 .device_container {
  width: 100vw;
  height: 100vh;
--- a/src/views/group_buy/components/bindShop.vue
+++ b/src/views/group_buy/components/bindShop.vue
@@ -0,0 +1,104 @@
+<template>
+    <el-dialog title="绑定门店" v-model="showDialog" width="80%">
+        <div class="dialog">
+            <div class="tips">注意：门店绑定后无法更改，请谨慎选择</div>
+            <el-table :data="tableData.list" height="240px" border v-loading="tableData.loading">
+                <el-table-column label="门店名称" prop="poi_name"></el-table-column>
+                <el-table-column label="门店地址" prop="address"></el-table-column>
+                <el-table-column label="操作" width="120px">
+                    <template v-slot="scope">
+                        <el-button type="primary" size="small"
+                            @click="bindShopHandle(scope.row.poi_id)">选择门店</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="pagination">
+                <el-pagination @current-change="paginationChange" :current-page="tableData.page"
+                    :page-size="tableData.size" layout="total, prev, pager, next, jumper" :total="tableData.total"
+                    background>
+                </el-pagination>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+import { onMounted, reactive, ref } from 'vue';
+import { douyinstorelist, douyinbindstore } from '@/api/group.js'
+
+const emits = defineEmits(['success'])
+
+const showDialog = ref(false)
+
+const tableData = reactive({
+    page: 1,
+    size: 10,
+    total: 0,
+    loading: false,
+    list: []
+})
+
+// 绑定门店
+async function bindShopHandle(poi_id) {
+    try {
+        await douyinbindstore({
+            poi_id: poi_id
+        })
+        showDialog.value = false
+        ElMessage.success('绑定成功')
+        emits('success')
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 分页变化
+function paginationChange(e) {
+    tableData.page = e
+    getTableData()
+}
+
+// 获取门店列表
+async function getTableData() {
+    try {
+        tableData.loading = true
+        const { list, count } = await douyinstorelist({
+            page: tableData.page,
+            size: tableData.size
+        })
+        tableData.loading = false
+        tableData.list = list
+        tableData.total = count
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 显示
+function show() {
+    showDialog.value = true;
+    getTableData()
+}
+
+defineExpose({
+    show
+})
+</script>
+
+<style scoped lang="scss">
+.tips {
+    color: var(--el-color-danger);
+    padding-bottom: 14px;
+}
+
+.pagination {
+    display: flex;
+    padding: 0 14px;
+    margin-top: 14px;
+}
+
+.dialog {
+    padding: 14px;
+}
+</style>
--- a/src/views/group_buy/components/refundDialog.vue
+++ b/src/views/group_buy/components/refundDialog.vue
@@ -0,0 +1,111 @@
+<template>
+    <el-dialog title="退款" v-model="showDialog" width="400px" @close="reset">
+        <el-form ref="refundFormRef" :model="refundForm" :rules="refundFormRules" label-position="top">
+            <el-form-item label="退单数" prop="num">
+                <el-select v-model="refundForm.num" placeholder="请选择退单数" style="width: 100%;" @change="refundNumChange">
+                    <el-option :label="item" :value="item" v-for="item in refundNumList" :key="item"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="退单金额">
+                <el-input v-model="refundForm.refundAmount" disabled placeholder="请选择退单数"></el-input>
+            </el-form-item>
+            <el-form-item label="退款原因">
+                <el-input v-model="refundForm.refundReason" type="textarea" placeholder="请输入退款原因"></el-input>
+            </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="showDialog = false" style="width: 100%;">取消</el-button>
+            <el-button type="primary" :loading="refundLoading" @click="refundConfirm" style="width: 100%;">确
+                定</el-button>
+        </span>
+    </el-dialog>
+</template>
+
+<script setup>
+import { returnGpOrder } from '@/api/group'
+import { ref, reactive } from 'vue'
+import { ElMessage } from "element-plus";
+
+const emits = defineEmits(["success"]);
+
+const newRow = ref('')
+const showDialog = ref(false)
+const refundLoading = ref(false)
+const refundFormRef = ref(null)
+const refundForm = reactive({
+    num: '',
+    orderId: '',
+    refundAmount: '',
+    refundDesc: '',
+    refundReason: ''
+})
+
+const refundFormRules = reactive({
+    num: [
+        {
+            required: true,
+            message: ' ',
+            trigger: 'change'
+        }
+    ]
+})
+
+const refundNumList = ref([])
+
+// 提交退单
+function refundConfirm() {
+    refundFormRef.value.validate(async valid => {
+        if (valid) {
+            try {
+                refundLoading.value = true
+                const res = await returnGpOrder(refundForm)
+                ElMessage.success('退单成功')
+                refundLoading.value = false
+                showDialog.value = false
+                emits('succcess')
+            } catch (error) {
+                console.log(error);
+                refundLoading.value = false
+            }
+        }
+    })
+}
+
+// 计算退单金额
+function refundNumChange(e) {
+    refundForm.refundAmount = Math.floor(newRow.value.orderAmount / newRow.value.number * e * 100) / 100
+}
+
+// 显示
+function show(row) {
+    showDialog.value = true;
+    newRow.value = row
+    let arr = []
+    for (let i = 1; i <= row.number - row.refundNumber; i++) {
+        arr.push(i)
+    }
+    refundNumList.value = arr
+    refundForm.orderId = row.id
+}
+
+// 初始化
+function reset() {
+    newRow.value = ''
+    refundNumList.value = []
+    refundForm.orderId = ''
+    for (let key in refundForm) {
+        refundForm[key] = ''
+    }
+    refundFormRef.value.resetFields()
+}
+
+defineExpose({
+    show
+});
+</script>
+
+<style scoped lang="scss">
+.dialog-footer {
+    display: flex;
+}
+</style>
--- a/src/views/group_buy/components/scanGroup.vue
+++ b/src/views/group_buy/components/scanGroup.vue
@@ -0,0 +1,491 @@
+<!-- 扫码弹窗 -->
+
+<template>
+    <div class="dialog">
+        <el-dialog :title="`核销${props.title}团购券`" width="600" v-model="dialogVisible" @open="reset" @close="close">
+            <div class="content">
+                <div class="left">
+                    <el-image :src="icon" style="width: 60px; height: 60px"></el-image>
+                </div>
+                <div class="right" v-if="!userPayWait">
+                    <div class="amount">
+                        <span class="t">扫码核销</span>
+                        <!-- <span class="n">{{ props.amount }}</span> -->
+                    </div>
+                    <div class="input">
+                        <el-input ref="inputRef" v-model="scanCode"
+                            style="height: calc(var(--el-component-size-large) + 30px)" placeholder="请扫描团购券" clearable
+                            @change="inputChange"></el-input>
+                        <div class="tips">注意：扫码支付请保证输入框获得焦点，输入内容结束后会自动核销，请勿重复操作</div>
+                    </div>
+                    <!-- <div class="number_warp">
+                          <div class="item" v-for="item in 9" :key="item" @click="inputHandle(item)">{{ item }}</div>
+                          <div class="item disabled">.</div>
+                          <div class="item" @click="inputHandle(0)">0</div>
+                          <div class="item" @click="delHandle">
+                              <el-icon>
+                                  <CloseBold />
+                              </el-icon>
+                          </div>
+                      </div> -->
+                    <div class="btn">
+                        <el-button type="primary" style="width: 100%" v-loading="loading">立即核销</el-button>
+                    </div>
+                </div>
+                <div class="pay_wait" v-else>
+                    <div class="loading" v-loading="loading" element-loading-text="用户支付中..."></div>
+                    <div class="btn">
+                        <el-button type="primary" style="width: 100%" v-loading="checkPayStatusLoading"
+                            @click="checkPayStauts">
+                            <span v-if="!checkPayStatusLoading">查询用户支付状态</span>
+                            <span v-else>查询中...</span>
+                        </el-button>
+                    </div>
+                    <div class="btn">
+                        <el-button style="width: 100%" @click="resetScanCode">
+                            重新扫码
+                        </el-button>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+        <el-dialog title="团购券详情" width="600" v-model="detailVisible">
+            <div class="group_detil">
+                <div class="shop_info" v-if="props.type == 1">
+                    <el-image :src="groupDetail.images[0]" style="width: 50px;height: 50px;"></el-image>
+                    <div class="info">
+                        <div class="name">{{ groupDetail.productName }}</div>
+                        <div class="price">
+                            <span class="p">￥{{ groupDetail.salePrice }}</span>
+                            <span class="o">￥{{ groupDetail.originPrice }}</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="table">
+                    <el-table :data="groupDetail.productList" border v-if="props.type == 1">
+                        <el-table-column label="名称" prop="title"></el-table-column>
+                        <el-table-column label="数量" prop="number"></el-table-column>
+                        <el-table-column label="商品信息">
+                            <template v-slot="scope">
+                                <div class="shop_list">
+                                    <div class="item" v-for="(item, index) in scope.row.goods" :key="item.id">
+                                        <span class="dot"></span>
+                                        <div class="name">
+                                            <div class="t">{{ item.name }}</div>
+                                            <div class="t">x{{ item.groupNum }}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <el-table ref="douyin_table" :data="groupDetail.goods" border v-if="props.type == 2">
+                        <el-table-column type="selection" width="55" />
+                        <el-table-column label="名称" prop="title"></el-table-column>
+                        <el-table-column label="价格" prop="amount"></el-table-column>
+                    </el-table>
+                </div>
+            </div>
+            <div class="footer">
+                <el-button style="width: 100%;" @click="detailVisible = false">取消</el-button>
+                <el-button type="primary" style="width: 100%;" :loading="groupDetailLoading"
+                    @click="groupOrdergroupScanHandle">确认核销</el-button>
+            </div>
+        </el-dialog>
+        <BindShop ref="BindShopRef" @success="submitHandle()" />
+    </div>
+</template>
+
+<script setup>
+import _ from "lodash";
+import { ref } from "vue";
+import icon from "@/assets/icon_scan.png";
+import { groupOrderorderInfo, groupOrdergroupScan, douyinfulfilmentcertificateprepare, douyincertificateprepare } from '@/api/group'
+import { useUser } from "@/store/user.js";
+import BindShop from './bindShop.vue'
+const BindShopRef = ref(null)
+const store = useUser();
+import {
+    queryMembermember,
+    createMembermember,
+    membermemberScanPay,
+    accountPaymember,
+} from "@/api/member/index.js";
+import { ElMessage } from "element-plus";
+
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
+const emits = defineEmits(["success"]);
+
+const props = defineProps({
+    title: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: Number,
+        default: 1
+    }
+});
+
+const dialogVisible = ref(false);
+const scanCode = ref("");
+const inputRef = ref(null);
+
+const loading = ref(false);
+const userPayWait = ref(false);
+const checkPayStatusLoading = ref(false);
+
+const fastOrder = ref('')
+
+const groupDetailLoading = ref(false)
+const groupDetail = ref({})
+const detailVisible = ref(false)
+
+// 团购卷核销(仅核销待使用订单)
+async function groupOrdergroupScanHandle() {
+    try {
+        switch (props.type) {
+            case 1:
+                {
+                    groupDetailLoading.value = true
+                    const res = await groupOrdergroupScan({
+                        id: groupDetail.value.id
+                    })
+                }
+                break;
+            case 2:
+                {
+                    let encrypted_codes = douyin_table.value.getSelectionRows()
+                    if (encrypted_codes.length) {
+                        groupDetailLoading.value = true
+                        let arr = encrypted_codes.map(item => item.encrypted_code)
+                        console.log(encrypted_codes);
+                        const res = await douyincertificateprepare({
+                            verify_token: groupDetail.value.verify_token,
+                            encrypted_codes: arr.join(','),
+                            id: groupDetail.value.id
+                        })
+                    } else {
+                        ElMessage.error('请选择核销项目')
+                        return
+                    }
+                }
+                break;
+            default:
+                break;
+        }
+        groupDetailLoading.value = false
+        detailVisible.value = false
+        scanCode.value = ''
+        inputRef.value.focus();
+        ElMessage.success('核销成功')
+        emits('succcess')
+    } catch (error) {
+        groupDetailLoading.value = false
+        console.log('groupOrdergroupScanHandle.error', error);
+    }
+}
+
+const douyin_table = ref(null)
+
+// 核销券码
+async function submitHandle() {
+    try {
+        loading.value = true
+        switch (props.type) {
+            case 1:
+                {
+                    const res = await groupOrderorderInfo({
+                        coupon: scanCode.value,
+                    });
+                    loading.value = false
+                    groupDetail.value = res
+                    detailVisible.value = true
+                }
+                break;
+            case 2:
+                {
+                    const res = await douyinfulfilmentcertificateprepare({
+                        object_id: decodeURI(scanCode.value),
+                    });
+                    dialogVisible.value = false
+                    loading.value = false
+                    groupDetail.value = res
+                    detailVisible.value = true
+                    setTimeout(() => {
+                        groupDetail.value.goods.map(item => {
+                            douyin_table.value.toggleRowSelection(item)
+                        })
+                    }, 100)
+                }
+                break;
+            default:
+                break;
+        }
+    } catch (error) {
+        loading.value = false
+        console.log('submitHandle.error', error);
+        if (error.code == 4399) {
+            BindShopRef.value.show()
+        }
+    }
+}
+
+// 重新扫码
+function resetScanCode() {
+    userPayWait.value = false;
+    loading.value = false;
+    scanCode.value = "";
+    inputRef.value.focus();
+}
+
+// 输入
+function inputHandle(n) {
+    scanCode.value += n;
+    inputRef.value.focus();
+}
+
+// 删除
+function delHandle() {
+    if (!scanCode.value) return;
+    scanCode.value = scanCode.value.substring(0, scanCode.value.length - 1);
+    inputRef.value.focus();
+}
+
+// 监听扫码枪回车事件
+// function enterHandle() {
+//     inputRef.value.focus()
+// }
+
+const inputChange = _.debounce(function (e) {
+    // console.log(e);
+    if (scanCode.value) {
+        submitHandle();
+    }
+}, 500);
+
+function show() {
+    global.updateData(false)
+    dialogVisible.value = true;
+    setTimeout(() => {
+        inputRef.value.focus();
+    }, 500);
+}
+
+function close() {
+    global.updateData(true)
+    dialogVisible.value = false;
+}
+
+function reset() {
+    loading.value = false;
+    scanCode.value = "";
+}
+
+defineExpose({
+    show,
+    close,
+    loading,
+    submitHandle
+});
+</script>
+
+<style scoped lang="scss">
+.footer {
+    display: flex;
+    padding: 0 14px 14px;
+}
+
+.group_detil {
+    padding: 14px;
+
+    .shop_info {
+        display: flex;
+
+        .info {
+            flex: 1;
+            padding-left: 10px;
+
+            .name {
+                font-size: 18px;
+                font-weight: bold;
+                color: #000;
+            }
+
+            .price {
+                .p {
+                    font-size: 20px;
+                    font-weight: bold;
+                    color: red;
+                }
+
+                .o {
+                    color: #999;
+                    text-decoration: line-through;
+                    margin-left: 10px;
+                }
+            }
+        }
+    }
+
+    .table {
+        padding-top: 14px;
+    }
+
+    .shop_list {
+        .item {
+            display: flex;
+            align-items: center;
+
+            &:not(:first-child) {
+                margin-top: 6px;
+            }
+
+            .dot {
+                $size: 6px;
+                width: $size;
+                height: $size;
+                border-radius: 50%;
+                background-color: #1890FF;
+            }
+
+            .name {
+                flex: 1;
+                display: flex;
+                margin-left: 10px;
+                align-items: center;
+
+                .t {
+                    color: #333;
+                    font-size: 14px;
+                    width: 100px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    margin-right: 10px;
+                }
+            }
+
+            .del {
+                font-size: 14px;
+                color: #999;
+
+                &:hover {
+                    cursor: pointer;
+                    color: #555;
+                }
+            }
+        }
+    }
+}
+
+
+.tips {
+    padding-top: 10px;
+    color: #999;
+}
+
+.dialog :deep(.el-dialog__body) {
+    padding: 0 !important;
+}
+
+.content {
+    display: flex;
+
+    .left {
+        width: 200px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #efefef;
+    }
+
+    .right {
+        flex: 1;
+        padding: var(--el-font-size-base);
+
+        .amount {
+            display: flex;
+            height: calc(var(--el-component-size-large) + 20px);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            color: var(--primary-color);
+            background-color: #555;
+            border-radius: 6px;
+            padding: 0 var(--el-font-size-base);
+            font-size: calc(var(--el-font-size-base) + 10px);
+        }
+
+        .input {
+            padding: var(--el-font-size-base) 0;
+
+            :deep(.el-input__inner) {
+                font-size: calc(var(--el-font-size-base) + 10px);
+            }
+        }
+
+        .number_warp {
+            --h: 50px;
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            grid-template-rows: var(--h) var(--h) var(--h) var(--h);
+            gap: 8px;
+
+            .item {
+                background-color: #dddddd;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: calc(var(--el-font-size-base) + 10px);
+                border-radius: 4px;
+
+                &.disabled {
+                    color: #999;
+                    background-color: #efefef;
+
+                    &:active {
+                        background-color: #efefef;
+                    }
+                }
+
+                &:active {
+                    background-color: #b9b9b9;
+                }
+            }
+        }
+
+        // .btn {
+        //     padding-top: 20px;
+        // }
+    }
+
+    .pay_wait {
+        flex: 1;
+        padding: 0 var(--el-font-size-base);
+        height: 400px;
+        padding-bottom: 100px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        .loading {
+            width: 200px;
+            height: 200px;
+            --el-loading-spinner-size: 100px;
+
+            :deep(.el-loading-text) {
+                font-size: 20px;
+            }
+        }
+
+        .btn {
+            width: 200px;
+            padding-top: var(--el-font-size-base);
+        }
+    }
+}
+</style>
--- a/src/views/group_buy/index.vue
+++ b/src/views/group_buy/index.vue
@@ -0,0 +1,481 @@
+<template>
+    <div class="content">
+        <div class="cart_wrap card">
+            <div class="header">
+                <div class="left">
+                    <el-select v-model="tableData.type" placeholder="核销类型" @change="typeChange">
+                        <el-option v-for="item in typeList" :key="item.value" :value="item.value"
+                            :label="item.label"></el-option>
+                    </el-select>
+                    <el-input placeholder="搜索订单" v-model="tableData.proName" @focus="
+                        global.updateData(false)" @blur="global.updateData(true)"></el-input>
+                    <el-select v-model="tableData.status" placeholder="订单状态">
+                        <el-option v-for="item in statusList" :key="item.value" :value="item.value"
+                            :label="item.label"></el-option>
+                    </el-select>
+                    <div class="btn">
+                        <el-button type="primary" :icon="Search" @click="groupOrderlistAjax">搜索</el-button>
+                        <el-button :icon="RefreshRight" :loading="tableData.resetLoading"
+                            @click="resetHandle">重置</el-button>
+                    </div>
+                </div>
+                <el-button type="warning" :icon="FullScreen" @click="scanGroupRef.show()">核销团购券</el-button>
+            </div>
+            <div class="tab_container">
+                <el-table :data="tableData.list" height="540px" v-loading="tableData.loading"
+                    v-if="tableData.type == 1">
+                    <el-table-column label="订单号" prop="orderNo" width="100px"></el-table-column>
+                    <el-table-column label="优惠卷" prop="proImg" width="200px">
+                        <template v-slot="scope">
+                            <div class="info_wrap">
+                                <el-image :src="scope.row.proImg" style="width: 40px;height: 40px;flex-shrink: 0;" />
+                                <div class="t">{{ scope.row.proName }}</div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <!-- <el-table-column label="支付方式" prop="payType">
+                        <template v-slot="scope">
+                            {{ payTypeFilter(scope.row.payType) }}
+                        </template>
+                    </el-table-column> -->
+                    <el-table-column label="订单金额" prop="orderAmount">
+                        <template v-slot="scope">
+                            ￥{{ scope.row.orderAmount }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="实付金额" prop="payAmount">
+                        <template v-slot="scope">
+                            ￥{{ scope.row.payAmount }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="下单数量" prop="number">
+                        <template v-slot="scope">
+                            {{ scope.row.number }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="状态" prop="status">
+                        <template v-slot="scope">
+                            {{ statusFilter(scope.row.status) }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right">
+                        <template v-slot="scope">
+                            <el-button type="primary" size="small"
+                                v-if="scope.row.refundAble == 1 && scope.row.status == 'unused'"
+                                @click="refundDialogRef.show(scope.row)">退款</el-button>
+                            <el-button type="primary" size="small" disabled v-else>退款</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-table :data="tableData.list" height="540px" v-loading="tableData.loading"
+                    v-if="tableData.type == 2">
+                    <el-table-column label="抖音订单号" prop="d_order_id" width="240"></el-table-column>
+                    <el-table-column label="总金额" prop="pay_amount" width="100">
+                        <template v-slot="scope">
+                            <span style="color: var(--primary-color);">￥{{ scope.row.pay_amount }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="商品信息" prop="douyinCodeGoods">
+                        <template v-slot="scope">
+                            <div class="goods_list">
+                                <div class="row" v-for="item in scope.row.douyinCodeGoods" :key="item.id">
+                                    <div class="item" style="width: 240px;">
+                                        {{ item.title }}
+                                    </div>
+                                    <div class="item" style="width: 100px;color: var(--primary-color);">
+                                        ￥{{ item.pay_amount }}
+                                    </div>
+                                    <div class="item"
+                                        style="margin-right: 10px;display: flex;justify-content: flex-end;">
+                                        <el-tag :type="typeStatus(item.status)" disable-transitions size="default"
+                                            effect="light" round>
+                                            {{ item.status_text }}
+                                        </el-tag>
+                                    </div>
+                                    <div class="item" style="flex: 1;display: flex;justify-content: flex-end;">
+                                        <el-button type="danger" size="small" v-if="item.is_show_cacel_banner"
+                                            @click="cacelDouyinHandle(item)">撤销</el-button>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="pagination">
+                <el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
+                    layout="total, prev, pager, next" :total="tableData.total" background
+                    @current-change="paginationChange" @size-change="paginationChange">
+                </el-pagination>
+            </div>
+        </div>
+        <scanGroup ref="scanGroupRef" :title="typeList.find(item => item.value == tableData.type).label"
+            :type="tableData.type" @succcess="groupOrderlistAjax" />
+        <refundDialog ref="refundDialogRef" @success="groupOrderlistAjax" />
+    </div>
+</template>
+
+<script setup>
+import { groupOrderlist, douyinorderlist, douyinfulfilmentcertificatecancel } from '@/api/group'
+import { Search, RefreshRight, FullScreen } from '@element-plus/icons-vue'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { ref, onMounted, reactive } from 'vue'
+import scanGroup from './components/scanGroup.vue'
+import refundDialog from './components/refundDialog.vue'
+import { useUser } from "@/store/user.js"
+import BindShop from './components/bindShop.vue'
+const store = useUser()
+
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
+const scanGroupRef = ref(null)
+const refundDialogRef = ref(null)
+
+function typeStatus(t) {
+    const m = {
+        0: 'warning',
+        1: 'success',
+        2: 'danger'
+    }
+    return m[t]
+}
+
+const tableData = reactive({
+    resetLoading: false,
+    proName: '',
+    type: 2,
+    status: '',
+    loading: false,
+    list: [],
+    page: 1,
+    size: 10,
+    total: 0
+})
+
+// 支付方式类型
+function payTypeFilter(t) {
+    const m = {
+        wechatPay: '微信支付',
+        aliPay: '支付宝支付'
+    }
+    return m[t]
+}
+
+// 订单类型
+const typeList = reactive([
+    {
+        value: 1,
+        label: '自营'
+    },
+    {
+        value: 2,
+        label: '抖音'
+    }
+])
+
+// 本店团购订单状态
+const originStatus = [
+    {
+        value: 'unpaid',
+        label: '待付款'
+    },
+    {
+        value: 'unused',
+        label: '待使用'
+    },
+    {
+        value: 'closed',
+        label: '已完成'
+    },
+    {
+        value: 'refunding',
+        label: '退款中'
+    },
+    {
+        value: 'refund',
+        label: '已退款'
+    },
+    {
+        value: 'cancelled',
+        label: '已取消'
+    }
+]
+
+// 抖音美团
+const dmStatus = [
+    {
+        value: 0,
+        label: '等待验券'
+    },
+    {
+        value: 1,
+        label: '成功'
+    },
+    {
+        value: 2,
+        label: '失败'
+    }
+]
+
+const statusList = ref([])
+
+// 切换筛选条件
+function typeChange(e) {
+    switch (e) {
+        case 1:
+            statusList.value = [...originStatus]
+            break;
+        case 2:
+            statusList.value = [...dmStatus]
+            break;
+        default:
+            break;
+    }
+    tableData.status = ''
+    tableData.page = 1
+    tableData.list = []
+    groupOrderlistAjax()
+}
+
+// 状态
+function statusFilter(t) {
+    return originStatus.find(item => item.value == t)?.label
+}
+
+// 分页变化
+function paginationChange(e) {
+    groupOrderlistAjax()
+}
+
+// 重置
+function resetHandle() {
+    tableData.proName = ''
+    tableData.status = ''
+    tableData.page = 1
+    tableData.resetLoading = true
+    groupOrderlistAjax()
+}
+
+// 显示团购核销撤销
+function cacelDouyinHandle(item) {
+    ElMessageBox.confirm(
+        '是否撤销该团购？',
+        '注意').then(async () => {
+            await douyinfulfilmentcertificatecancel({ verify_id: item.verify_id, certificate_id: item.certificate_id })
+            ElMessage.success('撤销成功')
+            groupOrderlistAjax()
+        }).catch(() => { })
+}
+
+// 获取团购订单数据
+async function groupOrderlistAjax() {
+    try {
+        tableData.loading = true
+        let res = ''
+        switch (tableData.type) {
+            case 1:
+                // 获取本店团购数据
+                res = await groupOrderlist({
+                    shopId: store.userInfo.shopId,
+                    proName: tableData.proName,
+                    status: tableData.status,
+                    page: tableData.page,
+                    size: tableData.size
+                })
+                tableData.resetLoading = false
+                tableData.loading = false
+                tableData.list = res.list
+                tableData.total = res.total
+                break;
+            case 2:
+                // 获取抖音团购数据
+                res = await douyinorderlist({
+                    page: tableData.page,
+                    status: tableData.status,
+                    d_order_id: tableData.proName
+                })
+                tableData.resetLoading = false
+                tableData.loading = false
+                tableData.list = res.list
+                tableData.total = res.count
+                break;
+            default:
+                break;
+        }
+    } catch (error) {
+        tableData.loading = false
+        console.log(error);
+    }
+}
+
+onMounted(() => {
+    typeChange(tableData.type)
+})
+</script>
+
+<style scoped lang="scss">
+.pagination {
+    display: flex;
+    padding: 0 14px;
+}
+
+.info_wrap {
+    display: flex;
+    align-items: flex-start;
+
+    .t {
+        width: 100px;
+        margin-left: 10px;
+    }
+}
+
+.cart_wrap {
+    flex: 2;
+}
+
+.right_card {
+    flex: 1;
+    height: 100%;
+    margin-left: var(--el-font-size-base);
+}
+
+.header {
+    display: flex;
+    padding: 14px;
+    justify-content: space-between;
+    border-bottom: 1px solid #ececec;
+
+    .left {
+        display: flex;
+        gap: 10px;
+
+        .btn {
+            display: flex;
+        }
+    }
+
+    .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: 0 var(--el-font-size-base) var(--el-font-size-base);
+
+    .tab_head {
+        padding-bottom: var(--el-font-size-base);
+    }
+
+    .overflow_y {
+        height: calc(100vh - 225px);
+        overflow-y: auto;
+    }
+
+    .tab_list {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: auto;
+        gap: var(--el-font-size-base);
+
+        .item {
+            background-color: #efefef;
+            border-radius: 6px;
+            overflow: hidden;
+            border: 2px solid #fff;
+
+            &.active {
+                border-color: var(--primary-color);
+            }
+
+            &: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;
+
+                &.subscribe {
+                    background-color: var(--el-color-success);
+                }
+
+                &.closed {
+                    background-color: #999;
+                }
+
+                &.opening {
+                    background-color: var(--primary-color);
+                }
+
+                &.cleaning {
+                    background-color: var(--el-color-danger);
+                }
+            }
+
+            .tab_cont {
+                height: 120px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                .icon {
+                    color: #555;
+                    font-size: 30px;
+                    transform: rotate(45deg);
+                }
+            }
+        }
+    }
+}
+
+.goods_list {
+    .row {
+        display: flex;
+        align-items: center;
+
+        &:not(:first-child) {
+            margin-top: 10px;
+        }
+    }
+}
+</style>
--- a/src/views/home/components/goods.vue
+++ b/src/views/home/components/goods.vue
@@ -27,26 +27,33 @@
    </div>
    <div class="search_wrap">
        <div class="input">
-            <el-input placeholder="请输入商品名称查询" prefix-icon="Search" v-model="commdityName" clearable
-                @input="inputChange"></el-input>
+            <el-input placeholder="请输入商品名称查询" v-model="commdityName" clearable @focus="
+                global.updateData(false)" @blur="global.updateData(true)" @input="inputChange"></el-input>
        </div>
-        <el-button :icon="shopListType == 'text' ? 'PictureRounded' : 'PriceTag'"
-            @click="changeShopListType"></el-button>
+        <el-button :loading="searchLoading" :icon="Search" @click="searchHandle">搜索</el-button>
+        <!-- <el-button :icon="shopListType == 'text' ? 'PictureRounded' : 'PriceTag'"
+            @click="changeShopListType"></el-button> -->
    </div>
    <div class="shop_list" :class="{ img: shopListType == 'img' }" v-loading="loading">
-        <div class="item_wrap" v-for="item in goodsList" :key="item.id" @click="showSkuHandle(item)">
-            <div class="item">
-                <div class="dot" v-if="item.orderCount">{{ item.orderCount }}</div>
-                <div class="cover" v-if="shopListType == 'img'">
-                    <el-image :src="item.coverImg" class="el_img" fit="cover" lazy></el-image>
+        <!-- <swiper class="swiper_box" direction="vertical" @slideChange="onSlideChange"> -->
+        <swiper class="swiper_box" direction="vertical" @slideChange="onSlideChange">
+            <swiper-slide class="slide_item" v-for="(goods, index) in goodsList" :key="index">
+                <div class="item_wrap" v-for="item in goods" :key="item.id" @click="showSkuHandle(item)">
+                    <div class="item">
+                        <div class="dot" v-if="item.orderCount">{{ item.orderCount }}</div>
+                        <div class="cover" v-if="shopListType == 'img'">
+                            <el-image :src="`${item.coverImg}?x-oss-process=image/resize,m_lfit,w_150,h_150`"
+                                class="el_img" fit="cover"></el-image>
+                        </div>
+                        <div class="name"><el-text line-clamp="1">{{ item.name }}</el-text></div>
+                        <div class="item_empty" v-if="shopListType == 'text'"></div>
+                        <div class="price">
+                            <el-text>￥{{ item.lowPrice }}</el-text>
+                        </div>
+                    </div>
                </div>
-                <div class="name"><el-text line-clamp="2">{{ item.name }}</el-text></div>
-                <div class="item_empty" v-if="shopListType == 'text'"></div>
-                <div class="price">
-                    <el-text>￥{{ item.lowPrice }}</el-text>
-                </div>
-            </div>
-        </div>
+            </swiper-slide>
+        </swiper>
    </div>
    <div class="empty">
        <el-empty description="空空如也~" v-if="!goodsList.length" />
@@ -56,14 +63,24 @@
 </template>

 <script setup>
-import { ref } from 'vue'
+import { Search } from '@element-plus/icons-vue'
+import { onMounted, ref } from 'vue'
 import _ from 'lodash'
 import useStorage from "@/utils/useStorage";

 import skuModal from '@/components/skuModal.vue'

-import { queryCategory, productqueryCommodityInfo, queryProductSku } from '@/api/product'
+import { queryCategory, queryNewCommodityInfo, queryProductSku } from '@/api/product'
 import { useUser } from "@/store/user.js"
+
+import { Swiper, SwiperSlide } from 'swiper/vue'
+import "swiper/swiper-bundle.css";
+
+
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
+
 const store = useUser()

 const props = defineProps({
@@ -77,7 +94,7 @@ const emit = defineEmits(['success'])

 const skuModalRef = ref(null)

-const shopListType = ref('text')
+const shopListType = ref('img')

 const categorys = ref([])
 const categorysActive = ref(0)
@@ -86,13 +103,33 @@ const commdityName = ref('')

 const loading = ref(false)
 const goodsList = ref([])
+const goodsPage = ref(1)
+const goodsPageSize = ref(12)
+const finish = ref(false) // 是否加载完
+const currentGoodsIndex = ref(0)
+const loopMax = ref(0)
+const loopTimer = ref(null)

 const showPopover = ref(false)

 const inputChange = _.debounce(function () {
-    productqueryCommodityInfoAjax()
+    searchHandle()
 }, 500)

+// 搜索
+const searchLoading = ref(false)
+function searchHandle() {
+    searchLoading.value = true
+    goodsList.value = []
+    goodsPage.value = 1
+    finish.value = false
+    currentGoodsIndex.value = 0
+    loopMax.value = 0
+    loopTimer.value = null
+
+    updataGoods()
+}
+
 // 确认选择规格回调
 function skuConfirm(params) {
    emit('success', params)
@@ -156,7 +193,15 @@ function changeCategory(index) {

    useStorage.set('categorysActive', index)

-    productqueryCommodityInfoAjax()
+    goodsList.value = []
+    goodsPage.value = 1
+    finish.value = false
+    currentGoodsIndex.value = 0
+    loopMax.value = 0
+    clearInterval(loopTimer.value)
+    loopTimer.value = null
+
+    updataGoods()
 }

 // 从本地更新已选择的选项
@@ -191,37 +236,129 @@ async function queryCategoryAjax() {
 // 查询商品信息
 async function productqueryCommodityInfoAjax() {
    try {
-        loading.value = true
-        const res = await productqueryCommodityInfo({
+        // loading.value = true
+        const res = await queryNewCommodityInfo({
            shopId: store.userInfo.shopId,
            categoryId: categorys.value[categorysActive.value].id,
            commdityName: commdityName.value,
-            page: 1,
-            pageSize: 500,
+            page: goodsPage.value,
+            pageSize: goodsPageSize.value,
            masterId: props.masterId
        })
-        goodsList.value = res
-        loading.value = false
+        if (res.list.length < goodsPageSize.value) {
+            finish.value = true
+        }
+        // loading.value = false
+
+        // if (res.pages > 2 && loopTimer.value == null) {
+        //     // 启动循环任务
+        //     // loopMax.value = parseInt(res.total / goodsPageSize.value)
+        //     loopGetGoods()
+        // }
+        // if (goodsPage.value >= res.pages) {
+        //     clearInterval(loopTimer.value)
+        //     loopTimer.value = null
+        // }
+        return res
    } catch (error) {
        loading.value = false
        console.log(error)
    }
 }

+// 循环获取商品
+function loopGetGoods() {
+    loopTimer.value = setInterval(async () => {
+        goodsPage.value++
+        const res = await productqueryCommodityInfoAjax()
+        goodsList.value.push(res.list)
+    }, 1000)
+}
+
 // 更新商品数据
 async function updateData() {
-    localUpdateShopListType()
-    await updateCategoryActive()
-    await queryCategoryAjax()
-    await productqueryCommodityInfoAjax()
+    updataGoods()
+}
+
+// 更新商品数据
+async function updataGoods() {
+    if (!goodsList.value.length) {
+        const res = await productqueryCommodityInfoAjax()
+        goodsList.value.push(res.list)
+
+        if (!res.isLastPage) {
+            goodsPage.value++
+            const res2 = await productqueryCommodityInfoAjax()
+            goodsList.value.push(res2.list)
+        }
+        searchLoading.value = false
+    } else {
+        goodsPage.value = currentGoodsIndex.value + 1
+        // console.log('更新第二页数据', goodsPage.value);
+        const res = await productqueryCommodityInfoAjax()
+        goodsList.value[currentGoodsIndex.value] = res.list
+        searchLoading.value = false
+    }
+}
+
+// 轮播图开始滑动
+const onSlideChange = _.debounce(async function (e) {
+    if (e.activeIndex == e.previousIndex) return
+    if (e.activeIndex > e.previousIndex) {
+        // console.log('向下滑动');
+        {
+            goodsPage.value++
+            const res = await productqueryCommodityInfoAjax()
+            res.list.length && goodsList.value.push(res.list)
+        }
+
+        {
+            goodsPage.value++
+            const res = await productqueryCommodityInfoAjax()
+            res.list.length && goodsList.value.push(res.list)
+        }
+        // goodsList.value.shift()
+    } else {
+        // console.log('向上滑动');
+        // goodsPage.value--
+        // const res = await productqueryCommodityInfoAjax()
+        // goodsList.value.unshift(res)
+        // goodsList.value.pop()
+    }
+    currentGoodsIndex.value = e.activeIndex
+}, 500)
+
+// 订单已结算，清楚商品所有数字
+function clearDot() {
+    goodsList.value.map(item => {
+        item.map(val => {
+            val.orderCount = 0
+        })
+    })
 }

 defineExpose({
-    updateData
+    updateData,
+    clearDot
+})
+
+onMounted(async () => {
+    localUpdateShopListType()
+    await updateCategoryActive()
+    await queryCategoryAjax()
 })
 </script>

 <style scoped lang="scss">
+.swiper_box {
+    height: 100%;
+
+    .slide_item {
+        width: 100%;
+        height: 100%;
+    }
+}
+
 .loading_wrap {
    display: flex;
    justify-content: center;
@@ -325,10 +462,11 @@ defineExpose({
 }

 .shop_list {
-    max-height: calc(100vh - 40px - 80px - 40px);
-    overflow-y: auto;
-    display: flex;
-    flex-wrap: wrap;
+    // max-height: calc(100vh - 40px - 80px - 40px);
+    height: calc(100vh - 40px - 80px - 28px);
+    // overflow-y: auto;
+    // display: flex;
+    // flex-wrap: wrap;
    padding: 0 10px;

    &.img {
@@ -338,11 +476,14 @@ defineExpose({
    }

    .item_wrap {
+        float: left;
        width: 20%;
+        height: 33.333%;
        padding: 0 5px;
        padding-bottom: 10px;

        .item {
+            height: 100%;
            border: 1px solid #ececec;
            border-radius: 10px;
            overflow: hidden;
@@ -366,7 +507,7 @@ defineExpose({

            .cover {
                width: 100%;
-                padding-bottom: 100%;
+                height: 60%;
                position: relative;

                .el_img {
@@ -381,8 +522,10 @@ defineExpose({

            .name {
                padding: 0 10px;
-                height: 40px;
-                margin-top: 20px;
+                height: 20%;
+                display: flex;
+                align-items: center;
+                // margin-top: 20px;

                span {
                    font-weight: bold;
@@ -394,6 +537,7 @@ defineExpose({
            }

            .price {
+                height: 20%;
                padding: 6px 10px;
                background-color: var(--primary-color);

--- a/src/views/home/components/settleAccount.vue
+++ b/src/views/home/components/settleAccount.vue
@@ -1,12 +1,6 @@
 <!-- 结算订单 -->
-
 <template>
-  <el-drawer
-    size="100%"
-    :with-header="false"
-    direction="btt"
-    v-model="dialogVisible"
-  >
+  <el-drawer size="100%" :with-header="false" direction="btt" v-model="dialogVisible">
    <div class="drawer_wrap">
      <div class="cart_list">
        <div class="nav_wrap card">
@@ -16,11 +10,12 @@
            </el-icon>
          </div>
          <div class="info">
-            <div class="master_id">{{ props.masterId }}</div>
+            <div class="master_id">
+              <span>{{ props.masterId }}</span>
+              <span class="member_info" v-if="memberInfo.telephone">会员：{{ memberInfo.telephone }}</span>
+            </div>
            <div class="btm">
-              <span class="p"
-                >服务员：{{ store.userInfo.shopName || "暂无" }}</span
-              >
+              <span class="p">服务员：{{ store.userInfo.loginAccount || "暂无" }}</span>
              <span class="t">{{
                props.orderInfo.createdAt &&
                dayjs(props.orderInfo.createdAt).format("MM-DD HH:mm")
@@ -28,10 +23,7 @@
            </div>
          </div>
        </div>
-        <div
-          class="list_wrap card"
-          style="margin-top: var(--el-font-size-base)"
-        >
+        <div class="list_wrap card" style="margin-top: var(--el-font-size-base)">
          <div class="item" v-for="item in props.cart" :key="item.id">
            <div class="top">
              <span class="name">{{ item.name }}</span>
@@ -48,11 +40,7 @@
              </div>
            </div>
            <div class="packge_Wrap" v-if="item.isPack == 'true'">
-              <div
-                class="icon_item"
-                v-if="item.isPack == 'true'"
-                @click="giftPackHandle('isPack', item)"
-              >
+              <div class="icon_item" v-if="item.isPack == 'true'" @click="giftPackHandle('isPack', item)">
                <el-icon class="icon" style="color: var(--primary-color)">
                  <Box />
                </el-icon>
@@ -63,44 +51,36 @@
        <div class="footer">
          <!-- <el-button icon="Edit"></el-button> -->
          <div class="button">
-            <el-checkbox
-              v-model="isPrint"
-              border
-              label="打印结算小票"
-              style="width: 100%"
-            />
+            <el-checkbox v-model="isPrint" border label="打印结算小票" style="width: 100%" />
          </div>
          <div class="print">
-            <el-button
-              type="primary"
-              v-loading="printLoading"
-              @click="printHandle"
-              >打印预结单</el-button
-            >
+            <el-button type="primary" v-loading="printLoading" @click="printHandle">打印预结单</el-button>
          </div>
        </div>
      </div>
      <div class="pay_wrap">
-        <payCard
-          :amount="props.amount"
-          :orderId="props.orderInfo.id"
-          @paySuccess="paySuccess"
-        />
+        <payCard :amount="props.amount" :member="props.member" :orderId="props.orderInfo.id" @paySuccess="paySuccess" />
      </div>
    </div>
  </el-drawer>
 </template>

 <script setup>
+import _ from 'lodash'
 import { onMounted, ref } from "vue";
 import { useUser } from "@/store/user.js";
 import payCard from "@/components/payCard/payCard.vue";
 import { print } from "@/api/pay";
-import { bySubType } from "@/api/device";
+import { orderfindOrder } from '@/api/order/index.js'
 import { ElMessage } from "element-plus";
 import dayjs from "dayjs";
-
+import useStorage from '@/utils/useStorage'
 import { ipcRenderer } from "electron";
+import { formatDecimal } from '@/utils/index.js'
+import receiptPrint from "@/components/lodop/receiptPrint.js";
+
+import { usePrint } from '@/store/print.js'
+const printStore = usePrint()

 const store = useUser();

@@ -130,81 +110,141 @@ const props = defineProps({
    type: String,
    default: "",
  },
+  member: {
+    type: Object,
+    default: {}
+  }
 });

 const isPrint = ref(true);

-const printList = ref([]);
-
-// 获取打印机状态
-async function bySubTypeAjax() {
+// 预打印操作
+const printHandle = _.throttle(async function () {
  try {
-    const res = await bySubType({
-      shopId: store.userInfo.shopId,
-      contentType: "local",
-      subType: "cash",
-    });
-    printList.value = res;
+    if (!isPrint.value) return;
+    printLoading.value = true;
+    const data = {
+      shop_name: store.userInfo.shopName,
+      loginAccount: store.userInfo.loginAccount,
+      isBefore: true,
+      carts: props.cart,
+      amount: props.amount,
+      remark: props.remark,
+      orderInfo: props.orderInfo,
+      createdAt: dayjs(props.orderInfo.createdAt).format("YYYY-MM-DD HH:mm:ss"),
+      printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+    };
+    printStore.labelPrint(data)
+    setTimeout(() => {
+      printLoading.value = false;
+    }, 1500)
+    if (printStore.deviceNoteList.length) {
+      printStore.pushReceiptData(data)
+    } else {
+      await print({
+        type: "normal",
+        ispre: true,
+        orderId: props.orderInfo.id,
+      });
+      printLoading.value = false;
+      ElMessage.success("打印成功");
+    }
  } catch (error) {
    console.log(error);
  }
-}
+}, 1500, { leading: true, trailing: false })

-async function printHandle() {
-  // try {
-  //   if (!isPrint.value) return;
-  //   if (printList.value.length) {
-  //     const data = {
-  //       shop_name: store.userInfo.merchantName,
-  //       carts: props.cart,
-  //       amount: props.amount,
-  //       remark: props.remark,
-  //       orderInfo: props.orderInfo,
-  //       deviceName: printList.value[0].config.deviceName,
-  //       createdAt: dayjs(props.orderInfo.createdAt).format(
-  //         "YYYY-MM-DD HH:mm:ss"
-  //       ),
-  //       printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-  //     };
-  //     ipcRenderer.send("printerInfoSync", JSON.stringify(data));
-  //   } else {
-  //     ElMessage.error("您还没有添加打印设备");
-  //   }
-  // } catch (error) {
-  //   console.log(error);
-  // }
+// 打印订单标签
+async function printOrderLable() {
  try {
-    printLoading.value = true;
-    await print({
-      type: "normal",
-      ispre: true,
-      orderId: props.orderInfo.id,
-    });
-    printLoading.value = false;
-    ElMessage.success("打印成功");
+    if (!isPrint.value) return
+    const res = await orderfindOrder({
+      shopId: store.userInfo.shopId,
+      status: '',
+      size: 10,
+      page: 1,
+      orderNo: props.orderInfo.orderNo
+    })
+
+    const printLabelOrder = res.list[0]
+
+    const data = {
+      shop_name: store.userInfo.shopName,
+      loginAccount: store.userInfo.loginAccount,
+      carts: [],
+      amount: printLabelOrder.orderAmount,
+      remark: printLabelOrder.remark,
+      orderInfo: printLabelOrder,
+      outNumber: printLabelOrder.outNumber,
+      createdAt: dayjs(printLabelOrder.createdAt).format(
+        "YYYY-MM-DD HH:mm:ss"
+      ),
+      printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+    }
+    printLabelOrder.skuInfos.map(item => {
+      data.carts.push(
+        {
+          categoryId: item.categoryId,
+          name: item.productName,
+          number: item.num,
+          skuName: item.productSkuName,
+          salePrice: formatDecimal(item.priceAmount / item.num),
+          totalAmount: formatDecimal(item.priceAmount)
+        }
+      )
+    })
+    // 打印标签
+    printStore.labelPrint(data)
+
+    if (printStore.deviceNoteList.length) {
+      // 打印小票
+      printStore.pushReceiptData(data)
+    } else {
+      await print({
+        type: "normal",
+        ispre: true,
+        orderId: props.orderInfo.id,
+      });
+      printLoading.value = false;
+      ElMessage.success("打印成功");
+    }
  } catch (error) {
-    printLoading.value = false;
    console.log(error);
  }
 }

 // 订单已支付
 function paySuccess() {
+  useStorage.del('memberInfo')
  dialogVisible.value = false;
-  printHandle();
+  printOrderLable()
  emit("paySuccess");
 }

 function show() {
  dialogVisible.value = true;
+  getLocalMemberInfo()
 }

 defineExpose({
  show,
 });

+
+const memberInfo = ref('')
+
+// 从本地获取会员信息
+function getLocalMemberInfo() {
+  let localMemberInfo = useStorage.get('memberInfo')
+  if (localMemberInfo && localMemberInfo.telephone) {
+    memberInfo.value = localMemberInfo
+  } else {
+    memberInfo.value = ''
+  }
+}
+
 onMounted(() => {
-  bySubTypeAjax();
+  getLocalMemberInfo()
 });
 </script>

@@ -254,6 +294,14 @@ onMounted(() => {
          font-size: calc(var(--el-font-size-base) + 10px);
          border-bottom: 1px solid #ececec;
          padding: $padding 0;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .member_info {
+            color: #999;
+            font-size: 16px;
+          }
        }

        .btm {
@@ -264,6 +312,10 @@ onMounted(() => {

          .p {
            color: #999;
+            width: 160px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
          }
        }
      }
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -11,34 +11,33 @@
        <div class="number" @click="takeFoodCodeRef.show()">
          <el-text class="t">{{ masterId }}</el-text>
        </div>
-        <div class="select_user" @click="fastCashierRef.show()">
-          <el-icon class="icon">
-            <WalletFilled />
-          </el-icon>
-          <el-text class="t">快捷收银</el-text>
+        <div class="select_user" @click="fastCashierRef.show()" v-if="!memberInfo.telephone">
+          <div class="left">
+            <el-icon class="icon">
+              <WalletFilled />
+            </el-icon>
+            <el-text class="t">快捷收银</el-text>
+          </div>
          <el-icon class="arrow">
            <ArrowRight />
          </el-icon>
        </div>
-        <!-- <div class="select_user" @click="membershow = true">
-          <el-icon class="icon">
-            <UserFilled />
-          </el-icon>
-          <el-text class="t">选择会员</el-text>
+        <div class="select_user" v-else @click="clearMember">
+          <div class="left">
+            <el-icon class="icon">
+              <UserFilled />
+            </el-icon>
+            <el-text class="t">{{ memberInfo.telephone }}</el-text>
+          </div>
          <el-icon class="arrow">
-            <ArrowRight />
+            <Close />
          </el-icon>
-        </div> -->
+        </div>
      </div>
      <div class="shop_operation" v-loading="cartLoading">
        <div class="shop_list">
-          <div
-            class="item"
-            :class="{ active: cartListActive == index }"
-            v-for="(item, index) in cartList"
-            :key="item.id"
-            @click="selectCartItemHandle(item, index)"
-          >
+          <div class="item" :class="{ active: cartListActive == index }" v-for="(item, index) in cartList"
+            :key="item.id" @click="selectCartItemHandle(item, index)">
            <div class="name_wrap">
              <span>{{ item.name }}</span>
              <span>￥{{ item.salePrice }}</span>
@@ -50,20 +49,12 @@
            </div>
            <div class="num">
              <div class="left">
-                <div
-                  class="icon_item"
-                  v-if="item.isGift == 'true'"
-                  @click="giftPackHandle('isGift', item)"
-                >
+                <div class="icon_item" v-if="item.isGift == 'true'" @click="giftPackHandle('isGift', item)">
                  <el-icon class="icon">
                    <ShoppingBag />
                  </el-icon>
                </div>
-                <div
-                  class="icon_item"
-                  v-if="item.isPack == 'true'"
-                  @click="giftPackHandle('isPack', item)"
-                >
+                <div class="icon_item" v-if="item.isPack == 'true'" @click="giftPackHandle('isPack', item)">
                  <el-icon class="icon" style="color: var(--primary-color)">
                    <Box />
                  </el-icon>
@@ -77,13 +68,8 @@
          </div>
        </div>
        <!-- 购物车操作栏 -->
-        <cartOperation
-          :item="cartList[cartListActive]"
-          @confirm="(res) => addCart(res, 'edit')"
-          @delete="delCartHandle"
-          @pending="pendingCart"
-          @clearCart="clearCartHandle"
-        />
+        <cartOperation :item="cartList[cartListActive]" @confirm="(res) => addCart(res, 'edit')" @delete="delCartHandle"
+          @pending="pendingCart" @clearCart="clearCartHandle" />
      </div>
      <div class="footer">
        <div class="top">
@@ -97,26 +83,17 @@
            <el-text class="t">打包(￥{{ cartInfo.packAmount || 0 }})</el-text>
          </div>
          <div class="num-wrap">
-            <el-text
-              >共{{ cartInfo.productNum || 0 }}种商品，{{
-                cartInfo.productSum || 0
-              }}件</el-text
-            >
+            <el-text>共{{ cartInfo.productNum || 0 }}种商品，{{
+              cartInfo.productSum || 0
+            }}件</el-text>
          </div>
        </div>
        <div class="btm">
          <el-button icon="Edit" @click="remarkRef.show()"></el-button>
          <div class="button">
-            <el-button
-              type="primary"
-              style="width: 100%"
-              :disabled="!cartList.length"
-              v-loading="createOrderLoading"
-              @click="createOrderHandle"
-            >
-              <span v-if="!createOrderLoading"
-                >结算(￥{{ cartInfo.totalAmount || 0 }})</span
-              >
+            <el-button type="primary" style="width: 100%" :disabled="!cartList.length" v-loading="createOrderLoading"
+              @click="createOrderHandle">
+              <span v-if="!createOrderLoading">结算(￥{{ cartInfo.totalAmount || 0 }})</span>
              <span v-else>下单中...</span>
            </el-button>
          </div>
@@ -133,32 +110,15 @@
  <remarkModal ref="remarkRef" @success="(e) => (remark = e)" />
  <!-- 修改取餐号 -->
  <takeFoodCode />
-  <el-drawer
-    v-model="membershow"
-    :with-header="true"
-    size="90%"
-    title="选择会员"
-  >
+  <el-drawer v-model="membershow" :with-header="true" size="90%" title="选择会员">
    <member :membershow="'1'"></member>
  </el-drawer>
-  <takeFoodCode
-    ref="takeFoodCodeRef"
-    title="修改取餐号"
-    placeholder="请输入取餐号"
-    @success="takeFoodCodeSuccess"
-  />
+  <takeFoodCode ref="takeFoodCodeRef" title="修改取餐号" placeholder="请输入取餐号" @success="takeFoodCodeSuccess" />
  <!-- 结算订单 -->
-  <settleAccount
-    ref="settleAccountRef"
-    :cart="cartList"
-    :amount="cartInfo.totalAmount"
-    :remark="remark"
-    :masterId="masterId"
-    :orderInfo="orderInfo"
-    @paySuccess="createCodeAjax(1)"
-  />
+  <settleAccount ref="settleAccountRef" :cart="cartList" :amount="cartInfo.totalAmount" :remark="remark"
+    :masterId="masterId" :orderInfo="orderInfo" :member="memberInfo" @paySuccess="createCodeAjax(1)" />
  <!-- 快捷收银 -->
-  <fastCashier ref="fastCashierRef" />
+  <fastCashier ref="fastCashierRef" type="0" />
  <!-- 挂起订单 -->
  <pendingCartModal ref="pendingCartModalRef" @select="pendingCartHandle" />
 </template>
@@ -170,6 +130,7 @@ export default {
 </script>
 <script setup>
 import { onMounted, ref } from "vue";
+import { useRoute } from 'vue-router'
 import { useUser } from "@/store/user.js";
 import remarkModal from "@/components/remarkModal.vue";
 import takeFoodCode from "@/components/takeFoodCode.vue";
@@ -177,6 +138,7 @@ import cartOperation from "@/views/home/components/cartOperation.vue";
 import settleAccount from "@/views/home/components/settleAccount.vue";
 import fastCashier from "@/views/home/components/fastCashier.vue";
 import pendingCartModal from "@/views/home/components/pendingCartModal.vue";
+import useStorage from '@/utils/useStorage'

 import {
  createCart,
@@ -193,6 +155,8 @@ import {
 import goods from "@/views/home/components/goods.vue";
 import member from "@/views/member/index.vue";

+const route = useRoute()
+
 const membershow = ref(false);
 const store = useUser();
 const remarkRef = ref(null);
@@ -213,6 +177,8 @@ const cartLoading = ref(false);
 const orderInfo = ref({});
 const createOrderLoading = ref(false);

+const memberInfo = ref({})
+
 // 取餐码
 const masterId = ref("");

@@ -245,6 +211,9 @@ async function clearCartHandle() {
      masterId: masterId.value,
    });
    queryCartAjax();
+
+    // 清除商品所有红点
+    goodsRef.value.clearDot()
  } catch (error) {
    console.log(error);
  }
@@ -405,13 +374,36 @@ async function createCodeAjax(type = "0") {
    });
    masterId.value = res.code;
    queryCartAjax();
+    getLocalMemberInfo()
+
+    if (type == 1) {
+      // 结算订单 清楚商品所有红点
+      goodsRef.value.clearDot()
+    }
  } catch (error) {
    console.log(error);
  }
 }

+// 从本地获取会员信息
+function getLocalMemberInfo() {
+  let localMemberInfo = useStorage.get('memberInfo')
+  if (localMemberInfo && localMemberInfo.telephone) {
+    memberInfo.value = localMemberInfo
+  } else {
+    memberInfo.value = {}
+  }
+}
+
+// 清除本地会员
+function clearMember() {
+  useStorage.del('memberInfo')
+  getLocalMemberInfo()
+}
+
 onMounted(() => {
  createCodeAjax();
+  getLocalMemberInfo()
 });
 </script>

@@ -430,7 +422,7 @@ onMounted(() => {
    .menu {
      background-color: var(--el-color-warning);
      color: #fff;
-      width: 100px;
+      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
@@ -449,11 +441,12 @@ onMounted(() => {
    }

    .number {
-      flex: 1;
+      width: 50px;
      display: flex;
      align-items: center;
+      justify-content: center;
      background-color: var(--el-color-info-light-7);
-      padding-left: var(--el-font-size-base);
+      // padding-left: var(--el-font-size-base);

      .t {
        font-size: var(--el-font-size-base);
@@ -461,24 +454,31 @@ onMounted(() => {
    }

    .select_user {
+      flex: 1;
      display: flex;
      align-items: center;
+      justify-content: space-between;
      background-color: var(--el-color-info-light-8);
      padding: 0 var(--el-font-size-base);

-      .icon {
-        color: var(--el-color-primary);
-        font-size: 18px;
-      }
+      .left {
+        display: flex;
+        align-items: center;

-      .t {
-        font-size: var(--el-font-size-base);
-        padding: 0 10px;
+        .icon {
+          color: var(--el-color-primary);
+          font-size: 20px;
+        }
+
+        .t {
+          font-size: var(--el-font-size-base);
+          margin-left: 4px;
+        }
      }

      .arrow {
        color: #999;
-        font-size: 20px;
+        font-size: 16px;
        position: relative;
        top: 2px;
      }
--- a/src/views/home/test.vue
+++ b/src/views/home/test.vue
@@ -1,20 +1,290 @@
 <template>
-    <el-button @click="chooseSerial">打印</el-button>
+    <!-- <el-button @click="chooseSerial">获取串口列表</el-button> -->
+    <el-button @click="initWebSocket()">连接ws</el-button>
+    <el-button @click="dakai()"></el-button>
+    <!-- 打印二维码 -->
+    <rintermodelindex ref="rintermodelindexref" :form="form" @somethingDone="handleSomethingDone"></rintermodelindex>
 </template>

 <script setup>
+import _ from 'lodash'
+import { bySubType } from "@/api/device";
+import { ElMessage } from "element-plus";
+import dayjs from 'dayjs'
 import { ipcRenderer } from 'electron'
+import { onMounted, ref } from 'vue';
+import { useUser } from "@/store/user.js";
+import useStorage from '@/utils/useStorage'
+import rintermodelindex from '@/components/lodop/index.vue'
+const store = useUser();
+
+const rintermodelindexref = ref()//打印机ref
+// 打印成功回调
+const handleSomethingDone = () => {
+    console.log('打印成功回调成功')
+}
+const form = ref({
+    article: '1',
+    type: '2',
+
+})
+const dakai = () => {
+    rintermodelindexref.value.centerDialogVisibleshow() //打开二维码打印
+    rintermodelindexref.value.initialization()
+}
+
+// 小票打印机列表
+const printList = ref([]);
+// 标签打印机列表
+const printLabelList = ref([]);
+const localPrintList = ref([])
+
+// 获取打印机状态
+async function bySubTypeAjax() {
+    try {
+        const res1 = await bySubType({
+            shopId: store.userInfo.shopId,
+            contentType: "local",
+            subType: "cash",
+        });
+        const res2 = await bySubType({
+            shopId: store.userInfo.shopId,
+            contentType: "local",
+            subType: "label",
+        });
+        printList.value = res1;
+        printLabelList.value = res2;
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 获取本地打印机列表
+function getPrintList() {
+    ipcRenderer.send("getPrintList");
+    ipcRenderer.on("printList", (event, arg) => {
+        localPrintList.value = arg;
+        // console.log(localPrintList.value);
+    });
+}
+
+// 检查本地打印机是否能正常使用
+function checkLocalPrint(deviceName) {
+    let print = ''
+    for (let item of localPrintList.value) {
+        if (item.name == deviceName) {
+            print = item
+        }
+    }
+
+    if (!print.name) {
+        return false
+    } else {
+        return true
+    }
+}
+
+// 打印小票
+function printBill(props) {
+    if (!checkLocalPrint(printLabelList.value[0].config.deviceName)) {
+        ElMessage.error("本地打印机无法使用，请检查打印机是否正确连接");
+    } else {
+        const data = {
+            shop_name: store.userInfo.merchantName,
+            carts: props.carts,
+            amount: props.amount,
+            remark: props.remark,
+            orderInfo: props.orderInfo,
+            deviceName: printList.value[0].config.deviceName,
+            createdAt: dayjs(props.orderInfo.createdAt).format(
+                "YYYY-MM-DD HH:mm:ss"
+            ),
+            printTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+        };
+        ipcRenderer.send("printerInfoSync", JSON.stringify(data));
+    }
+}
+
+// 检测是否打印标签小票
+function checkLabelPrint(props) {
+    if (!checkLocalPrint(printLabelList.value[0].config.deviceName)) {
+        ElMessage.error("本地打印机无法使用，请检查打印机是否正确连接");
+    } else {
+        let pids = printLabelList.value[0].config.categoryList.map(item => item.id)
+        let labelList = []
+        props.carts.map(item => {
+            if (pids.some(el => el == item.categoryId)) {
+                for (let i = 0; i < item.number; i++) {
+                    labelList.push(
+                        {
+                            outNumber: props.outNumber,
+                            name: item.name,
+                            skuName: item.skuName,
+                            masterId: props.orderInfo.tableName,
+                            deviceName: printLabelList.value[0].config.deviceName,
+                            createdAt: dayjs(props.createdAt).format('YYYY-MM-DD HH:mm:ss')
+                        }
+                    )
+                }
+            }
+        })
+
+        printLabel(labelList)
+    }
+}
+
+// 打印标签
+let labelCount = ref(0)
+let labelPrintTimer = ref(null)
+function printLabel(list) {
+    console.log(list);
+    if (!checkLocalPrint(printLabelList.value[0].config.deviceName)) {
+        ElMessage.error("本地打印机无法使用，请检查打印机是否正确连接");
+    } else {
+        labelPrintTimer.value = setInterval(() => {
+            // console.log('labelCount', labelCount.value);
+            list[labelCount.value].count = `${list.length - labelCount.value}/${list.length}`
+            ipcRenderer.send('printerTagSync', JSON.stringify(list[labelCount.value]))
+            labelCount.value++
+            if (labelCount.value > list.length - 1) {
+                clearInterval(labelPrintTimer.value)
+                labelPrintTimer.value = null
+                labelCount.value = 0
+            }
+        }, 1000)
+    }
+}
+
+let ws = ref(null)
+let wsIsClose = ref(false)
+// 初始化websocket
+function initWebSocket(wsUrl = 'wss://wxcashiertest.sxczgkj.cn/client') {
+    ws.value = new WebSocket(wsUrl);
+    console.log("websocket:", ws.value);
+
+    ws.value.onopen = function () {
+        console.log('wss连接成功');
+        // 清除心跳
+        clearInterval(heartbeatTimer.value)
+        heartbeatTimer.value = null
+        startheartbeat()
+
+        // 清除重连
+        clearInterval(reConnectTimer.value)
+        reConnectTimer.value = null
+        reConnectCount.value = 0
+
+        ws.value.send(JSON.stringify({
+            type: "connect",
+            shopId: store.userInfo.shopId,
+            clientId: useStorage.get('uuid')
+        }))
+    };
+
+    // 接收消息
+    ws.value.onmessage = function (e) {
+        // websocketonmessage(e);
+        let data = JSON.parse(e.data)
+        if (data.type == 'order') {
+            console.log('接收消息', data);
+            // 接收订单消息，打印小票
+            // printBill(data)
+
+            // 检测是否需要打印标签小票
+            checkLabelPrint(data)
+        }
+    };
+
+    // 连接发生错误
+    ws.value.onerror = function () {
+        console.log("WebSocket连接发生错误");
+
+        // 清除心跳
+        clearInterval(heartbeatTimer.value)
+        heartbeatTimer.value = null
+
+        // 手动关闭后不在执行自动连接任务
+        if (!wsIsClose.value) reConnect(wsUrl);
+    };
+
+    // 关闭
+    ws.value.onclose = function (e) {
+        console.log('ws关闭了', e);
+
+        // 清除心跳
+        clearInterval(heartbeatTimer.value)
+        heartbeatTimer.value = null
+
+        // 手动关闭后不在执行自动连接任务
+        if (!wsIsClose.value) reConnect(wsUrl);
+    };
+}
+
+// 启动心跳连接
+let heartbeatTimer = ref(null)
+function startheartbeat() {
+    heartbeatTimer.value = setInterval(() => {
+        ws.value.send(JSON.stringify({ type: 'heartbeat' }))
+    }, 10000)
+}
+
+// 重连最大次数5次
+let reConnectCount = ref(0)
+let reConnectTimer = ref(null)
+function reConnect(wsUrl) {
+    if (reConnectTimer.value != null) return
+    reConnectTimer.value = setInterval(() => {
+        // 自动连接超过5次不在连接，需手动出发
+        console.log('reConnectCount.value===', reConnectCount.value);
+        if (reConnectCount.value >= 5) {
+            console.log('重连超过5次，不在连接');
+            clearInterval(reConnectTimer.value)
+            reConnectTimer.value = null
+            reConnectCount.value = 0
+            wsIsClose.value = true
+            ws.value.close()
+        } else {
+            reConnectCount.value++
+            initWebSocket(wsUrl)
+        }
+    }, 5000)
+}
+
+
+
+
+
+
+
+// 打印标签小票
+const printTag = () => {
+    ipcRenderer.send('printerTagSync', JSON.stringify({
+        deviceName: 'Xprinter XP-365B123'
+    }))
+}

 //选择串口设备
 const chooseSerial = async () => {
-    let printNum = localStorage.getItem('printNum')
-    if (!printNum) {
-        printNum = 1
-        localStorage.setItem('printNum', printNum)
-    } else {
-        printNum++
-        localStorage.setItem('printNum', printNum)
-    }
-    ipcRenderer.send('printStart', printNum)
+    // let printNum = localStorage.getItem('printNum')
+    // if (!printNum) {
+    //     printNum = 1
+    //     localStorage.setItem('printNum', printNum)
+    // } else {
+    //     printNum++
+    //     localStorage.setItem('printNum', printNum)
+    // }
+    // ipcRenderer.send('printStart', printNum)
+    // ipcRenderer.send('getSerialPort')
+
 };
+
+onMounted(() => {
+    ipcRenderer.on('seriaportList', (e, a) => {
+        console.log('seriaportList', a);
+    })
+
+    getPrintList();
+    bySubTypeAjax();
+    initWebSocket()
+})
 </script>
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -4,7 +4,7 @@
      <el-image :src="logo" style="width: 180px"></el-image>
    </div>
    <div class="form-wrap">
-      <div style="flex: 1;">
+      <div style="flex: 1">
        <!-- <div class="reg-wrap">
        <router-link :to="{ name: 'register' }">
          <el-link type="primary">注册</el-link>
@@ -22,7 +22,16 @@
            <el-input v-model="form.loginName" placeholder="请输入11位手机号码"></el-input>
          </el-form-item>
          <el-form-item label="登录密码" prop="password">
-            <el-input v-model="form.password" type="password" placeholder="请输入登录密码"></el-input>
+            <el-input v-model="form.password" :type="passwordType" placeholder="请输入登录密码">
+              <template #suffix>
+                <el-icon class="el-input__icon" v-if="passwordType == 'password'" @click="passwordType = 'text'">
+                  <Hide />
+                </el-icon>
+                <el-icon class="el-input__icon" v-else @click="passwordType = 'password'">
+                  <View />
+                </el-icon>
+              </template>
+            </el-input>
          </el-form-item>
          <!-- <el-form-item>
            <div style="width: 100%; display: flex; justify-content: flex-end">
@@ -51,28 +60,33 @@
 </template>

 <script setup>
-import packageData from '../../package.json'
-
+import packageData from "../../package.json";
 import logo from "@/assets/logo.png";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { reactive, ref } from "vue";
+import { Hide, View } from '@element-plus/icons-vue'
+import { onMounted, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { ipcRenderer } from "electron";
-
-import { RandomNumBoth } from '@/utils'
-
+import { RandomNumBoth } from "@/utils";
+import useStorage from "@/utils/useStorage";
+import { douyincheckIn } from "@/api/group";
 import { useUser } from "@/store/user.js";
+import { useSocket } from "@/store/socket.js";
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
 const store = useUser();
+const socket = useSocket();

 const router = useRouter();
 const formRef = ref(null);
 const loading = ref(false);
-
+const passwordType = ref('password')

 const form = reactive({
  serialNumber: RandomNumBoth(1000, 9999),
-  clientType: 'pc',
-  merchantName: '',//19191703856
+  clientType: "pc",
+  merchantName: "",
  loginName: "",
  password: "",
 });
@@ -106,16 +120,27 @@ const submitHandle = () => {
  formRef.value.validate(async (valid) => {
    if (valid) {
      loading.value = true;
-      store.userlogin(form).then((res) => {
-        ElMessage.success("登录成功");
-        setTimeout(() => {
-          router.replace({
-            name: "home",
-          });
-        }, 1000);
-      }).catch(err => {
-        loading.value = false
-      });
+      store
+        .userlogin(form)
+        .then(async (res) => {
+          ElMessage.success("登录成功");
+          socket.init();
+          setTimeout(() => {
+            router.replace({
+              name: "home",
+            });
+          }, 1000);
+          const douyin = await douyincheckIn({
+            token: res.token,
+            loginName: res.loginName,
+            clientType: 'pc'
+          })
+          useStorage.set('douyin', douyin.userInfo)
+          global.updateData(true)
+        })
+        .catch((err) => {
+          loading.value = false;
+        });
    }
  });
 };
@@ -127,6 +152,10 @@ const logout = () => {
    })
    .catch(() => { });
 };
+
+onMounted(() => {
+  global.updateData(false)
+})
 </script>

 <style scoped lang="scss">
--- a/src/views/member/components/add.vue
+++ b/src/views/member/components/add.vue
@@ -3,19 +3,25 @@
        <div class="dialog_footer" v-for="(item, index) in props.flowingwater.list" :key="index">
            <div class="dialog_footer_left">
                <span>{{ item.biz_name }}</span>
-                <span>{{ dayjs(item.create_time).format("YYYY-MM-DD") }}</span>
+                <span>{{ dayjs(item.create_time).format("YYYY-MM-DD HH:mm:ss") }}</span>
            </div>
            <div class="dialog_footer_right">
-                <span>{{ item.balance }}</span>
-                <span>{{ item.amount }}</span>
+                <span :class="{ active: item.type == '+' }">
+                    <template v-if="item.type == '+'">+</template>
+                    <template v-else>-</template>
+                    ￥{{ formatDecimal(item.amount) }}
+                </span>
+                <span>余额：￥{{ formatDecimal(item.balance) }}</span>
            </div>
        </div>
+        <el-empty description="暂无数据" v-if="!props.flowingwater.list.length" />
    </div>
 </template>

 <script setup>
 import { ref } from 'vue'
 import { dayjs } from 'element-plus'
+import { formatDecimal } from '@/utils/index'

 const props = defineProps({
    flowingwater: {
@@ -29,6 +35,7 @@ const props = defineProps({
 .box {
    height: 400px;
    overflow: auto;
+
    .dialog_footer:nth-child(1) {
        margin-top: 0;
    }
@@ -38,7 +45,7 @@ const props = defineProps({
        display: flex;
        justify-content: space-between;
        align-items: center;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #ececec;
        padding-bottom: 6px;

        .dialog_footer_left {
@@ -54,7 +61,8 @@ const props = defineProps({

            span:nth-child(2) {
                margin-top: 10px;
-                color: #333;
+                color: #999;
+                font-size: 12px;
            }
        }

@@ -64,14 +72,18 @@ const props = defineProps({
            align-items: flex-end;

            span:nth-child(1) {
-                color: #fc3d3d;
                font-size: 16px;

+                &.active {
+                    color: #fc3d3d;
+                }
+
            }

            span:nth-child(2) {
                margin-top: 10px;
                font-size: 14px;
+                color: #999;
            }
        }
    }
--- a/src/views/member/components/userCharge.vue
+++ b/src/views/member/components/userCharge.vue
@@ -0,0 +1,55 @@
+<template>
+    <el-drawer size="100%" :with-header="false" direction="btt" v-model="dialogVisible">
+        <div class="drawer_wrap">
+            <div class="pay_wrap">
+                <fastPayCard ref="fastPayCardRef" type="1" :userInfo="userInfo" @paySuccess="paySuccess"
+                    @close="dialogVisible = false" />
+            </div>
+        </div>
+    </el-drawer>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import fastPayCard from "@/components/fastPayCard.vue";
+
+const props = defineProps({
+    userInfo: {
+        type: Object,
+        default: {}
+    }
+})
+
+const emit = defineEmits(["paySuccess"]);
+
+const dialogVisible = ref(false);
+const fastPayCardRef = ref(null);
+
+// 订单已支付
+function paySuccess() {
+    dialogVisible.value = false;
+    emit("paySuccess");
+}
+
+function show() {
+    dialogVisible.value = true;
+    fastPayCardRef.value.reset();
+}
+
+defineExpose({
+    show,
+});
+</script>
+
+<style scoped lang="scss">
+.drawer_wrap {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    padding: var(--el-font-size-base) 0;
+
+    .pay_wrap {
+        flex: 1;
+    }
+}
+</style>
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -3,12 +3,13 @@
        <div class="orderbox_left">
            <div class="demo_tabs" v-if="props.membershow == '0'">
                <div class="demo_tabs_div">
-                    <el-input v-model="tableData.phone" placeholder="请输入手机号或编号" @input="inputChange" clearable />
+                    <el-input v-model="tableData.phone" placeholder="请输入手机号" @input="inputChange" clearable @focus="
+                        global.updateData(false)" @blur="global.updateData(true)" />
                    <el-button style="margin-left: 10px;" type="primary" @click="memberaddshow = true">添加</el-button>
                </div>
            </div>
            <el-table :data="tableData.list" style="width: 100%;margin-top: 10px;height:80%;"
-                :row-class-name="tableRowClassName" @cell-click="cellclicktableData">
+                :row-class-name="tableRowClassName" @cell-click="cellclicktableData" v-loading="loading">
                <el-table-column prop="name" label="昵称" />
                <el-table-column prop="telephone" label="手机" width="200px" />
                <el-table-column prop="code" label="编号" width="150px" />
@@ -27,15 +28,15 @@
                </div>
                <div class="orderbox_right_topdiv">
                    <span>手机号码：</span>
-                    <span>{{ tableData.list.length != 0 ? tableData.list[datarow].telephone : '无'  }}</span>
+                    <span>{{ tableData.list.length != 0 ? tableData.list[datarow].telephone : '无' }}</span>
                </div>
                <div class="orderbox_right_topdiv">
                    <span>会员编号：</span>
-                    <span>{{ tableData.list.length != 0 ? tableData.list[datarow].code : '无'  }}</span>
+                    <span>{{ tableData.list.length != 0 ? tableData.list[datarow].code : '无' }}</span>
                </div>
                <div class="orderbox_right_topdiv">
                    <span>会员等级：</span>
-                    <span>{{  tableData.list.length != 0 ? tableData.list[datarow].level : '无'  }}</span>
+                    <span>{{ tableData.list.length != 0 ? tableData.list[datarow].level : '无' }}</span>
                </div>
                <div class="orderbox_right_top_item">
                    <div class="orderbox_right_top_item_one">
@@ -44,7 +45,8 @@
                        </el-icon>
                        <span class="orderbox_right_top_item_onespan">会员积分</span>
                    </div>
-                    <div class="orderbox_right_top_item_tow">{{ tableData.list.length != 0 ? tableData.list[datarow].levelConsume : '无'  }}</div>
+                    <div class="orderbox_right_top_item_tow">{{ tableData.list.length != 0 ?
+                        tableData.list[datarow].levelConsume : '无' }}</div>
                </div>
                <div class="orderbox_right_top_item" @click="stored = true">
                    <div class="orderbox_right_top_item_one">
@@ -54,7 +56,7 @@
                        <span class="orderbox_right_top_item_onespan">储值余额</span>
                    </div>
                    <div class="orderbox_right_top_item_tow">
-                        <span>{{ tableData.list.length != 0 ? tableData.list[datarow].amount : '无'  }}</span>
+                        <span>{{ tableData.list.length != 0 ? tableData.list[datarow].amount : '无' }}</span>
                        <el-icon size="10">
                            <ArrowRight />
                        </el-icon>
@@ -81,10 +83,9 @@
            </div>
            <keyboard v-if="props.membershow == '1'" @consumeFees="consumeFees"></keyboard>
            <div class="orderbox_right_button" v-if="props.membershow == '0'">
-                <router-link to="/" style="width: 35%;">
-                    <el-button style="width: 100%;">创建订单</el-button>
-                </router-link>
-                <el-button style="width: 60%;" type="primary" @click="recharge = true">账户充值</el-button>
+                <el-button style="width: 100%;" @click="toHome">创建订单</el-button>
+                <!-- <el-button style="width: 60%;" type="primary" @click="recharge = true">账户充值</el-button> -->
+                <el-button style="width: 60%;" type="primary" @click="userChargeRef.show()">账户充值</el-button>
            </div>
            <div class="orderbox_right_button" v-if="props.membershow == '1'">
                <router-link to="/" style="width: 35%;">
@@ -101,15 +102,18 @@
            @open="membrform = { ...resetMembrform }">
            <el-form ref="formRef" :rules="rules" :model="membrform" label-width="70px" hide-required-asterisk>
                <el-form-item label="手机号" prop="phone">
-                    <el-input v-model="membrform.phone" />
+                    <el-input v-model="membrform.phone" @focus="
+                        global.updateData(false)" @blur="global.updateData(true)" />
                </el-form-item>
                <el-form-item label="昵称" prop="nickName">
-                    <el-input v-model="membrform.nickName" />
+                    <el-input v-model="membrform.nickName" @focus="
+                        global.updateData(false)" @blur="global.updateData(true)" />
                </el-form-item>
                <el-form-item label="生日" prop="birthDay">
                    <el-col :span="11">
-                        <el-date-picker v-model="membrform.birthDay" type="date" placeholder="请选择生日"
-                            style="width: 100%" />
+                        <el-date-picker v-model="membrform.birthDay" type="date" placeholder="请选择生日" style="width: 100%"
+                            @focus="
+                                global.updateData(false)" @blur="global.updateData(true)" />
                    </el-col>
                </el-form-item>
                <el-form-item label="性别" prop="sex">
@@ -159,8 +163,7 @@
        :close-on-click-modal="false">
        <payCard :amount="moneys" :orderId="orderId" :selecttype="1" @paySuccess="paySuccess" />
    </el-dialog>
-
-
+    <userCharge ref="userChargeRef" :userInfo="tableData.list[datarow]" @paySuccess="asyncqueryMembermember" />
 </template>

 <script setup>
@@ -173,6 +176,16 @@ import add from '@/views/member/components/add.vue'
 import cwxeyboard from '@/components/cwx-keyboard/cwx-keyboard.vue'
 import keyboard from '@/views/home/components/keyboard.vue'
 import payCard from '@/components/payCard/payCard.vue'
+import { useRouter } from 'vue-router'
+import useStorage from '@/utils/useStorage'
+import userCharge from './components/userCharge.vue'
+
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
+const userChargeRef = ref(null)
+
+const router = useRouter()

 const store = useUser()

@@ -206,6 +219,8 @@ const props = defineProps({//首页传值
    }
 })

+const loading = ref(false)
+
 const flowingwater = reactive({//获取流水初始化
    total: '',
    list: []
@@ -257,7 +272,7 @@ const MemberAccount = async () => {//获取流水
        flowingwater.total = res.total
        flowingwater.list = res.list
    } catch (error) {
-       
+
    }
 }

@@ -282,6 +297,7 @@ const inputChange = lodash.debounce(function () { //搜索手机号
 }, 500)

 const asyncqueryMembermember = async () => {//会员列表数据
+    loading.value = true
    let res = await queryMembermember({
        shopId: store.userInfo.shopId,
        page: tableData.page,
@@ -289,10 +305,11 @@ const asyncqueryMembermember = async () => {//会员列表数据
        phone: tableData.phone
    })
    if (res) {
-        if (res.list.length != 0) {
-            tableData.list = res.list
-            MemberAccount()
-        }
+        setTimeout(() => {
+            loading.value = false
+        }, 300)
+        tableData.list = res.list
+        MemberAccount()
        tableData.total = res.total
    }
 }
@@ -400,6 +417,14 @@ const createMembermemberSubmit = async () => { ///添加会员
    });
 }
 const moneys = ref('')// 钱数
+
+const toHome = () => {
+    useStorage.set('memberInfo', tableData.list[datarow.value])
+    router.push({
+        name: 'home'
+    })
+}
+
 onMounted(() => {
    // resetMembrform.value = { ...membrform.value }
    asyncqueryMembermember()
--- a/src/views/order/components/add.vue
+++ b/src/views/order/components/add.vue
@@ -1,13 +1,13 @@
 <template>
-    <div class="demo_tabs_box">
+    <div class="demo_tabs_box" v-loading="props.loading">
        <div class="demo_tabs_boxitem" v-for="(item, index) in ordereData.list" :key="index"
            @click="clickitemboxshow(item)">
            <!-- <div class="demo_tabs_boxitem_oneyt" v-if="item.status == 'refund'  && item.orderType == 'return'">已退款</div> -->

            <div class="demo_tabs_boxitem_one">
                <div class=""
-                    style="width: 100px; height: 70px;border-radius: 10px; background:rgb(186 200 239); display: flex; justify-content: center; align-items: center;">
-                    <div>{{ item.zdNo || "pos" }}</div>
+                    style="width: 100px; height: 70px;border-radius: 4px; background:rgb(186 200 239); display: flex; justify-content: center; align-items: center;">
+                    <div>{{ item.tableName || "pos" }}</div>
                </div>
                <!-- <el-image style="width: 100px; height: 70px;border-radius: 10px;" :src="item.imgUrl" fit="scale-down" /> -->
                <div class="demo_tabs_boxitem_oneone">
@@ -53,6 +53,10 @@ const props = defineProps({
                names: []
            }]
        }
+    },
+    loading: {
+        type: Boolean,
+        default: false
    }
 })
 const emit = defineEmits(["emititemboxshow"])
@@ -64,17 +68,15 @@ const clickitemboxshow = (e) => {
 <style scoped lang="scss">
 .demo_tabs_box {
    width: 100%;
-    padding: 10px 20px;
    height: 82%;
    overflow: auto;

    .demo_tabs_boxitem {
        width: 100%;
-        padding: 6px 16px;
-        border-radius: 6px;
+        padding: 10px 0;
        display: flex;
        justify-content: space-between;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #ececec;
        position: relative;

        .demo_tabs_boxitem_oneyt {
--- a/src/views/order/components/cashTable.vue
+++ b/src/views/order/components/cashTable.vue
@@ -0,0 +1,100 @@
+<template>
+    <div>
+        <div class="tab_container">
+            <el-table :data="tableData.list" height="560px" v-loading="tableData.loading">
+                <el-table-column label="订单号" prop="orderNo"></el-table-column>
+                <el-table-column label="金额" prop="amount">
+                    <template v-slot="scope">
+                        ￥{{ scope.row.amount }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="支付类型" prop="payType">
+                    <template v-slot="scope">
+                        <el-tag disable-transitions :type="payTypeFilter(scope.row.payType).type">
+                            {{ payTypeFilter(scope.row.payType).label }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createTime">
+                    <template v-slot="scope">
+                        {{ dayjs(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="pagination">
+            <el-pagination @current-change="paginationChange" :current-page="tableData.page" :page-size="tableData.size"
+                layout="total, prev, pager, next, jumper" :total="tableData.total" background>
+            </el-pagination>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import dayjs from 'dayjs'
+import { queryQuickPay } from '@/api/order'
+import { ref, reactive, onMounted } from 'vue'
+
+const tableData = reactive({
+    resetLoading: false,
+    proName: '',
+    status: '',
+    loading: false,
+    list: [],
+    page: 1,
+    size: 10,
+    total: 0
+})
+
+// 分页变化
+function paginationChange(e) {
+    tableData.page = e
+    queryQuickPayAjax()
+}
+
+// 支付类型
+function payTypeFilter(t) {
+    const m = {
+        cash: {
+            type: 'primary',
+            label: '现金'
+        },
+        scanCode: {
+            type: 'warning',
+            label: '扫码'
+        }
+    }
+    return m[t]
+}
+
+// 查询快捷收银订单
+async function queryQuickPayAjax() {
+    try {
+        tableData.loading = true
+        const res = await queryQuickPay({
+            page: tableData.page,
+            pageSize: tableData.size
+        })
+        tableData.loading = false
+        tableData.list = res.list
+        tableData.total = res.total
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+onMounted(() => {
+    queryQuickPayAjax()
+})
+</script>
+
+<style scoped lang="scss">
+.tab_container {
+    padding: 0 var(--el-font-size-base) var(--el-font-size-base);
+}
+
+.pagination {
+    display: flex;
+    padding: 0 14px;
+}
+</style>
--- a/src/views/order/components/dateRange.vue
+++ b/src/views/order/components/dateRange.vue
@@ -0,0 +1,78 @@
+<template>
+    <el-date-picker v-model="dateVlaue" type="daterange" :editable="false" :shortcuts="shortcuts" range-separator="至"
+        start-placeholder="开始时间" end-placeholder="结束时间" :clearable="false" @change="dateConfirm" />
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+import { dayjs } from 'element-plus'
+
+const emits = defineEmits(['success'])
+
+const shortcuts = [
+    {
+        text: '今天',
+        value: () => {
+            return [
+                dayjs()
+                    .startOf("day"),
+                dayjs()
+                    .endOf("day")
+            ]
+        },
+    },
+    {
+        text: '本月',
+        value: () => {
+            return [
+                dayjs()
+                    .startOf("month"),
+                dayjs()
+                    .endOf("month")
+            ]
+        },
+    },
+    {
+        text: '最近三个月',
+        value: () => {
+            return [
+                dayjs()
+                    .add(-3, "M"),
+                dayjs()
+                    .endOf("month")
+            ]
+        },
+    },
+    {
+        text: '本年',
+        value: () => {
+            return [
+                dayjs()
+                    .startOf("year"),
+                dayjs()
+                    .endOf("year")
+            ]
+        },
+    },
+]
+
+const dateVlaue = ref([dayjs(), dayjs()])
+const format = ["YYYY-MM-DD 00:00:00", "YYYY-MM-DD 23:59:59"];
+
+// 确认选择时间
+function dateConfirm(value) {
+    // console.log(value);
+    emits('success', [
+        dayjs(value[0]).format(format[0]),
+        dayjs(value[1]).format(format[1]),
+    ])
+}
+
+onMounted(() => {
+    // 创建组件后执行一次时间传递
+    emits('success', [
+        dayjs(dateVlaue[0]).format(format[0]),
+        dayjs(dateVlaue[1]).format(format[1]),
+    ])
+})
+</script>
--- a/src/views/order/components/invoice.vue
+++ b/src/views/order/components/invoice.vue
@@ -0,0 +1,134 @@
+<template>
+    <el-dialog title="选择开票人" width="60%" v-model="dialogVisible">
+        <el-table :data="tableData.list" border>
+            <el-table-column label="开票人" prop="name"></el-table-column>
+            <el-table-column label="操作" width="140">
+                <template v-slot="scope">
+                    <el-button type="primary" icon="" :loading="scope.row.loading"
+                        @click="selectHandle(scope.row)">选择</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+    </el-dialog>
+    <el-dialog title="扫描二维码开票" width="330px" v-model="showEwmDialog">
+        <canvas class="ewm" ref="canvasRef"></canvas>
+        <div class="footer">
+            <el-button type="primary" style="width: 100%" :loading="printEwmLoading"
+                @click="printEwmHandle">打印二维码</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup>
+import QRCode from 'qrcode'
+import { ElMessage } from 'element-plus'
+import { reactive, ref } from 'vue'
+import { issuedby, carsubinvoicing, syjprintqrcode } from '@/api/invoice.js'
+import { useUser } from "@/store/user.js";
+import { usePrint } from "@/store/print.js";
+const printStore = usePrint();
+const store = useUser();
+
+const emits = defineEmits(['loadComplete', 'success'])
+
+const dialogVisible = ref(false)
+const showEwmDialog = ref(false)
+const canvasRef = ref(null)
+const ewmInfo = ref({})
+const printEwmLoading = ref(false)
+
+const tableData = reactive({
+    list: []
+})
+const orderInfo = ref({})
+
+// 打印二维码
+async function printEwmHandle() {
+    try {
+        printEwmLoading.value = true
+        if (printStore.deviceNoteList.length) {
+            printStore.printInvoice({
+                url: ewmInfo.value.wechat_url
+            })
+            ElMessage.success('打印成功')
+            showEwmDialog.value = false
+            setTimeout(() => {
+                printEwmLoading.value = false
+            }, 1000)
+        } else {
+            const res = await syjprintqrcode({
+                id: ewmInfo.value.id
+            })
+            ElMessage.success('打印成功')
+            showEwmDialog.value = false
+            setTimeout(() => {
+                printEwmLoading.value = false
+            }, 1000)
+        }
+    } catch (error) {
+        console.log(error);
+        printEwmLoading.value = false
+    }
+}
+
+// 选择开票
+async function selectHandle(row) {
+    try {
+        row.loading = true
+        const res = await carsubinvoicing({
+            store_id: store.userInfo.loginName,
+            orderNo: orderInfo.value.id,
+            dlzh: row.id
+        })
+        console.log(res);
+        row.loading = false
+        ewmInfo.value = res
+        dialogVisible.value = false
+        showEwmDialog.value = true
+        setTimeout(() => {
+            QRCode.toCanvas(canvasRef.value, ewmInfo.value.wechat_url, function (error) {
+                if (error) console.error(error)
+                // console.log('success!');
+            })
+        }, 10)
+    } catch (error) {
+        row.loading = false
+        console.log(error);
+    }
+}
+
+// 获取开票人列表
+async function getTableData() {
+    try {
+        const res = await issuedby({
+            store_id: store.userInfo.loginName
+        })
+        emits('loadComplete', false)
+        dialogVisible.value = true
+        tableData.list = res.map(item => {
+            item.loading = false
+            return item
+        })
+    } catch (error) {
+        console.log(error);
+        emits('loadComplete', false)
+    }
+}
+
+function show(order) {
+    console.log(order);
+    orderInfo.value = order
+    getTableData()
+}
+
+defineExpose({
+    show
+})
+</script>
+
+<style scoped lang="scss">
+.ewm {
+    width: 300px !important;
+    height: 300px !important;
+}
+</style>
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
--- a/src/views/table/components/tableInfo.vue
+++ b/src/views/table/components/tableInfo.vue
@@ -30,7 +30,7 @@
 </template>

 <script setup>
-import { ref, defineEmits } from 'vue'
+import { ref } from 'vue'

 const emit = defineEmits(['close'])

--- a/src/views/table/index.vue
+++ b/src/views/table/index.vue
@@ -8,16 +8,16 @@
                        <el-text>{{ item.label }}</el-text>
                    </div>
                </div>
-                <div class="all">
-                    <el-button type="text" icon="Clock">预定管理</el-button>
-                </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="queryShopTableAjax">
-                        <el-radio-button label="">全部</el-radio-button>
-                        <el-radio-button :label="item.id" v-for="item in areaList" :key="item.id">{{ item.name
-                            }}</el-radio-button>
+                        <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">
@@ -75,10 +75,10 @@ const tabAreas = ref([
        label: '使用中',
        type: 2,
    },
-    {
-        label: '已预订',
-        type: 3,
-    }
+    // {
+    //     label: '已预订',
+    //     type: 3,
+    // }
 ])

 const loading = ref(false)
--- a/src/views/webview/index.vue
+++ b/src/views/webview/index.vue
@@ -0,0 +1,61 @@
+<template>
+    <div class="device_container">
+        <div class="header" @click="router.back()">
+            <el-icon style="position: relative; top: 2px; margin-right: 4px" size="22">
+                <ArrowLeft />
+            </el-icon>
+            <el-text>{{ info.title }}</el-text>
+        </div>
+        <div class="d_content">
+            <iframe class="iframe" seamless :src="info.url"></iframe>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router'
+const route = useRoute()
+const router = useRouter()
+
+const info = ref({
+    title: '',
+    url: ''
+})
+
+onMounted(() => {
+    console.log('iframe===', route);
+    info.value = route.query
+})
+</script>
+
+<style scoped lang="scss">
+.device_container {
+    width: 100vw;
+    height: 100vh;
+    padding: 15px;
+    background-color: #f1f1f1;
+}
+
+.header {
+    height: 50px;
+    background-color: #fff;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+}
+
+.d_content {
+    padding-top: 15px;
+    display: flex;
+    height: calc(100vh - 15px * 2 - 50px);
+
+    .iframe {
+        width: 100%;
+        height: 100%;
+        border: none;
+        border-radius: 10px;
+    }
+}
+</style>
--- a/src/views/work/index.vue
+++ b/src/views/work/index.vue
@@ -2,12 +2,12 @@
    <el-drawer size="100%" :with-header="false" direction="btt" v-model="dialogVisible">
        <div class="box">
            <div class="box_top">
-                <router-link to="/" class="box_top_left">
-                        <el-icon size="20">
-                            <ArrowLeft />
-                        </el-icon>
-                        <div style="margin-left: 10px;">返回</div>
-                </router-link>
+                <div class="box_top_left" @click="dialogVisible = false">
+                    <el-icon size="20">
+                        <ArrowLeft />
+                    </el-icon>
+                    <div style="margin-left: 4px;">返回</div>
+                </div>
                <router-link to='/workrecord' class="box_top_right">
                    交班记录
                </router-link>
@@ -18,7 +18,7 @@
                        <div class="box_content_left_top_item">
                            <div class="box_content_left_top_item_top">
                                <div style="color:#ff5252; font-size: 30px;">
-                                    {{ infoData.orderNum || 0}}
+                                    {{ infoData.orderNum || 0 }}
                                </div>
                                <div style="margin-top: 6px; color: #666;">
                                    总订单
@@ -26,7 +26,7 @@
                            </div>
                            <div class="box_content_left_top_item_top">
                                <div style="color:#ff5252; font-size: 30px;">
-                                    {{ infoData.amount || 0}}
+                                    ￥{{ formatDecimal(infoData.amount || 0) }}
                                </div>
                                <div style="margin-top: 6px; color: #666;">
                                    营业额
@@ -36,83 +36,95 @@
                        <div class="box_content_left_top_item">
                            <div class="box_content_left_top_item_botton">
                                <div style=" font-size: 20px;">
-                                    {{ infoData.cashAmount|| 0}}
+                                    ￥{{ formatDecimal(infoData.cashAmount || 0) }}
                                </div>
                                <div style="margin-top: 6px;">
                                    现金支付
                                </div>
-                                <div style="margin-top: 6px;font-size: 14px;">
+                                <!-- <div style="margin-top: 6px;font-size: 14px;">
                                    查看详情
-                                </div>
+                                </div> -->
                            </div>
                            <div class="box_content_left_top_item_botton">
                                <div style=" font-size: 20px;">
-                                    {{ infoData.returnAmount || 0}}
+                                    ￥{{ formatDecimal(infoData.returnAmount || 0) }}
                                </div>
                                <div style="margin-top: 6px;">
                                    退款金额
                                </div>
-                                <div style="margin-top: 6px;font-size: 14px;">
+                                <!-- <div style="margin-top: 6px;font-size: 14px;">
                                    查看详情
-                                </div>
+                                </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="box_content_left_bottom">
-                        <el-table :data="infoData.detailList" style="width: 100%;" height="400px">
-                            <el-table-column prop="productName" label="商品名称"/>
-                            <el-table-column prop="skuName" label="规格名称"/>
-                            <el-table-column prop="num" label="商品数量"/>
-                            <el-table-column prop="amount" label="商品金额" />
+                        <el-table :data="infoData.detailList" border style="width: 100%;" height="360px">
+                            <el-table-column prop="productName" label="商品名称" />
+                            <el-table-column prop="skuName" label="规格名称" />
+                            <el-table-column prop="num" label="商品数量" />
+                            <el-table-column prop="amount" label="商品金额">
+                                <template v-slot="scope">
+                                    ￥{{ formatDecimal(scope.row.amount || 0) }}
+                                </template>
+                            </el-table-column>
                        </el-table>
                    </div>
                </div>
                <div class="box_content_right">
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            上岗时间：
+                    <div class="top">
+                        <div class="box_content_right_tiem">
+                            <div class="box_content_right_tiemleft">
+                                上岗时间：
+                            </div>
+                            <div class="box_content_right_tiemright">
+                                {{ dayjs(infoData.loginTime).format("YYYY-MM-DD HH:mm:ss") }}
+                            </div>
                        </div>
-                        <div class="box_content_right_tiemright">
-                            {{ dayjs(infoData.loginTime).format("YYYY-MM-DD HH:mm:ss") }}
+                        <div class="box_content_right_tiem">
+                            <div class="box_content_right_tiemleft">
+                                交班时间：
+                            </div>
+                            <div class="box_content_right_tiemright">
+                                {{ dayjs(infoData.loginOutTime).format("YYYY-MM-DD HH:mm:ss") }}
+                            </div>
+                        </div>
+                        <div class="box_content_right_tiem">
+                            <div class="box_content_right_tiemleft">
+                                终端名称：
+                            </div>
+                            <div class="box_content_right_tiemright">
+                                {{ infoData.equipment || '无' }}
+                            </div>
+                        </div>
+                        <div class="box_content_right_tiem">
+                            <div class="box_content_right_tiemleft">
+                                备用金：
+                            </div>
+                            <div class="box_content_right_tiemright">
+                                {{ infoData.pettyCash || '无' }}
+                            </div>
+                        </div>
+                        <div class="box_content_right_tiem">
+                            <div class="box_content_right_tiemleft">
+                                收营员：
+                            </div>
+                            <div class="box_content_right_tiemright">
+                                {{ infoData.userName || '无' }}
+                            </div>
                        </div>
                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            交班时间：
+                    <div class="footer">
+                        <div class="is_shop">
+                            <div class="button">
+                                <el-checkbox v-model="isPrint" border label="是否打印商品销售数据" style="width: 100%" />
+                            </div>
                        </div>
-                        <div class="box_content_right_tiemright">
-                            {{ dayjs(infoData.loginOutTime).format("YYYY-MM-DD HH:mm:ss") }}
+                        <div class="box_content_right_tiembutton" :loading="loading" @click="exit">
+                            <span v-if="!loading">交班/关班</span>
+                            <span v-else>交班/关班中....</span>
                        </div>
                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            终端名称：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            {{ infoData.equipment || '无'}}
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            备用金：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            {{ infoData.pettyCash || '无'}}
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            收营员：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            {{ infoData.userName || '无'}}
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiembutton" :loading="loading" @click="exit">
-                        <span v-if="!loading">交班/关班</span>
-                        <span v-else>交班/关班中....</span>
-                    </div>
-
                </div>
            </div>
        </div>
@@ -121,38 +133,106 @@
 </template>

 <script setup>
+import { ipcRenderer } from "electron";
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage, dayjs } from 'element-plus'
-import { shopInfoqueryDuty, loginlogout } from '@/api/work/index.js'
+import { tglogout } from '@/api/group.js'
+import { shopInfoqueryDuty, loginlogout, handoverData, handoverprint } from '@/api/work/index.js'
 import useStorage from '@/utils/useStorage'
 import { useRouter } from "vue-router";
+import { bySubType } from "@/api/device";
+import { useUser } from "@/store/user.js";
+import { useSocket } from "@/store/socket.js";
+import { formatDecimal } from '@/utils/index.js'
+import { usePrint } from "@/store/print.js";
+const printStore = usePrint();
+
+const socket = useSocket();
+
+const store = useUser();

 const router = useRouter();

-const dialogVisible = ref(true) //交班
+const dialogVisible = ref(false) //交班
 //详情数据
 const infoData = ref({})
 const loading = ref(false);

+const isPrint = ref(true)
+
+
+// 开始交班
 const exit = async () => {
    try {
-        loading.value = true;
-        let res = await loginlogout({
-            status:1
+        let data = {}
+        // 获取交班打印小票数据
+        data = await handoverData({
+            id: infoData.value.id
        })
-        useStorage.clear()
-        ElMessage.success("交班成功");
-        setTimeout(() => {
-            router.replace({
-                name: "login",
-            });
-        }, 1000);
-        loading.value = false;
+
+        if (printStore.deviceNoteList.length) {
+            loading.value = true;
+
+            data.printTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+            data.printShop = isPrint.value
+            printStore.printWork(data)
+
+            // return
+            await loginlogout({
+                status: 1
+            })
+
+            useStorage.del('userInfo')
+            useStorage.del('token')
+            useStorage.del('douyin')
+            useStorage.del('categorysActive')
+
+            ElMessage.success("交班成功");
+            setTimeout(() => {
+                router.replace({
+                    name: "login",
+                });
+            }, 1000);
+            loading.value = false;
+        } else {
+            console.log('云打印交班数据');
+            loading.value = true;
+
+            await tglogout()
+
+            // 退出登录
+            await loginlogout({
+                status: 1
+            })
+
+            // 打印交班数据
+            await handoverprint({
+                id: infoData.value.id,
+                isprintProduct: isPrint.value
+            })
+
+            // useStorage.clear()
+            useStorage.del('userInfo')
+            useStorage.del('token')
+            useStorage.del('douyin')
+            useStorage.del('categorysActive')
+            ElMessage.success("交班成功");
+            setTimeout(() => {
+                router.replace({
+                    name: "login",
+                });
+            }, 1000);
+            loading.value = false;
+        }
+        socket.close()
    } catch (error) {
+        console.log(error);
        loading.value = false;
    }
 }
+
+// 获取交班打印数据前置
 const infoshopInfoqueryDutys = async () => {
    try {
        let res = await shopInfoqueryDuty({
@@ -161,12 +241,23 @@ const infoshopInfoqueryDutys = async () => {
        })
        infoData.value = res
    } catch (error) {
-
+        console.log(error);
    }

 }
-onMounted(() => {
+
+function show() {
+    dialogVisible.value = true
    infoshopInfoqueryDutys()
+}
+
+defineExpose({
+    show
+})
+
+onMounted(() => {
+    // getPrintList()
+    // bySubTypeAjax()
 })
 </script>

@@ -217,7 +308,6 @@ onMounted(() => {
            .box_content_left_top {
                display: flex;
                flex-direction: column;
-                border-bottom: 1px solid #ccc;
                padding-bottom: 20px;

                .box_content_left_top_item {
@@ -267,21 +357,17 @@ onMounted(() => {
        .box_content_right {
            width: 30%;
            height: 100%;
-            background: #fff;
            margin-left: 10px;
-            border-radius: 6px;
-            padding: 10px 12px;
            position: relative;
-
-            .box_content_right_tiem:nth-child(1) {
-                margin-top: 0;
-            }
+            display: flex;
+            flex-direction: column;
+            gap: 10px;

            .box_content_right_tiem {
-                margin-top: 10px;
                display: flex;
                justify-content: space-between;
                align-items: center;
+                padding: 10px;

                .box_content_right_tiemleft {
                    color: #9e9e9e;
@@ -290,11 +376,7 @@ onMounted(() => {
            }

            .box_content_right_tiembutton {
-                position: absolute;
-                bottom: 10px;
-                left: 5%;
                background: #ba5050;
-                width: 90%;
                border-radius: 5px;
                color: #fff;
                text-align: center;
@@ -305,4 +387,44 @@ onMounted(() => {
        }
    }
 }
+
+.top {
+    flex: 1;
+    background-color: #fff;
+    padding: 10px 0;
+    border-radius: 6px;
+}
+
+.footer {
+    padding: 10px;
+    background: #fff;
+    border-radius: 6px;
+}
+
+.is_shop {
+    .button {
+        flex: 1;
+        margin-bottom: 10px;
+
+        :deep(.el-checkbox.el-checkbox--large) {
+            height: var(--el-component-size-large);
+            background-color: #fff;
+        }
+
+        :deep(.el-checkbox__inner) {
+            width: 20px;
+            height: 20px;
+
+            &::after {
+                border-width: 2px;
+                top: 0;
+                left: 4px;
+            }
+        }
+
+        :deep(.el-checkbox__label) {
+            font-size: var(--el-font-size-base) !important;
+        }
+    }
+}
 </style>
--- a/src/views/work/record.vue
+++ b/src/views/work/record.vue
@@ -1,130 +1,132 @@
 <template>
-    <el-drawer size="100%" :with-header="false" direction="btt" v-model="record">
-        <div class="box">
-            <div class="box_top" @click="clickrecord">
-                <router-link to='/work' class="box_top_left">
-                    <el-icon size="20">
-                        <ArrowLeft />
-                    </el-icon>
-                    <div class="box_top_right">
-                        交班记录
-                    </div>
-                </router-link>
+    <div class="box">
+        <div class="box_top" @click="clickrecord">
+            <div class="box_top_left" @click="router.back()">
+                <el-icon size="20">
+                    <ArrowLeft />
+                </el-icon>
+                <div class="box_top_right">
+                    交班记录
+                </div>
            </div>
-            <div class="box_content">
-                <div class="box_content_left">
-                    <div class="box_content_left_top">
-                        <div class="box_content_left_top_item">
-                            <div class="box_content_left_top_item_top">
-                                <div>
-                                    {{ infoData.total }}
-                                </div>
-                                <div>
-                                    交班数
-                                </div>
+        </div>
+        <div class="box_content">
+            <div class="box_content_left">
+                <div class="box_content_left_top">
+                    <div class="box_content_left_top_item">
+                        <div class="box_content_left_top_item_top">
+                            <div>
+                                {{ infoData.total }}
                            </div>
-                            <div class="box_content_left_top_item_top">
-                                <div>
-                                    {{ infoData.amount }}
-                                </div>
-                                <div>
-                                    总收款
-                                </div>
+                            <div>
+                                交班数
+                            </div>
+                        </div>
+                        <div class="box_content_left_top_item_top">
+                            <div>
+                                {{ infoData.amount }}
+                            </div>
+                            <div>
+                                总收款
                            </div>
                        </div>
                    </div>
-                    <div class="box_content_left_bouttom">
-                        <div class="box_content_left_bouttomox">
-                            <div class="box_content_left_bouttom_item" v-for="(item, index) in infoData.pageInfo.list"
-                                :key="index">
-                                <div class="wbox_content_left_bouttom_item_top">
-                                    <div>
-                                        {{ dayjs(item.loginTime).format("YYYY-MM-DD HH:mm:ss") }}
-                                    </div>
-                                    <div>
-                                        ￥{{ item.amount }}
-                                    </div>
+                </div>
+                <div class="box_content_left_bouttom">
+                    <div class="box_content_left_bouttomox">
+                        <div class="box_content_left_bouttom_item" v-for="(item, index) in infoData.pageInfo.list"
+                            :key="index">
+                            <div class="wbox_content_left_bouttom_item_top">
+                                <div>
+                                    {{ dayjs(item.loginTime).format("YYYY-MM-DD HH:mm:ss") }}
                                </div>
-                                <div class="wbox_content_left_bouttom_item_topone">
-                                    <div style="display: flex;">
-                                        <span>收营员：</span>
-                                        <span style="font-weight: bold;">{{ item.userName }}</span>
-                                    </div>
-                                    <div style="display: flex;">
-                                        <span>总订单数：</span>
-                                        <span style="font-weight: bold;">{{ item.orderNum }}</span>
-                                    </div>
+                                <div>
+                                    ￥{{ item.amount }}
                                </div>
-                                <div class="wbox_content_left_bouttom_item_topone">
-                                    <div style="display: flex;">
-                                        <span>起止时间：</span>
-                                        <span style="font-weight: bold;"> {{ dayjs(item.loginTime).format("YYYY-MM-DD HH:mm:ss") }}</span>
-                                    </div>
-                                    <div style="display: flex;">
-                                        <span>备用金：</span>
-                                        <span style="font-weight: bold;">{{ item.pettyCash }}</span>
-                                    </div>
+                            </div>
+                            <div class="wbox_content_left_bouttom_item_topone">
+                                <div style="display: flex;">
+                                    <span>收营员：</span>
+                                    <span style="font-weight: bold;">{{ item.userName }}</span>
+                                </div>
+                                <div style="display: flex;">
+                                    <span>总订单数：</span>
+                                    <span style="font-weight: bold;">{{ item.orderNum }}</span>
+                                </div>
+                            </div>
+                            <div class="wbox_content_left_bouttom_item_topone">
+                                <div style="display: flex;">
+                                    <span>起止时间：</span>
+                                    <span style="font-weight: bold;"> {{
+                                        dayjs(item.loginTime).format("YYYY-MM-DD HH:mm:ss") }}</span>
+                                </div>
+                                <div style="display: flex;">
+                                    <span>备用金：</span>
+                                    <span style="font-weight: bold;">{{ item.pettyCash }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
-                <!-- <div class="box_content_right">
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            上岗时间：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            2024-03-05-19:33
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            交班时间：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            2024-03-05-19:33
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            终端名称：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            POS-1
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            备用金：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            0.00
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiem">
-                        <div class="box_content_right_tiemleft">
-                            收营员：
-                        </div>
-                        <div class="box_content_right_tiemright">
-                            测试
-                        </div>
-                    </div>
-                    <div class="box_content_right_tiembutton">
-                        关班/退出
-                    </div>
-                </div> -->
            </div>
+            <!-- <div class="box_content_right">
+                <div class="box_content_right_tiem">
+                    <div class="box_content_right_tiemleft">
+                        上岗时间：
+                    </div>
+                    <div class="box_content_right_tiemright">
+                        2024-03-05-19:33
+                    </div>
+                </div>
+                <div class="box_content_right_tiem">
+                    <div class="box_content_right_tiemleft">
+                        交班时间：
+                    </div>
+                    <div class="box_content_right_tiemright">
+                        2024-03-05-19:33
+                    </div>
+                </div>
+                <div class="box_content_right_tiem">
+                    <div class="box_content_right_tiemleft">
+                        终端名称：
+                    </div>
+                    <div class="box_content_right_tiemright">
+                        POS-1
+                    </div>
+                </div>
+                <div class="box_content_right_tiem">
+                    <div class="box_content_right_tiemleft">
+                        备用金：
+                    </div>
+                    <div class="box_content_right_tiemright">
+                        0.00
+                    </div>
+                </div>
+                <div class="box_content_right_tiem">
+                    <div class="box_content_right_tiemleft">
+                        收营员：
+                    </div>
+                    <div class="box_content_right_tiemright">
+                        测试
+                    </div>
+                </div>
+                <div class="box_content_right_tiembutton">
+                    关班/退出
+                </div>
+            </div> -->
        </div>
-    </el-drawer>
+    </div>
 </template>

 <script setup>
 import { ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
 import { shopinfoqueryDutyFlow } from '@/api/work/index.js'
 import { useUser } from "@/store/user.js"
 import { ElMessage, dayjs } from 'element-plus'

+const router = useRouter()
+
 const store = useUser()
 const record = ref(true)//交班记录
 //详情数据
@@ -150,8 +152,10 @@ onMounted(() => {

 <style scoped lang="scss">
 .box {
-    padding: 16px 0;
-    height: 100%;
+    width: 100%;
+    padding: 16px;
+    height: 100vh;
+    background-color: #efefef;

    .box_top {
        display: flex;
@@ -160,7 +164,7 @@ onMounted(() => {
        background: #fff;
        padding: 6px 10px;
        border-radius: 6px;
-            /* 取消下划线效果 */
+        /* 取消下划线效果 */

        .box_top_left {
            display: flex;
@@ -214,20 +218,23 @@ onMounted(() => {

            .box_content_left_bouttom {
                width: 100%;
-                height: 80%;
+                height: 85%;
                padding: 0 20px;
+                overflow-y: auto;
+
                .box_content_left_bouttomox::after {
-                        content: '';
-                        display: inline-block;
-                         width: 32%;
-                    }
+                    content: '';
+                    display: inline-block;
+                    width: 32%;
+                }
+
                .box_content_left_bouttomox {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
-                    
-                    .box_content_left_bouttom_item {    
+
+                    .box_content_left_bouttom_item {
                        margin-top: 10px;
                        width: 32%;
                        background: #eeeeee;
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,32 +1,46 @@
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import vue from "@vitejs/plugin-vue";
 import electron from "vite-plugin-electron";
 import electronRender from "vite-plugin-electron-renderer";
 import path from "path";

 // https://vitejs.dev/config/
-export default defineConfig({
-  server: {
-    proxy: {
-      '/api': {
-        target: 'https://cashierclient.sxczgkj.cn/cashier-client', // 线上
-        // target: 'http://192.168.2.27:10587/cashier-client', // 国成
-        // target: 'http://192.168.2.128:10587/cashier-client',
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, '')
-      }
-    }
-  },
-  plugins: [
-    vue(),
-    electron({
-      entry: "electron/main.js",
-    }),
-    electronRender(),
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
+export default defineConfig(({ command, mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+  return {
+    server: {
+      proxy: {
+        "/api": {
+          target: env.VITE_API_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, ""),
+        },
+        "/php": {
+          target: env.VITE_API_PHP_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/php/, ""),
+        },
+        "/kp": {
+          target: env.VITE_API_KP_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/kp/, ""),
+        },
+      },
    },
-  },
+    plugins: [
+      vue(),
+      electron({
+        entry: "electron/main.js",
+      }),
+      electronRender(),
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+      },
+    },
+    esbuild: {
+      drop: ["console"],
+    },
+  };
 });
Author	SHA1	Message	Date
gyq	0f522fa9d2	版本更新	2024-08-06 15:26:22 +08:00
gyq	efb7dd3e57	优化	2024-08-06 09:16:06 +08:00
gyq	ac469cbc32	更新没有usb打印机时调用云打印机	2024-08-02 17:54:52 +08:00
gyq	f8c5c9bf59	版本更新	2024-08-02 14:56:30 +08:00
gyq	6e2e7f9719	优化标签测试打印	2024-08-02 11:22:17 +08:00
gyq	b4872fec16	打包更新	2024-08-02 10:49:46 +08:00
gyq	804b677174	更改php https	2024-08-01 15:53:19 +08:00
gyq	367b49c68a	优化	2024-08-01 14:09:19 +08:00
gyq	f393299f0f	优化小票打印	2024-07-31 18:14:23 +08:00
gyq	49cabfed21	小票全部采用本地usb打印	2024-07-30 18:04:53 +08:00
gyq	b2e450fd52	新增本地USB打印	2024-07-29 18:10:01 +08:00
魏啾	4fb34a4235	wwz	2024-07-26 10:47:50 +08:00
魏啾	fdacaab44a	Merge branch 'gyq' of https://e.coding.net/g-cphe0354/pczhuomianduan/cashierdesktop into wwz	2024-07-26 10:47:24 +08:00
gyq	b33086ba04	优化更多	2024-07-26 10:17:26 +08:00
魏啾	fd6410f742	打印	2024-07-26 10:16:57 +08:00
gyq	ea0c01bb2b	更新	2024-07-25 14:13:32 +08:00
gyq	4eb5df7668	优化	2024-07-25 10:50:24 +08:00
gyq	2c58c99d1e	1.优化订单开票按钮显示 2.退出登录新增退出团购	2024-07-24 14:22:14 +08:00
gyq	9e57753323	新增订单开票	2024-07-23 18:30:16 +08:00
gyq	d2183eec37	1.交班新增选择是否打印商品销售数据	2024-07-23 10:25:20 +08:00
gyq	a282636266	1.新增订单手动退款 2.团购新增抖音团购核销	2024-07-19 16:31:40 +08:00
gyq	c155e8a805	新增抖音团购券核销	2024-07-17 18:02:01 +08:00
gyq	aa25c6be3b	1.订单重复打印问题 2.订单增加时间筛选 3.订单增加桌号展示	2024-07-16 16:23:49 +08:00
gyq	4543854d0a	优化台桌页面	2024-07-16 14:06:34 +08:00
gyq	5e7935bb53	优化打印订单新增桌号和时间筛选	2024-07-16 09:13:02 +08:00
gyq	38366601d4	优化各项	2024-07-15 09:46:40 +08:00
gyq	e00feb82ec	提交	2024-07-12 17:54:26 +08:00
gyq	815b6e0a25	优化	2024-07-12 17:12:51 +08:00
gyq	8c1e1d3fbc	优化	2024-07-12 16:36:28 +08:00
gyq	bb554a28d2	密码进行md5校验	2024-07-11 14:55:09 +08:00
gyq	2a09a3fd5b	新增退单支付密码、会员充值支付密码	2024-07-11 14:31:15 +08:00
gyq	a70fa744b2	优化更多	2024-07-10 13:39:17 +08:00
gyq	91670a440b	将长链接剥离出来	2024-07-10 10:24:45 +08:00
gyq	d101ecea41	优化长连接	2024-07-08 09:22:40 +08:00
gyq	de8c5e20f4	提交代码	2024-07-07 09:11:37 +08:00
gyq	8e69969c0e	优化	2024-07-05 18:08:21 +08:00
gyq	105e38c726	更新	2024-07-05 09:43:48 +08:00
gyq	1f20c18384	优化	2024-07-04 13:35:59 +08:00
gyq	c7758f66d7	优化wss连接	2024-07-04 10:04:01 +08:00
gyq	78672a0cf9	新增抖音团购核销	2024-07-01 09:41:33 +08:00
gyq	105ad4ee52	优化扫码叫号	2024-06-27 13:42:35 +08:00
gyq	89b078daae	优化	2024-06-27 10:17:06 +08:00
gyq	b5356d8370	优化问题	2024-06-27 09:16:29 +08:00
gyq	f3dfd4a121	优化标签小票打印	2024-06-26 14:01:12 +08:00
gyq	87627e7b35	优化标签小票打印	2024-06-24 16:43:54 +08:00
魏啾	408e0e44c4	Merge branch 'gyq' of https://e.coding.net/g-cphe0354/pczhuomianduan/cashierdesktop into wwz	2024-06-24 09:05:09 +08:00
gyq	c4cb307275	优化	2024-06-24 09:04:57 +08:00
gyq	ed8b593c1a	优化标签打印	2024-06-23 16:22:55 +08:00
魏啾	776523c1ea	更改订单显示样式	2024-06-22 17:51:48 +08:00
gyq	328b512411	1.手机扫码下单打印标签 2.PC桌面端下单打印标签 3.无需打开叫号窗口扫码叫号取餐	2024-06-22 17:29:34 +08:00
gyq	44495c3ee7	优化打印标签逻辑	2024-06-22 09:15:27 +08:00
gyq	0b2b4b44d0	1.新增全部本地打印标签 2.优化订单重但标签小票	2024-06-21 13:56:16 +08:00
gyq	c86fff9691	新增标签打印	2024-06-18 18:36:53 +08:00
gyq	1439f12ee5	优化新增本地打印交班小票	2024-06-14 11:41:46 +08:00
gyq	fde0ed0eaf	优化	2024-06-12 10:08:08 +08:00
gyq	883eb268f3	优化	2024-06-11 18:26:06 +08:00
gyq	0b42be9964	优化	2024-06-07 18:26:05 +08:00
gyq	a1c8757aaf	优化	2024-06-06 17:44:51 +08:00
gyq	b6030331ff	优化	2024-06-06 09:13:53 +08:00
gyq	ffb6807a90	优化商品显示	2024-05-31 16:32:15 +08:00
gyq	69a74cc416	优化	2024-05-31 14:39:06 +08:00
gyq	bcdf4a5b73	优化	2024-05-31 10:03:36 +08:00
gyq	4e954e42d5	优化	2024-05-31 09:50:08 +08:00
gyq	a5e04e3f97	优化config域名	2024-05-30 14:30:19 +08:00
gyq	1f5f910e99	优化会员扫码充值查询	2024-05-30 11:06:50 +08:00
gyq	c9dc11fa93	优化	2024-05-29 18:00:26 +08:00
gyq	3b0e6513c7	优化会员下单	2024-05-29 14:01:05 +08:00
gyq	bf0614e10b	优化会员充值	2024-05-29 10:04:37 +08:00
gyq	69482f81a7	新增会员下单	2024-05-28 11:58:08 +08:00
gyq	6d7db2d743	优化	2024-05-28 11:05:50 +08:00
gyq	c54304f3d6	优化	2024-05-24 17:54:54 +08:00
gyq	6c1e34be7a	优化	2024-05-23 17:38:34 +08:00
gyq	b8ea253d6e	新增订单快捷收银	2024-05-23 16:09:11 +08:00
gyq	6df40c8423	优化打印	2024-05-23 14:24:41 +08:00
gyq	d08ef6f271	新增团购券订单	2024-05-22 15:37:03 +08:00
gyq	94fb2d2c8e	优化	2024-05-21 17:47:06 +08:00
gyq	443f9ed305	新增团购券	2024-05-21 17:11:10 +08:00
gyq	5c56f5a277	优化	2024-05-20 17:42:57 +08:00
gyq	dbc7444e78	优化快捷支付	2024-05-17 18:33:52 +08:00
gyq	6f378cc3c0	优化桌面端	2024-05-16 16:55:55 +08:00
gyq	43ccf82177	优化首页商品卡顿	2024-04-30 14:20:45 +08:00