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