{% extends "appCenter/themeSlice/themeTemp.html" %} 

{% block title %}
<title>主题管理</title>
{% endblock %}

{% block sharelink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/normalize.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/ion.rangeSlider.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/ion.rangeSlider.skinNice.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ztree/zTreeStyle.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ol4/ol.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/themeSlice/themeManage.css">
{% endblock %}

{% block sharescript %}
<script src="{{ pathPrefix }}/plugins/ion-rangeSsider/ion.rangeSlider.min.js"></script>
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="{{ pathPrefix }}/plugins/echarts/echarts.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ol4/ol.js"></script>
<script src="{{ pathPrefix }}/data/js/scale.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/themeSlice/themeManage.js"></script>
<script src="{{ pathPrefix }}/js/common/map2dTools.js"></script>
<script src="{{ pathPrefix }}/js/common/selectBaseMap.js"></script>
<script src="{{ pathPrefix }}/js/common/dataSelect.js"></script>
{% endblock %}

{% block importcentent  %}
<div>
    <!-- 内页导航 -->
    <ul id="tags_header" class="clearfix">
        <li class="tags top"></li>
        <li class="tags list active" name="list">
            <span></span>
            <span>主题列表</span>
        </li>
        <li class="tags new" name="new">
            <span></span>
            <span>新增主题</span>
            <span class="close">×</span>
        </li>
        <li class="tags edit" name="edit">
            <span></span>
            <span>编辑主题</span>
            <span class="close">×</span>
        </li>
        <li class="tags task" name="task">
            <span></span>
            <span>编辑切片任务</span>
            <span class="close">×</span>
        </li>
    </ul>

    <div id="u_box">
        <!-- 主题列表 -->
        <div class="list_page theme_page" id="theme_list">
            <div class="bar">
                <input class="form-control" placeholder="请输入主题名称关键字，按回车键搜索" id="theme_key">
                <i class="fa fa-search"></i>
            </div>
            <div class="row themes_page">
                <!-- 此处代码由JS生成 -->
                <div class="col-md-4">
                    <div class="theme_card new_theme" id="add_theme">
                        <div>
                            <i class="fa fa-plus-square-o"></i>
                            <p>创建新主题</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row search_page">
                <div class="col-md-4">
                    <div class="theme_card new_theme" id="add_theme">
                        <div>
                            <i class="fa fa-plus-square-o"></i>
                            <p>创建新主题</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 主题新建页面 -->
        <div class="new_page theme_page">
            <form>
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <div class="row clearfix">
                                <div class="col-md-10 column">
                                    <div class="module">
                                        <h5>主题信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>主题名称:</label></div>
                                            <div class="controls"><input id="theme_name" class="border_input border_form" type="text"><span class="help-txt">(通常为中文)</span></div>
                                        </div>
                                        <div class="filed_theme field_img">
                                            <div class="controls-label not_require"><label>主题缩略图:</label></div>
                                            <div class="controls controlsImg">
                                                <input id="theme_img" class="border_input" type="file">
                                                <div class="img_div">
                                                    <p>点击上传图片</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label not_require"><label>信息描述:</label></div>
                                            <div class="controls">
                                                <textarea id="theme_description" class="border_input border_form" cols="60" rows="3" maxlength="200"></textarea>
                                                <span class="help-txt">(最多为200字)</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="module">
                                        <h5>详细信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片大小:</label></div>
                                            <div class="controls">
                                                <select id="theme_size" class="border_input border_form">
                                                    <option value="256" selected>256</option>
                                                </select>
                                                <span class="help-txt">(通常为256)</span>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片格式:</label></div>
                                            <div class="controls">
                                                <select id="theme_format" class="border_input border_form">
                                                    <option value>----------</option>
                                                    <option value="png" selected="selected">PNG图片</option>
                                                    <option value="jpeg">JPG图片</option>
                                                    <option value="tiff">TIFF图片</option>
                                                    <option value="mixed">混合格式</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="filed_theme" id="theme_opacity">
                                            <div class="controls-label"><label>透明度:</label></div>
                                            <div class="controls">
                                                <input id="theme_alphaR" class="theme_alpha form-control border_form" type="number" placeholder="255" min=0 max=255> ，
                                                <input id="theme_alphaG" class="theme_alpha form-control border_form" type="number" placeholder="255" min=0 max=255> ，
                                                <input id="theme_alphaB" class="theme_alpha form-control border_form" type="number" placeholder="255" min=0 max=255>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片规则:</label></div>
                                            <div class="controls">
                                                <select id="theme_proj" class="border_input border_form">
                                                    <option selected="selected">----------</option>
                                                    <option value="ProjWebMercator">Web墨卡托-天地图</option>
                                                    <option value="ProjArcGIS">Web墨卡托-ArcGIS</option>
                                                    <option value="ProjCGCS2000-yn">CGCS2000-云南</option>
                                                    <option value="ProjCGCS2000-tdt">CGCS2000-天地图</option>
                                                </select>
                                                <span class="add-on-btn noselect" name="show">显示详细配置</span>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>时间分辨率:</label></div>
                                            <div class="controls">
                                                <select id="theme_time" class="border_input border_form">
                                                    <option value="日" selected="selected">日</option>
                                                    <option value="月">月</option>
                                                    <option value="年">年</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- <div class="filed_theme">
                                            <div class="controls-label not_require"><label>影像标签:</label></div>
                                            <div class="controls"><input id="theme_label" class="border_input" type="text"><span class="add-on">影像</span></div>
                                        </div> -->
                                    </div>
                                    <div class="module">
                                        <h5>存储信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>存储设备:</label></div>
                                            <div class="controls">
                                                <ul class="clearfix" id="devices_box">
                                                    <li>未能获取到对应存储设备信息</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn_theme">
                                        <button type="button" class="btn btn-lg btn-primary" id="create_theme">创建</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- 主题编辑页面 -->
        <div class="edit_page theme_page">
            <form>
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <div class="row clearfix">
                                <div class="col-md-10 column">
                                    <div class="module">
                                        <h5>主题信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>主题名称:</label></div>
                                            <div class="controls"><input id="e_theme_name" class="border_input border_form" type="text"><span class="help-txt">(通常为中文)</span></div>
                                        </div>
                                        <div class="filed_theme field_img">
                                            <div class="controls-label not_require"><label>主题缩略图:</label></div>
                                            <div class="controls controlsImg">
                                                <input id="e_theme_img" class="border_input" type="file">
                                                <div class="img_div">
                                                    <p style="visibility:visible">点击上传图片</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label not_require"><label>信息描述:</label></div>
                                            <div class="controls">
                                                <textarea id="e_theme_description" class="border_input border_form" cols="60" rows="3" maxlength="200"></textarea>
                                                <span class="help-txt">(最多为200字)</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="module">
                                        <h5>详细信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片大小:</label></div>
                                            <div class="controls">
                                                <select id="e_theme_size" class="border_input border_form">
                                                    <option value="256" selected>256</option>
                                                </select>
                                                <span class="help-txt">(通常为256)</span>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片格式:</label></div>
                                            <div class="controls">
                                                <select id="e_theme_format" class="border_input border_form">
                                                    <option value>----------</option>
                                                    <option value="png" selected="selected">PNG图片</option>
                                                    <option value="jpeg">JPG图片</option>
                                                    <option value="tiff">TIFF图片</option>
                                                    <option value="mixd">混合格式</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="filed_theme" id="e_theme_opacity">
                                            <div class="controls-label"><label>透明度:</label></div>
                                            <div class="controls">
                                                <input id="e_theme_alphaR" class="theme_alpha form-control border_form" type="number" placeholder="R" min=0 max=255> ，
                                                <input id="e_theme_alphaG" class="theme_alpha form-control border_form" type="number" placeholder="G" min=0 max=255> ，
                                                <input id="e_theme_alphaB" class="theme_alpha form-control border_form" type="number" placeholder="B" min=0 max=255>
                                            </div>
                                        </div>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>切片规则:</label></div>
                                            <div class="controls">
                                                <select id="e_theme_proj" class="border_input border_form">
                                                    <option selected="selected">----------</option>
                                                    <option value="ProjWebMercator">Web墨卡托-天地图</option>
                                                    <option value="ProjArcGIS">Web墨卡托-ArcGIS</option>
                                                    <option value="ProjCGCS2000-yn">CGCS2000-云南</option>
                                                    <option value="ProjCGCS2000-tdt">CGCS2000-天地图</option>
                                                </select>
                                                <span class="add-on-btn noselect" name="show">显示详细配置</span>
                                            </div>
                                        </div>
                                        <!-- <div class="filed_theme">
                                            <div class="controls-label"><label>无数据值:</label></div>
                                            <div class="controls"><input id="e_theme_data" class="border_input" type="number" value="0"><span class="help-txt">(通常为0,或者255)</span></div>
                                        </div> -->
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>时间分辨率:</label></div>
                                            <div class="controls">
                                                <select id="e_theme_time" class="border_input border_form">
                                                    <option value="日" selected="selected">日</option>
                                                    <option value="月">月</option>
                                                    <option value="年">年</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- <div class="filed_theme">
                                            <div class="controls-label not_require"><label>影像标签:</label></div>
                                            <div class="controls"><input id="e_theme_label" class="border_input" type="text"><span class="add-on">影像</span></div>
                                        </div> -->
                                    </div>
                                    <div class="module">
                                        <h5>存储信息</h5>
                                        <div class="filed_theme">
                                            <div class="controls-label"><label>存储设备:</label></div>
                                            <div class="controls">
                                                <ul class="clearfix" id="e_devices_box">
                                                    <li>未能获取到对应存储设备信息</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn_theme">
                                        <button type="button" class="btn btn-lg btn-primary" id="save_theme">保存</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- 切片任务编辑页面 -->
        <div class="task_page theme_page">
            <div class="clearfix title">
                <div class="clearfix tip_list">
                    <div class="clearfix tip">
                        <p>所属主题</p>
                        <p id="cut_theme_name">-</p>
                    </div>
                    <div class="clearfix tip">
                        <p>切片大小</p>
                        <p id="cut_size">-</p>
                    </div>
                    <div class="clearfix tip">
                        <p>切片类型</p>
                        <p id="cut_type">-</p>
                    </div>
                    <div class="clearfix tip">
                        <p>参考系</p>
                        <p id="cut_res">-</p>
                    </div>
                </div>
            </div>
            <form class="form-horizontal">
                <div class="form-group">
                    <label for="cut_name" class="col-sm-2 control-label">任务名称</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control border_form" id="cut_name" placeholder="任务名称">
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">任务类型</label>
                    <div class="col-sm-7">
                        <div id="task_type">
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#addto" aria-controls="addto" role="tab" data-toggle="tab">
                                        <i class="fa fa-plus fa-fw"></i>追加
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#update" aria-controls="update" role="tab" data-toggle="tab">
                                        <i class="fa fa-refresh fa-fw"></i>更新
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#repair" aria-controls="repair" role="tab" data-toggle="tab">
                                        <i class="fa fa-wrench fa-fw"></i>修复
                                    </a>
                                </li>
                            </ul>
                            
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="addto">
                                    <div class="input-group" id="time_create">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <input type="text" class="form-control border_form" id="new_time" placeholder="请点击选择新的时间戳" readOnly>
                                    </div>
                                    <p class="tip">追加主题时间戳，将生成新的瓦片数据</p>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="update">
                                    <div class="input-group" id="update_time_select">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <select class="border_select time_select" id="update_time_list">
                                            <option value="">------ 未创建时间戳 ------</option>
                                        </select>
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default delete_time">删除</button>
                                        </span>
                                        <!-- <span class="input-group-btn">
                                            <button type="button" class="btn btn-default view_tiles">查看瓦片</button>
                                        </span> -->
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" class="update_type" name="update_type" value="data" checked> 更新瓦片数据
                                        </label>
                                        <label>
                                            <input type="radio" class="update_type" name="update_type" value="level"> 更新瓦片级别
                                        </label>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="repair">
                                    <div class="input-group" id="repair_time_select">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <select class="border_select time_select" id="repair_time_list">
                                            <option value="">------ 未创建时间戳 ------</option>
                                        </select>
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default delete_time">删除</button>
                                        </span>
                                        <!-- <span class="input-group-btn">
                                            <button type="button" class="btn btn-default view_tiles">查看瓦片</button>
                                        </span> -->
                                    </div>
                                    <p class="tip">利用时间戳已有数据，直接重建已有层级的瓦片</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">输入数据</label>
                    <div class="col-sm-8" id="task_type">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#addData" aria-controls="addto" role="tab" data-toggle="tab">
                                    数据
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#addGroup" aria-controls="update" role="tab" data-toggle="tab">
                                    数据集
                                </a>
                            </li>
                        </ul>
                        
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="addData">
                                <div style="margin-bottom:10px;">
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="add_btn">
                                        <i class="fa fa-plus fa-fw"></i> 添加数据
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="remove_btn">
                                        <i class="fa fa-minus fa-fw"></i> 移除数据
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="clear_btn">
                                        <i class="fa fa-trash-o fa-fw"></i> 清空
                                    </button>
                                </div>
                                <table id="data_table"></table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="addGroup">
                                <div style="margin-bottom:10px;">
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="group_add">
                                        <i class="fa fa-plus fa-fw"></i> 添加数据
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="group_remove">
                                        <i class="fa fa-minus fa-fw"></i> 移除数据
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border" id="group_clear">
                                        <i class="fa fa-trash-o fa-fw"></i> 清空
                                    </button>
                                </div>
                                <table id="group_table"></table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">设置级别</label>
                    <div class="col-sm-7">
                        <div class="checkbox" id="choice_lv">
                            <label>
                                <input type="checkbox" id="custom_level"> 自定义级别222
                            </label>
                        </div>
                        <input type="text" id="scale_ranger" />
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">高级设置</label>
                    <div class="col-sm-7">
                        <label id="advanced_options">
                            <input type="checkbox"> 显示高级设置选项
                        </label>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
            </form>
            <form class="form-horizontal" id="advanced_senior">
                <div class="form-group">
                    <label class="col-sm-2 control-label">数据参考系</label>
                    <div class="col-sm-7">
                        <div class="input-group">
                            <input type="text" class="form-control border_form" id="srs_wkt" placeholder="如果数据无参考系，请在此处指定数据参考系（WKT文本）">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" id="open_srs" title="选择参考系"><i class="fa fa-folder-o"></i></button>
                            </span>
                        </div>
                    </div>
                </div>
                <!-- <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">重采样方式</label>
                    <div class="col-sm-6">
                        <select type="text" class="border_select" id="sampling_type">
                            <option value="NEAREST">最邻近</option>
                            <option value="AVERAGE">双线性</option>
                            <option value="CUBIC">立方卷积</option>
                        </select>
                    </div>
                </div> -->
                <div class="hr-line-dashed"></div>
                <div class="form-group" id="rgb_bands">
                    <label class="col-sm-2 control-label">RGB波段</label>
                    <div class="col-sm-7">
                        <div class="input-group">
                            <input type="number" min=1 class="form-control border_form" id="band_r">
                            <input type="number" min=1 class="form-control border_form" id="band_g">
                            <input type="number" min=1 class="form-control border_form" id="band_b">
                        </div>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">分片数量</label>
                    <div class="col-sm-7">
                        <select class="form-control border_form" id="sharding_count">
                            <option value="1" selected>1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                        </select>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">任务数量</label>
                    <div class="col-sm-7">
                        <select class="form-control border_form" id="task_count">
                            <option value="8" selected>8</option>
                            <option value="16">16</option>
                            <option value="32">32</option>
                            <option value="64">64</option>
                        </select>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">波段序列设置</label>
                    <div class="col-sm-7">
                        <div class="row">
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <!-- <label>R</label> -->
                                    <input type="number" min=0 max=20 class="form-control border_form" id="task_r" value="1" placeholder="R" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <!-- <label>G</label> -->
                                    <input type="number" min=0 max=20 class="form-control border_form" id="task_g" value="2" placeholder="G" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <!-- <label>B</label> -->
                                    <input type="number" min=0 max=20 class="form-control border_form" id="task_b" value="3" placeholder="B" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <p class="rgb_tips">影像RGB波段序列，例：1,2,3</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">设置无效值</label>
                    <div class="col-sm-7">
                        <input type="number" min=0 max=255 class="form-control border_form" id="no_data_value" placeholder="设置数据的无效值，例：255" />
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">无效值颜色填充</label>
                    <div class="col-sm-7">
                        <div class="row">
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <input type="number" min=0 max=255 class="form-control border_form" id="no_data_fill_r" value="" placeholder="R" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <input type="number" min=0 max=255 class="form-control border_form" id="no_data_fill_g" value="" placeholder="G" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="rgb_group">
                                    <input type="number" min=0 max=255 class="form-control border_form" id="no_data_fill_b" value="" placeholder="B" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <p class="rgb_tips">无效值区域颜色的填充值，例：255,255,255</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">拉伸设置</label>
                    <div class="col-sm-7">
                        <label id="range_stretch" data-toggle="tooltip" data-placement="top">
                            <input type="checkbox"> 开启影像拉伸
                        </label>

                        <label id="is_8bit" class="disabled" data-toggle="tooltip" data-placement="top">
                            <input type="checkbox"> 是否为8位数据
                        </label>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">8位数据设置</label>
                    <div class="col-sm-7">
                        <label id="range_8bit" data-toggle="tooltip" data-placement="top" title="如果选中，算法内部将会把0值变成1，把255变成254。如果未选中，算法内部不做处理。该参数仅对8bit数据有效。">
                            <input type="checkbox"> 8位图像不包含无效数据
                        </label>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">处理配置</label>
                    <div class="col-sm-7">
                        <label id="is_initial" data-toggle="tooltip" data-placement="top" title="如果选中，算法内部将会只处理当前时间点的瓦片生成（忽略历史瓦片数据）">
                            <input type="checkbox"> 只处理当日数据
                        </label>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">处理程序</label>
                    <div class="col-sm-7">
                        <label id="use_scp5" data-toggle="tooltip" data-placement="top" title="如果选中，切片程序会提交至超算5.0系统进行处理（请确保5.0算法管理里已注册切片算法程序），不勾选则默认使用超算4.0系统">
                            <input type="checkbox" checked="true"> 是否使用超算5.0系统进行处理
                        </label>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">重置索引</label>
                    <div class="col-sm-7">
                        <button type="button" class="btn btn-default btn_border" id="reload_cut"><i class="fa fa-refresh"></i> 重置索引</button>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
            </form>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-7">
                        <button type="button" class="btn btn-primary" id="submit_cut">提交执行</button>
                        <button type="button" class="btn btn-link" id="cancel_cut">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %} 

{% block modal %}
<div class="modal fade" tabindex="-1" role="dialog" id="data_dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">选择数据</h4>
        </div>
        <div class="modal-body" id="sel_centent">
            <div class="input-group">
                <span class="input-group-addon" id="my_addon">
                    <i class="fa fa-cubes"></i>
                </span>
                <!-- <select id="my_datasets">
                    此处内容由JS生成
                </select> -->

                <input id="my_datasets" class="form-control" placeholder="点击选择数据集" readonly>
                <div class="" id="dataset_list">
                    <ul class="ztree" id ="datasets_tree"></ul>
                </div>

                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="chk_dataset">
                        <i class="fa fa-square-o fa-fw"></i>
                        <span>选取数据集下所有数据</span>
                    </button>
                </span>
            </div>
            <div id="list_box">
                <p>数据列表</p>
                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th class="chk checkall"><input type="checkbox"></th>
                            <th class="thumb"><div></div></th>
                            <th class="name"><p>名称</p></th>
                            <th class="time"><p>时间</p></th>
                            <th class="res"><p>分辨率</p></th>
                            <th class="ref"><p>参考系</p></th>
                        </tr>
                    </thead>
                </table>
                <div class="scrollbar-macosx t_body">
                    <table class="table table-striped table-hover table-condensed">
                        <tbody id="dataset_body">
                            <tr><td class="no_data" colspan=5>暂无数据</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</button>
            <button href="javascript:void(0)" class="btn btn-primary" id="add_data">
                <i class="fa fa-plus fa-fw"></i> 添加
            </button>
        </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="tiles_dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">时间戳数据</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-3">
                        <div id="map">
                            <!-- 图层切换 -->
                            <div id="layer_list"><ul></ul></div>                             
                        </div>
                        <table class="table table-hover">
                            <tbody>
                                <!-- <tr>
                                    <td>主题名称</td>
                                    <td class="name">-</td>
                                </tr> -->
                                <tr>
                                    <td>时间戳</td>
                                    <td class="time">-</td>
                                </tr>
                                <tr>
                                    <td>最大级别</td>
                                    <td class="max">-</td>
                                </tr>
                                <tr>
                                    <td>最小级别</td>
                                    <td class="min">-</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-9">
                        <div class="table-responsive">
                            <table class="table table-condensed table-striped tile_table">
                                <caption>瓦片数据共计：<span>-</span></caption>
                                <thead>
                                    <tr>
                                        <th>数据路径</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>该时间戳无数据</td>
                                    </tr>                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button href="javascript:void(0)" class="btn btn-primary" data-dismiss="modal">
                    <i class="fa fa-check fa-fw"></i> 确定
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="del_time_dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">删除时间点</h4>
            </div>
            <div class="modal-body">
                <p class="del_tips">是否确定要删除时间点：<span class="time_name">-</span></p>
                <p>注意：请确保当前主题没有正在运行中的切片任务后再进行该操作！</p>
            </div>
            <div class="modal-footer">
                <button href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</button>
                <button href="javascript:void(0)" class="btn btn-danger" id="delete_time_btn" data-dismiss="modal">
                    <i class="fa fa-trash-o fa-fw"></i> 确定删除
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="reload_dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">重置主题索引</h4>
            </div>
            <div class="modal-body">
                <p class="tips">是否确定要重置该主题的索引？</p>
                <p>注意：请确保当前主题没有正在运行中的切片任务后再进行该操作！</p>
            </div>
            <div class="modal-footer">
                <button href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</button>
                <button href="javascript:void(0)" class="btn btn-primary" id="reload_btn" data-dismiss="modal">
                    <i class="fa fa-check fa-fw"></i> 确定
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="srs_dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">选择参考系</h4>
            </div>
            <div class="modal-body">
                <div>
                    <ul class="ztree" id="srs_tree"></ul>
                </div>
                <p id="wkt_text">参考系信息</p>
            </div>
            <div class="modal-footer">
                <button href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</button>
                <button href="javascript:void(0)" class="btn btn-primary" id="select_srs">
                    <i class="fa fa-check fa-fw"></i> 确定
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 服务地址 -->
<div class="modal fade" tabindex="-1" role="dialog" id="address_dialog">
    <div class="modal-dialog" style="width: 700px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">服务地址</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div id="token_info">
                        
                    </div>
        
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 授权 -->
<div class="modal fade" tabindex="-1" role="dialog" id="token_dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">授权信息</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">授权时长</label>
                        <div class="col-sm-10">
                            <select class="form-control border_form" id="expiration_time">
                                <option value="43200">一个月</option>
                                <option value="129600">一季度</option>
                                <option value="262080">半年</option>
                                <option value="525600">一年</option>
                                <option value="1440">一天</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="team_name" class="col-sm-2 control-label">授权用户</label>
                        <div class="col-sm-10">
                            <select class="form-control border_form" id="apply_user_ipt"></select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="fa fa-remove fa-fw"></span> 取消
                </button>
                <button type="button" id="add_auth_btn" class="btn btn-primary" data-dismiss="modal">
                    <span class="fa fa-check fa-fw"></span> 创建
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock  %}