地图

lct123456

2022-04-25 8b9344aa1fb3d7893ea408383a8ba62abe5ebeca

 src/views/doublePreventAction/riskLevelManage/fourColorMap/index.vue

@@ -1,8 +1,18 @@
<template>
    <div class="map-layout">
        <Map @init="init" :option="option" v-if="option" />
        <Tab v-if="loaded" />
    </div>
<div style="height:1000px;width:100%;background:#FFFFFF;padding:20px">
    <el-tabs v-model="activeName">
        <el-tab-pane label="60万吨" name="first">    
            <div class="map-layout">
                <Map @init="init" :option="option" v-if="option" />
                <Tab v-if="loaded" />
            </div></el-tab-pane>
        <el-tab-pane label="130万吨" name="second">
            
        </el-tab-pane>
    </el-tabs>
</div>


</template>

<script>
@@ -23,6 +33,7 @@
        },
        data() {
            return {
                activeName:'first',
                loaded: false,
                map: null,
                option: null,
@@ -261,7 +272,7 @@

<style scoped>
    .map-layout {
        height: 100%;
        height: 920px;;
        position: relative;
    }