{{ 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/assemble',method:'post',fit:true,singleSelect:false,nowrap:false,pagination:true,pageSize:30,collapsible:true,remoteSort:false" width="100%">
        <thead>
        <tr>
            <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="16%">产品名称</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:'rukutime',align:'center'" rowspan="2"  width="5%">交货日期</th>
            <th width="8%" colspan="2">计划</th>
            <th width="24%" colspan="6">执行</th>
            <th width="8%" colspan="2">入库</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:'distribute',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'" width="4%">制版</th>
            <th data-options="field:'yinshua',align:'center'" width="4%">印刷</th>
            <th data-options="field:'biaomian',align:'center'" width="4%">表面整饰</th>
            <th data-options="field:'zhuangding',align:'center'" width="4%">装订</th>
            <th data-options="field:'shougong',align:'center'" width="4%">手工</th>
            <th data-options="field:'assemble',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',formatter:thousand_value" width="4%">本日</th>
            <th data-options="field:'leiji',align:'right',formatter:thousand_value,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 {
                                    return 'color:#FF4500;';
                                }
                            }
                        } " width="4%">累计</th>
        </tr>
        </thead>
    </table>
    <div id="tc" class="clearfix">
        <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 class="main_table_Title creatclass">
                    <span class="main_table_title_span">配装传票号:</span>
                    <span class="adapter">
                        <input id="summons" name="summons"  class="easyui-textbox" style="width:100%;height:100%;background: transparent;">
                    </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" style="width:150px !important;">
                        <input id='begin' class="easyui-validateBox easyui-datetimebox" name="begin" data-options="required:true" style="height:22px;width:150px;">
                    </span>
                    <span class="main_table_title_span" style="width:25px;padding-right:5px;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="required:true" validType='timeend' name="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" 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>