{% extends "appCenter/dataOrderList/dataorderTemp.html" %} 

{% block title %}
<title>新建订单</title>
{% endblock %}

{% block distributelink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ztree/zTreeStyle.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.css">

<link rel="stylesheet" href="{{ pathPrefix }}/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/dataOrderList/dataOrder.css">
{% endblock %}

{% block distributescript %}
<script src="{{ pathPrefix }}/plugins/ol4/ol.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/daterangepicker/moment.min.js"></script>
<script src="{{ pathPrefix }}/plugins/daterangepicker/daterangepicker.js"></script>
<script src="{{ pathPrefix }}/js/common/map2dTools.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.exhide.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ol4/turf.min.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataOrderList/dataOrder.js"></script>
<script src="{{ pathPrefix }}/js/common/selectBaseMap.js"></script>
{% endblock %}

{% block distributecentent %}
<div>
    <div id="import_step">

        <form id="step_1" class="step_centent">
            <div class="form-horizontal col-md-10 column">
                <div class="module">
                    <h5>订单信息</h5>
                    <!-- 订单名称 -->
                    <div class="form-group">
                        <div class="control-label"><label>订单名称</label></div>
                        <div class="controls">
                            <input type="text" class="form-control border_form" id="order_name" name="order_name" placeholder="填写订单名称" autocomplete="off">
                        </div>
                    </div>

                    <!-- 产品级别 -->
                    <div class="form-group" id="order_product">
                        <div class="control-label not_require"><label>产品级别</label></div>
                        <div class="controls">
                            <select class='product_level form-control border_form' id="product_level">
                                <option value="level_1">一级产品</option>
                                <option value="level_2">二级产品</option>
                                <option value="level_3" selected>三级产品</option>
                                <option value="level_4">四级产品</option>
                                <option value="level_5">五级产品</option>
                                <option value="level_6">六级产品</option>
                            </select>
                            <a id="product_icon"><i class='fa fa-question-circle'></i></a>
                            <div id="product_discribtion">
                                <p>一级产品（辐射校正数据产品）</p>
                                <p>二级产品（几何校正数据产品）</p>
                                <p>三级产品（几何精校正数据产品）</p>
                                <p>四级产品（几何地形校正数据产品）</p>
                                <p>五级产品（经融合的数据产品）</p>
                                <p>六级产品（三维可视化数据产品）</p>
                            </div>
                        </div>
                    </div>

                    <!-- 交付时间 -->
                    <div class="form-group" id="delivery_time">
                        <div class="control-label not_require"><label>交付时间</label></div>
                        <div class="controls">
                            <input type="text" id="endtime" class='form-control border_form' placeholder="交付时间" autocomplete="off">
                        </div>
                    </div>

                    <!-- 交付方式 -->
                    <div class="form-group">
                        <div class="control-label not_require"><label>交付方式</label></div>
                        <div class="controls">
                            <select class='payfor_method form-control border_form' id="payfor_method">
                                <option value="单独正射景">单独正射景</option>
                                <option value="镶嵌影像">镶嵌影像</option>
                                <option value="行政区划裁剪">行政区划裁剪</option>
                                <option value="国家标准分幅">国家标准分幅</option>
                                <option value="军队标准分幅">军队标准分幅</option>
                                <option value="经纬度格网">经纬度格网</option>
                                <option value="公里格网">公里格网</option>
                                <!-- <option value="主题切片">主题切片</option> -->
                            </select>
                        </div>
                    </div>

                    <!-- 数据集选择 -->
                    <!-- <div class="form-group auto_theme_output">
                        <div class="control-label not_require"><label>数据集选择</label></div>
                        <div class="controls">
                            <div class="input-group input_select">
                                <input placeholder='请选择处理完成后，正射数据入库的数据集' class="form-control border_form" id="orderOutputDataset" autocomplete="off" readOnly></input>
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" id="open_dataset" title="选择数据集"><i class="fa fa-folder-o"></i></button>
                                </span>
                            </div>
                        </div>
                    </div> -->

                    <!-- 主题选择 -->
                    <!-- <div class="form-group auto_theme_output">
                        <div class="control-label not_require"><label>主题选择</label></div>
                        <div class="controls">
                            <div class="input-group input_select">
                                <input placeholder='请选择数据存放的主题' class="form-control border_form" id="orderOutputTheme" autocomplete="off" readOnly></input>
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" id="open_themes" title="选择切片主题"><i class="fa fa-folder-o"></i></button>
                                </span>
                            </div>
                        </div>
                    </div> -->

                    
                    <!-- 生产要求 -->
                    <div class="form-group">
                        <div class="control-label not_require"><label>生产要求</label></div>
                        <div class="controls">
                            <textarea placeholder='生产要求' class="form-control border_form orderDataRem" rows=4 id="orderDataRem"></textarea>
                        </div>
                    </div>
                </div>
                <div class="module">
                    <h5>参数设置</h5>

                    <!-- 流程模板 -->
                    <!-- <div class="form-group auto_theme_output">
                        <div class="control-label not_require"><label>流程模板</label></div>
                        <div class="controls">
                            <select class='form-control border_form' id="auto_model">
                                <option value="默认模板">默认模板</option>
                            </select>
                        </div>
                    </div> -->

                    <!-- 分辨率 -->
                    <div class="form-group">
                        <div class="control-label not_require"><label>分辨率(米)</label></div>
                        <div class="controls">
                            <div class="input-group input_select">
                                <!-- <span class='sign'><=</span> -->
                                <input type="number" class="form-control border_form" min='0' id="ortho-resolution" placeholder="输入分辨率">
                            </div>
                            <div class="btn-group" style="border: 1px solid #ddd; border-left: 0px;">
                                <a class="btn chose_res btn-default">分辨率</a> <button data-toggle="dropdown" class="chose_res btn btn-default dropdown-toggle"><span class="caret"></span></button>
                                <ul id="resolu_list" class="dropdown-menu" style="min-width: inherit;">
                                    <li>
                                        <a>0.31</a>
                                    </li>
                                    <!-- <li>
                                        <a>0.41</a>
                                    </li> -->
                                    <li>
                                        <a>0.50</a>
                                    </li>
                                    <!-- <li>
                                        <a>0.61</a>
                                    </li>
                                    <li>
                                        <a>0.72</a>
                                    </li> -->
                                    <li>
                                        <a>0.80</a>
                                    </li>
                                    <li>
                                        <a>1.00</a>
                                    </li>
                                    <!-- <li>
                                        <a>1.24</a>
                                    </li>
                                    <li>
                                        <a>1.50</a>
                                    </li>
                                    <li>
                                        <a>1.65</a>
                                    </li>
                                    <li>
                                        <a>1.80</a>
                                    </li> 
                                    <li>
                                        <a>2.00</a>
                                    </li>-->
                                    <li>
                                        <a>2.10</a>
                                    </li>
                                    <!-- <li>
                                        <a>2.36</a>
                                    </li>
                                    <li>
                                        <a>2.44</a>
                                    </li>
                                    <li>
                                        <a>2.50</a>
                                    </li>
                                    <li>
                                        <a>2.88</a>
                                    </li> -->
                                    <li>
                                        <a>3.00</a>
                                    </li>
                                    <!-- <li>
                                        <a>3.20</a>
                                    </li>
                                    <li>
                                        <a>3.60</a>
                                    </li>
                                    <li>
                                        <a>4.00</a>
                                    </li>
                                    <li>
                                        <a>5.00</a>
                                    </li>
                                    <li>
                                        <a>5.80</a>
                                    </li>
                                    <li>
                                        <a>6.00</a>
                                    </li> -->
                                    <li>
                                        <a>8.00</a>
                                    </li>
                                    <!-- <li>
                                        <a>10.0</a>
                                    </li>
                                    <li>
                                        <a>15.0</a>
                                    </li> -->
                                    <li>
                                        <a>16.0</a>
                                    </li>
                                    <!-- <li>
                                        <a>20.0</a>
                                    </li> 
                                    <li>
                                        <a>30.0</a>
                                    </li>-->
                                    <li>
                                        <a>32.0</a>
                                    </li>
                                    <!-- <li>
                                        <a>60.0</a>
                                    </li>
                                    <li>
                                        <a>78.0</a>
                                    </li> -->
                                    <li>
                                        <a>100</a>
                                    </li>
                                    <!-- <li>
                                        <a>150</a>
                                    </li> -->
                                    <li>
                                        <a>300</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- 参考系 -->
                    <div class="form-group">
                        <div class="control-label not_require"><label>参考系</label></div>
                        <div class="controls">
                            <div class="input-group input_select">
                                <input type="text" class="form-control border_form" id="srs_wkt" placeholder="如果数据无参考系，请在此处指定数据参考系（WKT文本）" autocomplete="off">
                                <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="form-group">
                        <div class="control-label not_require"><label>格式</label></div>
                        <div class="controls">
                            <select class='form-control border_form' id="format">
                                <option value="GeoTiff通用格式">GeoTiff通用格式</option>
                                <option value="ERDAS Imagine格式">ERDAS Imagine格式</option>
                            </select>
                        </div>
                    </div>

                    <!-- 覆盖率 -->
                    <!-- <div class="form-group">
                        <div class="control-label"><label>覆盖率</label></div>
                        <div class="controls">
                            <input type="number" class="form-control border_form border_group" min="0" max="100" value="50" placeholder="覆盖率" />
                        </div>
                    </div> -->

                    <!-- 云量 -->
                    <div class="form-group">
                        <div class="control-label not_require"><label>云量（%）</label></div>
                        <div class="controls">
                            <div class="clearfix range_input">
                                <div class="col-md-6">
                                    <input id="cloud_slider" type="range" min="0" max="100" value="10" />
                                </div>
                                <div class="col-md-2">
                                    <input type="number" class="form-control border_form border_group" id="cloud_percent" min="0" max="100" value="10" placeholder="云量" />
                                </div>
                                <div>%</div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="module" id="data_section">
                    <h5>数据添加</h5>
                    <div id="orderdata_chose" class="form-group">
                        <div class="control-label"><label>方案选择</label></div>
                        <div class="controls">
                            <label>
                                <input class='planChecked' type="radio" name="data_chose" value="0" checked='true'> 使用选择的数据生产
                            </label>
                            <label>
                                <input class='planChecked' type="radio" name="data_chose" value="1"> 根据自定义数据要求生产
                            </label>
                        </div>
                    </div>
                    <!-- 数据内容 -->
                    <div class='add_dataContent dataContent'>
                        <div class="form-group">
                            <div class="control-label"><label>数据内容</label></div>
                            <div class="table_card controls">
                                <ul class="tab">
                                    <button type="button" class="btn btn-default btn-sm btn_border pull-right" id="aadd_btn">
                                        <i class="fa fa-plus fa-fw"></i> 增加
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border pull-right" id="remove_btn">
                                        <i class="fa fa-minus fa-fw"></i> 移除
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm btn_border pull-right" id="clear_btn">
                                        <i class="fa fa-trash-o fa-fw"></i> 清空
                                    </button>
                                    <span class="chose_tip">( 注：请查看所选择的的数据是否满足镶嵌要求 )</span>
                                </ul>
                                <div class="tabCon">
                                    <!-- 数据 -->
                                    <div class="tab_content on">
                                        <table id="data_table"></table>
                                    </div>
                                    <!-- 数据集 -->
                                    <div class="tab_content">
                                        <table id="dataToo_table"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group area_select">
                            <div class="control-label not_require"><label>数据范围</label></div>
                            <div class="controls">
                                <div style="width: 100%;margin-top: 15px;">
                                    <div id="map" class='form-control border_form' style="overflow: hidden;">
                                        <!-- 图层切换 -->
                                        <div id="layer_list"><ul></ul></div>                                          
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='no_dataContent dataContent'>
                        <!-- 卫星平台 -->
                        <div class="form-group">
                            <div class="control-label"><label>卫星平台</label></div>
                            <div class="controls">
                                <div class="radio check_list" id="sat_platform">
                                    <ul>
                                        <li>
                                            <div class="sat_datas">卫星数据</div>
                                            <div class="sensor_datas">传感器</div>
                                        </li>
                                    </ul>
                                    <ul class='sat_content'>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="高分1号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="GF1"> GF1
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="PMS" disabled='disabled'>
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2' value="PMS"> PMS
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="WFV">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='16' value="WFV"> WFV
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="高分2号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="GF2"> GF2
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="PMS">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1' value="PMS"> PMS
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="高分3号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="GF3"> GF3
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="PMS">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1' value="SAR"> SAR
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="高分4号">
                                                    <input type="checkbox" name="satellite" data-value='50' value="GF4"> GF4
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="资源02C">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="ZY02C"> ZY02C
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="HRC">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.36' value="HRC"> HRC
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="PMS">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='5' value="PMS"> PMS
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="资源3号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="ZY3-01"> ZY3-01
                                                </label>
                                            </div>

                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="NAD">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.1' value="NAD"> NAD
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="MUX">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='5.8' value="MUX"> MUX
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="TLC">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='3.6' value="TLC"> TLC
                                                    </label>
                                                </span>
                                            </div>

                                        </li>
                                        
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="资源3号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="ZY3-02"> ZY3-02
                                                </label>
                                            </div>

                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="NAD">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.1' value="NAD"> NAD
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="MUX">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='5.8' value="MUX"> MUX
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="TLC">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.5' value="TLC"> TLC
                                                    </label>
                                                </span>
                                            </div>

                                        </li>

                                        <li>
                                            <div class='sat_datas'>
                                                <label title="天绘">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="TH"> TH
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='10' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="三线阵全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='5' value="三线阵全色"> 三线阵全色
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="环境1号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="HJ-1A"> HJ-1A
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="CCD">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='30' value="CCD"> CCD
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="HSI">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='100' value="HSI"> HSI
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="环境1号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="HJ-1B"> HJ-1B
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="CCD">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='30' value="CCD"> CCD
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="IRS">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='150' value="IRS"> IRS
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="遥感5">
                                                    <input type="checkbox" name="satellite" data-value='2' value="YG5"> YG5
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="遥感26（JB14A）">
                                                    <input type="checkbox" name="satellite" data-value='5' value="YG26"> YG26
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="北京2号">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="BeiJing2"> BeiJing2
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.8' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='3.2' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                       <!--  <li>
                                            <div class='sat_datas'>
                                                <label title="北京3号">
                                                    <input type="checkbox" name="satellite" data-value='null' value="BeiJing3"> BeiJing3
                                                </label>
                                            </div>
                                        </li> -->
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="IKONOS">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="IKONOS"> IKONOS
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='4' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="P5">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="P5"> P5
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.5' value="全色"> 全色
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="SPOT5">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="SPOT5"> SPOT5
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.5' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='10' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="SPOT6">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="SPOT6"> SPOT6
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1.5' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='6' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="ALOS">
                                                    <input type="checkbox" name="satellite" data-value='2.5' value="ALOS"> ALOS
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="QuickBird">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="QuickBird"> QuickBird
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.61' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2.44' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <!-- <li>
                                            <div class='sat_datas'>
                                                <label title="TM系列">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="TM"> TM
                                                </label>
                                            </div>
                                        </li> -->
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="WorldView1">
                                                    <input type="checkbox" name="satellite" data-value='0.5' value="WorldView1">
                                                    <span>WorldView1</span>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="WorldView2">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="WorldView2">
                                                    <span>WorldView2</span>
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.5' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1.8' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="WorldView3">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="WorldView3">
                                                    <span>WorldView3</span>
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.31' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1.24' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="Landsat8">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="Landsat8"> Landsat8
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="OLI">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='15' value="OLI"> OLI
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="TIRS">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='15' value="TIRS"> TIRS
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="GeoEye">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="GeoEye"> GeoEye
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.41' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1.65' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="KazEos（哈沙克斯坦）">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="KazEos"> KazEos
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='1' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='4' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="Pleiads">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="Pleiads"> Pleiads
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="全色">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='0.5' value="全色"> 全色
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="多光谱">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2' value="多光谱"> 多光谱
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='sat_datas'>
                                                <label title="PlanetLabs">
                                                    <input type="checkbox" name="satellite" data-value='undefined' value="PlanetLabs"> PlanetLabs
                                                </label>
                                            </div>
                                            <div class='sensor_datas'>
                                                <span>
                                                    <label title="PS0/1">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='3' value="PS0/1"> PS0/1
                                                    </label>
                                                </span>
                                                <span>
                                                    <label title="PS2">
                                                        <input type="checkbox" disabled='disabled' name="satellite" data-value='2' value="PS2"> PS2
                                                    </label>
                                                </span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 数据时间 -->
                        <div class="form-group" id="data_require_time">
                            <div class="control-label"><label>数据时间</label></div>
                            <div class="controls">
                                <input type="text" id='datatime' class='form-control border_form' placeholder="数据时间">
                            </div>
                        </div>

                     <!--    <div class="form-group area_select">
                            <div class="control-label not_require"><label>生产范围</label></div>
                            <div class="controls">
                                <div class="input-group input_select">
                                    <input class="form-control border_form" id="sel-range-it" placeholder="选择数据范围" readonly="true">
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-default sel-range-btn" id="sel-range-btn" title="选择区域范围">
                                            <i class="fa fa-bars"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div> -->

                        <!-- 数据要求 -->
                        <div class="form-group">
                            <div class="control-label"><label>数据要求</label></div>
                            <div class="controls">
                                <textarea placeholder='输入对数据的额外要求' class="border_form order_require form-control" id="order_require" rows=4></textarea>
                            </div>
                        </div>
                        <div class="form-group area_select">
                            <div class="control-label"><label>数据范围</label></div>
                            <div class="controls">
                                <div style="width: 100%;margin-top: 15px;">
                                    <div id="map_area" class='form-control border_form'>
                                       <!--  <div id="buffer_search">
                                            <div class="input-group">
                                                <span class="input-group-addon" id="dataviewBtn"><i class="fa fa-search" data-icon='0'></i></span>
                                                <input type="text" id="search_res" class="form-control" placeholder="根据搜索内容设置缓冲区">
                                            </div>
                                        </div> -->
                                        <div id="map_Tools">
                                           <!--  <a id="drawPolygon" name="polygon"><i class='fa fa-edit fa-fw'></i>绘图区域</a>
                                            <a id="clearDraw" name="clear"><i class='fa fa-eraser'></i>清除</a> -->
                                            <a id="sel-range-btn" class='sel-range-btn'><i class='fa fa-edit fa-fw'></i>行政区划</a>
                                            <a id="upload_zone" class="upload_zone"><i class='fa fa-folder-open fa-fw'></i>上传文件</a>
                                            <a id="clear_layer" class='sel-range-btn'><i class='fa fa-eraser'></i>清除</a>
                                        </div>
                                        <!-- 上传文件 -->
                                        <div id="fileUpload_tools">
                                            <div class="title noselect">
                                                <button type="button" id="close_upload" class="close">&times;</button>
                                                <h5>上传范围文件</h5>
                                            </div>
                                            <div class="centent noselect">
                                                <div class="types clearfix">
                                                    <div class="file_type on" name="shp">SHP</div>
                                                    <div class="file_type" name="geojson">GEOJSON</div>
                                                    <div class="file_type" name="kml">KML</div>
                                                </div>
                                                <div>
                                                    <div class="upload_area">
                                                        <div class="upload_text">
                                                            <i class="fa fa-upload"></i>
                                                            点击或拖拽文件到此处
                                                        </div>
                                                        <div class="file_area">
                                                            <div class="upload_title">
                                                                <p class="file_name"> - </p>
                                                                <div class="remove_file">
                                                                    <i class="fa fa-refresh"></i>
                                                                    <span>重传</span>
                                                                </div>
                                                            </div>
                                                            <div class="upload_info">
                                                                <div class="top_text">
                                                                    <p>状态：<span class="status">等待上传</span></p>
                                                                </div>
                                                                <div class="progress">
                                                                    <div class="progress-bar progress-bar-success progress-bar-striped"></div>
                                                                </div>
                                                            </div>
                                                            <div class="setting_buffer">
                                                                <div class="top_text">
                                                                    <p>设置缓冲区</p>
                                                                    <div class="buffer_tip">
                                                                        <input type="text" class="buffer_val" value=0>
                                                                        <span>米</span>
                                                                    </div>
                                                                </div>
                                                                <div class="range_tool"><input class="buffer_range" type="range" min=0 max=100000 value=0></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tips">
                                                        <p class="shp_text">1. 请确保您上传的Shp文件是WGS-84坐标系；</p>
                                                        <p class="shp_text">2. 请打包成Zip格式进行上传；</p>
                                                        <p class="shp_text">3. 至少包含：.dbf、.shp、.shx和 .prj四类文件，文件名均为英文。</p>
                                                        <p class="geojson_text">1. 请确保您上传的GeoJSON文件是WGS-84坐标系；</p>
                                                        <p class="geojson_text">2. 内容包含多个要素时，只加载第一个要素。</p>
                                                        <p class="kml_text">1. 请确保您上传的KML文件是WGS-84坐标系；</p>
                                                        <p class="kml_text">2. 内容包含多个要素时，只加载第一个要素。</p>
                                                    </div>
                                                </div>
                                                <input type="file" id="zone_file">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="module">
                    <h5>联系人信息</h5>
                    <div class="form-group">
                        <div class="control-label not_require"><label>联系人</label></div>
                        <div class="controls">
                            <input type="text" class="form-control border_form" id="contact_name" name="order_name" placeholder="填写联系人" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="control-label not_require"><label>邮件地址</label></div>
                        <div class="controls">
                            <input type="text" class="form-control border_form" id="contact_mail" name="order_name" placeholder="填写邮件地址" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="control-label not_require"><label>联系方式</label></div>
                        <div class="controls">
                            <input type="text" class="form-control border_form" id="contact_tel" name="order_name" placeholder="填写联系方式" autocomplete="off">
                        </div>
                    </div>
                </div>
                <div id='next_btn'>
                    <button type="button" class="btn btn-primary" id="saveOrder"><i class="fa fa-save"></i> 保存订单</button>
                    <button type="button" class="btn btn-primary" id="sendOrder"><i class="fa fa-paper-plane-o"></i> 提交订单</button>
                    <button type="button" class="btn btn-primary" id="resetOrder"><i class="fa fa-refresh"></i> 重置</button>
                </div> 
            </div>
            <div class="form-horizontal col-md-10 column" id="new_atip">
               <div id="atips_content">
                    <i class="fa fa-check" style="font-size: 36px;"></i>
                    <div class="show_atip"><p><h5>订单已保存成功,请进入订单列表查看</h5></p></div>
                    <div class="show_atip">
                        <input type="button" id="sure_btn" class='btn btn-link' value="查看订单">
                    </div>
               </div>
            </div>
        </form>     
    </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>

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

            </div>
            <p class="list_text_sj">数据列表</p>
            <div id="list_box" class="list_text_cont">
                
                <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="size"><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="dataSet_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>

                <input id="my_datasets_too" class="form-control" placeholder="点击选择数据集" readonly>
                <div class="" id="dataset_list_too">
                    <ul class="ztree" id ="datasets_tree_too"></ul>
                </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_too">
                <i class="fa fa-plus 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>
                    <div class="control-label" style="display: table-cell;min-width: 80px !important;border-bottom:0px;"><label>默认参考系</label></div>
                    <div class='controls' style="display: table-cell;margin-top:10px;">
                        <select class="srs_default border_form form-control" style="width: 100% !important;">
                            <option value="0">请选择参考系</option>
                            <option value='GEOGCS["GCS_CGCS_2000",DATUM["D_CGCS_2000", SPHEROID["CGCS2000",6378137,298.257222101]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]'>CGCS2000</option>
                            <option value='GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]'>WGS1984</option>
                        </select>
                    </div>
                </div>
                <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="zone_area">
    <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 class="centent">
                    <div id="zone_tree" class="ztree"></div>
                </div>
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</a>
                <a href="javascript:void(0)" class="btn btn-primary" id="range-ok">确定</a>
            </div>
        </div>
    </div>                      
</div>

<!-- 新建订单后确定按钮 -->
<div class="modal fade" id="confirm_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <p class="deleteBody"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-small" id="confirm_save">确定</button>
            </div>
        </div>
    </div>
</div>

<!-- 选取切片主题 -->
<div class="modal fade" tabindex="-1" role="dialog"  id="themeListDialog">
    <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 class="centent clearfix"></div>
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</a>
                <a href="javascript:void(0)" class="btn btn-primary" id="chkTheme">确定</a>
            </div>
        </div>
    </div>                      
</div>

{% endblock %}