{{ javascript_include("/js/datagrid-detailview.js") }}
{{ javascript_include("/js/datagrid-filterhtml.js") }}
<!--列表-->
<div class="my">
    <table id="cc" class="easyui-datagrid"  toolbar="#tc" title=""
           data-options="url:'/report/schedule',method:'post',fit:true,singleSelect:false,nowrap:false,pagination:true,pageSize:30,collapsible:true,queryParams:{},remoteSort:false" width="100%">
        <thead>
        <tr>
            {#<th data-options="field:'schedule_type',align:'center'" rowspan="2" width="2%" >传票类型</th>#}
            <th data-options="field:'summons',align:'center',styler:stylertd_line" rowspan="2" width="10%" >传票号</th>
            <th data-options="field:'saleOrder',align:'center',styler:stylertd_line" rowspan="2"  width="8%">销售单号</th>
            <th data-options="field:'customer',align:'center',styler:stylertd_line" rowspan="2"  width="7%">客户名称</th>
            <th data-options="field:'product',align:'center',styler:stylertd_line" rowspan="2"  width="18%">产品名称</th>
            <th data-options="field:'size',align:'center',styler:stylertd_line" rowspan="2"  width="4%">成品尺寸</th>
            <th data-options="field:'bind',align:'center',styler:stylertd_line" rowspan="2"  width="4%">装订方式</th>
            <th data-options="field:'qty',align:'right',styler:stylertd_line,formatter:unit_show" rowspan="2"  width="5%">产品数量</th>
            <!-- <th data-options="field:'unit',align:'center',styler:stylertd_line" rowspan="2" width="2%">单位</th> -->
            <th data-options="field:'pd_time',align:'center'" rowspan="2"  width="5%">交货日期</th>
            <th width="12%" colspan="3">计划</th>
            <th width="20%" colspan="5">执行</th>
            <th width="8%" colspan="2">入库</th>
            <th data-options="field:'remarks',align:'center',styler:stylertd_line" rowspan="2"  width="18%">备注</th>
        </tr>
        <tr>
            <th data-options="field:'flowchart',align:'center',styler: function(value,row,index){
                            if (value == '√'){ return 'color:#32CD32;font-weight:bold;';}
                } " width="4%">工艺开单</th>
            <th data-options="field:'machine',align:'center',styler: function(value,row,index){
                            if (value == '√'){ return 'color:#32CD32;font-weight:bold;';}
                } " width="4%">调度排产</th>
            <th data-options="field:'waixie',align:'center',styler: function(value,row,index){
                            if (value == '√'){ return 'color:#32CD32;font-weight:bold;';}
                } " width="4%">外协计划</th>
            <th data-options="field:'zhiban',align:'center',styler: function(value,row,index){
                            switch (value) {
                                case '完成' :return 'background-color:#00B050;font-weight:bold;color:#000';break;
                                case '暂停' :return 'background-color:#FF0000;font-weight:bold;color:#000'; break;
                                case '生产中' :return 'background-color:#1E90FF;font-weight:bold;color:#000'; break;
                                case '未开始' :return 'font-weight:bold;'; break;
                            }
                } " width="4%">制版</th>
            <th data-options="field:'yinshua',align:'center',styler: function(value,row,index){
                            switch (value) {
                                case '完成' :return 'background-color:#00B050;font-weight:bold;color:#000';break;
                                case '暂停' :return 'background-color:#FF0000;font-weight:bold;color:#000'; break;
                                case '生产中' :return 'background-color:#1E90FF;font-weight:bold;color:#000'; break;
                                case '未开始' :return 'font-weight:bold;'; break;
                            }
                } " width="4%">印刷</th>
            <th data-options="field:'biaomian',align:'center',styler: function(value,row,index){
                            switch (value) {
                                case '完成' :return 'background-color:#00B050;font-weight:bold;color:#000';break;
                                case '暂停' :return 'background-color:#FF0000;font-weight:bold;color:#000'; break;
                                case '生产中' :return 'background-color:#1E90FF;font-weight:bold;color:#000'; break;
                                case '未开始' :return 'font-weight:bold;'; break;
                            }
                } " width="4%">表面整饰</th>
            <th data-options="field:'zhuangding',align:'center',styler: function(value,row,index){
                            switch (value) {
                                case '完成' :return 'background-color:#00B050;font-weight:bold;color:#000';break;
                                case '暂停' :return 'background-color:#FF0000;font-weight:bold;color:#000'; break;
                                case '生产中' :return 'background-color:#1E90FF;font-weight:bold;color:#000'; break;
                                case '未开始' :return 'font-weight:bold;'; break;
                            }
                } " width="4%">装订</th>
            <th data-options="field:'shougong',align:'center',styler: function(value,row,index){
                            switch (value) {
                                case '完成' :return 'background-color:#00B050;font-weight:bold;color:#000';break;
                                case '暂停' :return 'background-color:#FF0000;font-weight:bold;color:#000'; break;
                                case '生产中' :return 'background-color:#1E90FF;font-weight:bold;color:#000'; break;
                                case '未开始' :return 'font-weight:bold;'; break;
                            }
                } " width="4%">手工</th>
            <th data-options="field:'benri',align:'right'" width="4%">本日</th>
            <th data-options="field:'leiji',align:'right',styler: function(value,row,index){
                            if (!isNaN(value)){
                                var leiji = parseFloat(value);
                                var qty = parseFloat(row.qty);
                                if (isNaN(qty)) {qty = 0;}
                                if (leiji >= qty) {
                                    return 'color:#32CD32;';
                                } else {console.log(56);
                                    return 'color:#FF0000;';
                                }
                            }
                        } " width="4%">累计</th>
        </tr>
        </thead>
    </table>
    <div id="tc" class="clearfix" style="font-size: 10px;">
        <div class="clearfix tc_table_title">
            <a class="table_title" href="javascript:void(0);" id="printExcel">
                <span title="导出" class="btn-export"></span>
                <span class="prompt">导出</span>
            </a>
            <a id='iConsearchBtn' class="iConsearch" href="javascript:void(0);">
                <span>搜索</span>
                <span class="btn_iConsearch"></span>
            </a>
        </div>
        <div class="table_margin_bottom clearfix">
            <form id="searchForm">
                <div id="searchTime_schedule_created" class="main_table_Title creatclass">
                    <span class="main_table_title_span">生产传票创建时间:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span box_width" style="width:150px !important;">
                        <input id='begin' class="easyui-validateBox easyui-datetimebox" name="begin" data-options="" validType="timebegin['#end']" style="height:22px;width:150px;">
                    </span>
                    <span class="main_table_title_span" style="width:20px;text-align: right;">至</span>
                    <span class="adapter adap_span box_width"style="width:150px !important;">
                        <input  id='end' class="easyui-validateBox easyui-datetimebox" data-options="" validType="timeend['#begin']" name="end" style="height:22px;width:150px;">
                    </span>
                </div>
                <div id="searchTime_sale_created" class="main_table_Title creatclass">
                    <span class="main_table_title_span">销售单创建时间:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span box_width" style="width:150px!important;">
                        <input id='sale_begin' class="easyui-validateBox easyui-datetimebox" name="sale_begin" data-options="" validType="timebegin['#sale_end']" style="height:22px;width:150px;">
                    </span>
                    <span class="main_table_title_span" style="width:20px;text-align: right;">至</span>
                    <span class="adapter adap_span box_width"style="width:150px!important;">
                        <input  id='sale_end' class="easyui-validateBox easyui-datetimebox" data-options="" validType="timeend['#sale_begin']" name="sale_end" style="height:22px;width:150px;">
                    </span>
                </div>

                <div id="searchTime_flowchartFinish_time" class="main_table_Title creatclass">
                    <span class="main_table_title_span">生产传票开单完成时间:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span box_width" style="width:150px!important;">
                        <input id='flowchartFinish_begin' class="easyui-validateBox easyui-datetimebox" name="flowchartFinish_begin" data-options="" validType="timebegin['#flowchartFinish_end']" style="height:22px;width:150px;">
                    </span>
                    <span class="main_table_title_span" style="width:20px;text-align: right;">至</span>
                    <span class="adapter adap_span box_width"style="width:150px!important;">
                        <input  id='flowchartFinish_end' class="easyui-validateBox easyui-datetimebox" data-options="" validType="timeend['#flowchartFinish_begin']" name="flowchartFinish_end" style="height:22px;width:150px;">
                    </span>
                </div>
                <div id="searchTime_distribute_time" class="main_table_Title creatclass">
                    <span class="main_table_title_span">生产传票下发时间:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span box_width" style="width:150px !important;">
                        <input id='distribute_begin' class="easyui-validateBox easyui-datetimebox" name="distribute_begin" data-options="" validType="timebegin['#distribute_end']" style="height:22px;width:150px;">
                    </span>
                    <span class="main_table_title_span" style="width:20px;text-align: right;">至</span>
                    <span class="adapter adap_span box_width"style="width:150px !important;">
                        <input  id='distribute_end' class="easyui-validateBox easyui-datetimebox" data-options="" validType="timeend['#distribute_end']" name="distribute_end" style="height:22px;width:150px;">
                    </span>
                </div>

                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">时间搜索类型:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span box_width_2" >
                        <select id="searchTime_type" name="searchTime_type" class="easyui-combobox" style="height:22px;width:150px;">
                            {#<option value="">请选择</option>#}
                            <option value="schedule_created">生产传票创建时间</option>
                            <option value="sale_created">销售单创建时间</option>
                            <option value="flowchartFinish_time">生产传票开单完成时间</option>
                            <option value="distribute_time">生产传票下发时间</option>
                        </select>
                    </span>
                </div>

                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">完成情况:<span style="float: right;margin-right: 5px;"></span></span>
                    <span class="adapter adap_span" style="width:105px !important;">
                        <select id="complete_status" name="complete_status" class="easyui-combobox" style="height:22px;width:100px;">
                            <option value="N">未完成</option>
                            <option value="Y">完成</option>
                        </select>
                    </span>
                </div>
                <a href="javascript:void(0);" class="search_btn" id="preview">确认</a>
                <a href="javascript:void(0);" class="search_btn" id="reset">重置</a>
                <a href="javascript:void(0);" class="search_btn" id="save">保存</a>
            </form>
        </div>
    </div>

    {#session中存储的搜索参数#}
    <input type="hidden" id="searchParams" value='{{ searchParams }}'>

</div>