|
@@ -3,7 +3,7 @@
|
|
</route>
|
|
</route>
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
import UQRCode from 'uqrcodejs'
|
|
import UQRCode from 'uqrcodejs'
|
|
-import { getPointsOrder, storeAndPunchIn } from '../../../../core/libs/requests'
|
|
|
|
|
|
+import { getPointsOrder, getDesignerInfo,storeAndPunchIn } from '../../../../core/libs/requests'
|
|
import { qrCodeString2Object, toQrCodeString } from '../../../../core/utils/common'
|
|
import { qrCodeString2Object, toQrCodeString } from '../../../../core/utils/common'
|
|
import { QrCodeBusinessType } from '../../../../core/libs/enums'
|
|
import { QrCodeBusinessType } from '../../../../core/libs/enums'
|
|
import { useUserStore } from '../../../../store'
|
|
import { useUserStore } from '../../../../store'
|
|
@@ -16,7 +16,9 @@ const { userInfo } = storeToRefs(userStore)
|
|
const router = useRouter()
|
|
const router = useRouter()
|
|
const qrCodeCanvas = ref()
|
|
const qrCodeCanvas = ref()
|
|
const { data, run: setData } = useRequest(() => getPointsOrder(id.value), { initialData: {} })
|
|
const { data, run: setData } = useRequest(() => getPointsOrder(id.value), { initialData: {} })
|
|
-
|
|
|
|
|
|
+const { data: designerInfo, run: setDesignerInfo } = useRequest(() => getDesignerInfo(id.value), {
|
|
|
|
+ initialData: {},
|
|
|
|
+})
|
|
const a = async (canvasContext: UniApp.CanvasContext) => {
|
|
const a = async (canvasContext: UniApp.CanvasContext) => {
|
|
const qr = new UQRCode()
|
|
const qr = new UQRCode()
|
|
// 设置二维码内容
|
|
// 设置二维码内容
|
|
@@ -112,20 +114,26 @@ const handleClickScan = async () => {
|
|
const saveQrcode = async () => {
|
|
const saveQrcode = async () => {
|
|
try {
|
|
try {
|
|
console.log(qrCodeCanvas.value)
|
|
console.log(qrCodeCanvas.value)
|
|
- const option = {
|
|
|
|
- // #ifdef H5
|
|
|
|
- canvasId: 'qrcode',
|
|
|
|
- // #endif
|
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
|
- canvas: toRaw(qrCodeCanvas.value),
|
|
|
|
- // #endif
|
|
|
|
- }
|
|
|
|
- console.log(option)
|
|
|
|
- const { tempFilePath } = await wx.canvasToTempFilePath(option)
|
|
|
|
- console.log(tempFilePath)
|
|
|
|
- await uni.saveImageToPhotosAlbum({
|
|
|
|
- filePath: tempFilePath,
|
|
|
|
- })
|
|
|
|
|
|
+ // const option = {
|
|
|
|
+ // // #ifdef H5
|
|
|
|
+ // canvasId: 'qrcode',
|
|
|
|
+ // // #endif
|
|
|
|
+ // // #ifdef MP-WEIXIN
|
|
|
|
+ // canvas: toRaw(qrCodeCanvas.value),
|
|
|
|
+ // // #endif
|
|
|
|
+ // }
|
|
|
|
+ // console.log(option)
|
|
|
|
+ // const { tempFilePath } = await wx.canvasToTempFilePath(option)
|
|
|
|
+ // console.log(tempFilePath)
|
|
|
|
+ uni.downloadFile({
|
|
|
|
+ url:designerInfo.value.homeUrl,
|
|
|
|
+ success: (res) => {
|
|
|
|
+ uni.saveImageToPhotosAlbum({
|
|
|
|
+ // filePath: res.tempFilePath,
|
|
|
|
+ filePath: res.tempFilePath,
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
await uni.showToast({ title: '保存成功' })
|
|
await uni.showToast({ title: '保存成功' })
|
|
} catch (e) {
|
|
} catch (e) {
|
|
await uni.showToast({ title: '保存失败', icon: 'none' })
|
|
await uni.showToast({ title: '保存失败', icon: 'none' })
|
|
@@ -134,7 +142,8 @@ const saveQrcode = async () => {
|
|
onLoad(async (query: { id: string }) => {
|
|
onLoad(async (query: { id: string }) => {
|
|
id.value = query.id
|
|
id.value = query.id
|
|
// #ifdef MP-WEIXIN
|
|
// #ifdef MP-WEIXIN
|
|
- await generateCodeMp()
|
|
|
|
|
|
+ // await generateCodeMp()
|
|
|
|
+ await setDesignerInfo()
|
|
// #endif
|
|
// #endif
|
|
// #ifdef H5
|
|
// #ifdef H5
|
|
await generateCode()
|
|
await generateCode()
|
|
@@ -147,12 +156,13 @@ onReady(() => {})
|
|
<div class="flex-grow flex flex-col justify-center">
|
|
<div class="flex-grow flex flex-col justify-center">
|
|
<div>
|
|
<div>
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
- <canvas
|
|
|
|
|
|
+ <wd-img :width="204" :height="204" :src="designerInfo.homeUrl"></wd-img>
|
|
|
|
+ <!-- <canvas
|
|
type="2d"
|
|
type="2d"
|
|
id="qrcode"
|
|
id="qrcode"
|
|
canvas-id="qrcode"
|
|
canvas-id="qrcode"
|
|
style="width: 200px; height: 200px"
|
|
style="width: 200px; height: 200px"
|
|
- ></canvas>
|
|
|
|
|
|
+ ></canvas> -->
|
|
<!-- #endif -->
|
|
<!-- #endif -->
|
|
<!-- #ifdef H5 -->
|
|
<!-- #ifdef H5 -->
|
|
<canvas id="qrcode" canvas-id="qrcode" style="width: 200px; height: 200px"></canvas>
|
|
<canvas id="qrcode" canvas-id="qrcode" style="width: 200px; height: 200px"></canvas>
|