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

47
src/components/AscGISMap.vue
View file

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

6
src/views/HomeView.vue
View file

@ -387,9 +387,11 @@ onMounted(async () => {
> >
<div class="col-xs-12 col-sm-8 gt-xs"> <div class="col-xs-12 col-sm-8 gt-xs">
<div class="col-12"> <div class="col-12">
<MapCheck @update:location="updateLocation" /> <MapCheck
v-if="$q.screen.gt.xs"
@update:location="updateLocation"
/>
</div> </div>
<!-- <AscMaps /> -->
</div> </div>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<q-card <q-card