| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\print\\index.vue?vue&type=style&index=0&id=ac82b74a&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\print\\index.vue","mtime":1761185180152},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoucGVycGFnZSB7DQogIHBhZ2UtYnJlYWstYWZ0ZXI6IGFsd2F5cyAhaW1wb3J0YW50Ow0KfQ0KLm9yZGVyLWJnYyB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgd2lkdGg6IDEwMCU7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIGhlaWdodDogbWF4LWNvbnRlbnQ7DQogIG1pbi1oZWlnaHQ6IDEwMHZoOw0KICBmb250LXdlaWdodDogNjAwOw0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlIHRoIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlLWhlYWRlciB0aGVhZCB0ciB0aDpudGgtb2YtdHlwZSgxKSB7DQogIHBhZGRpbmctbGVmdDogMCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlLWhlYWRlciB0aGVhZCB0ciB0aCB7DQogIGJvcmRlci10b3A6IDFweCBzb2xpZCAjMzMzOw0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlIHRkOm50aC1vZi10eXBlKDEpIHsNCiAgcGFkZGluZy1sZWZ0OiAwICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtdGFibGUtaGVhZGVyIHRhYmxlIHsNCiAgLy9ib3JkZXItdG9wOjAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlLWJvcmRlciB0aCwNCjo6di1kZWVwIC5lbC10YWJsZS1ib3JkZXIgdGQgew0KICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjMzMzICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtdGFibGUtYm9yZGVyIHRoOm50aC1vZi10eXBlKDEpLA0KOjp2LWRlZXAgLmVsLXRhYmxlLWJvcmRlciB0ZDpudGgtb2YtdHlwZSgxKSB7DQogIGJvcmRlci1sZWZ0OiAxcHggc29saWQgIzMzMyAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlIHRoLA0KOjp2LWRlZXAgLmVsLXRhYmxlIHRkIHsNCiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMzMzMgIWltcG9ydGFudDsNCiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzMzMyAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlLXdyYXBwZXItd2l0aC1ib3JkZXIgew0KICBib3JkZXItY29sb3I6ICMzMzMgIWltcG9ydGFudDsNCiAgYm9yZGVyOiB1bnNldDsNCn0NCjo6di1kZWVwIC5lbC10YWJsZS1ib3JkZXI6YWZ0ZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzOw0KICB3aWR0aDogMCAhaW1wb3J0YW50Ow0KICBoZWlnaHQ6IDAgIWltcG9ydGFudDsNCn0NCjo6di1kZWVwIC5lbC10YWJsZS0tYm9yZGVyIHsNCiAgYm9yZGVyOiAxcHggc29saWQgIzMzMyAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlOmJlZm9yZSB7DQogIGJhY2tncm91bmQtY29sb3I6ICMzMzM7DQogIHdpZHRoOiAwICFpbXBvcnRhbnQ7DQogIGhlaWdodDogMCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlIC5jZWxsLA0KOjp2LWRlZXAgLmVsLXRhYmxlIHRoLmVsLXRhYmxlX19jZWxsID4gLmNlbGwgew0KICBoZWlnaHQ6IDQ3cHggIWltcG9ydGFudDsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIGZvbnQtd2VpZ2h0OiA2MDA7DQp9DQo6OnYtZGVlcCAuZWwtdGFibGUgew0KICBjb2xvcjogIzAwMDsNCn0NCi5wcmljZVBheSB7DQogIGZvbnQtd2VpZ2h0OiBib2xkOw0KfQ0KLmJvdHRvbSB7DQogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODUpOw0KICBmb250LXNpemU6IDEycHg7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIG1hcmdpbi10b3A6IDIwcHg7DQogIC5pdGVtIHsNCiAgICBtYXJnaW4tcmlnaHQ6IDMwcHg7DQogICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgfQ0KICAubmFtZSB7DQogICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgfQ0KICAuY29uIHsNCiAgICB3aWR0aDogNzQwcHg7DQogICAgZm9udC13ZWlnaHQ6IHVuc2V0Ow0KICB9DQp9DQoucHV0U3VwcGxpZXIgew0KICB3aWR0aDogNzk0cHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIG1hcmdpbjogMCBhdXRvOw0KICBwYWRkaW5nLXRvcDogMTBweDsNCiAgLypwYWRkaW5nOiAyMHB4IDIwcHggNDUwcHggMjBweDsqLw0KICAvKmJveC1zaXppbmc6IGJvcmRlci1ib3g7Ki8NCiAgLmhlYWRlciB7DQogICAgLmluZm8gew0KICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgIGhlaWdodDogODBweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgfQ0KICAgIC5sZWZ0IHsNCiAgICAgIHdpZHRoOiA1MDBweDsNCiAgICAgIC5waWN0dXJlIHsNCiAgICAgICAgd2lkdGg6IDkwcHg7DQogICAgICAgIGhlaWdodDogOTBweDsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAyMHB4Ow0KICAgICAgICBpbWcgew0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLmluZm8gew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLmRlbGl2ZXJ5IHsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIHdpZHRoOiA3OTRweDsNCiAgcGFkZGluZy10b3A6IDE0cHg7DQogIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZGRkZGRkOw0KICBtYXJnaW46IDExcHggYXV0bzsNCiAgZm9udC1zaXplOiAxMHB4Ow0KICBjb2xvcjogIzMzMzMzMzsNCg0KICBkaXYgKyBkaXYgew0KICAgIG1hcmdpbi1sZWZ0OiAzMHB4Ow0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/order/print","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"]}]}
|
