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.

761 lines
31 KiB
Plaintext

2 months ago
<%@ 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" />
2 months ago
<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>
2 months ago
<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) {
2 months ago
if ($("#txt_SKU").is(":focus") == true && event.keyCode == 13) {
if ($("#txt_SKU").val() != "")
2 months ago
ReadData();
}
2 months ago
if ($("#txt_BarCode").is(":focus") == true && event.keyCode == 13) {
if ($("#txt_BarCode").val() != "")
ReadData();
2 months ago
}
2 months ago
if ($("#txt_PositionCode").is(":focus") == true && event.keyCode == 13) {
if ($("#txt_PositionCode").val() != "")
ReadData();
2 months ago
}
});
2 months ago
$("#" + 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 + "条");
2 months ago
});
2 months ago
});
2 months ago
// 初始化DataGrid
//#region 初始化DataGrid
function CreateDataGrid() {
col = new nblf.ui.DataGridColumn();
2 months ago
col.HeaderText = "Image";
col.CellTemplate = "<img src='{Bind firstImg}' alt='' width='50px' height='50px'/>";
2 months ago
Array.add(datagrid1.Columns, col);
2 months ago
var col = new nblf.ui.DataGridColumn();
2 months ago
col.HeaderText = "SKU";
2 months ago
col.CellTemplate = "<span>{Bind SkuCode}</span>";
col.SortExpression = "c.SkuCode";
2 months ago
Array.add(datagrid1.Columns, col);
2 months ago
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "BarCode";
col.CellTemplate = "<span>{Bind BarCode}</span>";
col.SortExpression = "c.BarCode";
2 months ago
Array.add(datagrid1.Columns, col);
2 months ago
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "PositionCode";
col.CellTemplate = "<span>{Bind WarehousePositionCode}</span>";
col.SortExpression = "c.WarehousePositionCode";
2 months ago
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
2 months ago
col.HeaderText = "CreationTime";
col.CellTemplate = "<a>{Bind CreationTime,yyyy-MM-dd HH:mm}</a>";
col.SortExpression = "CreationTime";
2 months ago
Array.add(datagrid1.Columns, col);
2 months ago
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "IsPrinted";
col.CellTemplate = "<span>{Bind IsPrinted}</span>";
2 months ago
col.CellFormatter = function (value) {
2 months ago
if(value){
return 'Printed'
}else{
return 'Not Printed'
2 months ago
}
};
Array.add(datagrid1.Columns, col);
2 months ago
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "Status";
col.CellTemplate = "<span>{Bind Status}</span>";
2 months ago
col.CellFormatter = function (value) {
switch (value) {
case 1:
2 months ago
return "未上架";
2 months ago
case 2:
2 months ago
return "已上架";
case 3:
2 months ago
return "等待客户取货";
2 months ago
case 4:
return "完成售卖";
2 months ago
default:
2 months ago
return "-";
2 months ago
}
};
Array.add(datagrid1.Columns, col);
//操作
col = new nblf.ui.DataGridColumn();
col.HeaderText = "操作";
2 months ago
col.Width = "200px";
// col.CellFormatter = function (value) {
// var OptionStr = "<input CommandName='showDetail' class='btnClass dgbtnEdit' type='button' value='详情'></input>&nbsp;";
// switch (value) {
// case 0:
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架'></input>&nbsp;";
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input>&nbsp;";
// return OptionStr;
// case 1:
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架信息修改'></input>&nbsp;";
// OptionStr += "<input CommandName='CreateSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='生成预约单'></input>&nbsp;";
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input>&nbsp;";
// return OptionStr;
// case 2:
// OptionStr += "<input CommandName='LookSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='查看预约单'></input>&nbsp;";
// OptionStr += "<input CommandName='CancelSecongHandBuyerMsg' class='btnClass dgbtnEdit' type='button' value='取消预约单'></input>&nbsp;";
// OptionStr += "<input CommandName='CreateImage' class='btnClass dgbtnEdit' type='button' value='生成客户提货图片'></input>&nbsp;";
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input>&nbsp;";
// return OptionStr;
// case 3: return OptionStr;
// default:
// OptionStr += "<input CommandName='StartPutaway' class='btnClass dgbtnEdit' type='button' value='上架'></input>&nbsp;";
// OptionStr += "<input CommandName='EndBuy' class='btnClass dgbtnEdit' type='button' value='已卖出'></input>&nbsp;";
// return OptionStr;
// }
// };
2 months ago
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%";
2 months ago
datagrid1.SelectMode = nblf.ui.SelectMode.CheckBox;
2 months ago
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 = {
2 months ago
PageIndex: datagrid1.Get_PageIndex(),
PageSize: datagrid1.Get_PageSize(),
2 months ago
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();
2 months ago
data.d.DataSource.forEach(it=>{
it.ImageUrls = JSON.parse(it.ImageUrls)
it.firstImg = it.ImageUrls && it.ImageUrls.length ? it.ImageUrls[0] : ""
})
2 months ago
datagrid1.Set_RowCount(data.d.RowCount);
datagrid1.DataBind(data.d.DataSource);
2 months ago
$("#a_select").html("");
2 months ago
$("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
2 months ago
//#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');
2 months ago
2 months ago
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,
}
2 months ago
WindowLoadModel.Show();
$.ajax({
2 months ago
url: "../DD_OrderServiceNew.asmx/OrderUsedSalePlatformPrint",
2 months ago
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
2 months ago
dataType: "json",
2 months ago
success: function (data) {
WindowLoadModel.Hide();
2 months ago
if(data.Code==1){
ReadData();
}else{
alert(data.Message);
2 months ago
}
2 months ago
}
});
}
//#endregion
2 months ago
2 months ago
//#region 批量上架产品
function BatUploadGoods(Ids) {
var param = {
Ids: Ids,
}
$.ajax({
url: "../DD_OrderServiceNew.asmx/OrderUsedSalePlatformPublish",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
});
}
//#endregion
2 months ago
2 months ago
//#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');
2 months ago
});
}
2 months ago
// 生成条码图片
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;
}
2 months ago
//#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>
2 months ago
<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>
2 months ago
<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>