{% 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 }}/css/appCenter/dataOrderList/dataUserCar.css">
{% endblock %}

{% block distributescript %}
<script src="{{ pathPrefix }}/plugins/ol4/ol.js"></script>
<script src="{{ pathPrefix }}/plugins/jqPaginator.min.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataOrderList/dataUserCar.js"></script>
{% endblock %}

{% block distributecentent %}
<div>
    <div id="import_step">
        <div id="dataManage">
            <div id="orderUserData">
                <div id="tab" class="clearfix">
                    <ul class="pagination pull-left" role="tablist">
                        <li class="all active"><a class='dataUser' data-status='pending' href="#alldata" data-toggle="tab">未发送订单</a></li>
                        <li class="hold"><a class='dataUser' data-status='submitted' href="#applydata" data-toggle="tab">等待审核</a></li>
                        <li class="pass"><a class='dataUser' data-status='confirmed' href="#normaldata" data-toggle="tab">审核通过</a></li>
                        <li class="fail"><a class='dataUser' data-status='voided' href="#unpassdata" data-toggle="tab">审核失败</a></li>
                        <li class="production"><a class='dataUser' data-status='prepareing,prepared,processing,completed,imported,import_failed,tiling,tile_finished,tile_failed,tile_cancelled,process_failed,project_failed' href="#production" data-toggle="tab">生产列表</a></li>
                        <!-- <li class="produce"><a class='dataUser' data-status='processing,prepareing,prepared' href="#produce" data-toggle="tab">生产中</a></li>
                        <li class="complete"><a class='dataUser' data-status='completed' href="#complete" data-toggle="tab">生产完成</a></li> -->
                    </ul>
                </div>
                <div id="dataTable">
                    <div class="search_order">
                        <div class='orderOpeart sort_list'>
                            <div>
                                <label>排序方式</label>
                                <select id="change_sort">
                                    <option value="create_time">提交时间</option>
                                    <option value="name">订单名称</option>
                                </select>
                                <button class='btn btn-link btn-sm sort-order' data-placement="bottom" title="升序"><i class="fa fa-arrow-down"></i></button>
                            </div>
                        </div>
                    </div>
                    <!-- <div id="ManageTitle">
                        <div class='col-md-2'>商品信息</div>
                        <div class='col-md-2'>产品级别</div>
                        <div class='col-md-2'>处理状态</div>
                        <div class='col-md-2'>下载地址</div>
                        <div class='col-md-2'>原由</div>
                        <div class='col-md-1'>操作</div>
                    </div>
                    <div id="orderManage"></div>  -->

                    <table class="table table-striped order_tb">
                        <thead>
                            <tr>
                                <!-- <th class="order_user">用户</th> -->
                                <th class="order_name">订单名称</th>
                                <th class="order_lv">产品级别</th>
                                <th class="order_way">交付方式</th>
                                <th class="order_ext">影像格式</th>
                                <!-- <th class="order_time">订购时间</th> -->
                                <th class="order_delivery">要求交付时间</th>
                                <th class="order_status">状态</th>
                                <th class="order_control">操作</th>
                            </tr>
                        </thead>
                        <tbody id="orderManage"></tbody>
                    </table>
                    <form id="form" runat="server">
                        <div></div>
                        <div>
                            <ul class="pagination" id="pagination">
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
{% endblock %}

{% block modal %}
<!-- 删除 -->
<div class="modal fade" id="remove_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-danger btn-small" id="confirm_remove">删除</button>
            </div>
        </div>
    </div>
</div>


<!-- 下载地址 -->
<div class="modal fade" id="url_down" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">数据下载地址</h4>
            </div>
            <div class="modal-body">
                <div class='form-group'>
                    <div class='control-label'>
                        <label>下载链接</label>
                    </div>
                    <div class="controls">
                        <input type="text" class='border_form' placeholder="下载地址" id='order_url' readonly='readonly'/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<!-- 查看反馈信息 -->
<div class="modal fade" id="order_reason" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">订单反馈信息</h4>
            </div>
            <div class="modal-body" style="padding: 15px">
                <div>
                    <p style="margin-bottom:10px;">管理员反馈：</p>
                    <p class="reason text-danger"></p>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}