dataserver_management_map_ui_sh2000/templates/atlas/atlasView.html

<div id="atlasCategory">
    <div class="panel">
        <div class="header"><h4>目录</h4>
            <a class="abtn-up"></a>
        </div>
        <!--S search-->
        <div id="searchBar">
            <input type="text" id="searchInput" value="请输入关键字" placeholder="请输入关键字" class="input" />
            <span id="cleanSearch">x</span>
            <button class="button" type="button"></button>
        </div>
        <!--E search-->
        <div class="body" id="atlasCategoryList">
            <span class="bg-top"></span>
            <div class="category-list">
                <dl></dl>
            </div>
            <span class="bg-bottom"></span>
        </div>
    </div>
    <a class="abtn-min-atlas-category"></a>
</div>
<div id="mapHolder"></div>
<div id="atlasInfo">
    <div class="info-list">
        <div class="panel" id="atlasInfoDetail">
            <div class="header"><h4>详情</h4>
                <a class="abtn-up"></a>
            </div>
            <div class="body">
                <span class="bg-top"></span>
                <div class="content">
                </div>
                <div class="moreinfo">
                    <a class="abtn-more">查看更多</a>
                </div>
                <span class="bg-bottom"></span>
            </div>
        </div>
        <div class="panel" id="atlasInfoIntro">
            <div class="header"><h4>说明</h4>
                <a class="abtn-up"></a>
            </div>
            <div class="body">
                <span class="bg-top"></span>
                <div class="content">
                </div>
                <span class="bg-bottom"></span>
            </div>
        </div>
        <div class="panel" id="atlasInfoLegend">
            <div class="header"><h4>图例</h4>
                <a class="abtn-up"></a>
            </div>
            <div class="body">            
                <span class="bg-top"></span>
                <div class="content">
                </div>
                <span class="bg-bottom"></span>
            </div>
        </div>
    </div>
    <a class="abtn-min-atlas-info"></a>
</div>
<div id="atlasList">
    <div class="panel">
        <div class="body">            
            <span class="bg-top"></span>
            <a class="abtn-prev-page"></a>
            <div class="content">
                <ul></ul>
            </div>            
            <a class="abtn-next-page"></a>
            <span class="bg-bottom"></span>
        </div>
    </div>    
    <a class="abtn-min-atlas-list"></a>
</div>
<div id="viewTools">
    <button tid="1" class="button select" type="button">卷帘</button>
    <button tid="2" class="button" type="button">视图并列</button>
    <button tid="3" class="button" type="button">上下叠置</button>
</div>

<div class="modal panel" id="atlasInfoDetailAll">
    <div class="body">
        <div class="header"><h4>元数据信息</h4>
        <a class="abtn-close">X</a>
        </div>
        <div class="body">            
            <span class="bg-top"></span>
            <div class="contentWrap">
                <div class="content"></div>
            </div>            
            <span class="bg-bottom"></span>
        </div>
    </div>
</div>