hrms-bangkok/hrms-checkin
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix MAP

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-03-17 17:10:24 +07:00
parent bb12748e04
commit 8ec0e2207c
2 changed files with 34 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/components/AscGISMap.vue
View file

@ -198,13 +198,24 @@ onMounted(async () => {
<template>
<!-- Loading skeleton -->
<div v-if="!poiPlaceName" class="col-12 ">
<q-skeleton :height="$q.screen.gt.xs? '35vh': '45px'" width="100%" :style="$q.screen.gt.xs? ';':'border-radius: 20px'" class="bg-grey-4" />
<div v-if="!poiPlaceName" class="col-12">
<q-skeleton
:height="$q.screen.gt.xs ? '35vh' : '45px'"
width="100%"
:style="$q.screen.gt.xs ? ';' : 'border-radius: 20px'"
class="bg-grey-4"
/>
</div>
<q-card v-show="poiPlaceName" bordered flat class="col-12 bg-grey-2 shadow-0" :style="$q.screen.gt.xs? ';':'border-radius: 20px'" >
<div v-if="$q.screen.gt.xs" >
<div id="mapViewDisplay" style="height: 35vh;"></div>
<q-card
v-show="poiPlaceName"
bordered
flat
class="col-12 bg-grey-2 shadow-0"
:style="$q.screen.gt.xs ? ';' : 'border-radius: 20px'"
>
<div v-if="$q.screen.gt.xs">
<div id="mapViewDisplay" style="height: 35vh"></div>
<div
:class="
@ -218,32 +229,32 @@ onMounted(async () => {
{{ poiPlaceName }}
</div>
</div>
<q-card v-else style="border-radius: 20px;">
<q-expansion-item
<q-card v-else style="border-radius: 20px">
<q-expansion-item
class="shadow-1 overflow-hidden bg-grey-4 text-left"
style="border-radius: 20px"
dense
default-opened
>
<template v-slot:header>
<q-item-section avatar class="q-pr-none expanAS">
<q-avatar icon="mdi-map-marker" />
</q-item-section>
<q-item-section avatar class="q-pr-none expanAS">
<q-avatar icon="mdi-map-marker" />
</q-item-section>
<q-item-section>
{{ poiPlaceName }}
</q-item-section>
</template>
<q-item-section>
{{ poiPlaceName }}
</q-item-section>
</template>
<div id="mapViewDisplay" style="height: 20vh;"></div>
<div id="mapViewDisplay" style="height: 20vh"></div>
</q-expansion-item>
</q-card>
</q-card>
</template>
<style >
.expanAS.q-item__section--avatar{
<style>
.expanAS.q-item__section--avatar {
min-width: 40px !important;
}
</style>