@ -67,10 +67,18 @@
.receipt .product-image{
position: absolute;
right: 0;
top: 6 5px;
top: 3 5px;
width: 150px;
height: auto;
}
.order-detail{
width: 100%;
display: flex;
flex-direction: column;
justify-self: flex-start;
align-items: flex-start;
}
</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>
@ -143,7 +151,7 @@
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "SKU";
col.Width = "150px";
col.CellTemplate = `<div class="product-box"><img src='{Bind firstImg }' alt='' width='50px' height='50px'/><a style="cursor: pointer;" onclick="LinkGoods({Bind Sku Id})">{Bind SkuCode}</a></diav>`;
col.CellTemplate = `<div class="product-box"><img src='{Bind ProductImageUrl }' alt='' width='50px' height='50px'/><a style="cursor: pointer;" onclick="LinkGoods({Bind Product Id})">{Bind SkuCode}</a></diav>`;
col.SortExpression = "c.SkuCode";
Array.add(datagrid1.Columns, col);
@ -192,9 +200,9 @@
case 2:
return "已上架";
case 3:
return "等待客户 取货";
return "等待取货";
case 4:
return "完成售卖 ";
return "售卖 完成";
default:
return "-";
}
@ -209,16 +217,27 @@
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "OrderDetail";
col.CellTemplate = "<span>{Bind OrderDetail}</span>";
col.CellFormatter = function (order) {
col.CellTemplate = `<div class="order-detail">{Bind orginData}</div>`;
col.CellFormatter = function (data) {
var order = data.ShopifyOrder
var str = "";
if(order){
str += `<div>订单号:</div>`
str += `<div>收件人:</div>`
str += `<div>手机号:</div>`
str += `<div>地址:</div>`
}
return str;
str += `<div style="font-size: 14px;miargn-bottom:4px">- ${data.ShippingMethod==1?'自提':'快递'} -</div>`
str += `<div>订单号:${order.OrderNumber}</div>`
// str += `<div>下单时间:${formatDate(order.CreatedAt)}</div>`
str += `<div>收件人:${order.Name}</div>`
str += `<div>手机号:${order.Phone}</div>`
str += `<div>省州:${order.ProvinceCode}</div>`
str += `<div>城市:${order.City}</div>`
str += `<div>地址:${order.Full}</div>`
str += `<div>金额:${order.TotalPrice} ${order.Currency}</div>`
if(data.ShippingMethod==1){
str += `<div>预约时间:-</div>`
}else if(data.ShippingMethod==2){
str += `<div>运单号:-</div>`
}
}
return str
}
Array.add(datagrid1.Columns, col);
@ -226,16 +245,20 @@
col = new nblf.ui.DataGridColumn();
col.HeaderText = "操作";
col.Width = "100px";
col.CellTemplate = "{Bind Status }";
col.CellFormatter = function (value ) {
col.CellTemplate = "{Bind orginData }";
col.CellFormatter = function (data ) {
var OptionStr = "";
switch (value) {
var status = data.Status
switch (status) {
case 1:
OptionStr += "<input onclick='UploadGoods(this)' class='btnClass dgbtnEdit' type='button' value='上架产品'></input>";
break;
case 2:
case 3:
if(data.ShippingMethod!==1){
OptionStr += "<input onclick='DownloadReceipt(this)' class='btnClass dgbtnEdit' type='button' value='下载提货单'></input>";
}else if(data.ShippingMethod==2){
OptionStr += "<input onclick='DownloadTrackCode(this)' class='btnClass dgbtnEdit' type='button' value='下载快递面单'></input>";
}
OptionStr += "<input onclick='MarkSell(this)' class='btnClass dgbtnEdit' type='button' value='标记卖出'></input>";
}
return OptionStr;
@ -289,7 +312,7 @@
success: function (data) {
WindowLoadModel.Hide();
data.d.DataSource.forEach(it=>{
it.ImageUrls = JSON.parse(it.ImageUrls )
it.orginData = JSON.parse(JSON.stringify(it) )
it.firstImg = it.ImageUrls && it.ImageUrls.length ? it.ImageUrls[0] : ""
})
datagrid1.Set_RowCount(data.d.RowCount);
@ -338,16 +361,6 @@
}
//#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();
@ -499,6 +512,17 @@
function DownloadReceipt(obj) {
var rowindex = $(obj).parent().parent().attr("index");
var model = datagrid1.Get_Model(rowindex);
var order = model.ShopifyOrder
var store = model.BarCode[0]
$('#receiptStore').text(store == 'W'?'West':'East');
$('#receiptProductName').text(model.ProductEnName);
$('#receiptProductSKU').text(model.SkuCode);
$('#receiptProductCode').text(model.ProductCode);
$('#receiptProductPrice').text(`${order.TotalPrice} ${order.Currency}`);
$('#receiptCustomerName').text(order.Name);
$('#receiptCustomerPhone').text(order.Phone);
$('#receiptCustomerPhone').text(order.Phone);
$('#receiptProductImage').attr("src", model.ProductImageUrl);
const receiptEl = document.getElementById('receipt');
$('#receipt').show();
const options = {
@ -572,10 +596,10 @@
<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>
<option value="1 ">未上架</option>
<option value="2 ">已上架</option>
<option value="3 ">等待取货</option>
<option value="4 ">售卖完成</option>
</select>
</td>
<td>
@ -599,21 +623,21 @@
<!-- 提货单 -->
<div class="receipt" id="receipt" style="display: none;">
<div class="header">
<h3>Pickup Receipt ( <span id="receiptStore">West </span> )</h3>
<h3>Pickup Receipt ( <span id="receiptStore">- </span> )</h3>
</div>
<div class="info-section">
<div class="product-details">
<p>Product Name: <span id="receiptProductName">Power Tower Dip Station Pull Up Bar Workout Equipment, Adjustable Height 62.2" to 84.5", Holds Up to 660LBS </span></p>
<p>Product SKU: <span id="receiptProductSKU">SKU123456 </span></p>
<p>Product Code: <span id="receiptProductCode">P789012 </span></p>
<p>Product Price: <span id="receiptProductPrice">$399.00 </span></p>
<img id="receiptProductImage" src="https://cdn.shopify.com/s/files/1/0915/6817/7474/files/KM2739_main.jpg?v=1736757843 " alt="Product Image" class="product-image">
<p>Product Name: <span id="receiptProductName">- </span></p>
<p>Product SKU: <span id="receiptProductSKU">- </span></p>
<p>Product Code: <span id="receiptProductCode">- </span></p>
<p>Product Price: <span id="receiptProductPrice">- </span></p>
<img id="receiptProductImage" src="" alt="Product Image" class="product-image">
</div>
<div class="customer-info">
<p>Customer Name: <span id="receiptCustomerName">John Smith </span></p>
<p>Phone Number: <span id="receiptCustomerPhone">+1 234 567 8900 </span></p>
<p>Appointment Time: <span id="receiptAppointmentTime">2024 -03-20 14:30 </span></p>
<p>Customer Name: <span id="receiptCustomerName">- </span></p>
<p>Phone Number: <span id="receiptCustomerPhone">- </span></p>
<p>Appointment Time: <span id="receiptAppointmentTime">-</span></p>
</div>
</div>
</div>