1 line
8.2 KiB
Plaintext
1 line
8.2 KiB
Plaintext
{"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;"} |