|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TrayDatas.aspx.cs" Inherits="TradeManageNew.OrderPost.TrayDatas" %>
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<title> Order Ship Info</title>
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/New.css?a=1" />
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/DataGrid.css" />
|
|
|
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
|
|
|
<script type="text/javascript" src="../Scripts/jquery-2.1.3.min.js"></script>
|
|
|
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/DataGrid.js?a=3445" type="text/javascript"></script>
|
|
|
<script src="../Scripts/DataPager.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/Global.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery.url.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery.cookies.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/MaskedTextBox.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/ajaxfileupload.js" type="text/javascript"></script>
|
|
|
<link rel="stylesheet" type="text/css" href="../Scripts/fancybox2.1/source/jquery.fancybox.css?v=2.1.5"
|
|
|
media="screen" />
|
|
|
<script type="text/javascript" src="../Scripts/fancybox2.1/lib/jquery.mousewheel-3.0.6.pack.js"></script>
|
|
|
<script type="text/javascript" src="../Scripts/fancybox2.1/source/jquery.fancybox.js?v=2.1.5"></script>
|
|
|
|
|
|
<script src="../Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
|
|
|
<script type="text/javascript" src="../Scripts/highcharts.js"></script>
|
|
|
<script src="../Scripts/kindeditor/kindeditor-min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery.qrcode.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/print.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var datagrid1 = new nblf.ui.DataGrid("DataGrid1");
|
|
|
var WindowLoadModel = new WindowLoad();
|
|
|
|
|
|
var UserId = "<%=Session["UserId"]%>";
|
|
|
var Id = 0;
|
|
|
$(document).ready(function () {
|
|
|
WindowLoadModel.ApplicationPath = "../";
|
|
|
WindowLoadModel.ControlID = "WindowLoad";
|
|
|
WindowLoadModel.Isbgiframe = true;
|
|
|
WindowLoadModel.Load();
|
|
|
ajaxInit(WindowLoadModel);
|
|
|
|
|
|
var day1 = new Date();
|
|
|
var s1 = day1.getFullYear() + "-" + (day1.getMonth() + 1) + "-" + day1.getDate();
|
|
|
$("#indate").val(s1);
|
|
|
|
|
|
CreateDataGrid();
|
|
|
GetPickUser();
|
|
|
ReadData();
|
|
|
|
|
|
var myCallBack = function (id) {
|
|
|
console.log('printing complete - first callback:' + id);
|
|
|
UpdateTrayCode(id);
|
|
|
}
|
|
|
|
|
|
$("#btn_sch").bind("click", function () {
|
|
|
ReadData();
|
|
|
});
|
|
|
$("#btn_add").bind("click", function () {
|
|
|
Id = 0;
|
|
|
Clear();
|
|
|
fopen();
|
|
|
});
|
|
|
|
|
|
$("#btn_addCode").bind("click", function () {
|
|
|
var param = new Object();
|
|
|
if ($("#newCount").val() == '') {
|
|
|
alert('Add Count can not empty');
|
|
|
return;
|
|
|
}
|
|
|
param.count = $("#newCount").val();
|
|
|
if ($("#add_user").val() =='0') {
|
|
|
alert('Add User can not empty');
|
|
|
return;
|
|
|
}
|
|
|
param.userid = $("#add_user").val();
|
|
|
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/AddTrayInfo",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
if (data.d.Code == 0) {
|
|
|
alert(data.d.Message);
|
|
|
return;
|
|
|
}
|
|
|
else {
|
|
|
ReadData();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
|
|
|
$("#" + datagrid1.TableID + " [CommandName='cmdPrint']").live("click", function () {
|
|
|
var RowIndex = $(this).parentsUntil("tr").parent().attr("index");
|
|
|
var model = datagrid1.Get_Model(RowIndex);
|
|
|
|
|
|
//$('#trayQRCode').empty();
|
|
|
//$('#trayQRCode').qrcode({ width: 200, height: 200, text: model.TrayCode });
|
|
|
//$('#trayCodeStr').empty();
|
|
|
//$('#trayCodeStr').text(model.TrayCode);
|
|
|
//var canvas = $('#trayQRCode canvas');
|
|
|
//var img = canvas[0].toDataURL("image/png");
|
|
|
//$('#trayQRCode').html("<img src='" + img + "'>")
|
|
|
//$('#printCode').print({ deferred: $.Deferred().done(myCallBack(model.ID)) })
|
|
|
|
|
|
//fopen2();
|
|
|
|
|
|
|
|
|
|
|
|
var param = new Object();
|
|
|
param.code = model.TrayCode;
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/GetPalletBarcodeImg",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
var byteArray = data.d;
|
|
|
if (byteArray == null) {
|
|
|
alert("Failed to generate barcode");
|
|
|
return;
|
|
|
}
|
|
|
else {
|
|
|
// 将字节数组转换为 Base64 编码的字符串
|
|
|
var base64String = btoa(String.fromCharCode.apply(null, byteArray));
|
|
|
// 创建一个 <img> 元素并设置其 src 属性为 Base64 编码的 Data URL
|
|
|
var img = document.createElement('img');
|
|
|
img.src = 'data:image/png;base64,' + base64String;
|
|
|
fopen2();
|
|
|
$('#trayQRCode').html(img);
|
|
|
$('#printCode').print({ deferred: $.Deferred().done(myCallBack(model.ID)) });
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
|
|
|
function fopen() {
|
|
|
|
|
|
$.fancybox({
|
|
|
'width': '40%',
|
|
|
'height': '40%',
|
|
|
'autoScale': false,
|
|
|
'transitionIn': 'elastic',
|
|
|
'transitionOut': 'elastic',
|
|
|
'href': '#test',
|
|
|
'onComplete': function () {
|
|
|
|
|
|
}
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
function fopen2() {
|
|
|
|
|
|
$.fancybox({
|
|
|
'width': '40%',
|
|
|
'height': '40%',
|
|
|
'autoScale': false,
|
|
|
'transitionIn': 'elastic',
|
|
|
'transitionOut': 'elastic',
|
|
|
'href': '#printCode',
|
|
|
'onComplete': function () {
|
|
|
|
|
|
}
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
//function Clear() {
|
|
|
// $("#add_wareHouse").val("W");
|
|
|
// $("#add_code").val("");
|
|
|
// $("#add_state").val(0);
|
|
|
//}
|
|
|
|
|
|
//#region 初始化DataGrid
|
|
|
function CreateDataGrid() {
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "Date";
|
|
|
col.CellTemplate = "<span>{Bind InDate,yyyy-MM-dd}</span>";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "WareHouse";
|
|
|
col.CellTemplate = "<span>{Bind WareHouse}</span>";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "Code";
|
|
|
col.CellTemplate = "<a>{Bind TrayCode}</a>";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "PrintState";
|
|
|
col.CellTemplate = "<span>{Bind PrintState}</span>";
|
|
|
col.CellFormatter = function (value) {
|
|
|
switch (value) {
|
|
|
case 0: return "No Print";
|
|
|
case 1: return "Printed";
|
|
|
default: return "No Print";
|
|
|
}
|
|
|
};
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "UserName";
|
|
|
col.CellTemplate = "<a>{Bind Name}</a>";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "Options";
|
|
|
col.Width = "150px";
|
|
|
col.CellTemplate = "<input CommandName='cmdPrint' class='btnClass dgbtnEdit' type='button' value='Print'>  <input onclick='DelCol(this)' class='btnClass dgbtnDel' type='button' value='Delete'></input>";
|
|
|
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
datagrid1.SetPageSize(200);
|
|
|
datagrid1.SetPageIndex(1);
|
|
|
|
|
|
datagrid1.SortExpression = "Id ";
|
|
|
datagrid1.ViewSortDirection = "desc";
|
|
|
datagrid1.IsFixHeader = true;
|
|
|
datagrid1.ShowIndexColumn = true;
|
|
|
datagrid1.AllowPaging = true;
|
|
|
datagrid1.AllowPaging2 = true;
|
|
|
datagrid1.ShowIndexColumn = true;
|
|
|
datagrid1.Width = "100%";
|
|
|
datagrid1.SelectMode = nblf.ui.SelectMode.CheckBox;
|
|
|
datagrid1.Init();
|
|
|
datagrid1.Sorting(function () {
|
|
|
|
|
|
ReadData();
|
|
|
});
|
|
|
datagrid1.add_PageIndexChanged(function () { ReadData(); });
|
|
|
|
|
|
}
|
|
|
//#endregion
|
|
|
//#region 读取数据
|
|
|
function ReadData() {
|
|
|
var param = new Object();
|
|
|
param.searchCode = $("#searchTxt").val();
|
|
|
param.wareHouse = $("#select-wareHouse").val();
|
|
|
param.state = $("#select-state").val();
|
|
|
param.inDate = $("#indate").val();
|
|
|
param.userId = $("#select_user").val();
|
|
|
|
|
|
param.PageSize = datagrid1.Get_PageSize();
|
|
|
param.PageIndex = datagrid1.Get_PageIndex();
|
|
|
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/GetTrayInfoDatas",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
datagrid1.Set_RowCount(data.d.RowCount);
|
|
|
datagrid1.DataBind(data.d.DataSource);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//#endregion
|
|
|
|
|
|
function Save() {
|
|
|
var md = new Object();
|
|
|
var param = new Object();
|
|
|
md.ID = Id;
|
|
|
md.WareHouse = $("#add_wareHouse").val();
|
|
|
if ($("#add_code").val() == "") {
|
|
|
alert("Code can not empty");
|
|
|
return;
|
|
|
}
|
|
|
md.TrayCode = $("#add_code").val();
|
|
|
md.State = $("#add_state").val();
|
|
|
|
|
|
param.md = md;
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/SaveTrayInfoData",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
if (data.d.Code == 0) {
|
|
|
alert(data.d.Message);
|
|
|
} else {
|
|
|
ReadData();
|
|
|
$.fancybox.close();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function DelCol(obj) {
|
|
|
if (window.confirm('Are you sure to delete it ?') == false) return;
|
|
|
var rowindex = $(obj).parent().parent().attr("index");
|
|
|
var param = new Object();
|
|
|
var model = datagrid1.Get_Model(rowindex);
|
|
|
|
|
|
param.id = model.ID;
|
|
|
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/DeleteTrayInfo",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
if (data.d.Code == 0) {
|
|
|
alert(data.d.Message);
|
|
|
} else {
|
|
|
ReadData();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function UpdateTrayCode(id) {
|
|
|
var param = new Object();
|
|
|
param.id = id;
|
|
|
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/UpdateTrayInfo",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
if (data.d.Code == 0) {
|
|
|
alert(data.d.Message);
|
|
|
} else {
|
|
|
ReadData();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//获取拣货员工
|
|
|
function GetPickUser() {
|
|
|
$("#select_user").append("<option value='0'>All</option>");
|
|
|
$("#add_user").append("<option value='0'></option>");
|
|
|
$.ajax({
|
|
|
url: "../PostGoodServiceNew.asmx/GetPickUserDatas",
|
|
|
success: function (data) {
|
|
|
$(data.d).each(function () {
|
|
|
if (UserId != 1 && UserId != 103 && UserId != 176) {
|
|
|
if (this.UserId == UserId) {
|
|
|
$("#select_user").append("<option value='" + this.UserId + "'>" + this.Name + "</option>");
|
|
|
$("#add_user").append("<option value='" + this.UserId + "'>" + this.Name + "</option>");
|
|
|
}
|
|
|
}
|
|
|
else {
|
|
|
$("#select_user").append("<option value='" + this.UserId + "'>" + this.Name + "</option>");
|
|
|
$("#add_user").append("<option value='" + this.UserId + "'>" + this.Name + "</option>");
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
<body class="headbody">
|
|
|
<div class="title_ico">
|
|
|
Ship Orders</div>
|
|
|
<div style="display: none">
|
|
|
|
|
|
<div id="test" title="Order Ship Info" style="width:600px; height:400px;">
|
|
|
<%-- <table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 110px;" class="f1">
|
|
|
<font color="red" style="font-weight: bolder">*</font>WareHouse：
|
|
|
</td>
|
|
|
<td><select id="add_wareHouse"><option value="W" selected>W</option><option value="E">E</option></select></td>
|
|
|
|
|
|
<td style="width: 110px;" class="f1">
|
|
|
<font color="red" style="font-weight: bolder">*</font>Code：
|
|
|
</td>
|
|
|
<td>
|
|
|
<input id="add_code" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 110px;" class="f1">
|
|
|
<font color="red" style="font-weight: bolder">*</font>State：
|
|
|
</td>
|
|
|
<td><select id="add_state"><option value="0" selected>Free</option><option value="1">Lock</option></select></td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td align="center" colspan="2">
|
|
|
<input
|
|
|
id="btn_Save" type="button" class="btnClass btnClassSave" value="Save" onclick="Save();" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>--%>
|
|
|
|
|
|
<%-- <div id="trayQRCode" style="width:200px;height:200px;"></div>
|
|
|
<p id="trayCodeStr" style="width:200px;margin-top:5px;"></p>--%>
|
|
|
|
|
|
<%-- <div id="trayQRCode" style="width:200px;height:200px;"></div>
|
|
|
<p id="trayCodeStr" style="width:200px;margin-top:5px;"></p>--%>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="printCode" style="margin-top:5px;margin-left:5px;">
|
|
|
<div id="trayQRCode" style="width:350px;height:100px;"></div>
|
|
|
<%-- <p id="trayCodeStr" style="width:210px;margin-top:5px;"></p>--%>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="imgcode"></div>
|
|
|
<table id="tb1" class="tableAll" style="width: 100%;">
|
|
|
<tr>
|
|
|
<td class="f1" width="10%">Code:</td>
|
|
|
<td><input id="searchTxt" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" /></td>
|
|
|
|
|
|
<td class="f1" width="10%">WareHouse：</td>
|
|
|
<td><select id="select-wareHouse"><option value="" selected>All</option><option value="W">W</option><option value="E">E</option></select></td>
|
|
|
|
|
|
|
|
|
<td class="f1" width="10%">PrintState：</td>
|
|
|
<td><select id="select-state"><option value="-1" selected>All</option><option value="0">No Print</option><option value="1">Printed</option></select></td>
|
|
|
<td><input id="btn_sch" class="btnClass btnClassFind" type="button" value="Search" /></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="f1" width="10%">Date：</td>
|
|
|
<td><input id="indate" class="editTextbox" onfocus="WdatePicker()" style="width: 120px;" type="text" autocomplete="off" /></td>
|
|
|
|
|
|
<td class="f1" width="10%">User：</td>
|
|
|
<td><select id="select_user"></select></td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td class="f1" width="10%">Add Count：</td>
|
|
|
<td><input id="newCount" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" /></td>
|
|
|
<td class="f1" width="10%">Add User：</td>
|
|
|
<td><select id="add_user"></select></td>
|
|
|
<td class="f1" width="10%">
|
|
|
<input id="btn_addCode" class="btnClass btnClassAdd" type="button" value="Generate New Code" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td valign="top" colspan="7">
|
|
|
|
|
|
<div id="DataGrid1" class="DataGridStyle"></div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|
