| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\order\\print\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\order\\print\\index.vue","mtime":1761614939045},{"path":"D:\\front\\item\\zyAdmin\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IuZm9yLWVhY2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMucmVnZXhwLmV4ZWMuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5zdHJpbmcucmVwbGFjZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiOwppbXBvcnQgeyBkaXN0cmlidXRpb25PcmRlciB9IGZyb20gJ0AvYXBpL29yZGVyJzsKaW1wb3J0IFFSQ29kZSBmcm9tICdxcmNvZGVqczInOwppbXBvcnQgU2V0dGluZyBmcm9tICdAL3NldHRpbmcnOwpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIG9yZGVyRGF0YToge30sCiAgICAgIEJhc2VVUkw6IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKC9hZG1pbmFwaS8sICcnKSwKICAgICAgbmV3QXJyYXlEYXRhOiBbXSwKICAgICAgc2l0ZV9uYW1lOiAnJywKICAgICAgcmVmdW5kX3Bob25lOiAnJywKICAgICAgcmVmdW5kX2FkZHJlc3M6ICcnCiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0RGlzdHJpYnV0aW9uKCk7CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkge30sCiAgbWV0aG9kczogewogICAgLy8g55Sf5oiQ5LqM57u056CBCiAgICBjcmVhdFFyQ29kZTogZnVuY3Rpb24gY3JlYXRRckNvZGUoKSB7CiAgICAgIHZhciBxcmNvZGU7CiAgICAgIHZhciB1cmwgPSB3aW5kb3cubG9jYXRpb24ub3JpZ2luICsgJy9wYWdlcy9nb29kcy9vcmRlcl9kZXRhaWxzL2luZGV4P29yZGVyX2lkPScgKyB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsKICAgICAgdGhpcy5uZXdBcnJheURhdGEuZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwgaW5kZXgpIHsKICAgICAgICB2YXIgb2JqID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3FyQ29kZVVybCcgKyBpbmRleCk7CiAgICAgICAgcXJjb2RlID0gbmV3IFFSQ29kZShvYmosIHsKICAgICAgICAgIHRleHQ6IHVybCwKICAgICAgICAgIC8vIOmcgOimgei9rOaNouS4uuS6jOe7tOeggeeahOWGheWuuQogICAgICAgICAgd2lkdGg6IDkwLAogICAgICAgICAgaGVpZ2h0OiA5MCwKICAgICAgICAgIGNvbG9yRGFyazogJyMwMDAwMDAnLAogICAgICAgICAgY29sb3JMaWdodDogJyNmZmZmZmYnLAogICAgICAgICAgY29ycmVjdExldmVsOiBRUkNvZGUuQ29ycmVjdExldmVsLkgKICAgICAgICB9KTsKICAgICAgfSk7CiAgICB9LAogICAgZ2V0RGlzdHJpYnV0aW9uOiBmdW5jdGlvbiBnZXREaXN0cmlidXRpb24oKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIGRpc3RyaWJ1dGlvbk9yZGVyKHRoaXMuJHJvdXRlLnF1ZXJ5LmlkKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpcy5vcmRlckRhdGEgPSByZXMuZGF0YTsKICAgICAgICB2YXIgY2h1bmtlZEFycmF5cyA9IFtdOwogICAgICAgIHJlcy5kYXRhLnByb2R1Y3RfaW5mby5mb3JFYWNoKGZ1bmN0aW9uIChpdGVtLCBpbmRleCkgewogICAgICAgICAgdmFyIGNodW5rSW5kZXggPSBNYXRoLmZsb29yKGluZGV4IC8gNik7CiAgICAgICAgICBpZiAoIWNodW5rZWRBcnJheXNbY2h1bmtJbmRleF0pIHsKICAgICAgICAgICAgY2h1bmtlZEFycmF5c1tjaHVua0luZGV4XSA9IFtdOwogICAgICAgICAgfQogICAgICAgICAgaXRlbS5pbmRleCA9IGluZGV4ICsgMTsKICAgICAgICAgIGNodW5rZWRBcnJheXNbY2h1bmtJbmRleF0ucHVzaChpdGVtKTsKICAgICAgICB9KTsKICAgICAgICBfdGhpcy5uZXdBcnJheURhdGEgPSBjaHVua2VkQXJyYXlzOwogICAgICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gKCkgewogICAgICAgICAgX3RoaXMuY3JlYXRRckNvZGUoKTsKICAgICAgICB9LCAyMDApOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAoZXJyKSB7CiAgICAgICAgX3RoaXMuJE1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"names":["distributionOrder","QRCode","Setting","data","orderData","BaseURL","apiBaseURL","replace","newArrayData","site_name","refund_phone","refund_address","created","getDistribution","mounted","methods","creatQrCode","qrcode","url","window","location","origin","$route","query","id","forEach","item","index","obj","document","getElementById","text","width","height","colorDark","colorLight","correctLevel","CorrectLevel","H","_this","then","res","chunkedArrays","product_info","chunkIndex","Math","floor","push","setTimeout","catch","err","$Message","error","msg"],"sources":["src/pages/order/print/index.vue"],"sourcesContent":["<template>\r\n <!-- 支付订单 -->\r\n <div class=\"order-bgc\">\r\n <div class=\"putSupplier perpage\" v-for=\"(item, index) in newArrayData\" :key=\"index\">\r\n <div class=\"header acea-row row-between-wrapper\">\r\n <div class=\"left acea-row row-middle\">\r\n <!-- <div class=\"picture\" :id=\"'qrCodeUrl' + index\"></div> -->\r\n <div class=\"info\">\r\n <div><span class=\"name\">收货人：</span>{{ orderData.user_name }}</div>\r\n <div><span class=\"name\">收货地址：</span>{{ orderData.user_address }}</div>\r\n <div>\r\n <span class=\"name\">手机号：</span><span>{{ orderData.user_phone }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"info\">\r\n <div><span class=\"name\">订单编号：</span>{{ orderData.order_id }}</div>\r\n <div><span class=\"name\">支付时间：</span>{{ orderData.pay_time }}</div>\r\n <div><span class=\"name\">支付方式：</span>{{ orderData.pay_type }}</div>\r\n </div>\r\n </div>\r\n <div class=\"mt20\">\r\n <el-table border :data=\"item\" :disabled-hover=\"true\">\r\n <el-table-column label=\"商品编号\" width=\"80\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.index }} </span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"商品名称\" width=\"170\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.name }} </span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"商品规格\" minWidth=\"150\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.sku }} </span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"单价\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.price }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"数量\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.num }} </span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"金额\" width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"nickname\">{{ scope.row.sum_price }}</span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n <div class=\"bottom acea-row row-between-wrapper\">\r\n <div class=\"acea-row row-middle\">\r\n <div class=\"item\"><span class=\"name\">运费：</span>{{ orderData.pay_postage }}</div>\r\n <div class=\"item\"><span class=\"name\">优惠：</span>{{ orderData.coupon_price }}</div>\r\n <div class=\"item\"><span class=\"name\">会员折扣：</span>{{ orderData.vip_price }}</div>\r\n <div class=\"item\"><span class=\"name\">积分抵扣：</span>{{ orderData.deduction_price }}</div>\r\n </div>\r\n <div class=\"pricePay\">实付金额：{{ orderData.pay_price }}</div>\r\n </div>\r\n <div class=\"bottom acea-row\">\r\n <div class=\"name\">\r\n 用户备注：<span class=\"con\">{{ orderData.mark || '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- 注意：后续要是加内容使页面撑大，记得查看下打印是否在同一张,是否会多余一张空白纸 -->\r\n </div>\r\n</template>\r\n<script>\r\nimport { distributionOrder } from '@/api/order';\r\nimport QRCode from 'qrcodejs2';\r\nimport Setting from '@/setting';\r\nexport default {\r\n data() {\r\n return {\r\n orderData: {},\r\n BaseURL: Setting.apiBaseURL.replace(/adminapi/, ''),\r\n newArrayData: [],\r\n site_name: '',\r\n refund_phone: '',\r\n refund_address: '',\r\n };\r\n },\r\n created() {\r\n this.getDistribution();\r\n },\r\n mounted() {},\r\n methods: {\r\n // 生成二维码\r\n creatQrCode() {\r\n let qrcode;\r\n let url = window.location.origin + '/pages/goods/order_details/index?order_id=' + this.$route.query.id;\r\n this.newArrayData.forEach((item, index) => {\r\n let obj = document.getElementById('qrCodeUrl' + index);\r\n qrcode = new QRCode(obj, {\r\n text: url, // 需要转换为二维码的内容\r\n width: 90,\r\n height: 90,\r\n colorDark: '#000000',\r\n colorLight: '#ffffff',\r\n correctLevel: QRCode.CorrectLevel.H,\r\n });\r\n });\r\n },\r\n getDistribution() {\r\n distributionOrder(this.$route.query.id)\r\n .then((res) => {\r\n this.orderData = res.data;\r\n const chunkedArrays = [];\r\n res.data.product_info.forEach((item, index) => {\r\n const chunkIndex = Math.floor(index / 6);\r\n if (!chunkedArrays[chunkIndex]) {\r\n chunkedArrays[chunkIndex] = [];\r\n }\r\n item.index = index + 1;\r\n chunkedArrays[chunkIndex].push(item);\r\n });\r\n this.newArrayData = chunkedArrays;\r\n setTimeout(() => {\r\n this.creatQrCode();\r\n }, 200);\r\n })\r\n .catch((err) => {\r\n this.$Message.error(err.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.perpage {\r\n page-break-after: always !important;\r\n}\r\n.order-bgc {\r\n position: absolute;\r\n width: 100%;\r\n background-color: #fff;\r\n height: max-content;\r\n min-height: 100vh;\r\n font-weight: 600;\r\n}\r\n::v-deep .el-table th {\r\n background-color: #fff !important;\r\n}\r\n::v-deep .el-table-header thead tr th:nth-of-type(1) {\r\n padding-left: 0 !important;\r\n}\r\n::v-deep .el-table-header thead tr th {\r\n border-top: 1px solid #333;\r\n}\r\n::v-deep .el-table td:nth-of-type(1) {\r\n padding-left: 0 !important;\r\n}\r\n::v-deep .el-table-header table {\r\n //border-top:0!important;\r\n}\r\n::v-deep .el-table-border th,\r\n::v-deep .el-table-border td {\r\n border-right: 1px solid #333 !important;\r\n}\r\n::v-deep .el-table-border th:nth-of-type(1),\r\n::v-deep .el-table-border td:nth-of-type(1) {\r\n border-left: 1px solid #333 !important;\r\n}\r\n::v-deep .el-table th,\r\n::v-deep .el-table td {\r\n border-bottom: 1px solid #333 !important;\r\n border-right: 1px solid #333 !important;\r\n}\r\n::v-deep .el-table-wrapper-with-border {\r\n border-color: #333 !important;\r\n border: unset;\r\n}\r\n::v-deep .el-table-border:after {\r\n background-color: #333;\r\n width: 0 !important;\r\n height: 0 !important;\r\n}\r\n::v-deep .el-table--border {\r\n border: 1px solid #333 !important;\r\n}\r\n::v-deep .el-table:before {\r\n background-color: #333;\r\n width: 0 !important;\r\n height: 0 !important;\r\n}\r\n::v-deep .el-table .cell,\r\n::v-deep .el-table th.el-table__cell > .cell {\r\n height: 47px !important;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 600;\r\n}\r\n::v-deep .el-table {\r\n color: #000;\r\n}\r\n.pricePay {\r\n font-weight: bold;\r\n}\r\n.bottom {\r\n color: rgba(0, 0, 0, 0.85);\r\n font-size: 12px;\r\n font-weight: 400;\r\n margin-top: 20px;\r\n .item {\r\n margin-right: 30px;\r\n font-weight: 600;\r\n }\r\n .name {\r\n font-weight: 600;\r\n }\r\n .con {\r\n width: 740px;\r\n font-weight: unset;\r\n }\r\n}\r\n.putSupplier {\r\n width: 794px;\r\n background-color: #fff;\r\n margin: 0 auto;\r\n padding-top: 10px;\r\n /*padding: 20px 20px 450px 20px;*/\r\n /*box-sizing: border-box;*/\r\n .header {\r\n .info {\r\n font-size: 12px;\r\n color: rgba(0, 0, 0, 0.85);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 80px;\r\n font-weight: 600;\r\n }\r\n .left {\r\n width: 500px;\r\n .picture {\r\n width: 90px;\r\n height: 90px;\r\n margin-right: 20px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .info {\r\n flex: 1;\r\n }\r\n }\r\n }\r\n}\r\n.delivery {\r\n display: flex;\r\n justify-content: center;\r\n width: 794px;\r\n padding-top: 14px;\r\n border-top: 1px solid #dddddd;\r\n margin: 11px auto;\r\n font-size: 10px;\r\n color: #333333;\r\n\r\n div + div {\r\n margin-left: 30px;\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;AA0EA,SAAAA,iBAAA;AACA,OAAAC,MAAA;AACA,OAAAC,OAAA;AACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,OAAA,EAAAH,OAAA,CAAAI,UAAA,CAAAC,OAAA;MACAC,YAAA;MACAC,SAAA;MACAC,YAAA;MACAC,cAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,eAAA;EACA;EACAC,OAAA,WAAAA,QAAA;EACAC,OAAA;IACA;IACAC,WAAA,WAAAA,YAAA;MACA,IAAAC,MAAA;MACA,IAAAC,GAAA,GAAAC,MAAA,CAAAC,QAAA,CAAAC,MAAA,uDAAAC,MAAA,CAAAC,KAAA,CAAAC,EAAA;MACA,KAAAhB,YAAA,CAAAiB,OAAA,WAAAC,IAAA,EAAAC,KAAA;QACA,IAAAC,GAAA,GAAAC,QAAA,CAAAC,cAAA,eAAAH,KAAA;QACAV,MAAA,OAAAhB,MAAA,CAAA2B,GAAA;UACAG,IAAA,EAAAb,GAAA;UAAA;UACAc,KAAA;UACAC,MAAA;UACAC,SAAA;UACAC,UAAA;UACAC,YAAA,EAAAnC,MAAA,CAAAoC,YAAA,CAAAC;QACA;MACA;IACA;IACAzB,eAAA,WAAAA,gBAAA;MAAA,IAAA0B,KAAA;MACAvC,iBAAA,MAAAsB,MAAA,CAAAC,KAAA,CAAAC,EAAA,EACAgB,IAAA,WAAAC,GAAA;QACAF,KAAA,CAAAnC,SAAA,GAAAqC,GAAA,CAAAtC,IAAA;QACA,IAAAuC,aAAA;QACAD,GAAA,CAAAtC,IAAA,CAAAwC,YAAA,CAAAlB,OAAA,WAAAC,IAAA,EAAAC,KAAA;UACA,IAAAiB,UAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAnB,KAAA;UACA,KAAAe,aAAA,CAAAE,UAAA;YACAF,aAAA,CAAAE,UAAA;UACA;UACAlB,IAAA,CAAAC,KAAA,GAAAA,KAAA;UACAe,aAAA,CAAAE,UAAA,EAAAG,IAAA,CAAArB,IAAA;QACA;QACAa,KAAA,CAAA/B,YAAA,GAAAkC,aAAA;QACAM,UAAA;UACAT,KAAA,CAAAvB,WAAA;QACA;MACA,GACAiC,KAAA,WAAAC,GAAA;QACAX,KAAA,CAAAY,QAAA,CAAAC,KAAA,CAAAF,GAAA,CAAAG,GAAA;MACA;IACA;EACA;AACA","ignoreList":[]}]}
|
