<template>
    <el-main class="ces-main-oasis" v-loading.fullscreen.lock="fullscreenLoading" style="min-width:1000px;">
        <el-row :gutter="20" class="row-height">
            <el-col class="col-height ces-tree"  style="width:260px; overflow: auto;
    background: #e5e9f2;">
                <div class="grid-content bg-purple bg-purple-left">
                    <!-- add node -->
                    <addListNode></addListNode>
                   <!--  <el-scrollbar> -->
                        <!-- article -->
                        <articleIndex></articleIndex>
                        <!-- picture video -->
                        <pictureVideoIndex></pictureVideoIndex>
                        <!-- map -->
                        <mapIndex></mapIndex>
                   <!--  </el-scrollbar> -->
                    <div class="description">
                        <h4>说明：</h4>
                        <el-row>
                          <el-col>
                            <div>1.隐藏功能可隐藏暂时不想展示在前台页面的结构目录，获取的组件代码不会包含隐藏部分；</div></el-col>
                          <el-col>
                            <div>2.父级隐藏，其所有子级将随之隐藏，无法单独取消某子级的隐藏状态。</div></el-col>
                        </el-row>
                    </div>
                </div>
               
            </el-col>

            <el-col  style="width: calc(100% - 260px);">
                <div class="grid-content bg-purple">
                    <router-view></router-view>
                </div>
            </el-col>
        </el-row>
    </el-main>
</template>

<script>
import addListNode from './Add';
import articleIndex from './article/Index';
import pictureVideoIndex from './picture_video/Index';
import mapIndex from './map/Index';
export default {
    name: "cesmain",
    data() {
        return {
            fullscreenLoading: true,
        };
    },
    methods: {
    },
    components:{
        articleIndex,
        addListNode,
        pictureVideoIndex,
        mapIndex,
    },
    created() {
        setTimeout(() => {
            this.fullscreenLoading = false;
        }, 2000);
    }
};
</script>
<style>
    .add-text span{
        float:left;
        margin-right:8px;
        cursor: pointer;
    }

    .add-text .span-pic{
        margin-right: 0px;
    }
    .add-text b{
        float: left;
        font-weight: normal;
        margin:0 3px;
    }
    .add-text span:hover{
        color: #409EFF;
        text-decoration: underline;
    }
    .pic-box{
        float: left;
    }
    .description{
        margin-top: 100px;
        font-size: 12px;
        color: #999;
        padding: 10px;
        line-height: 20px;
    }
</style>

