dataserver_qp_23D_zhsj/templates/menu.html

<div class="menu-title">
    图层
    <!-- <p></p> -->
</div>
<!-- <ul class="menu-scroll"> -->
<!-- <div id="userInfo"></div> -->
<!-- <div class="mnsc"> -->
<!-- <li class="menu-base infoMenu dzzy" id="heaven">
            <p class="im-0 zhuanTi"><span>专题一张图</span></p>
            <ul class="menu-content mn-content">
                <li class="im-1">
                    <div class="ztContent"></div>
                </li>
            </ul>
        </li> -->
<!-- <li class="menu-base infoMenu vectorContent">
            <p class="im-0 tdm" id="vector"><span>矢量数据</span></p>
            <ul class="menu-content mn-content"></ul>
        </li>
        <li class="menu-base infoMenu rasterContent">
            <p class="im-0 tdm" id="raster"><span>二维地图</span></p>
            <ul class="menu-content mn-content"></ul>
        </li>
        <li class="menu-base infoMenu sanWei">
            <p class="im-0 tdm" id="threeData"><span>三维地图</span></p>
            <ul class="menu-content mn-content"></ul>
        </li>
    </div>
</ul> -->
<div id="vuemenu">
    <!-- @node-click="handleNodeClick" -->
    <el-input v-model="keyWord" placeholder="输入关键字"></el-input>
    <div class="treeContainer">
        <!-- <el-tree ref="menuTree" :props="defaultProps" :load="loadNode" node-key="id" @check="handleCheck"
            :check-on-click-node="true" :check-strictly="true" accordion lazy show-checkbox>
        </el-tree> -->
        <el-tree ref="menuTree" :data="treeData" :props="defaultProps" node-key="id" @check="handleCheck"
            :check-on-click-node="true" :filter-node-method="filterNode" :check-strictly="true" accordion show-checkbox>
        </el-tree>
    </div>
</div>

<div class="shixu-time-box">
    <iframe frameborder="0" class="cover-iframe"></iframe>
    <div id="shixu-box" class="cover-content">
        <div class="sx-video-content">
            <div class="sx-video-title">
                <div class="sx-title-left">
                    <div class="sx-title-left-l"></div>
                    <div class="sx-title-left-c"><span class="title">时序图层</span><span class="time">2019.7.24</span>
                    </div>
                    <div class="sx-title-left-r"></div>
                </div>
                <!--<div class="sx-title-right-close"></div>-->
            </div>
            <div class="sx-video-panel">
                <div class="sx-video-panel-left"></div>
                <div class="sx-video-panel-center">
                    <div class="sx-video-progress-total">
                        <div class="sx-video-progress-div">
                            <div class="sx-video-progress">
                                <div class="sx-video-progress_btn"></div>
                            </div>
                        </div>
                    </div>
                    <div class="sx-video-opt">
                        <div class="sx-video-bottom">
                            <div class="sx-video-btn-group">
                                <div class="sx-video-btn-back sx-video-back-img-blue"></div>
                                <div class="sx-video-btn-play sx-video-play-img"></div>
                                <div class="sx-video-btn-next sx-video-next-img-blue"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sx-video-progress-count">
                    <div class="sx-video-progress-times">
                        <span class="sx-video-progress-nowtime"></span>/<span class="sx-video-progress-lasttime"></span>
                    </div>
                </div>
                <div class="sx-video-panel-right"></div>
            </div>
        </div>
    </div>
</div>