feat

src/api/order.js

@@ -110,4 +110,9 @@ export const getRiderArriveTime = (params) => {
 // 获取地址列表
 export const getAddressList = (params) => {
   return get('app/address/getAddressList', params);
+}
+
+// 获取usb自动打印内容
+export const getPrintOrderInfos = (params) => {
+  return get('app/order/printOrderInfos', params);
 }

src/common/UsbAutoPrint.vue

@@ -2,29 +2,31 @@
   <div class="print">
     <!-- <div @click="pringPdf">打印测试</div> -->
     <div id="form1">
-      <div style="font-size: 24px;font-weight: bold;text-align: center;">{{title}}</div>
-      <div style="font-size: 18px;text-align: center;margin:10px 0;">美团测试门店郑州</div>
+      <div style="font-size: 24px;font-weight: bold;text-align: center;">#{{printData.daySeq}}{{printData.orderSource}}</div>
+      <!-- <div style="font-size: 18px;text-align: center;margin:10px 0;">{{printData.shopName}}</div>
       <div style="font-size: 18px;font-weight: bold;">期望09月15日 18:45送达</div>
       <div>------------------------------------</div>
-      <div style="font-size: 13px;margin-bottom:5px;">下单时间：2021-09-15 15:43:37</div>
-      <div style="font-size: 13px;">订单编号：211108142923315141</div>
+      <div style="font-size: 13px;margin-bottom:5px;">下单时间：{{printData.createTime}}</div>
+      <div style="font-size: 13px;">订单编号：{{printData.outOrderId}}</div>
       <div>----------------商品--------------</div>
-      <div style="font-size: 20px;">黄焖汁辣酱黄焖鸡酱料228g*2瓶黄焖鸡米饭调料家用排骨秘制佐料包黄焖汁辣酱黄焖鸡酱料228g*2瓶黄焖鸡米饭调料家用排骨秘制佐料包</div>
-      <div style="font-size: 20px;text-align: right;"> x1 0.01</div>
-      <div style="margin-top: 5px;">----------------发票--------------</div>
-      <div style="font-size: 13px;">抬头: 苏州盈点点信息科技有限公司</div>
-      <div style="font-size: 13px;">税号: 921232543123154132313</div>
+      <div style="font-size: 20px; display: flex;flex-wrap:wrap;justify-content:space-between;" v-for="(v,i) in printData.orderGoodsDtoList" :key="i">
+        <div>{{v.foodName}}</div>
+        <div style="width:100%;text-align:right"><span style="margin-right:20px;">x{{v.quantity}}</span><span>{{v.price}}</span></div>
+      </div>
+      <div v-if="printData.taxpayerId || printData.invoiceTitle" style="margin-top: 5px;">----------------发票--------------</div>
+      <div v-if="printData.invoiceTitle" style="font-size: 13px;">抬头: {{printData.invoiceTitle}}</div>
+      <div v-if="printData.taxpayerId" style="font-size: 13px;">税号: {{printData.taxpayerId}}</div>
       <div>------------------------------------</div>
-      <div style="font-size: 13px;display:flex;justify-content: space-between;"><span>配送费:</span><span>6.2元</span></div>
+      <div style="font-size: 13px;display:flex;justify-content: space-between;"><span>配送费:</span><span>{{Number(printData.deliverFee)}}元</span></div>
       <div>------------------------------------</div>
-      <div style="font-size: 13px;display:flex;justify-content: space-between;"><span>原价:</span><span>16.2元</span></div>
+      <div style="font-size: 13px;display:flex;justify-content: space-between;"><span>原价:</span><span>{{printData.originalPrice}}元</span></div>
       <div>------------------------------------</div>
-      <div style="font-size: 18px;font-weight:bold;display:flex;justify-content: space-between;"><span>实付:</span><span>22.4元</span></div>
+      <div style="font-size: 18px;font-weight:bold;display:flex;justify-content: space-between;"><span>实付:</span><span>{{printData.totalPrice}}元</span></div>
       <div>------------------------------------</div>
-      <div style="font-size: 18px;font-weight: bold;">地址: 上地街道彩虹集团公司1号楼11111上地街道彩虹集团公司1号楼11111</div>
-      <div style="font-size: 13px;">周**</div>
-      <div style="font-size: 14px;">18502378946,976</div>
-      <div>----------------#3完--------------</div>
+      <div style="font-size: 18px;font-weight: bold;">地址: {{printData.recipientAddress}}</div>
+      <div style="font-size: 13px;">{{printData.recipientName}}</div>
+      <div style="font-size: 14px;">{{printData.recipientPhone}}</div> -->
+      <div>----------------#{{printData.daySeq}}完--------------</div>
     </div>
   </div>
 </template>
@@ -33,28 +35,14 @@
 import { getLodop } from "./LodopFuncs.js";
 export default {
   name: "UsbAutoPrint",
-  props: { content: Number },
+  props: { printNum: Number, printData: Object },
   data() {
-    return {
-      title: "#3饿百零售(顾客联)",
-    };
+    return {};
   },
   // 监听属性 类似于data概念
   computed: {},
   // 监控data中的数据变化
-  watch: {
-    content: {
-      handler(newVal, oldVal) {
-        if (newVal) {
-          console.log("需要打印的内容：", newVal);
-          this.$nextTick(() => {
-            this.pringPdf();
-          });
-        }
-      },
-      deep: true,
-    },
-  },
+  watch: {},
 
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
@@ -62,9 +50,11 @@ export default {
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
-    // this.$nextTick(() => {
-    //   this.pringPdf();
-    // });
+    if (JSON.stringify(this.printData) !== "{}") {
+      this.$nextTick(() => {
+        this.pringPdf();
+      });
+    }
   },
   // 方法集合
   methods: {
@@ -77,7 +67,7 @@ export default {
       //选择操作系统中设为“默认”的打印机，“-1”代表默认打印机
       LODOP.SET_PRINTER_INDEX(-1);
       //设置打印份数是1份
-      LODOP.SET_PRINT_COPIES(2);
+      LODOP.SET_PRINT_COPIES(1);
       // 参数含义 http://www.c-lodop.com/demolist/PrintSample5.html
       LODOP.SET_PRINT_PAGESIZE(3, 570, 100, "");
       LODOP.ADD_PRINT_HTM(
@@ -87,9 +77,9 @@ export default {
         "100%",
         document.getElementById("form1").innerHTML
       );
-      LODOP.SET_PRINT_STYLE('FontStretch',"ultra-expanded")
-      LODOP.ADD_PRINT_TEXT(50,10,550,40,'这是一个测试文字')//增加纯文本项
+      LODOP.SET_PRINT_STYLEA(0, "Horient", 2);
       LODOP.PRINT();
+      this.$emit("printOver", this.printNum);
       // LODOP.PRINT_DESIGN();
       // LODOP.PREVIEW();
     },

src/components/Home.vue

@@ -55,6 +55,8 @@
         <div class="no-data">暂无订单数据</div>
       </el-col>
     </el-row>
+    <!-- usb自动打印 -->
+    <usb-auto-print @printOver="printOver" :printNum="printNum" :printData="printData"></usb-auto-print>
   </div>
 </template>
 
@@ -62,7 +64,14 @@
 import bus from "../common/bus.js";
 import sendOrderPopup from "./orderComponents/sendOrderPopup.vue";
 import OrderList from "./orderComponents/orderList.vue";
-import { getOrderList, getOrderMarker, getRefreshOrder } from "../api/order.js";
+import UsbAutoPrint from "../common/UsbAutoPrint";
+
+import {
+  getOrderList,
+  getOrderMarker,
+  getRefreshOrder,
+  getPrintOrderInfos,
+} from "../api/order.js";
 import { getShopList } from "../api/shop";
 export default {
   name: "HomeIndex",
@@ -130,11 +139,15 @@ export default {
       timer: null,
       timer2: null,
       shopList: [],
+      printNum: 0,
+      printData: {},
+      printList: [],
     };
   },
   components: {
     sendOrderPopup,
     OrderList,
+    UsbAutoPrint,
   },
   watch: {
     "$store.state.userInfo": {
@@ -165,7 +178,9 @@ export default {
       }
     }, 5000);
   },
-  mounted() {},
+  mounted() {
+    this.usbPrint();
+  },
   beforeDestroy() {
     clearInterval(this.timer);
     this.timer = null;
@@ -177,6 +192,23 @@ export default {
     bus.$off("refreshData");
   },
   methods: {
+    printOver() {
+      this.printList = this.printList.slice(1);
+    },
+    usbPrint() {
+      // usb自动打印新订单、预约单
+      let orderIdStr = "34441,34442,34443";
+      getPrintOrderInfos({ orderIdStr }).then((res) => {
+        console.log("返回内容：", res);
+        if (res.code === 200 && res.data.length) {
+          let len = this.printList.length;
+          this.printList = this.printList.concat(res.data);
+          if (!len) {
+            this.printOver();
+          }
+        }
+      });
+    },
     changeShopIds() {
       this.params.searchShopIdStr = String(this.searchShopIdStr);
       localStorage.setItem("searchShopIdStr", this.params.searchShopIdStr);
@@ -332,6 +364,7 @@ export default {
           let newList = res.data.newList;
           let deliveryList = res.data.deliveryList;
           if (!newList.length && !deliveryList.length) return;
+
           // 根据exceptTime判断是新订单还是预约单
           let normalList = newList
             .filter((v) => {

src/components/orderComponents/orderList.vue

@@ -701,10 +701,6 @@ export default {
     },
     // 补打发票
     orderPrinter(waimaiId, item) {
-      // if (item) {
-      //   this.content = ++this.content;
-      //   return;
-      // }
       if (!waimaiId) return;
       waimaiprinter({ waimaiId }).then((res) => {
         if (res.code == 200) {

vue.config.js

@@ -3,6 +3,7 @@ const path = require('path')
 module.exports = {
   publicPath: "/",
   outputDir: "dist",
+  assetsDir:"static",
   lintOnSave: false, // 关闭eslint
   runtimeCompiler: true,
   chainWebpack: config => {