|
|
@ -27,6 +27,7 @@ |
|
|
|
export default { |
|
|
|
name: 'Placard', |
|
|
|
components : { VueQrcode }, |
|
|
|
props : ['userInfo'], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
qrCodeValue: import.meta.env.VITE_REDIRECT_URI + `?vid=${this.getUserInfo()}`, |
|
|
@ -46,7 +47,7 @@ |
|
|
|
tempFilePath: '', |
|
|
|
|
|
|
|
_rpx: 0, |
|
|
|
_center: 0 |
|
|
|
_center: 0, |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
@ -66,7 +67,7 @@ |
|
|
|
bg.src = import.meta.env.VITE_REDIRECT_URI + '/static/placard/placard-bg.png' |
|
|
|
//logo |
|
|
|
let logo = new Image(); |
|
|
|
logo.src = import.meta.env.VITE_REDIRECT_URI + '/static/placard/logo.png' |
|
|
|
logo.src = import.meta.env.VITE_REDIRECT_URI + '/static/login/logo.png' |
|
|
|
|
|
|
|
bg.onload = () => { |
|
|
|
logo.onload = () => { //确保背景和logo加载完成(不然海报可能会少logo) |
|
|
@ -86,7 +87,7 @@ |
|
|
|
//绘制文字 |
|
|
|
ctx.font = `bold ${40 * rpx}px 楷体` |
|
|
|
ctx.textAlign = 'center' |
|
|
|
ctx.fillStyle = "#59B495"; |
|
|
|
ctx.fillStyle = "#ecb978"; |
|
|
|
ctx.fillText('上门服务', center, 200 * rpx, 400) |
|
|
|
|
|
|
|
ctx.fillStyle = "#0A543B"; |
|
|
@ -114,12 +115,12 @@ |
|
|
|
|
|
|
|
//画图形 |
|
|
|
this.paintingCapsule(ctx, center - (90 * rpx / 2), 250 * rpx, 90 * rpx, 25 * rpx, |
|
|
|
13 * rpx, '#59B495', 'time') |
|
|
|
13 * rpx, '#ecb978', 'time') |
|
|
|
this.paintingCapsule(ctx, center + (130 * rpx / 2), 530 * rpx, 25 * rpx, 70 * rpx, |
|
|
|
13 * rpx, '#BCEED6', 'coupon') |
|
|
|
13 * rpx, '#ffe6ed', 'coupon') |
|
|
|
|
|
|
|
////画海报最后的标签列表 |
|
|
|
this.drawList(ctx, 135 * rpx, 650 * rpx, 60 * rpx, 20 * rpx, 10 * rpx, '#59B495') |
|
|
|
this.drawList(ctx, 135 * rpx, 650 * rpx, 60 * rpx, 20 * rpx, 10 * rpx, '#ecb978') |
|
|
|
|
|
|
|
uni.canvasToTempFilePath({ |
|
|
|
x: 0, // 起点坐标 |
|
|
@ -219,13 +220,14 @@ |
|
|
|
}) |
|
|
|
}, |
|
|
|
getUserInfo(){ |
|
|
|
if(localStorage.getItem('userInfo')){ |
|
|
|
return JSON.parse(localStorage.getItem('userInfo')).id |
|
|
|
}else{ |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/login/login' |
|
|
|
}) |
|
|
|
} |
|
|
|
// if(localStorage.getItem('userInfo')){ |
|
|
|
// return JSON.parse(localStorage.getItem('userInfo')).id |
|
|
|
// }else{ |
|
|
|
// uni.navigateTo({ |
|
|
|
// url: '/pages/login/login' |
|
|
|
// }) |
|
|
|
// } |
|
|
|
return this.userInfo.id |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -257,10 +259,10 @@ |
|
|
|
width: 72%; |
|
|
|
height: 80rpx; |
|
|
|
border-radius: 40rpx; |
|
|
|
color: white; |
|
|
|
font-size: 28rpx; |
|
|
|
background: linear-gradient(180deg, #6FDFBE, #5AC796); |
|
|
|
margin-top: 40rpx; |
|
|
|
background: linear-gradient(178deg, #ffe6ed, #ecb978); |
|
|
|
color: #6e3009; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|