风险部分搜索功能

lyfO_o

2022-05-09 c6b68c458af980e71c4a331ccd589d45c3652d93

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

@@ -1,11 +1,21 @@
<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"> 
            <sixty></sixty>
        </el-tab-pane>
        <el-tab-pane label="130万吨" name="second">
            <oneHundredAndThirty></oneHundredAndThirty>
        </el-tab-pane>
    </el-tabs>
</div>


</template>

<script>
    import sixty from './components/sixty.vue'
    import oneHundredAndThirty from './components/oneHundredAndThirty.vue'
    import Map from '../../../../components/Map';
    import Tab from '../../../../components/Tab';
    import { global } from '../../../../global';
@@ -19,9 +29,12 @@
        components: {
            Map,
            Tab,
            oneHundredAndThirty,
            sixty
        },
        data() {
            return {
                activeName:'first',
                loaded: false,
                map: null,
                option: null,
@@ -66,7 +79,7 @@
                this.loaded = true;

                map.addModel({
                    link: 'http://model.szwutu.cn:8100/data1/namiso-ub3dm/tileset.json',
                    link: 'http://222.92.213.22:8006/b3dm60/tileset.json',
                    name: '商业园区',
                    callback: tileset => {
                        var boundingSphere = tileset.boundingSphere;
@@ -260,7 +273,7 @@

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