派遣服务地图标点

guanqb

2024-01-16 8e3865214943c20e1269a06d6e1cbbc4c8c7890f

 src/views/dispatch/dispatchView.vue

@@ -1,29 +1,35 @@
<template>
  <el-tabs v-model="activeName" >
    <el-tab-pane label="列表展示" name="list">
      <dispatch-list></dispatch-list>
    </el-tab-pane>
    <el-tab-pane label="地图展示" name="map">
      <dispatch-map></dispatch-map>
    </el-tab-pane>
  </el-tabs>
    <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";
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'
    name: "dispatchView",
    components: { DispatchList, DispatchMap },
    data () {
        return {
            activeName: 'list'
        }
    }
  }
}
</script>

<style scoped>
<style lang="scss"scoped>
::v-deep .el-tabs__content {
    height: calc(100% - 55px);
}

::v-deep .el-tab-pane {
    height: 100%;
}
</style>