{
+
+ const orderCount = ref(localStorage.getItem('orderCount')||0);
+
+
+ const setOrderCount = (e)=>{
+ orderCount.value = e;
+ localStorage.setItem('orderCount',e);
+ }
+
+ return {
+ orderCount,
+ setOrderCount
+ }
+})
\ No newline at end of file
diff --git a/src/utils/EscPos.js b/src/utils/EscPos.js
new file mode 100644
index 0000000..588b5f9
--- /dev/null
+++ b/src/utils/EscPos.js
@@ -0,0 +1,70 @@
+import * as Esc from "@/utils/EscPostUtils.js";
+
+const testObj = {
+ mer_name: "莲花农贸市场", //商户名称
+ service_phone: "0830-2669767", //客服电话
+ number: "PF171568087790938356", //单号
+ create_time: "2024-5-15 18:00:32", //下单时间
+ total_price: "29.96", //总价
+ pay_price: "29.96", //实付
+ pay_type: "微信支付", //支付方式
+ pay_number: "4200002159202405159003084211", //支付单号
+ goods: [
+ {
+ name: "白菜 大白菜", //商品名称
+ sell: "236.60", //单价
+ nums: "13", //数量
+ unit_name: "kg", //单位
+ total: "2896.34" //小计
+ },
+ {
+ name: "小黄鸭", //商品名称
+ sell: "9.56", //单价
+ nums: "2", //数量
+ unit_name: "只", //单位
+ total: "19.38" //小计
+ },
+ {
+ name: "卷心菜", //商品名称
+ sell: "15.37", //单价
+ nums: "8", //数量
+ unit_name: "斤", //单位
+ total: "134.38" //小计
+ }
+ ]
+}
+
+export const printTicket = (obj = {}, test = false) => {
+ let str = "";
+ if(!obj || !obj.number) obj = testObj;
+ str += Esc.Size2(0) + Esc.Center() + Esc.boldFontOn() + obj.mer_name + "\n";
+ str += Esc.fillLine(" ") + Esc.boldFontOff() + "\n";
+ str += Esc.Left() + "单号: " + obj.number + "\n";
+ str += Esc.Left() + "下单时间: " + obj.create_time + "\n";
+
+ // 商品信息
+ str += Esc.fillLine("=") + "\n";
+
+ str += Esc.inline3("单价", "数量", "小计", " ", 1) + "\n";
+ obj.goods.forEach(item => {
+ str += Esc.Left() + item.name + "\n";
+ str += Esc.inline3(`${item.sell}元`, `${item.nums}${item.unit_name}`, `${item.total}元`, " ", 1) + "\n";
+ })
+
+ str += Esc.fillLine("=") + "\n";
+
+ str += Esc.Left() + "应付款: " + obj.total_price + "元" + "\n";
+ str += Esc.Left() + "实付款: " + obj.pay_price + "元" + "\n";
+ str += Esc.Left() + "支付方式: " + obj.pay_type + "\n";
+ str += Esc.Left() + "支付单号: " + obj.pay_number + "\n";
+ str += Esc.Left() + "联系电话: " + obj.service_phone + "\n";
+ str += Esc.fillLine("=") + "\n";
+
+ // 票尾
+ str += Esc.fillLine(" ") + "\n";
+ str += Esc.Center() + "欢迎下次光临!" + "\n";
+ str += Esc.feedLines(" ") + "\n";
+ // 切纸
+ str += Esc.cutPaper();
+ return str;
+}
\ No newline at end of file
diff --git a/src/utils/EscPostUtils.js b/src/utils/EscPostUtils.js
index 82f2b02..f85e439 100644
--- a/src/utils/EscPostUtils.js
+++ b/src/utils/EscPostUtils.js
@@ -1,3 +1,5 @@
+// 此为指令集, 如非必要请不要进行修改操作, 以免打印效果异常
+
// 打印机纸宽58mm，页的宽度384，字符宽度为1，每行最多盛放32个字符
// 打印机纸宽80mm，页的宽度576，字符宽度为1，每行最多盛放48个字符
const PAGE_WIDTH = 384;
@@ -238,39 +240,19 @@ export function inline(str1, str2, fillWith = ' ', fontWidth = 1) {
* @param {string} fillWith 列之间的填充字符
* @param {number} fontWidth 字符宽度（默认为1）
*/
-export function inlineThreeColumns(str1, str2, str3, fillWith = ' ', fontWidth = 1) {
- const lineWidth = MAX_CHAR_COUNT_EACH_LINE / fontWidth;
-
- // 计算每列的宽度（假设三列等宽）
- const columnWidth = Math.floor(lineWidth / 3);
-
- // 计算每列的实际宽度
- const width1 = getStringWidth(str1);
- const width2 = getStringWidth(str2);
- const width3 = getStringWidth(str3);
-
- // 计算每列需要的填充数量
- let fillCount1 = columnWidth - width1;
- let fillCount2 = columnWidth - width2;
- let fillCount3 = lineWidth - columnWidth - (width1 + fillCount1 * fontWidth + width2 + fillCount2 * fontWidth + width3);
-
- // 创建填充字符串
- let fillStr1 = new Array(fillCount1).fill(fillWith.charAt(0)).join('');
- let fillStr2 = new Array(fillCount2).fill(fillWith.charAt(0)).join('');
- let fillStr3 = new Array(fillCount3).fill(fillWith.charAt(0)).join('');
-
- // 拼接字符串
- return str1 + fillStr1 + str2 + fillStr2 + str3 + fillStr3;
-}
-
export function inline3(str1, str2, str3, fillWith = ' ', fontWidth = 1) {
const lineWidth = MAX_CHAR_COUNT_EACH_LINE / fontWidth;
// 需要填充的字符数量
let fillCount = lineWidth - (getStringWidth(str1) + getStringWidth(str2) + getStringWidth(str3)) % lineWidth;
- console.log("=",lineWidth, getStringWidth(str1) + getStringWidth(str2) + getStringWidth(str3), fillCount);
- fillCount = Math.floor(fillCount / 2);
- let fillStr = new Array(fillCount).fill(fillWith.charAt(0)).join('');
- return str1 + fillStr + str2 + fillStr + str3;
+ let count2 = Math.floor(fillCount / 2); //分别计算出两边各自需要填充的数量
+ let count1 = fillCount - count2;
+ if(fillCount>2){ //往左偏移两位， 防止打印时，小计与数量重叠
+ count1 -= 2;
+ count2 += 2;
+ }
+ let fillStr1 = new Array(count1).fill(fillWith.charAt(0)).join('');
+ let fillStr2 = new Array(count2).fill(fillWith.charAt(0)).join('');
+ return str1 + fillStr1 + str2 + fillStr2 + str3;
}
/**
diff --git a/src/views/order/component/detail.vue b/src/views/order/component/detail.vue
index 2e53cc6..740a19f 100644
--- a/src/views/order/component/detail.vue
+++ b/src/views/order/component/detail.vue
@@ -175,8 +175,8 @@ onUnmounted(() => {
支付方式:
微信收款
- 余额支付
- 微信支付
+ 余额支付
+ 微信支付