<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChaimUpRecord.aspx.cs" Inherits="MESWebSite.Manage.ChaimUpRecord" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/CSS/Basics.css" rel="stylesheet" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/color.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-easyui-1.4.3/jquery.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-easyui-1.4.3/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="/Scripts/MyJs.js" type="text/javascript"></script>
    <style>
        #w td {
            padding: 5px 5px;
            text-align: left;
            vertical-align: middle;
        }

        #w .title {
            vertical-align: middle;
            text-align: right;
            width: 80px;
            height: 40px;
            padding: 0px;
        }

        p {
            padding: 0px 5px;
            font-size: small;
            font-family: 微软雅黑;
            margin: 0px;
        }

        .tree-folder-open, .tree-folder, .tree-file {
            display: none;
        }

        .datagrid {
            text-align: center;
        }

        .ttb {
            width: 180px;
            display: block;
        }
    </style>

     <title>上悬挂链记录</title>
</head>
<body>
    <form id="form1" runat="server">
         <div class="top">
         <table cellpadding="0" cellspacing="0" style="width: 100%">
             <thead>
                 <tr>
                     <td><span class="title">上悬挂链记录</span></td>
                 </tr>
             </thead>

             <tbody>
                 <tr style="display: flex; flex-direction: row; flex-wrap: wrap;">
                     
                     <td style="width: 250px;">是否下悬挂链:
                        <select id="flag_s" class="easyui-combobox" style="width: 100px; height: 28px;" data-options="editable:false">
                            <option value="0">未下</option>
                            <option value="1">已下</option>
                            <option value="2">全部</option>
                        </select>
                    </td>
                     <td style="width:250px">条码:
                         <input type="text" id="barcode" style="width: 170px;" />
                     </td>
                     <td style="width: 700px;">
                         上悬挂链时间:
                         <input id="start_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','00:00:00');}" />&nbsp;至&nbsp;
                         <input id="end_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','23:59:59');}" />
                         &nbsp;&nbsp;
                         <a class="topsearchBtn">查询</a>
                         &nbsp;&nbsp;
                         <a class="topexcelBtn" id="exportbtn">导出</a>
                     </td>
                 </tr>
             </tbody>
         </table>
         </div>
         <table id="tb" title="上悬挂链记录" style="width: 99%;">
         </table>

        <input id="UserID" type="text" hidden="hidden" runat="server" />

        <script>
            /****************       全局变量          ***************/
            var PrimaryID;               //要编辑的id
            var dg = $('#tb');      //表格
            var isEdit = false;     //是否为编辑状态

            /****************       DOM加载          ***************/
            $(function () {

                var curr_time = new Date();
                var str = curr_time.getFullYear() + "-";
                str += curr_time.getMonth() + 1 + "-";
                str += curr_time.getDate()

                $('#start_time').datetimebox('setValue', str + " 00:00:00");
                $('#end_time').datetimebox('setValue', str + " 23:59:59");
                $('#flag_s').combobox('setValue', 2);

                $.ajaxSetup({
                    cache: false //关闭AJAX缓存
                });

                //搜索按钮
                $('.topsearchBtn').first().click(function () {
                    SearchInfo();
                });
                $("#exportbtn").bind('click', function () {

                    //var workClass = $('#fl_workClass_s').combobox('getValue');
                    //var color = $('#fl_color_s').combobox('getValue');
                    //var productInfo = $('#fl_productInfo_s').combobox('getValue');
                    var startTime = $('#start_time').datetimebox('getValue');
                    var endTime = $('#end_time').datetimebox('getValue');
                    var flag = $('#flag_s').combobox('getValue');
                    var barCode = $('#barcode').val();

                    var queryParams = {
                        startTime: startTime,
                        endTime: endTime,
                        flag: flag,
                        barCode: barCode
                    };

                    post('<%=ResolveUrl("~/HttpHandlers/ChaimUpRecordHandler.ashx?method=QueryExcel") %>', queryParams);
                });
                //排序
                function sorts(obj, sortName, sortOrder) {
                    var queryParams = $('#' + obj).datagrid('options').queryParams;
                    queryParams.sortName = sortName;
                    queryParams.sortOrder = sortOrder;
                    console.log(queryParams.sortOrder)
                    $('#' + obj).datagrid('reload');
                }

                dg = $('#tb').datagrid({
                    fitColumns: true,
                    nowrap: false,
                    striped: true,
                    collapsible: true,
                    url: "/HttpHandlers/ChaimUpRecordHandler.ashx?method=QueryList",
                    queryParams: { "sortName": "", "sortOrder": "desc" },
                    remoteSort: false,
                    columns: [[
                        { field: 'ID', title: 'ID', hidden: true },
                        { field: 'barcode', title: '条码', sortable: 'true', width: 10 },
                        { field: 'carType', title: '车型', hidden: true },
                        { field: 'productName', title: '产品名称', sortable: 'true', width: 10 },
                        { field: 'color', title: '颜色', sortable: 'true', width: 10 },
                        {
                            field: 'flag', title: '是否下悬挂链', sortable: 'true', width: 10,
                            formatter: function (value) {
                                if (value == 0) {
                                    return "未下悬挂链";
                                } else if (value == 1) {
                                    return "已下悬挂链";
                                }
                            }
                        },
                        {
                            field: 'createTime', title: '上悬挂链时间', sortable: 'true', width: 10
                            //formatter: function (date) {
                            //    var pa = /.*\((.*)\)/;
                            //    var unixtime = date.match(pa)[1].substring(0, 10);
                            //    return getTime(unixtime);
                            //}
                        },
                    ]],
                    onSortColumn: function (sort, order) {
                        sorts('tb', sort, order);//调用排序方法。
                    },
                    pagination: true,//表示在datagrid设置分页              
                    rownumbers: true,
                    singleSelect: true
                });

                dg.datagrid('getPager').pagination({
                    pageSize: 10,
                    pageNumber: 1,
                    pageList: [10, 20, 30, 40, 50, 100],
                    beforePageText: '第',//页数文本框前显示的汉字   
                    afterPageText: '页    共 {pages} 页',
                    displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
                });
            });

            /****************       主要业务程序          ***************/

            //查询方法
            function SearchInfo() {
                var startTime = $('#start_time').datetimebox('getValue');
                var endTime = $('#end_time').datetimebox('getValue');
                var flag = $('#flag_s').combobox('getValue');
                var barCode = $('#barcode').val();

                var queryParams = {
                    //workClass: workClass,
                    //color: color,
                    //productInfo: productInfo,
                    startTime: startTime,
                    endTime: endTime,
                    flag: flag,
                    barCode: barCode,
                    "sortName": "",
                    "sortOrder": "desc"
                };
                dg.datagrid({
                    queryParams: queryParams
                });
            }
            function post(url, PARAMS) {
                var temp_form = document.createElement("form");
                temp_form.action = url;
                temp_form.target = "_blank";
                temp_form.method = "post";
                temp_form.style.display = "none"; for (var x in PARAMS) {
                    var opt = document.createElement("textarea");
                    opt.name = x;
                    opt.value = PARAMS[x];
                    temp_form.appendChild(opt);
                }
                document.body.appendChild(temp_form);
                temp_form.submit();
            }

        </script>
    </form>
</body>
</html>