<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StockIn.aspx.cs" Inherits="MESWebSite.Manage.StockIn" %> <!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> <script> </script> </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> <td style="width: 415px;">班次: <select name="workClass" id="fl_workClass_s" class="easyui-combobox"> <option value=""></option> <option value="A班">A班</option> <option value="B班">B班</option> </select> 颜色: <select id="fl_color_s" class="easyui-combobox" style="width: 80px; height: 30px;" data-options="valueField: 'valueField',textField: 'textField'"> </select> 产品: <select id="fl_productInfo_s" class="easyui-combobox" style="width: 150px; height: 30px;" data-options="valueField: 'ProductName',textField: 'ProductName'"> </select> 时间: <input id="start_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','00:00:00');}" /> 至 <input id="end_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','23:59:59');}" /> <a class="topsearchBtn">查询</a> <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 () { reloadfl_color_s(); reloadfl_productInfo_s(); 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"); $.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 queryParams = { workClass: workClass, color: color, productInfo: productInfo, StartTime: StartTime, EndTime: EndTime }; post('<%=ResolveUrl("~/HttpHandlers/StockInHandler.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/StockInHandler.ashx?method=QueryList", queryParams: { "sortName": "", "sortOrder": "desc" }, remoteSort: false, columns: [[ { field: 'ID', title: 'ID', hidden: true }, { field: 'barcode', title: '条码', sortable: 'true', width: 100 }, { field: 'workClass', title: '班次', sortable: 'true', width: 10 }, { field: 'productInfo', title: '产品', sortable: 'true', width: 100 }, { field: 'pass', title: '状态', sortable: 'true', width: 20, formatter: function (value, row) { if (row.pass == 1) { return '合格入库'; } if (row.pass == 0) { return '报废'; } } }, { field: 'createTime', title: '入库时间', sortable: 'true', width: 50, 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 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 queryParams = { workClass: workClass, color: color, productInfo: productInfo, StartTime: StartTime, EndTime: EndTime, "sortName": "", "sortOrder": "desc" }; dg.datagrid({ queryParams: queryParams }); console.log(dg.data().length); } 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(); } /**************** 辅助业务程序 ***************/ /**********************************************/ /***************** 窗体程序 *******************/ /**********************************************/ function reloadfl_color_s() { $('#fl_color_s').combobox('reload', '/HttpHandlers/ColorHandler.ashx?method=QueryForCombobox'); } function reloadfl_productInfo_s() { $('#fl_productInfo_s').combobox('reload', '/HttpHandlers/ProductHandler.ashx?method=GetComboboxProduct&ProductTypeNo=2000'); } </script> </form> </body> </html>