diff --git a/seller/package.json b/seller/package.json index c61804ba..28269dbf 100644 --- a/seller/package.json +++ b/seller/package.json @@ -23,6 +23,7 @@ "vue": "^2.6.10", "vue-json-excel": "^0.3.0", "vue-lazyload": "^1.3.3", + "vue-print-nb": "^1.7.5", "vue-qr": "^2.3.0", "vue-router": "^3.1.3", "vuedraggable": "^2.23.2", diff --git a/seller/src/main.js b/seller/src/main.js index 8d37f2d3..38786d8c 100644 --- a/seller/src/main.js +++ b/seller/src/main.js @@ -28,6 +28,9 @@ import * as filters from "@/utils/filters"; // global filter import { md5 } from "@/utils/md5.js"; const { aMapSecurityJsCode } = require("@/config"); +// 打印 +import Print from 'vue-print-nb'; +Vue.use(Print); // 高德安全密钥 if (aMapSecurityJsCode) { window._AMapSecurityConfig = { diff --git a/seller/src/views/order/order/orderDetail.vue b/seller/src/views/order/order/orderDetail.vue index bf7c05a4..721b0019 100644 --- a/seller/src/views/order/order/orderDetail.vue +++ b/seller/src/views/order/order/orderDetail.vue @@ -21,6 +21,7 @@ >查看物流 + @@ -474,6 +475,61 @@ + + +

+ 打印发货单 + +

+
+
+ + +

备注：{{ orderInfo.order.remark }}

+ + + + +

收件人：{{ orderInfo.order.consigneeName }}

+ + +

手机号：{{ orderInfo.order.consigneeMobile.replace(/^(.{3})(?:\d+)(.{4})$/, "$1****$2") }}

+

手机号：{{ orderInfo.order.consigneeMobile }}

+ + + + +

收货地址：{{ orderInfo.order.consigneeAddressPath }}{{ orderInfo.order.consigneeDetail }}

+ + + + +

商品信息

+
+
+
+

{{item.goodsName}}

+
+ + + {{ keychild }} : {{ itemchild }} + + +
+
+ 数量：{{item.num}} +
+
+ + +
+
+ +
+ + +
+ @@ -491,6 +547,12 @@ export default { }, data() { return { + printHiddenFlag:false,//隐藏信息 + printInfoObj:{ + id: "printInfo",//要打印的id名 无#号 + popTitle:' ',//页眉标题 默认浏览器标题 空字符串时显示undefined 使用html语言 + extraHead:'',//头部文字 默认空 + }, submitLoading: false, // 添加或编辑提交状态 region: [], //地区 regionId: [], //地区id @@ -512,6 +574,7 @@ export default { }, }, modal: false, //弹出调整价格框 + printModal:false,//弹出打印发货单 //调整价格表单 modifyPriceForm: { orderPrice: 0, @@ -684,6 +747,16 @@ export default { this.orderTakeForm.qrCode = this.orderInfo.order.verificationCode; this.orderTakeModal = true; }, + //打印发货单 + printOrder(){ + this.printModal = true; + }, + printHiddenInfo(){ + this.printHiddenFlag = !this.printHiddenFlag; + }, + printCancel(){ + // this.printHiddenFlag = false; + }, //订单核销提交 orderTakeSubmit() { this.$refs.orderTakeForm.validate((valid) => { @@ -827,6 +900,9 @@ export default {