<template>
|
<el-tabs v-model="activeName" style="height: 100%;">
|
<el-tab-pane label="列表展示" name="list">
|
<dispatch-list></dispatch-list>
|
</el-tab-pane>
|
<el-tab-pane label="地图展示" name="map">
|
<dispatch-map :key="new Date().getTime()"></dispatch-map>
|
</el-tab-pane>
|
</el-tabs>
|
</template>
|
|
<script>
|
import DispatchMap from "@/views/dispatch/components/dispatchMap.vue"
|
import DispatchList from "@/views/dispatch/dispatch.vue"
|
|
export default {
|
name: "dispatchView",
|
components: { DispatchList, DispatchMap },
|
data () {
|
return {
|
activeName: 'list'
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss"scoped>
|
::v-deep .el-tabs__content {
|
height: calc(100% - 55px);
|
}
|
|
::v-deep .el-tab-pane {
|
height: 100%;
|
}
|
</style>
|