fix: map disappear on failed search

v0.4
rrr-marble 4 years ago
parent 519dce30ed
commit 3227f88b1c

@ -1,7 +1,8 @@
<template> <template>
<div class="overview"> <div class="overview">
<va-card class="content-container"> <va-card class="content-container">
<map-component v-if="itemIdList.length" :idlist="itemIdList" @mapClick="$emit('mapClick', $event)" /> <map-component v-if="settleFinishedComputed" ref="map" :idlist="itemIdList"
@mapClick="$emit('mapClick', $event)" />
</va-card> </va-card>
<va-card class="content-container"> <va-card class="content-container">
<va-data-table :items="items" :columns="columns" :hoverable="true" :clickable="true" :per-page="perPage" <va-data-table :items="items" :columns="columns" :hoverable="true" :clickable="true" :per-page="perPage"
@ -31,19 +32,28 @@ export default {
return { return {
perPage: 10, perPage: 10,
currentPage: 1, currentPage: 1,
settleFinished: false,
} }
}, },
methods: {}, methods: {},
computed: { computed: {
pages(){ pages(){
this.settleFinished = true;
return (this.perPage && this.perPage !== 0) return (this.perPage && this.perPage !== 0)
? Math.ceil(this.items.length / this.perPage) ? Math.ceil(this.items.length / this.perPage)
: this.items.length : this.items.length
}, },
itemIdList(){ itemIdList(){
return this.items.map(item => item.internal_id) return this.items.map(item => item.internal_id)
}, },
settleFinishedComputed(){
let result = this.settleFinished ? this.settleFinished : Boolean(this.items.length);
this.settleFinished = true;
return result
}
}, },
} }

Loading…
Cancel
Save