{"version":3,"file":"pickUpVerify.js","sources":["../../../../../../src/modules/mall/order/pickUpVerify.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvb3JkZXIvcGlja1VwVmVyaWZ5LnZ1ZQ"],"sourcesContent":["<template>\r\n  <view class=\"order-details\">\r\n    <!--  自提商品核销  -->\r\n    <view v-if=\"orderInfo.deliveryType === 2 && orderInfo.payStatus\" class=\"writeOff borRadius14\">\r\n      <view class=\"title\">核销信息</view>\r\n      <view class=\"grayBg flex-center\">\r\n        <view class=\"pictrue\">\r\n          <image\r\n            v-if=\"!!painterImageUrl\"\r\n            :src=\"painterImageUrl\"\r\n            :style=\"{ width: `${state.qrcodeSize}px`, height: `${state.qrcodeSize}px` }\"\r\n            :show-menu-by-longpress=\"true\"\r\n          />\r\n        </view>\r\n      </view>\r\n      <view class=\"gear\">\r\n        <image :src=\"sheep.$url.static('/static/images/writeOff.png', 'local')\"></image>\r\n      </view>\r\n      <view class=\"num\">{{ orderInfo.pickUpVerifyCode }}</view>\r\n      <view class=\"rules\">\r\n        <!-- TODO puhui999: 需要后端放回：使用 receiveTime 即可 -->\r\n        <!--        <view class=\"item\">-->\r\n        <!--          <view class=\"rulesTitle flex flex-wrap align-center\">-->\r\n        <!--            核销时间-->\r\n        <!--          </view>-->\r\n        <!--          <view class=\"info\">-->\r\n        <!--            每日：-->\r\n        <!--            <text class=\"time\">2020-2-+52</text>-->\r\n        <!--          </view>-->\r\n        <!--        </view>-->\r\n        <view class=\"item\">\r\n          <view class=\"rulesTitle flex flex-wrap align-center\">\r\n            <text class=\"iconfont icon-shuoming1\"></text>\r\n            使用说明\r\n          </view>\r\n          <view class=\"info\">可将二维码出示给店员扫描或提供数字核销码</view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n    <view\r\n      v-if=\"orderInfo.deliveryType === 2\"\r\n      class=\"map flex flex-wrap align-center ss-row-between borRadius14\"\r\n    >\r\n      <view>自提地址信息</view>\r\n      <view class=\"place cart-color flex flex-wrap flex-center\" @tap=\"showMaoLocation\">\r\n        查看位置\r\n      </view>\r\n    </view>\r\n    <!--  海报画板：默认隐藏只用来生成海报。生成方式为主动调用  -->\r\n    <l-painter\r\n      v-if=\"showPainter\"\r\n      isCanvasToTempFilePath\r\n      pathType=\"url\"\r\n      @success=\"setPainterImageUrl\"\r\n      hidden\r\n      ref=\"painterRef\"\r\n    />\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { reactive, ref } from 'vue'\r\n\r\nconst props = defineProps({\r\n  orderInfo: {\r\n    type: Object,\r\n    default() {},\r\n  },\r\n  systemStore: {\r\n    type: Object,\r\n    default() {},\r\n  },\r\n})\r\nconst state = reactive({\r\n  qrcodeSize: 145,\r\n})\r\n\r\n/**\r\n * 打开地图\r\n */\r\nconst showMaoLocation = () => {\r\n  console.log(props.systemStore)\r\n  if (!props.systemStore.latitude || !props.systemStore.longitude) {\r\n    sheep.$helper.toast('缺少经纬度信息无法查看地图!')\r\n    return\r\n  }\r\n  uni.openLocation({\r\n    latitude: props.systemStore.latitude,\r\n    longitude: props.systemStore.longitude,\r\n    scale: 8,\r\n    name: props.systemStore.name,\r\n    address: props.systemStore.areaName + props.systemStore.detailAddress,\r\n  })\r\n}\r\n/**\r\n * 拨打电话\r\n */\r\nconst makePhone = () => {\r\n  uni.makePhoneCall({\r\n    phoneNumber: props.systemStore.phone,\r\n  })\r\n}\r\n\r\nconst painterRef = ref() // 海报画板\r\nconst painterImageUrl = ref() // 海报 url\r\nconst showPainter = ref(true)\r\n// 渲染海报\r\nconst renderPoster = async (poster) => {\r\n  await painterRef.value.render(poster)\r\n}\r\n// 获得生成的图片\r\nconst setPainterImageUrl = (path) => {\r\n  painterImageUrl.value = path\r\n  showPainter.value = false\r\n}\r\n/**\r\n * 生成核销二维码\r\n */\r\nconst markCode = (text) => {\r\n  renderPoster({\r\n    css: {\r\n      width: `${state.qrcodeSize}px`,\r\n      height: `${state.qrcodeSize}px`,\r\n    },\r\n    views: [\r\n      {\r\n        type: 'qrcode',\r\n        text,\r\n        css: {\r\n          width: `${state.qrcodeSize}px`,\r\n          height: `${state.qrcodeSize}px`,\r\n        },\r\n      },\r\n    ],\r\n  })\r\n}\r\ndefineExpose({\r\n  markCode,\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n// TODO puhui999: 样式需要调整有 bug\r\n.borRadius14 {\r\n  border-radius: 14rpx !important;\r\n}\r\n.cart-color {\r\n  color: #e93323 !important;\r\n  border: 1px solid #e93323 !important;\r\n}\r\n.order-details {\r\n  margin: 0 20rpx 20rpx 20rpx;\r\n  border-radius: 10rpx;\r\n}\r\n.order-details .writeOff {\r\n  padding-bottom: 50rpx;\r\n  margin-top: 15rpx;\r\n  background-color: #fff;\r\n}\r\n\r\n.order-details .writeOff .title {\r\n  height: 87rpx;\r\n  padding: 0 24rpx;\r\n  font-size: 30rpx;\r\n  line-height: 87rpx;\r\n  color: #282828;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.order-details .writeOff .grayBg {\r\n  width: 590rpx;\r\n  height: 384rpx;\r\n  padding-top: 55rpx;\r\n  margin: 50rpx auto 0 auto;\r\n  background-color: #f2f5f7;\r\n  border-radius: 20rpx 20rpx 0 0;\r\n}\r\n\r\n.order-details .writeOff .grayBg .pictrue {\r\n  width: 290rpx;\r\n  height: 290rpx;\r\n}\r\n\r\n.order-details .writeOff .grayBg .pictrue image {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.order-details .writeOff .gear {\r\n  width: 590rpx;\r\n  height: 30rpx;\r\n  margin: 0 auto;\r\n}\r\n\r\n.order-details .writeOff .gear image {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.order-details .writeOff .num {\r\n  width: 590rpx;\r\n  height: 84rpx;\r\n  padding-top: 4rpx;\r\n  margin: 0 auto;\r\n  font-size: 48rpx;\r\n  color: #282828;\r\n  text-align: center;\r\n  background-color: #f0c34c;\r\n  border-radius: 0 0 20rpx 20rpx;\r\n}\r\n\r\n.order-details .writeOff .rules {\r\n  padding-top: 10rpx;\r\n  margin: 46rpx 30rpx 0 30rpx;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.order-details .writeOff .rules .item {\r\n  margin-top: 20rpx;\r\n}\r\n\r\n.order-details .writeOff .rules .item .rulesTitle {\r\n  font-size: 28rpx;\r\n  color: #282828;\r\n}\r\n\r\n.order-details .writeOff .rules .item .rulesTitle .iconfont {\r\n  margin-top: 5rpx;\r\n  margin-right: 8rpx;\r\n  font-size: 30rpx;\r\n  color: #333;\r\n}\r\n\r\n.order-details .writeOff .rules .item .info {\r\n  margin-top: 7rpx;\r\n  font-size: 28rpx;\r\n  color: #999;\r\n}\r\n\r\n.order-details .writeOff .rules .item .info .time {\r\n  margin-left: 20rpx;\r\n}\r\n\r\n.order-details .map {\r\n  height: 86rpx;\r\n  padding: 0 24rpx;\r\n  margin-top: 15rpx;\r\n  font-size: 30rpx;\r\n  line-height: 86rpx;\r\n  color: #282828;\r\n  background-color: #fff;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.order-details .map .place {\r\n  width: 176rpx;\r\n  height: 50rpx;\r\n  font-size: 26rpx;\r\n  line-height: 50rpx;\r\n  text-align: center;\r\n  border-radius: 25rpx;\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/order/pickUpVerify.vue'\nwx.createComponent(Component)"],"names":["reactive","sheep","uni","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,QAAQ;AAUd,UAAM,QAAQA,cAAAA,SAAS;AAAA,MACrB,YAAY;AAAA,IACd,CAAC;AAKD,UAAM,kBAAkB,MAAM;AAC5B,cAAQ,IAAI,MAAM,WAAW;AAC7B,UAAI,CAAC,MAAM,YAAY,YAAY,CAAC,MAAM,YAAY,WAAW;AAC/DC,0BAAM,QAAQ,MAAM,gBAAgB;AACpC;AAAA,MACD;AACDC,oBAAAA,MAAI,aAAa;AAAA,QACf,UAAU,MAAM,YAAY;AAAA,QAC5B,WAAW,MAAM,YAAY;AAAA,QAC7B,OAAO;AAAA,QACP,MAAM,MAAM,YAAY;AAAA,QACxB,SAAS,MAAM,YAAY,WAAW,MAAM,YAAY;AAAA,MAC5D,CAAG;AAAA,IACH;AAUA,UAAM,aAAaC,cAAAA,IAAK;AACxB,UAAM,kBAAkBA,cAAAA,IAAK;AAC7B,UAAM,cAAcA,cAAG,IAAC,IAAI;AAE5B,UAAM,eAAe,CAAO,WAAW;AACrC,YAAM,WAAW,MAAM,OAAO,MAAM;AAAA,IACtC;AAEA,UAAM,qBAAqB,CAAC,SAAS;AACnC,sBAAgB,QAAQ;AACxB,kBAAY,QAAQ;AAAA,IACtB;AAIA,UAAM,WAAW,CAAC,SAAS;AACzB,mBAAa;AAAA,QACX,KAAK;AAAA,UACH,OAAO,GAAG,MAAM,UAAU;AAAA,UAC1B,QAAQ,GAAG,MAAM,UAAU;AAAA,QAC5B;AAAA,QACD,OAAO;AAAA,UACL;AAAA,YACE,MAAM;AAAA,YACN;AAAA,YACA,KAAK;AAAA,cACH,OAAO,GAAG,MAAM,UAAU;AAAA,cAC1B,QAAQ,GAAG,MAAM,UAAU;AAAA,YAC5B;AAAA,UACF;AAAA,QACF;AAAA,MACL,CAAG;AAAA,IACH;AACA,aAAa;AAAA,MACX;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1ID,GAAG,gBAAgB,SAAS;"}