xuchao/pingxiangcard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：优化入园码的显示和无预约时去预约的调整

Browse Source
This commit is contained in:
jacobxu666
2026-07-07 11:47:29 +08:00
parent 6d89d1049f
commit 45a74578fc
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.local
+2 -2
View File
@@ -1,3 +1,3 @@
VITE_API_BASE_URL=https://dscp-uat.hn12301.net VITE_API_BASE_URL=http://localhost:48080
VITE_APP_TITLE=湖南12301文旅专区 VITE_APP_TITLE=湖南12301文旅专区
VITE_USE_MOCK=true VITE_USE_MOCK=false
.gitignore
+1
View File
@@ -24,3 +24,4 @@ dist
.playwright-mcp/ .playwright-mcp/
*.png *.png
!src/static/**/*.png !src/static/**/*.png
CLAUDE.md
src/packages/user/pages/reserve/list.vue
+13 -7
View File
@@ -98,7 +98,7 @@
<view class="code-modal"> <view class="code-modal">
<text class="code-modal__title">入园码</text> <text class="code-modal__title">入园码</text>
<view class="qr-box"> <view class="qr-box">
<image v-if="codeSrc" class="qr-img" :src="codeSrc" mode="aspectFit" /> <image v-if="codeSrc" class="qr-img" :src="codeSrc" mode="widthFix" />
</view> </view>
<text class="code-modal__desc">入园时请出示此二维码+本人身份证</text> <text class="code-modal__desc">入园时请出示此二维码+本人身份证</text>
<text class="code-modal__countdown">{{ countdown }}秒后自动刷新</text> <text class="code-modal__countdown">{{ countdown }}秒后自动刷新</text>
@@ -395,7 +395,7 @@ async function fetchCode(r: ReserveRecord) {
try { try {
const res = await post<any>(`${BASE_URL}/zhy-api/cardBag/getQrByAppointmentId?appointmentId=${r.id}`) const res = await post<any>(`${BASE_URL}/zhy-api/cardBag/getQrByAppointmentId?appointmentId=${r.id}`)
if (res.qrType == 1) { if (res.qrType == 1) {
codeSrc.value = 'data:image/png;base64,' + res.qrCode codeSrc.value = res.qrCode.startsWith('data:') ? res.qrCode : 'data:image/png;base64,' + res.qrCode
} else if (res.qrType == 2) { } else if (res.qrType == 2) {
codeSrc.value = res.qrUrl codeSrc.value = res.qrUrl
} else { } else {
@@ -469,7 +469,7 @@ async function onLoadMore() {
} }
function goReserve() { function goReserve() {
uni.navigateTo({ url: '/packages/user/pages/reserve/index' }) uni.navigateTo({ url: '/packages/content/pages/scenic-list' })
} }
function previewPhoto(url: string) { function previewPhoto(url: string) {
@@ -666,22 +666,28 @@ function previewPhoto(url: string) {
/* ===== Code Modal ===== */ /* ===== Code Modal ===== */
.code-modal { .code-modal {
width: 560rpx; background: $color-card; border-radius: $radius-lg; padding: 40rpx; width: 80vw; max-width: 700rpx; background: $color-card; border-radius: $radius-lg; padding: 40rpx;
display: flex; flex-direction: column; align-items: center; display: flex; flex-direction: column; align-items: center;
} }
.code-modal__title { font-family: $font-family-body; font-size: 32rpx; font-weight: $font-weight-bold; color: $uv-main-color; margin-bottom: 32rpx; } .code-modal__title { font-family: $font-family-body; font-size: 32rpx; font-weight: $font-weight-bold; color: $uv-main-color; margin-bottom: 32rpx; }
.qr-box { .qr-box {
width: 360rpx; height: 360rpx; background: #F8FAFC; width: 100%; background: #F8FAFC;
border-radius: 16rpx; display: flex; align-items: center; border-radius: 16rpx; display: flex; align-items: center;
justify-content: center; border: 1rpx solid #E2E8F0; justify-content: center; border: 1rpx solid #E2E8F0; padding: 20rpx;
box-sizing: border-box;
} }
.qr-img { width: 300rpx; height: 300rpx; } .qr-img { width: 100%; height: auto; }
.code-modal__desc { font-family: $font-family-body; font-size: $font-size-sm; color: $uv-tips-color; } .code-modal__desc { font-family: $font-family-body; font-size: $font-size-sm; color: $uv-tips-color; }
.code-modal__tip {
font-family: $font-family-body; font-size: $font-size-sm; color: $uv-warning;
font-weight: $font-weight-medium; margin-top: 16rpx;
}
.code-modal__countdown { .code-modal__countdown {
font-family: $font-family-body; font-family: $font-family-body;
font-size: 24rpx; font-size: 24rpx;