{"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"]}]}