- ').addClass('children');
yearNode.append(yearLink);
yearNode.append(yearChildren);
// 获取唯一的月份数组并按月份降序排序
const months = Object.keys(data[year]).map(month => {
return {
full: month,
num: parseInt(month.split('-')[1])
};
}).sort((a, b) => b.num - a.num);
// 去重处理
const uniqueMonths = [];
const monthNums = new Set();
months.forEach(month => {
if (!monthNums.has(month.num)) {
monthNums.add(month.num);
uniqueMonths.push(month);
}
});
uniqueMonths.forEach(month => {
const monthId = `month-${month.full}`;
const monthNode = $('
- ').addClass('nav-item has-children collapsed').attr('id', monthId);
const monthLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-month', month.full).text(`${month.num}月`);
const monthChildren = $('
- ').addClass('children');
monthNode.append(monthLink);
monthNode.append(monthChildren);
// 获取并排序日期
const days = data[year][month.full].sort((a, b) => {
// 按日期降序排序
return parseInt(b) - parseInt(a);
});
days.forEach(day => {
const dayNode = $('
- ').addClass('nav-item day-item');
const dayLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-date', `${year}-${day}`).text(`${day}日`);
dayNode.append(dayLink);
monthChildren.append(dayNode);
});
yearChildren.append(monthNode);
});
$nav.append(yearNode);
});
Controller.bindDateMenuClick();
if (typeof callback === "function") {
callback();
}
}).fail(function(xhr, status, error) {
console.error("加载日期导航菜单失败:", error);
layer.msg("加载日期导航菜单失败，请稍后重试", {icon: 5});
});
},
// 菜单点击绑定逻辑（支持展开/收起、刷新主表）
bindDateMenuClick: function () {
// 菜单项点击
$(document).off("click", "#date-nav .nav-link").on("click", "#date-nav .nav-link", function (e) {
e.stopPropagation();
const $link = $(this);
const $item = $link.closest(".nav-item");
const year = $link.data("year");
const month = $link.data("month");
const date = $link.data("date");
// 如果是有子节点的项（年/月），则只展开/收起，不执行查询
if ($item.hasClass("has-children")) {
$item.toggleClass("expanded");
return;
}
// 高亮当前激活项
$("#date-nav .nav-link").removeClass("active");
$link.addClass("active");
// 构造筛选条件
Controller.currentQuery = {};
if (date !== undefined) {
if (date !== "all") {
Controller.currentQuery.date = date;
}
} else if (month) {
Controller.currentQuery.month = month;
} else if (year) {
Controller.currentQuery.year = year;
}
// 刷新主表
const table = $("#table2");
if (table.length > 0) {
table.bootstrapTable("refresh");
} else {
console.warn("表格元素 #table2 未找到");
}
});
$("#sidebarToggle").off("click").on("click", function () {
$("#date-sidebar").toggleClass("collapsed");
$(this).find("i").toggleClass("fa-chevron-left fa-chevron-right");
});
},
// ========== 新增按钮弹窗绑定 ==========
bindAddPalletBtn: function () {
$(document).on('click', '#addPalletBtn', function () {
const bach_ids = Controller.selectedBachId;
console.log("选中单据编号:", bach_ids);
if (!bach_ids) {
Layer.msg('请先点击主表选择一条记录（单据编号）', { icon: 2 });
return;
}
Layer.open({
type: 1,
title: '批量新增托盘信息',
area: ['90%', '70%'],
btn: ['提交', '取消'],
content: `
`,
success: function () {
// 添加新行
$('#addRowBtn').on('click', function () {
const html = `
客户名称：亚美尼亚SPS 送货单号：${res.data.shdh} 送货地址：亚美尼亚 送货日期：${res.data.shrq_date} ${res.data.order_ddbh || ''}${res.data.note || ''}托盘序号 产品名称 每箱个数 每托箱数 每层箱数 每托层数 每托高度 托盘规格 托盘数 总箱数 `; // Only add pallet number for first row in group if (index === 0) { html += ` `; }); }); const fillCount = 15 - arr.length; for (let i = 0; i < fillCount; i++) { html += `第${palletKey}托 `; } // Handle product name with potential line breaks const productName = item.matter_name.replace(/([^\u4e00-\u9fa5])([^\u4e00-\u9fa5])/g, '$1$2'); html += ` ${productName} ${item.small_num} ${item.total_boxes} ${item.tray_num} ${item.box_num} ${item.pallet_height} ${item.pallet_length} * ${item.pallet_width} ${item.large_num} ${item.larger_num} 合计： ${totalTray} ${totalBox} 总共出货：${totalBox} 箱 = ${totalTray} 托（ 手工盒子：${totalTao} 套 纸质卡片：${totalZhang} 张 ${unitQuantities['个'] || 0} 个 ${unitQuantities['托'] || 0} 托 ${unitQuantities['卷'] || 0} 卷 ） 产品名称 ${productNames.map(name => `${name} `).join('')}合计 出货数量 ${productNames.map(name => `${productMap[name].qty} `).join('')}${manualBoxes} 备注 ${productNames.map(name => { // 处理备注去重：按分号分割，去重后重新拼接 let remark = productMap[name].remark || ''; if (remark) { // 分割备注并去重 const uniqueRemarks = [...new Set(remark.split(';').map(item => item.trim()).filter(Boolean))]; remark = uniqueRemarks.join('; '); } return `${remark || ' '} `; }).join('')}共 ${totalTray} 托`; $("#printcode").html(html); var ee = $('#qrcode_image').attr('src', res.data.qrcode_add); ee.on('load', function () { var printHTML = document.querySelector('#printcode').innerHTML; window.document.body.innerHTML = printHTML; window.print(); window.location.reload(); }); } return false; }, error: function (data, ret) { return false; } }, ], formatter: Table.api.formatter.buttons }, {field: 'status', title: '状态', operate: 'LIKE',searchList: {"0":'已发货',"1":'已删除'}, formatter: Table.api.formatter.status}, {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate} ] ], }); // 为表格绑定事件 Table.api.bindevent(table); //去掉时间区间输入记忆 table.on('post-body.bs.table',function (e,settings,json,xhr) { $('.datetimerange').each(function () { $(this).attr('autocomplete','off'); }) }); Controller.api.bindevent(); }, // 加载日期导航数据 loadDateNavigation: function(callback) { var self = this; // 保存当前上下文 $.get("deliver/dispatch_list", function(res) { const data = res.data || {}; const $nav = $("#date-nav").empty(); const years = Object.keys(data).sort((a, b) => b - a); years.forEach(year => { const yearId = `year-${year}`; const yearNode = $('
备注：
(1) 用唛头笔写上托盘序号，托盘唛头打印贴在每托盘上面，打托的时候混托注意摆放和高度，另外不要漏掉了。
(2) 每托烟盒中间放瓦楞，最上面盖个木板，缠绕膜缠结实，护角护好，打打包带，井子形打包
(3) 配托后，请提供具体托盘高度及托盘重量。 - ').addClass('nav-item has-children collapsed').attr('id', yearId);
const yearLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-year', year).text(`${year}年`);
const yearChildren = $('
- ').addClass('children');
yearNode.append(yearLink);
yearNode.append(yearChildren);
// 获取唯一的月份数组并按月份降序排序
const months = Object.keys(data[year]).map(month => {
return {
full: month,
num: parseInt(month.split('-')[1])
};
}).sort((a, b) => b.num - a.num);
// 去重处理
const uniqueMonths = [];
const monthNums = new Set();
months.forEach(month => {
if (!monthNums.has(month.num)) {
monthNums.add(month.num);
uniqueMonths.push(month);
}
});
uniqueMonths.forEach(month => {
const monthId = `month-${month.full}`;
const monthNode = $('
- ').addClass('nav-item has-children collapsed').attr('id', monthId);
const monthLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-month', month.full).text(`${month.num}月`);
const monthChildren = $('
- ').addClass('children');
monthNode.append(monthLink);
monthNode.append(monthChildren);
// 获取并排序日期
const days = data[year][month.full].sort((a, b) => {
// 按日期降序排序
return parseInt(b) - parseInt(a);
});
days.forEach(day => {
const dayNode = $('
- ').addClass('nav-item day-item');
const dayLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-date', `${year}-${day}`).text(`${day}日`);
dayNode.append(dayLink);
monthChildren.append(dayNode);
});
yearChildren.append(monthNode);
});
$nav.append(yearNode);
});
// 绑定日期菜单点击事件
self.bindDateNavigationEvents();
if (typeof callback === "function") {
callback();
}
}).fail(function(xhr, status, error) {
console.error("加载日期导航失败:", error);
layer.msg("加载日期导航失败，请稍后重试", {icon: 5});
});
},
// 绑定日期导航事件
bindDateNavigationEvents: function() {
var self = this; // 保存当前上下文
var $dateNav = $('#date-nav');
// 菜单项点击事件
$dateNav.off('click').on('click', '.nav-link', function(e) {
e.stopPropagation();
e.preventDefault();
const $link = $(this);
const $item = $link.closest('.nav-item');
// 如果是可展开项，则只展开/收起
if ($item.hasClass('has-children')) {
$item.toggleClass('expanded');
return false;
}
// 高亮当前选中项
$dateNav.find('.nav-link').removeClass('active');
$link.addClass('active');
// 获取日期值
const date = $link.data('date');
console.log("Selected date:", date); // 调试输出
if (date) {
self.loadTableByDate(date);
}
});
// 侧边栏切换按钮
$('#sidebarToggle').off('click').on('click', function() {
$('#date-sidebar').toggleClass('collapsed');
$(this).find('i').toggleClass('fa-chevron-left fa-chevron-right');
});
},
// 根据日期加载表格数据
loadTableByDate: function(date) {
console.log("Loading table for date:", date); // 调试输出
// 如果是"全部日期"，则清除日期参数
var params = {};
if (date && date !== 'all') {
params.date = date;
}
// 刷新表格数据
var table = $('#table3');
var options = table.bootstrapTable('getOptions');
options.pageNumber = 1; // 重置到第一页
options.queryParams = function(p) {
return $.extend({}, p, params);
};
table.bootstrapTable('refresh', {url: 'deliver/dispatch?' + $.param(params)});
},
receive: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'deliver/receive' + location.search,
del_url:'deliver/receive_del',
table:'deliver'
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
height:500,
sortName: 'id',
searchFormVisible:true,
showToggle:false,
showColumns:false,
showExport:false,
fixedColumns: true,
fixedRightNumber: 1,
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id'),visible:false,operate: false},
{field: 'shdh', title: '送货单号', operate: false},
{field: 'order_number', title: '订单号', operate: 'LIKE'},
{field: 'deliveryman', title: '司机', operate: false},
{field: 'plate_number', title: '车牌号', operate: false},
{field: 'supplier_name', title: '供应商名称', operate: 'LIKE'},
{field: 'create_time', title: '发货时间', operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
{field: 'buttons', operate: false,
width: "120px",
title: __('发货单打印'),
table: table,
events: Table.api.events.operate,
buttons: [
{
name: 'ajax',
text: __('点击打印'),
title: __('点击打印'),
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
icon: 'fa fa-magic',
url: 'deliver/printqrcode/id/{ids}',
// confirm: '确认发送',
success: function (data,res) {
if (res.code === 1){
var arr = res.data.data;
var note='';
var html = '\n' + '\n' + '\n' + '\n' + ''+res.data.supplier_name+'\n' + '送货单\n' + '\n' + '\n' + '
\n' + '
\n' + '
\n' + '\n' + ' \n' + '客户名称：河南中烟工业有限责任公司黄金叶生产制造中心 \n' + '送货单号：'+res.data.shdh+' \n' + '\n' + ' \n' + '送货地址：河南省郑州市经开区第三大街9号 \n' + '送货日期：'+res.data.shrq_date+' \n' + '
\n' + ''+ '
\n' + '' + ' ' + ' ' + ' ' + ' ' + ' ' + ' ' + ' '; for (var i=0;i < arr.length;i++){ html+= '' + ' 蓝联（回）：业务 黄联（回）：运输 '+'
'+'白联：存根 红联：财务 绿联：客户'; html+= ''; html+= ''; html+= ''; if(arr[i].mater_type==1){ html+= ''; html+=''; html+=''; }else if (arr[i].mater_type==2){ html+= ''; html+=''; html+=''; }else if (arr[i].mater_type==3){ html+= ''; html+=''; html+=''; } } html+= ' ' + ' '+ '\n' + '
' $("#printcode").html(html) var ee = $('#qrcode_image').attr('src',res.data.qrcode_add); // 将打印的区域赋值，进行打印 ee.on('load',function () { var printHTML = document.querySelector('#printcode').innerHTML; window.document.body.innerHTML = printHTML; window.print(); window.location.reload(); // 打印完成后重新加载页面 }) } return false; }, error: function (data, ret) { return false; } }, ], formatter: Table.api.formatter.buttons }, {field: 'status', title: '状态', operate: 'LIKE',searchList: {"0":'未收货',"2":'已收货'},defaultValue:'1', formatter: Table.api.formatter.status}, {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate} ] ], }); $('#receive').click(function (){ var shdh = $('#shdh').val(); if (shdh!=''){ $.get('deliver/receive_add',{'shdh':shdh},function (res){ if (res.code==1){ //修改成功 //1. 提示 Toastr.success(res.msg) //2. 刷新页面 table.bootstrapTable('refresh'); }else{ Toastr.error(res.msg) } }) } }) // 为表格绑定事件 Table.api.bindevent(table); Controller.api.bindevent(); }, api: { bindevent: function () { Form.api.bindevent($("form[role=form]")); } } }; return Controller; });\n' + ' \n' + '发货单位：'+res.data.supplier_name+' \n' + '司机/司机电话：'+res.data.deliveryman+' '+res.data.shr_phone+' \n' + '车牌号：'+res.data.plate_number+' \n' + '\n' + ' \n' + '发货单位地址：'+res.data.address+' \n' + '收货单位（签名、盖章） \n' + '
- ').addClass('nav-item day-item');
const dayLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-date', `${year}-${day}`).text(`${day}日`);
dayNode.append(dayLink);
monthChildren.append(dayNode);
});
yearChildren.append(monthNode);
});
$nav.append(yearNode);
});
// 绑定日期菜单点击事件
self.bindDateNavigationEvents();
if (typeof callback === "function") {
callback();
}
}).fail(function(xhr, status, error) {
console.error("加载日期导航失败:", error);
layer.msg("加载日期导航失败，请稍后重试", {icon: 5});
});
},
// 绑定日期导航事件
bindDateNavigationEvents: function() {
var self = this; // 保存当前上下文
var $dateNav = $('#date-nav');
// 菜单项点击事件
$dateNav.off('click').on('click', '.nav-link', function(e) {
e.stopPropagation();
e.preventDefault();
const $link = $(this);
const $item = $link.closest('.nav-item');
// 如果是可展开项，则只展开/收起
if ($item.hasClass('has-children')) {
$item.toggleClass('expanded');
return false;
}
// 高亮当前选中项
$dateNav.find('.nav-link').removeClass('active');
$link.addClass('active');
// 获取日期值
const date = $link.data('date');
console.log("Selected date:", date); // 调试输出
if (date) {
self.loadTableByDate(date);
}
});
// 侧边栏切换按钮
$('#sidebarToggle').off('click').on('click', function() {
$('#date-sidebar').toggleClass('collapsed');
$(this).find('i').toggleClass('fa-chevron-left fa-chevron-right');
});
},
// 根据日期加载表格数据
loadTableByDate: function(date) {
console.log("Loading table for date:", date); // 调试输出
// 如果是"全部日期"，则清除日期参数
var params = {};
if (date && date !== 'all') {
params.date = date;
}
// 刷新表格数据
var table = $('#table3');
var options = table.bootstrapTable('getOptions');
options.pageNumber = 1; // 重置到第一页
options.queryParams = function(p) {
return $.extend({}, p, params);
};
table.bootstrapTable('refresh', {url: 'deliver/dispatch?' + $.param(params)});
},
receive: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'deliver/receive' + location.search,
del_url:'deliver/receive_del',
table:'deliver'
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
height:500,
sortName: 'id',
searchFormVisible:true,
showToggle:false,
showColumns:false,
showExport:false,
fixedColumns: true,
fixedRightNumber: 1,
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id'),visible:false,operate: false},
{field: 'shdh', title: '送货单号', operate: false},
{field: 'order_number', title: '订单号', operate: 'LIKE'},
{field: 'deliveryman', title: '司机', operate: false},
{field: 'plate_number', title: '车牌号', operate: false},
{field: 'supplier_name', title: '供应商名称', operate: 'LIKE'},
{field: 'create_time', title: '发货时间', operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
{field: 'buttons', operate: false,
width: "120px",
title: __('发货单打印'),
table: table,
events: Table.api.events.operate,
buttons: [
{
name: 'ajax',
text: __('点击打印'),
title: __('点击打印'),
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
icon: 'fa fa-magic',
url: 'deliver/printqrcode/id/{ids}',
// confirm: '确认发送',
success: function (data,res) {
if (res.code === 1){
var arr = res.data.data;
var note='';
var html = '
- ').addClass('nav-item has-children collapsed').attr('id', monthId);
const monthLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-month', month.full).text(`${month.num}月`);
const monthChildren = $('
- ').addClass('nav-item day-item');
const dayLink = $('').attr('href', 'javascript:;').addClass('nav-link').attr('data-date', `${year}-${day}`).text(`${day}日`);
dayNode.append(dayLink);
monthChildren.append(dayNode);
});
yearChildren.append(monthNode);
});
$nav.append(yearNode);
});
Controller.bindDateMenuClick();
if (typeof callback === "function") {
callback();
}
}).fail(function(xhr, status, error) {
console.error("加载日期导航菜单失败:", error);
layer.msg("加载日期导航菜单失败，请稍后重试", {icon: 5});
});
},
// 菜单点击绑定逻辑（支持展开/收起、刷新主表）
bindDateMenuClick: function () {
// 菜单项点击
$(document).off("click", "#date-nav .nav-link").on("click", "#date-nav .nav-link", function (e) {
e.stopPropagation();
const $link = $(this);
const $item = $link.closest(".nav-item");
const year = $link.data("year");
const month = $link.data("month");
const date = $link.data("date");
// 如果是有子节点的项（年/月），则只展开/收起，不执行查询
if ($item.hasClass("has-children")) {
$item.toggleClass("expanded");
return;
}
// 高亮当前激活项
$("#date-nav .nav-link").removeClass("active");
$link.addClass("active");
// 构造筛选条件
Controller.currentQuery = {};
if (date !== undefined) {
if (date !== "all") {
Controller.currentQuery.date = date;
}
} else if (month) {
Controller.currentQuery.month = month;
} else if (year) {
Controller.currentQuery.year = year;
}
// 刷新主表
const table = $("#table2");
if (table.length > 0) {
table.bootstrapTable("refresh");
} else {
console.warn("表格元素 #table2 未找到");
}
});
$("#sidebarToggle").off("click").on("click", function () {
$("#date-sidebar").toggleClass("collapsed");
$(this).find("i").toggleClass("fa-chevron-left fa-chevron-right");
});
},
// ========== 新增按钮弹窗绑定 ==========
bindAddPalletBtn: function () {
$(document).on('click', '#addPalletBtn', function () {
const bach_ids = Controller.selectedBachId;
console.log("选中单据编号:", bach_ids);
if (!bach_ids) {
Layer.msg('请先点击主表选择一条记录（单据编号）', { icon: 2 });
return;
}
Layer.open({
type: 1,
title: '批量新增托盘信息',
area: ['90%', '70%'],
btn: ['提交', '取消'],
content: `
`,
success: function () {
// 添加新行
$('#addRowBtn').on('click', function () {
const html = `