You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
7.4 KiB
180 lines
7.4 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AppendColorSearch.aspx.cs" Inherits="MESWebSite.Manage.AppendColorSearch" %>
|
|
|
|
<!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;
|
|
}
|
|
|
|
p {
|
|
padding: 5px;
|
|
font-size: small;
|
|
font-family: 微软雅黑;
|
|
}
|
|
|
|
.datagrid {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<title>附加颜色查询</title>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<div class="top">
|
|
<table cellpadding="0" cellspacing="0" style="width: 100%">
|
|
<tr>
|
|
|
|
<td><span class="title">附加颜色查询</span>
|
|
</td>
|
|
<td style="float:left">时间：
|
|
<input id="StartTime" class="easyui-datetimebox" style="width: 140px" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','00:00:00');}" />至
|
|
<input id="EndTime" class="easyui-datetimebox" style="width: 140px" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','23:59:59');}" />
|
|
条码：
|
|
<input type="text" id="barCode" style="width: 140px;" /> <a class="topsearchBtn">查询</a></td>
|
|
<td style="width: 100px">
|
|
<a class="topexcelBtn" id="exportbtn">导出</a>
|
|
</td>
|
|
</tr>
|
|
</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();
|
|
|
|
$('#StartTime').datetimebox('setValue', str + " 00:00:00");
|
|
$('#EndTime').datetimebox('setValue', str + " 23:59:59");
|
|
|
|
$.ajaxSetup({
|
|
cache: false //关闭AJAX缓存
|
|
});
|
|
|
|
//搜索按钮
|
|
$('.topsearchBtn').first().click(function () {
|
|
SearchInfo();
|
|
});
|
|
$("#exportbtn").bind('click', function () {
|
|
var StartTime = $('#StartTime').datetimebox('getValue');
|
|
var EndTime = $('#EndTime').datetimebox('getValue');
|
|
var barCode = $('#barCode').val();
|
|
|
|
var queryParams = {
|
|
barCode: barCode,
|
|
StartTime: StartTime,
|
|
EndTime: EndTime
|
|
};
|
|
|
|
post('<%=ResolveUrl("~/HttpHandlers/AppendColorHandler.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/AppendColorHandler.ashx?method=QueryList",
|
|
remoteSort: false,
|
|
columns: [[
|
|
{ field: 'ID', title: 'ID', hidden: true },
|
|
{ field: 'Barcode', title: '条码', sortable: 'true', width: 10 },
|
|
{ field: 'ColorInfo', title: '颜色', sortable: 'true', width: 20 },
|
|
{
|
|
field: 'CreateTime', title: '操作时间', sortable: 'true', width: 10
|
|
},
|
|
{ field: 'CreateBy', title: '操作人', sortable: 'true', width: 10 }
|
|
]],
|
|
|
|
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 = $('#StartTime').datetimebox('getValue');
|
|
var EndTime = $('#EndTime').datetimebox('getValue');
|
|
var barCode = $('#barCode').val();
|
|
|
|
var queryParams = {
|
|
barCode: barCode,
|
|
StartTime: StartTime,
|
|
EndTime: EndTime
|
|
};
|
|
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>
|
|
|