|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DT_OrderReturn.aspx.cs" Inherits="TradeManageNew.DingDan.DT_OrderReturn" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<title>二手售卖2</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/card.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/New.css?a=1" />
|
|
|
<link rel="stylesheet" type="text/css" href="../themes/DataGrid.css" />
|
|
|
<style>
|
|
|
img[src=""] {
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
</style>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js"></script>
|
|
|
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></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/qrcode.min.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/html2canvas.min.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>
|
|
|
<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 type="text/javascript">
|
|
|
|
|
|
var datagrid1 = new nblf.ui.DataGrid("DataGrid1");
|
|
|
var WindowLoadModel = new WindowLoad();
|
|
|
var showDetailModel = '';
|
|
|
|
|
|
|
|
|
var id = 0;
|
|
|
var ScanState = 0;
|
|
|
$(document).ready(function () {
|
|
|
WindowLoadModel.ApplicationPath = "../";
|
|
|
WindowLoadModel.ControlID = "WindowLoad";
|
|
|
WindowLoadModel.Isbgiframe = true;
|
|
|
WindowLoadModel.Load();
|
|
|
ajaxInit(WindowLoadModel);
|
|
|
CreateDataGrid();
|
|
|
ReadData();
|
|
|
$(document).keyup(function (event) {
|
|
|
if ($("#txt_SKU").is(":focus") == true && event.keyCode == 13) {
|
|
|
if ($("#txt_SKU").val() != "")
|
|
|
ReadData();
|
|
|
}
|
|
|
if ($("#txt_BarCode").is(":focus") == true && event.keyCode == 13) {
|
|
|
if ($("#txt_BarCode").val() != "")
|
|
|
ReadData();
|
|
|
}
|
|
|
if ($("#txt_PositionCode").is(":focus") == true && event.keyCode == 13) {
|
|
|
if ($("#txt_PositionCode").val() != "")
|
|
|
ReadData();
|
|
|
}
|
|
|
});
|
|
|
$("#" + datagrid1.TableID + " input[type='checkbox']").live("click", function () {
|
|
|
var num = $("#" + datagrid1.TableID + " input[type='checkbox']:checked").length;
|
|
|
if ($("#" + datagrid1.TableID + "_SelectAll").is(":checked") == true)
|
|
|
num = num - 1;
|
|
|
$("#a_select").html("已选中" + num + "条");
|
|
|
});
|
|
|
});
|
|
|
|
|
|
// 初始化DataGrid
|
|
|
//#region 初始化DataGrid
|
|
|
function CreateDataGrid() {
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "Image";
|
|
|
col.CellTemplate = "<img src='{Bind firstImg}' alt='' width='50px' height='50px'/>";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "SKU";
|
|
|
col.CellTemplate = "<span>{Bind SkuCode}</span>";
|
|
|
col.SortExpression = "c.SkuCode";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "BarCode";
|
|
|
col.CellTemplate = "<span>{Bind BarCode}</span>";
|
|
|
col.SortExpression = "c.BarCode";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "PositionCode";
|
|
|
col.CellTemplate = "<span>{Bind WarehousePositionCode}</span>";
|
|
|
col.SortExpression = "c.WarehousePositionCode";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "CreationTime";
|
|
|
col.CellTemplate = "<a>{Bind CreationTime,yyyy-MM-dd HH:mm}</a>";
|
|
|
col.SortExpression = "CreationTime";
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "IsPrinted";
|
|
|
col.CellTemplate = "<span>{Bind IsPrinted}</span>";
|
|
|
col.CellFormatter = function (value) {
|
|
|
if(value){
|
|
|
return 'Printed'
|
|
|
}else{
|
|
|
return 'Not Printed'
|
|
|
}
|
|
|
};
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
var col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "Status";
|
|
|
col.CellTemplate = "<span>{Bind Status}</span>";
|
|
|
col.CellFormatter = function (value) {
|
|
|
switch (value) {
|
|
|
case 1:
|
|
|
return "未上架";
|
|
|
case 2:
|
|
|
return "已上架";
|
|
|
case 3:
|
|
|
return "等待客户取货";
|
|
|
case 4:
|
|
|
return "完成售卖";
|
|
|
default:
|
|
|
return "-";
|
|
|
}
|
|
|
};
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
|
|
|
//操作
|
|
|
col = new nblf.ui.DataGridColumn();
|
|
|
col.HeaderText = "操作";
|
|
|
col.Width = "200px";
|
|
|
// col.CellFormatter = function (value) {
|
|
|
// var OptionStr = "<input CommandName='showDetail' class='btnClass dgbtnEdit' type='button' value='详情'></input> ";
|
|
|
// switch (value) {
|
|
|
// case 0:
|
|
|
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架'></input> ";
|
|
|
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input> ";
|
|
|
// return OptionStr;
|
|
|
// case 1:
|
|
|
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架信息修改'></input> ";
|
|
|
// OptionStr += "<input CommandName='CreateSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='生成预约单'></input> ";
|
|
|
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input> ";
|
|
|
// return OptionStr;
|
|
|
// case 2:
|
|
|
// OptionStr += "<input CommandName='LookSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='查看预约单'></input> ";
|
|
|
// OptionStr += "<input CommandName='CancelSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='取消预约单'></input> ";
|
|
|
// OptionStr += "<input CommandName='CreateImage' class='btnClass dgbtnEdit' type='button' value='生成客户提货图片'></input> ";
|
|
|
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input> ";
|
|
|
// return OptionStr;
|
|
|
// case 3: return OptionStr;
|
|
|
// default:
|
|
|
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架'></input> ";
|
|
|
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input> ";
|
|
|
// return OptionStr;
|
|
|
// }
|
|
|
// };
|
|
|
|
|
|
|
|
|
|
|
|
Array.add(datagrid1.Columns, col);
|
|
|
datagrid1.SetPageSize(50);
|
|
|
datagrid1.SetPageIndex(1);
|
|
|
|
|
|
datagrid1.SortExpression = "Id ";
|
|
|
datagrid1.ViewSortDirection = "desc";
|
|
|
datagrid1.IsFixHeader = false;
|
|
|
datagrid1.ShowIndexColumn = false;
|
|
|
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(); });
|
|
|
|
|
|
}
|
|
|
var PState = 0;
|
|
|
//#endregion
|
|
|
// 读取数据
|
|
|
//#region 读取数据
|
|
|
function ReadData() {
|
|
|
var IsPrinted = $('#select_IsPrinted').val() == "-1" ?
|
|
|
null : $('#select_IsPrinted').val() == "1" ?
|
|
|
true : false
|
|
|
var Status = $('#select_Status').val() == "-1" ?
|
|
|
null : $('#select_Status').val()
|
|
|
var param = {
|
|
|
PageIndex: datagrid1.Get_PageIndex(),
|
|
|
PageSize: datagrid1.Get_PageSize(),
|
|
|
Code: $('#txt_SKU').val() || '', //SKU编码
|
|
|
BarCode: $('#txt_BarCode').val() || '', //条码
|
|
|
WarehousePositionCode: $('#txt_PositionCode').val() || '', //库位编码
|
|
|
IsPrinted: IsPrinted, //是否已打印
|
|
|
Status: Status, //状态
|
|
|
};
|
|
|
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../DD_OrderServiceNew.asmx/OrderUsedSalePlatformPage",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
data.d.DataSource.forEach(it=>{
|
|
|
it.ImageUrls = JSON.parse(it.ImageUrls)
|
|
|
it.firstImg = it.ImageUrls && it.ImageUrls.length ? it.ImageUrls[0] : ""
|
|
|
})
|
|
|
datagrid1.Set_RowCount(data.d.RowCount);
|
|
|
datagrid1.DataBind(data.d.DataSource);
|
|
|
$("#a_select").html("");
|
|
|
$("a[iul]").each(function () {
|
|
|
var iul = $(this).attr("iul");
|
|
|
if (iul == "")
|
|
|
$(this).hide();
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
function GetTimediff(date1) {
|
|
|
// var date1= '2015/05/01 00:00:00'; //开始时间
|
|
|
var date2 = new Date(); //结束时间
|
|
|
var date3 = new Date(date1).getTime() - date2.getTime(); //时间差的毫秒数
|
|
|
//计算出相差天数
|
|
|
if (date3 <= 0)
|
|
|
return "0";
|
|
|
var days = Math.floor(date3 / (24 * 3600 * 1000))
|
|
|
|
|
|
//计算出小时数
|
|
|
var leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
|
|
|
var hours = Math.floor(leave1 / (3600 * 1000))
|
|
|
|
|
|
return days + "天 " + hours + "小时";
|
|
|
|
|
|
|
|
|
}
|
|
|
function GetExcelData() {
|
|
|
var param = new Object();
|
|
|
|
|
|
param.IsDetail = 0;
|
|
|
if ($("#chk_pp").is(':checked') == true)
|
|
|
param.IsDetail = 1;
|
|
|
if ($("#select_plat").find("option").length > 0)
|
|
|
param.PlatType = $("#select_plat").val();
|
|
|
else
|
|
|
param.PlatType = 0;
|
|
|
if ($("#select_shop").find("option").length > 0)
|
|
|
param.ShopId = $("#select_shop").val();
|
|
|
else
|
|
|
param.ShopId = 0;
|
|
|
if ($("#txt_days").val() != "")
|
|
|
param.OutDays = $("#txt_days").val();
|
|
|
else
|
|
|
param.OutDays = 0;
|
|
|
param.DateType = $("#select_rqlx").val();
|
|
|
param.SDate = null;
|
|
|
if ($("#txt_SDate").val() != "")
|
|
|
param.SDate = $("#txt_SDate").val();
|
|
|
param.EDate = null;
|
|
|
if ($("#txt_EDate").val() != "")
|
|
|
param.EDate = $("#txt_EDate").val();
|
|
|
|
|
|
param.TjType = $("#select_tj").val();
|
|
|
param.Name = $("#txt_Name").val();
|
|
|
param.MateState = $("#select_ppstate").val();
|
|
|
param.State = $("#select_fhstate").val();
|
|
|
param.PrintState = $("#select_printstate").val();
|
|
|
param.IsSku = 0;
|
|
|
param.MoneyState = $("#select_moneystate").val();
|
|
|
if ($("#chk_sku").is(':checked') == true)
|
|
|
param.IsSku = 1;
|
|
|
param.IsError = 0;
|
|
|
if ($("#chk_yc").is(':checked') == true)
|
|
|
param.IsError = 1;
|
|
|
param.HBOrder = 0;
|
|
|
if ($("#chk_hb").is(':checked') == true)
|
|
|
param.HBOrder = 1;
|
|
|
|
|
|
var fname = "订单导出.xls";
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "DD_OrderService.asmx/ExcelOrderData",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
async: false,
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
params = { FilePath: data.d, FileName: fname };
|
|
|
|
|
|
window.location = "../GlobalAshx/DownFile.ashx?" + jQuery.param(params);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
}
|
|
|
//#endregion
|
|
|
|
|
|
//#region 日期格式转换
|
|
|
function formatDate(date) {
|
|
|
const year = date.getFullYear();
|
|
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
|
const day = String(date.getDate()).padStart(2, '0');
|
|
|
|
|
|
return `${year}-${month}-${day}`;
|
|
|
}
|
|
|
//#endregion
|
|
|
|
|
|
//#region 批量下载条码图片
|
|
|
function BatDownloadBarcode() {
|
|
|
var SelectListModels = datagrid1.GetSelectListModel();
|
|
|
if (SelectListModels == null || $(SelectListModels).length == 0) {
|
|
|
alert("Please check the data first");
|
|
|
return;
|
|
|
}
|
|
|
var SelectList = SelectListModels.map(it=>{
|
|
|
return {
|
|
|
...it,
|
|
|
date: formatDate(it.CreationTime)
|
|
|
}
|
|
|
})
|
|
|
var printedIds = SelectList.map(it=>it.Id)
|
|
|
var uploadIds = SelectList.filter(it=>it.Status == 1).map(it=>it.Id)
|
|
|
BatChangeIsPrinted(printedIds);
|
|
|
generateAndDownload(SelectList)
|
|
|
BatUploadGoods(uploadIds);
|
|
|
}
|
|
|
//#endregion
|
|
|
|
|
|
//#region 批量修改打印状态
|
|
|
function BatChangeIsPrinted(Ids) {
|
|
|
var param = {
|
|
|
Ids: Ids,
|
|
|
}
|
|
|
WindowLoadModel.Show();
|
|
|
$.ajax({
|
|
|
url: "../DD_OrderServiceNew.asmx/OrderUsedSalePlatformPrint",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
WindowLoadModel.Hide();
|
|
|
if(data.Code==1){
|
|
|
ReadData();
|
|
|
}else{
|
|
|
alert(data.Message);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//#endregion
|
|
|
|
|
|
//#region 批量上架产品
|
|
|
function BatUploadGoods(Ids) {
|
|
|
var param = {
|
|
|
Ids: Ids,
|
|
|
}
|
|
|
$.ajax({
|
|
|
url: "../DD_OrderServiceNew.asmx/OrderUsedSalePlatformPublish",
|
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
dataType: "json",
|
|
|
});
|
|
|
}
|
|
|
//#endregion
|
|
|
|
|
|
//#region 生成条码图片并下载ZIP
|
|
|
async function generateAndDownload(data) {
|
|
|
const zip = new JSZip();
|
|
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
const canvas = await generateImage(data[i]);
|
|
|
const imageData = canvas.toDataURL('image/png').split(',')[1];
|
|
|
zip.file(`image_${i + 1}.png`, imageData, {base64: true});
|
|
|
|
|
|
// 显示预览
|
|
|
const container = document.createElement('div');
|
|
|
container.className = 'image-container';
|
|
|
container.appendChild(canvas);
|
|
|
// document.getElementById('preview').appendChild(container);
|
|
|
}
|
|
|
|
|
|
// 生成并下载ZIP文件
|
|
|
zip.generateAsync({type: 'blob'}).then(function(content) {
|
|
|
saveAs(content, 'images.zip');
|
|
|
});
|
|
|
}
|
|
|
// 生成条码图片
|
|
|
async function generateImage(item) {
|
|
|
// 创建画布
|
|
|
const canvas = document.createElement('canvas');
|
|
|
canvas.width = 900;
|
|
|
canvas.height = 660;
|
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
|
|
// 填充白色背景
|
|
|
ctx.fillStyle = 'white';
|
|
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
|
|
|
|
// 添加SKU
|
|
|
ctx.fillStyle = 'black';
|
|
|
ctx.font = '48px SimHei';
|
|
|
ctx.fillText(item.SkuCode, 30, 60);
|
|
|
|
|
|
// 添加日期，右对齐
|
|
|
ctx.font = '40px SimHei';
|
|
|
const dateWidth = ctx.measureText(item.date).width; // 测量文本宽度
|
|
|
ctx.fillText(item.date, canvas.width - 30 - dateWidth, 60); // 从右边缘减去文本宽度和边距
|
|
|
|
|
|
// 生成条形码
|
|
|
const barcodeCanvas = document.createElement('canvas');
|
|
|
JsBarcode(barcodeCanvas, item.BarCode, {
|
|
|
format: "CODE128",
|
|
|
width: 6,
|
|
|
height: 300,
|
|
|
displayValue: true,
|
|
|
fontSize: 48,
|
|
|
fontOptions: "bold",
|
|
|
textMargin: 10,
|
|
|
font: "SimHei"
|
|
|
});
|
|
|
|
|
|
// 将条形码绘制到主画布
|
|
|
ctx.drawImage(barcodeCanvas, 150, 120);
|
|
|
|
|
|
// 添加分割线
|
|
|
ctx.beginPath();
|
|
|
ctx.moveTo(30, 570);
|
|
|
ctx.lineTo(870, 570);
|
|
|
ctx.strokeStyle = 'black';
|
|
|
ctx.lineWidth = 3;
|
|
|
ctx.stroke();
|
|
|
|
|
|
// 添加提示文字
|
|
|
ctx.font = '35px Arial';
|
|
|
ctx.fillText('Notice: This product cannot be returned or exchanged', 30, 630);
|
|
|
|
|
|
return canvas;
|
|
|
}
|
|
|
//#endregion
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
<body class="headbody">
|
|
|
<div class="title_ico">
|
|
|
二手售卖2
|
|
|
</div>
|
|
|
|
|
|
<table id="tb1" class="tableAll" style="width: 100%;">
|
|
|
<tr>
|
|
|
<td class="f1" style="width: 10%;">SKU：</td>
|
|
|
<td width="22%">
|
|
|
<input id="txt_SKU" class="editTextbox" style="width: 120px;" type="text" />
|
|
|
</td>
|
|
|
<td class="f1" style="width: 10%;">BarCode：</td>
|
|
|
<td width="22%">
|
|
|
<input id="txt_BarCode" class="editTextbox" style="width: 120px;" type="text" />
|
|
|
</td>
|
|
|
<td class="f1" style="width: 10%;">PositionCode：</td>
|
|
|
<td width="22%">
|
|
|
<input id="txt_PositionCode" class="editTextbox" style="width: 120px;" type="text" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 12%;" class="f1" align="center">IsPrinted</td>
|
|
|
<td width="15%">
|
|
|
<select id="select_IsPrinted" class="selectClass" name="IsPrinted" style="width: 120px">
|
|
|
<option value="-1">All</option>
|
|
|
<option value="1">Printed</option>
|
|
|
<option value="0">Not Printed</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td class="f1" style="width: 10%;">Status:</td>
|
|
|
<td width="15%">
|
|
|
<select id="select_Status" class="selectClass" name="Status" style="width: 120px">
|
|
|
<option value="-1">All</option>
|
|
|
<option value="0">未上架</option>
|
|
|
<option value="1">已上架</option>
|
|
|
<option value="2">等待取货</option>
|
|
|
<option value="3">售卖完成</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td>
|
|
|
<input id="btn_sch" class="btnClass btnClassFind" type="button" value="查询" onclick="ReadData();" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr class="orderType1">
|
|
|
<td colspan="8">
|
|
|
<input id="btn_BatDownloadBarcode" class="btnClass btnClassEdit" type="button" value="批量下载条码图片" onclick="BatDownloadBarcode();" />
|
|
|
<br />
|
|
|
<a id="a_select" style="color:red;font-weight:bolder"></a>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top" colspan="7">
|
|
|
<div id="DataGrid1" class="DataGridStyle"></div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
|
<div style="display: none">
|
|
|
<div id="StartPutaway" title="货物图片" style="width: 600px; height: 400px;">
|
|
|
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Second Hand Sale Price：
|
|
|
</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_SecondHandSalePrice" type="text" />
|
|
|
<%-- <input id="txt_tracking_id" type="text" />--%>
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">OfferUp：
|
|
|
</td>
|
|
|
<td align="left">
|
|
|
<select id="select_offerup" class="selectClass" name="D10" style="width: 120px">
|
|
|
<option value="0">No</option>
|
|
|
<option value="1">Yes</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">MaketPlace：
|
|
|
</td>
|
|
|
<td align="left">
|
|
|
<select id="select_maketplace" class="selectClass" name="D10" style="width: 120px">
|
|
|
<option value="0">No</option>
|
|
|
<option value="1">Yes</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td align="center" colspan="2">
|
|
|
<input
|
|
|
id="btn_Save" type="button" class="btnClass btnClassSave" value="SavePutawayMsg" onclick="SavePutawayMsg();" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
<div id="OrderReturnDetail" title="二手货物详情" style="width: 600px; height: 550px;">
|
|
|
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">GoodsName：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_GoodsName" type="text" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">GoodsEnglisgName：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_GoodsEnglisgName" type="text" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Goods Url：</td>
|
|
|
<td align="left">
|
|
|
<a target='_blank' id="txt_GoodsUrl" style='color:green;margin-left:5px;'></a>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">GoodsCode：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_GoodsCode" type="text" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Goods Deatil：</td>
|
|
|
<td align="left">
|
|
|
<textarea id="txt_GoodsDeatil" cols="100" rows="2" style="width: 90%;height:150px"></textarea>
|
|
|
<%-- <input id="txt_GoodsDeatil" type="textarea" />--%>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1"> First Image：</td>
|
|
|
<td colspan="2" align="center">
|
|
|
<img src="" width="280px" height="250px" id="img_1" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Image List：</td>
|
|
|
<td align="left">
|
|
|
<div id="div_img">
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
|
|
|
<td style="width: 80px;" class="f1">Link List：</td>
|
|
|
|
|
|
<td align="left">
|
|
|
|
|
|
<div id="div_LinkList">
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td align="center" colspan="2">
|
|
|
<input id="btn_DownloadImage" type="button" class="btnClass btnClassSave" value="Download Image" onclick="DownloadImage();" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
<div id="SecongHandBuyerMsg" title="生成预约单信息" style="width: 300px; height: 300px;">
|
|
|
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Buyer Name：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_buyer_name" type="text" strly="width:150px"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Buyer Phone：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_buyer_phone" type="text" strly="width:150px"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td style="width: 80px;" class="f1">Buyer Time：</td>
|
|
|
<td align="left">
|
|
|
<input id="txt_buyer_time" type="text" strly="width:150px" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td align="center" colspan="2">
|
|
|
<input id="btn_CreateSecongHandBuyerMsg" type="button" class="btnClass btnClassSave" value="Save" onclick="SaveSecongHandBuyerMsg();" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="card" id="card" style="display: none">
|
|
|
<div class="card-bg">
|
|
|
<img class="card-bg1" src="../SecondHandImage/bg1.png" alt="">
|
|
|
<img class="card-bg2" src="../SecondHandImage/bg2.png" alt="">
|
|
|
</div>
|
|
|
<div class="card-header">
|
|
|
<strong>TrackCode: </strong>
|
|
|
<span id="trackCode">-</span>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<!-- <div class="logo">
|
|
|
<img src="./image/logo.png" alt="">
|
|
|
</div> -->
|
|
|
<div class="goods-info">
|
|
|
<div class="product">
|
|
|
<sapn class="product-title">Product</sapn>
|
|
|
<sapn class="product-text" id="product">-</sapn>
|
|
|
</div>
|
|
|
<div class="price">
|
|
|
<img class="price-icon" src="../SecondHandImage/price.png" alt="">
|
|
|
<sapn class="price-num" id="price">-</sapn>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="code">
|
|
|
<div id="qrcode" class="code-img">
|
|
|
</div>
|
|
|
<div class="code-title">verification code</div>
|
|
|
<div class="code-date" id="date"></div>
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
<div class="contact">
|
|
|
<img class="contact-icon" src="../SecondHandImage/contact.png" alt="">
|
|
|
<sapn class="contact-num">
|
|
|
<span id="contactName">-</span>:
|
|
|
<span id="contactPhone">-</span>
|
|
|
</sapn>
|
|
|
</div>
|
|
|
<div class="address">
|
|
|
<img class="address-icon" src="../SecondHandImage/address.png" alt="">
|
|
|
<sapn class="address-num" id="address">-</sapn>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
//生成取件码图片
|
|
|
//#region 生成取件码图片
|
|
|
// 初始化二维码
|
|
|
const qrcode = new QRCode("qrcode", {
|
|
|
text: '',
|
|
|
width: 400,
|
|
|
height: 400
|
|
|
});
|
|
|
// 下载取件码图片
|
|
|
function downloadQRCodeImg(obj) {
|
|
|
|
|
|
if (obj.product.length > 22) {
|
|
|
obj.product = obj.product.substring(0, 22) + '...';
|
|
|
}
|
|
|
for (let key in obj) {
|
|
|
$("#" + key).text(obj[key])
|
|
|
}
|
|
|
$("#card").show()
|
|
|
debugger
|
|
|
|
|
|
qrcode.makeCode(obj.trackCode + '')
|
|
|
generateImages(obj.trackCode)
|
|
|
}
|
|
|
// 生成图片
|
|
|
function generateImages(title) {
|
|
|
html2canvas(document.querySelector("#card")).then((canvas) => {
|
|
|
const imgUrl = canvas.toDataURL("image/png", 1);
|
|
|
const image = document.createElement("img");
|
|
|
image.src = imgUrl;
|
|
|
const content = document.createElement("div");
|
|
|
content.appendChild(image);
|
|
|
// 下载图片
|
|
|
const a = document.createElement("a");
|
|
|
a.href = imgUrl;
|
|
|
a.download = title;
|
|
|
a.click();
|
|
|
content.remove();
|
|
|
a.remove();
|
|
|
$("#card").hide()
|
|
|
});
|
|
|
}
|
|
|
//#endregion
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
