You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

414 lines
17 KiB
Plaintext

2 months ago
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderReturnBarcode.aspx.cs" Inherits="TradeManageNew.OrderPost.OrderReturnBarcode" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Order Return Barcode</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 Id = 0;
$(document).ready(function () {
WindowLoadModel.ApplicationPath = "../";
WindowLoadModel.ControlID = "WindowLoad";
WindowLoadModel.Isbgiframe = true;
WindowLoadModel.Load();
ajaxInit(WindowLoadModel);
CreateDataGrid();
ReadData();
var myCallBack = function (id) {
console.log('printing complete - first callback:' + id);
UpdateBarCode(id);
}
$("#btn_sch").bind("click", function () {
ReadData();
});
$("#" + datagrid1.TableID + " [CommandName='cmdPrint']").live("click", function () {
var RowIndex = $(this).parentsUntil("tr").parent().attr("index");
var model = datagrid1.Get_Model(RowIndex);
var param = new Object();
param.code = model.Barcode;
WindowLoadModel.Show();
$.ajax({
url: "../PostGoodServiceNew.asmx/GetOrderReturnBarcodeImg",
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();
$('#itemSKU').text("ITEM NO: " + model.SKUAndQty);
$('#itemLocation').text("Location: " + model.LocationCode);
$('#returnBarCode').html(img);
$('#printCode').print({ deferred: $.Deferred().done(myCallBack(model.ID)) });
}
}
});
});
$("#" + datagrid1.TableID + " [CommandName='cmdEdit']").live("click", function () {
var RowIndex = $(this).parentsUntil("tr").parent().attr("index");
var model = datagrid1.Get_Model(RowIndex);
Id = model.ID;
$("#add_trackingCode").val(model.TrackingCode);
$("#add_trackingCode2").val(model.TrackingCode2);
$("#add_sku").val(model.SKUAndQty);
$("#add_location").val(model.LocationCode);
fopen();
});
});
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 () {
}
});
}
//#region 初始化DataGrid
function CreateDataGrid() {
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "TrackingCode";
col.CellTemplate = "<span>{Bind TrackingCode}</span>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "TrackingCode2";
col.CellTemplate = "<span>{Bind TrackingCode2}</span>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "SKU";
col.CellTemplate = "<a>{Bind SKUAndQty}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "LocationCode";
col.CellTemplate = "<a>{Bind LocationCode}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "Barcode";
col.CellTemplate = "<a>{Bind Barcode}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "Scan User";
col.CellTemplate = "<a>{Bind UserName}</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 = "CreateTime";
col.CellTemplate = "<span>{Bind CreateTime,yyyy-MM-dd HH:mm:ss}</span>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "Options";
col.Width = "150px";
col.CellTemplate = "<input CommandName='cmdEdit' class='btnClass dgbtnEdit' type='button' value='Edit'>&nbsp&nbsp<input CommandName='cmdPrint' class='btnClass dgbtnEdit' type='button' value='Print'>&nbsp&nbsp<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.search = $("#searchTxt").val();
param.searchType = $("#select-searchType").val();
param.printState = $("#select-state").val();
param.PageSize = datagrid1.Get_PageSize();
param.PageIndex = datagrid1.Get_PageIndex();
WindowLoadModel.Show();
$.ajax({
url: "../PostGoodServiceNew.asmx/GetOrderReturnBarcodeDatas",
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;
if ($("#add_trackingCode").val() == "") {
alert("TrackingCode can not empty");
return;
}
md.TrackingCode = $("#add_trackingCode").val();
if ($("#add_trackingCode2").val() == "") {
alert("TrackingCode2 can not empty");
return;
}
md.TrackingCode2 = $("#add_trackingCode2").val();
if ($("#add_sku").val() == "") {
alert("SKU can not empty");
return;
}
md.SKUAndQty = $("#add_sku").val();
if ($("#add_location").val() == "") {
alert("LocationCode can not empty");
return;
}
md.LocationCode = $("#add_location").val();
param.md = md;
WindowLoadModel.Show();
$.ajax({
url: "../PostGoodServiceNew.asmx/SaveOrderReturnBarcode",
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/DeleteOrderReturnBarcode",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
if (data.d.Code == 0) {
alert(data.d.Message);
} else {
ReadData();
}
}
});
}
function UpdateBarCode(id) {
var param = new Object();
param.id = id;
$.ajax({
url: "../PostGoodServiceNew.asmx/UpdateOrderReturnBarcodePrint",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
if (data.d.Code == 0) {
alert(data.d.Message);
} else {
ReadData();
}
}
});
}
</script>
</head>
<body class="headbody">
<div class="title_ico">
Ship Orders</div>
<div style="display: none">
<div id="test" title="BarCode" 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>TrackingCode
</td>
<td>
<input id="add_trackingCode" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" />
</td>
<td style="width: 110px;" class="f1">
<font color="red" style="font-weight: bolder">*</font>TrackingCode2
</td>
<td>
<input id="add_trackingCode2" 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>SKU
</td>
<td>
<input id="add_sku" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" />
</td>
<td style="width: 110px;" class="f1">
<font color="red" style="font-weight: bolder">*</font>LocationCode
</td>
<td>
<input id="add_location" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" />
</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>
<div id="printCode" style="margin-top:15px;margin-left:5px;">
<div id="itemSKU" style="width:300px;line-height:12px; text-align:center; margin-bottom:2px;"></div>
<div id="returnBarCode" style="width:300px;height:100px;"></div>
<div id="itemLocation" style="width:300px;line-height:12px; text-align:center;"></div>
</div>
</div>
<div id="imgcode"></div>
<table id="tb1" class="tableAll" style="width: 100%;">
<tr>
<td class="f1" width="10%"><select id="select-searchType"><option value="1" selected>TrackingCode</option><option value="2">TrackingCode2</option><option value="3">SKU</option><option value="4">LocationCode</option><option value="5">Barcode</option></select></td>
<td><input id="searchTxt" class="editTextbox" style="width: 120px;" type="text" autocomplete="off" /></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 valign="top" colspan="7">
<div id="DataGrid1" class="DataGridStyle"></div>
</td>
</tr>
</table>
</body>
</html>