{% extends "sysManagement/sysMangeTemp.html" %} 

{% block title %}
<title>系统配置</title>
{% endblock %}

{% block boxlink %}
<link rel="stylesheet" href="{{ pathPrefix }}/css/sysManagement/surfaceConfig.css"> 
{% endblock %}

{% block boxscript %}
<script src="{{ pathPrefix }}/js/common/utils.js"></script>
<script src="{{ pathPrefix }}/js/sysManagement/surfaceConfig.js"></script>
{% endblock %} 

{% block box %}
<div id="groupset">
    <div id="page_header">
        <h1>地物配置</h1>
        <hr>
    </div>

    <div class="clearfix">

        <div id="add_surface"></div>

        <div class="col-md-4">
            <div class="theme_card new_theme" id="add_theme">
                <div>
                    <div>
                        <i class="fa fa-plus-square-o"></i>
                        <p>新增地物</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
{% endblock %} 

{% block modal %}
<!-- 删除地物 -->
<div class="modal fade" role="dialog" id="del_dt">
    <div class="modal-dialog" style="width:400px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <p class="modal-title">删除地物</p>
            </div>
            <div class="modal-body">
                <p>确定删除此地物吗？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="fa fa-close fa-fw"></span> 取消
                </button>
                <button type="button" class="btn btn-danger" id="del_dt_btn">
                    <span class="fa fa-trash-o fa-fw"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!-- 新增地物 -->
<div class="modal fade" role="dialog" id="add_dt">
    <div class="modal-dialog" style="width:600px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <p class="modal-title">新增地物</p>
            </div>
            <div class="modal-body" style="min-height: calc(100vh - 700px);">
                <div class="dataset_box form-group clearfix">
                    <label class="control-label pull-left">选择数据集</label>
                    <div class="col-sm-9">
                        <select class="form-control border_form" id="dataset_sel">
                            
                        </select>
                    </div>  
                </div>
                <form class="form-horizontal">

                    <!-- <div class="form-group bp_sel_load">
                        <label class="col-sm-2 control-label">新建途径：</label>
                        <div class="col-sm-9" style="padding-top:7px;">
                            <div>
                                <label>
                                    <input type="radio" value="从URL创建" name="bpLoad" class="bpLoad" checked> 从URL创建  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                                    <input type="radio" value="从瓦片数据集选择" name="bpLoad" class="bpLoad"> 从瓦片数据集选择
                                </label>
                            </div>
                        </div>
                    </div> -->

                    <div class="newBasemap_bigBox">

                        <div class="form-group clearfix sel_data_det_box">
                            <div class="sel_data_det clearfix">
                            </div>
                        </div>
                        <div class="newBasemap_box">
                            <div class="form-group clearfix add_thumbnail">
                                <label class="col-sm-2 control-label config_head">缩略图</label>
                                <div class="imageFileBox">
                                    <div class="imageFileInput">
                                        <!-- <span>点击选择</span>
                                        <input class="fileInput" type="file" id="">  -->
                                    </div>
                                </div>
                            </div>
                            <div class="form-group hidden">   
                                <label class="col-sm-2 control-label">id</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="surfaceId">
                                </div>
                            </div>
                            <div class="form-group">   
                                <label class="col-sm-2 control-label">地物名称</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="basemap_name" placeholder="地物名称">
                                </div>
                            </div>
                            <div class="form-group">   
                                <label class="col-sm-2 control-label">参考系</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="basemap_xy" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">矢量类型</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="basemap_type" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">要素个数</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="basemap_count" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">数据时间</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control border_form" id="basemap_time" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">geometry</label>
                                <div class="col-sm-9">
                                    <!-- <input type="text" class="form-control border_form" id="basemap_geo"> -->
                                    <select class="form-control border_form" id="basemap_geo">
                                        <!--  -->
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">地物标识</label>
                                <div class="col-sm-9">
                                    <select class="form-control border_form basemap_bs" id="basemap_bs1">
                                        <!--  -->
                                    </select>
                                </div>
                                <!-- <div class="col-sm-1 add_free" data-toggle="tooltip" data-placement="bottom" title="添加地物标识"><i class="fa fa-plus-circle"></i></div> -->
                            </div>
                            <div class="surface_add_box"></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="fa fa-close fa-fw"></span> 取消
                </button>
                <button type="button" class="btn btn-primary" id="add_base">
                    <span class="fa fa-save fa-fw"></span> 保存
                </button>
                <button type="button" class="btn btn-primary" id="change_base">
                    <span class="fa fa-save fa-fw"></span> 更改
                </button>
            </div>
        </div>
    </div>
</div>
<!-- 数据集 -->
<div class="modal fade" role="dialog" id="select_data" style="z-index:2999;">
    <div class="modal-dialog" style="width:600px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <p class="modal-title">选取数据</p>
            </div>
            <div class="modal-body">

                <div class="sel_data_det clearfix">
                    <!--  -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="fa fa-close fa-fw"></span> 取消
                </button>
                <button type="button" class="btn btn-primary" id="data_sure">
                    <span class="fa fa-check fa-fw"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}