py3me6qac
/
warehouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2nd

Browse Source
zhangnian
LinTiee 9 months ago
parent f8b0cea41a
commit 9bf35fc671
3 changed files with 267 additions and 297 deletions
Show Stats Download Patch File Download Diff File

307
src/main/resources/templates/business/inport/inportManager.html
Unescape View File

@ -240,286 +240,263 @@
<script type="text/javascript">
//提升数据表格的作用域，因为底下还有一个reloadTable方法
var tableIns;
var tableIns; // 定义表格实例变量，用于后续操作表格
layui.use(['jquery', 'form', 'layer', 'table', 'laydate'], function () {
var $ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
var table = layui.table;
var laydate = layui.laydate;
var $ = layui.jquery; // 引入jQuery模块
var form = layui.form; // 引入表单模块
var layer = layui.layer; // 引入弹出层模块
var table = layui.table; // 引入表格模块
var laydate = layui.laydate; // 引入日期选择器模块
//初始化时间选择器
// 初始化时间选择器
laydate.render({
elem: '#startTime',
type: 'datetime'
elem: '#startTime', // 绑定元素ID为startTime的DOM元素
type: 'datetime' // 设置类型为日期时间选择器
});
laydate.render({
elem: '#endTime',
type: 'datetime'
})
elem: '#endTime', // 绑定元素ID为endTime的DOM元素
type: 'datetime' // 设置类型为日期时间选择器
});
//初始化表格 加载数据
// 初始化表格并加载数据
tableIns = table.render({
elem: "#inportTable",
title: "进货数据表格",
url: "/inport/loadAllInport",
toolbar: "#inportToolBar",
page: true,
height: "full-180",
cols: [ [
{field: 'id', title: 'ID', align: 'center',width:'50'},
{field: 'providername', title: '供应商', align: 'center',width:'100'},
{field: 'goodsname', title: '商品名称', align: 'center',width:'150'},
{field: 'paytype', title: '支付类型', align: 'center',width:'90'},
{field: 'inporttime', title: '进货时间', align: 'center',width:'170'},
{field: 'operateperson', title: '操作员', align: 'center',width:'130'},
{field: 'number', title: '进货数量', align: 'center',width:'100'},
{field: 'size', title: '商品规格', align: 'center',width:'100'},
{field: 'inportprice', title: '进货价格', align: 'center',width:'120'},
{field: 'remark', title: '备注', align: 'center',width:'120'},
{fixed: 'right', title: '操作', toolbar: '#inportRowBar', align: 'center',width:'260'}
] ],
elem: "#inportTable", // 绑定表格容器的ID
title: "进货数据表格", // 表格标题
url: "/inport/loadAllInport", // 数据接口地址
toolbar: "#inportToolBar", // 工具栏模板的选择器或DOM
page: true, // 开启分页
height: "full-180", // 设置表格高度，减去头部和底部的高度
cols: [[ // 表头配置项
{field: 'id', title: 'ID', align: 'center', width: '50'}, // ID列配置
{field: 'providername', title: '供应商', align: 'center', width: '100'}, // 供应商列配置
{field: 'goodsname', title: '商品名称', align: 'center', width: '150'}, // 商品名称列配置
{field: 'paytype', title: '支付类型', align: 'center', width: '90'}, // 支付类型列配置
{field: 'inporttime', title: '进货时间', align: 'center', width: '170'}, // 进货时间列配置
{field: 'operateperson', title: '操作员', align: 'center', width: '130'}, // 操作员列配置
{field: 'number', title: '进货数量', align: 'center', width: '100'}, // 进货数量列配置
{field: 'size', title: '商品规格', align: 'center', width: '100'}, // 商品规格列配置
{field: 'inportprice', title: '进货价格', align: 'center', width: '120'}, // 进货价格列配置
{field: 'remark', title: '备注', align: 'center', width: '120'}, // 备注列配置
{fixed: 'right', title: '操作', toolbar: '#inportRowBar', align: 'center', width: '260'} // 操作列配置
]],
done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页
// 当不是第一页且当前页没有数据时，自动跳转到上一页
if (data.data.length == 0 && curr != 1) {
tableIns.reload({
page: {
curr: curr - 1
curr: curr - 1 // 设置当前页为上一页
}
})
});
}
}
});
//监控模糊查询按钮事件
// 监听模糊查询按钮事件
form.on("submit(doSearch)", function (data) {
tableIns.reload({
where: data.field,
where: data.field, // 将表单数据作为查询条件
page: {
curr: 1
curr: 1 // 重置到第一页
}
});
return false;
return false; // 阻止表单默认提交行为
});
//监控工具条事件
// 监听工具条事件
table.on("toolbar(inportTable)", function (obj) {
switch (obj.event) {
case 'add':
openAddLayer();
case 'add': // 如果点击了添加按钮
openAddLayer(); // 调用打开添加层的函数
break;
case 'deleteBatch':
batchDeleteInport();
case 'deleteBatch': // 如果点击了批量删除按钮
batchDeleteInport(); // 调用批量删除的函数
break;
};
});
//监控行工具条事件
table.on("tool(inportTable)", function (obj) {
//获取当前行数据
var data = obj.data;
var data = obj.data; // 获取当前行的数据
switch (obj.event) {
case 'delete':
deleteInport(data);
case 'delete': // 如果点击了删除按钮
deleteInport(data); // 调用删除函数，传入当前行数据
break;
case 'update':
updateInport(data);
case 'update': // 如果点击了编辑按钮
updateInport(data); // 调用更新函数，传入当前行数据
break;
case 'back':
backInport(data);
case 'back': // 如果点击了返回按钮
backInport(data); // 调用返回函数，传入当前行数据
break;
};
}
});
//初始化供应商名称的下拉列表
$.get("/provider/loadAllProviderForSelect",function (res) {
// 初始化供应商名称的下拉列表
$.get("/provider/loadAllProviderForSelect", function (res) {
var data = res.data;
var dom = $("#select_providerid");
var html = '<option value="0">请选择供应商</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.providername+'</option>';
})
$.each(data, function (index, item) {
html += '<option value="' + item.id + '">' + item.providername + '</option>';
});
dom.html(html);
//重新渲染下拉列表
// 重新渲染下拉列表
form.render("select");
});
//初始化商品名称的下拉列表
$.get("/goods/loadAllGoodsForSelect",function (res) {
// 初始化商品名称的下拉列表
$.get("/goods/loadAllGoodsForSelect", function (res) {
var data = res.data;
var dom = $("#select_goodsid");
var html = '<option value="0">请选择商品</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>';
$.each(data, function (index, item) {
html += '<option value="' + item.id + '">' + item.goodsname + '-[' + item.size + ']-' + '[' + item.providername + ']' + '</option>';
});
dom.html(html);
//重新渲染下拉列表
// 重新渲染下拉列表
form.render("select");
});
var mainIndex;
var url;
//打开添加弹出层
// 打开添加弹出层
function openAddLayer() {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'添加进货',
success:function () {
$("#dataFrm")[0].reset();
//初始化供应商的下拉列表
initProviderSelect();
//使该div隐藏
$(".mydiv").hide();
url="/inport/addInport";
type: 1,
content: $("#addOrUpdateDiv"),
area: ['700px', '500px'],
title: '添加进货',
success: function () {
$("#dataFrm")[0].reset(); // 清空表单数据
initProviderSelect(); // 初始化供应商的下拉列表
$(".mydiv").hide(); // 隐藏特定元素
url = "/inport/addInport"; // 设置提交URL为添加进货
}
});
}
//打开修改的弹出层
// 打开修改的弹出层
function updateInport(data) {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'修改商品进货',
success:function () {
//清空原有的数据
$("#dataFrm")[0].reset();
//装载新的数据
form.val("dataFrm",data);
//供应商进行反选
initProviderSelect(data.providerid);
//商品进行反选
initGoodsSelect(data.providerid,data.goodsid);
//禁用供应商和商品的下拉列表
$(".mydiv").show();
url="/inport/updateInport";
type: 1,
content: $("#addOrUpdateDiv"),
area: ['700px', '500px'],
title: '修改商品进货',
success: function () {
$("#dataFrm")[0].reset(); // 清空表单数据
form.val("dataFrm", data); // 填充表单数据
initProviderSelect(data.providerid); // 初始化并选中供应商
initGoodsSelect(data.providerid, data.goodsid); // 初始化并选中商品
$(".mydiv").show(); // 显示特定元素
url = "/inport/updateInport"; // 设置提交URL为修改进货
}
});
}
//初始化添加和修改页面的下拉列表
// 初始化添加和修改页面的下拉列表
function initProviderSelect(providerid) {
//重置商品的下拉列表
var dom = $("#goodsid");
dom.html("");
$.get("/provider/loadAllProviderForSelect",function (res) {
dom.html(""); // 重置商品的下拉列表
$.get("/provider/loadAllProviderForSelect", function (res) {
var data = res.data;
var dom = $("#providerid");
var html = '<option value="0">请选择供应商</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.providername+'</option>';
$.each(data, function (index, item) {
html += '<option value="' + item.id + '">' + item.providername + '</option>';
});
dom.html(html);
//如果providerid有值就进行反选
if (providerid!=undefined){
dom.val(providerid);
if (providerid != undefined) {
dom.val(providerid); // 如果提供了供应商ID，则进行反选
}
//重新渲染下拉列表
form.render("select");
form.render("select"); // 重新渲染下拉列表
});
};
//监听供应商的下拉列表的事件
form.on('select(providerid)',function (data) {
var providerid = data.value;
initGoodsSelect(providerid);
// 监听供应商的下拉列表的事件
form.on('select(providerid)', function (data) {
var providerid = data.value;
initGoodsSelect(providerid); // 根据选中的供应商ID加载对应的商品列表
});
//加载商品的下拉列表
// 加载商品的下拉列表
function initGoodsSelect(providerid, goodsid) {
$.get("/goods/loadGoodsByProviderId",{providerid:providerid},function (res) {
$.get("/goods/loadGoodsByProviderId", { providerid: providerid }, function (res) {
var data = res.data;
var dom = $("#goodsid");
var html = '<option value="0">请选择商品</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>';
$.each(data, function (index, item) {
html += '<option value="' + item.id + '">' + item.goodsname + '-[' + item.size + ']-' + '[' + item.providername + ']' + '</option>';
});
dom.html(html);
//如果goodsid有值就进行反选
if (goodsid!=undefined){
dom.val(goodsid);
if (goodsid != undefined) {
dom.val(goodsid); // 如果提供了商品ID，则进行反选
}
//重新渲染下拉列表
form.render("select");
form.render("select"); // 重新渲染下拉列表
});
}
form.on("submit(doSubmit)",function (data) {
$.post(url,data.field,function (res) {
if (res.code==200){
tableIns.reload();
// 提交表单事件处理
form.on("submit(doSubmit)", function (data) {
$.post(url, data.field, function (res) {
if (res.code == 200) {
tableIns.reload(); // 重新加载表格数据
}
layer.msg(res.msg);
layer.close(mainIndex);
layer.msg(res.msg); // 显示操作结果消息
layer.close(mainIndex); // 关闭弹出层
});
return false;
return false; // 阻止表单默认提交行为
});
//删除
// 删除进货信息
function deleteInport(data) {
layer.confirm('你确定要删除这条进货信息吗？', {icon: 3, title: '提示'}, function (index) {
$.post("/inport/deleteInport", {id: data.id},function (res) {
layer.confirm('你确定要删除这条进货信息吗？', { icon: 3, title: '提示' }, function (index) {
$.post("/inport/deleteInport", { id: data.id }, function (res) {
if (res.code == 200) {
tableIns.reload({
where:"",
});
tableIns.reload({ where: "" }); // 重新加载表格数据
}
layer.msg(res.msg);
layer.msg(res.msg); // 显示操作结果消息
});
layer.close(index);
layer.close(index); // 关闭确认对话框
});
}
//打开退货的弹出层
// 打开退货的弹出层
function backInport(data) {
mainIndex = layer.open({
type:1,
content:$("#backGoodsDiv"),
area:['600px','400px'],
title:'商品退货',
success:function () {
//清空原有的数据
$("#dataFrmBack")[0].reset();
//装载新的数据 获得进货的ID以及当前进货单的进货数量
form.val("dataFrmBack",{id:data.id,currentNumber:data.number});
type: 1,
content: $("#backGoodsDiv"),
area: ['600px', '400px'],
title: '商品退货',
success: function () {
$("#dataFrmBack")[0].reset(); // 清空表单数据
form.val("dataFrmBack", { id: data.id, currentNumber: data.number }); // 填充表单数据（进货ID和当前数量）
}
});
}
//自定义验证规则
// 自定义验证规则：退货数量必须在有效范围内
form.verify({
checkNumber: function (value) {
var currentNumber = $("#currentNumber").val();
//value为退货的数量 currentNumber为当前进货单的数量
if (parseInt(value)>currentNumber||parseInt(value)<1){
return '退货数量只能在【0】-【'+currentNumber+'】之间';
}
}
checkNumber: function (value) {
var currentNumber = $("#currentNumber").val(); // 获取当前进货单的数量
if (parseInt(value) > currentNumber || parseInt(value) < 1) {
return '退货数量只能在【0】-【' + currentNumber + '】之间'; // 返回错误信息
}
}
});
//退货提交
form.on("submit(doBackSubmit)",function (data) {
$.post("/outport/addOutport",data.field,function (res) {
if (res.code==200){
//重新加载表格数据
tableIns.reload();
//关闭退货弹出层
layer.close(mainIndex);
// 提交退货表单事件处理
form.on("submit(doBackSubmit)", function (data) {
$.post("/outport/addOutport", data.field, function (res) {
if (res.code == 200) {
tableIns.reload(); // 重新加载表格数据
layer.close(mainIndex); // 关闭弹出层
}
layer.msg(res.msg);
layer.msg(res.msg); // 显示操作结果消息
});
return false;
return false; // 阻止表单默认提交行为
})
});

124
src/main/resources/templates/business/outport/outportManager.html
Unescape View File

@ -125,124 +125,124 @@
<script type="text/javascript">
//提升数据表格的作用域，因为底下还有一个reloadTable方法
// 定义全局变量 tableIns，用于存储表格实例
var tableIns;
// 使用 layui 模块
layui.use(['jquery', 'form', 'layer', 'table', 'laydate'], function () {
// 获取 layui 模块的实例
var $ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
var table = layui.table;
var laydate = layui.laydate;
//初始化时间选择器
// 初始化时间选择器，设置开始时间和结束时间的日期时间选择器
laydate.render({
elem: '#startTime',
type: 'datetime'
elem: '#startTime', // 绑定元素
type: 'datetime' // 类型为日期时间
});
laydate.render({
elem: '#endTime',
type: 'datetime'
})
elem: '#endTime', // 绑定元素
type: 'datetime' // 类型为日期时间
});
//初始化表格 加载数据
// 初始化表格并加载数据
tableIns = table.render({
elem: "#outportTable",
title: "进货数据表格",
url: "/outport/loadAllOutport",
toolbar: true,
page: true,
height: "full-180",
cols: [ [
{field: 'id', title: 'ID', align: 'center'},
{field: 'providername', title: '供应商', align: 'center',width:'130'},
{field: 'goodsname', title: '商品名称', align: 'center',width:'150'},
{field: 'paytype', title: '支付类型', align: 'center',width:'90'},
{field: 'outputtime', title: '退货时间', align: 'center',width:'170'},
{field: 'operateperson', title: '操作员', align: 'center',width:'130'},
{field: 'number', title: '退货数量', align: 'center',width:'100'},
{field: 'outportprice', title: '退货价格', align: 'center',width:'120'},
{field: 'remark', title: '备注', align: 'center',width:'130'},
{field: 'size', title: '商品规格', align: 'center',width:'100'},
{fixed: 'right', title: '操作', toolbar: '#outportRowBar', align: 'center',width:'130'}
elem: "#outportTable", // 绑定元素
title: "进货数据表格", // 表格标题
url: "/outport/loadAllOutport", // 数据接口
toolbar: true, // 显示工具栏
page: true, // 开启分页
height: "full-180", // 表格高度
cols: [ [ // 列配置
{field: 'id', title: 'ID', align: 'center'}, // ID 列
{field: 'providername', title: '供应商', align: 'center', width:'130'}, // 供应商列
{field: 'goodsname', title: '商品名称', align: 'center', width:'150'}, // 商品名称列
{field: 'paytype', title: '支付类型', align: 'center', width:'90'}, // 支付类型列
{field: 'outputtime', title: '退货时间', align: 'center', width:'170'}, // 退货时间列
{field: 'operateperson', title: '操作员', align: 'center', width:'130'}, // 操作员列
{field: 'number', title: '退货数量', align: 'center', width:'100'}, // 退货数量列
{field: 'outportprice', title: '退货价格', align: 'center', width:'120'}, // 退货价格列
{field: 'remark', title: '备注', align: 'center', width:'130'}, // 备注列
{field: 'size', title: '商品规格', align: 'center', width:'100'}, // 商品规格列
{fixed: 'right', title: '操作', toolbar: '#outportRowBar', align: 'center', width:'130'} // 操作列
] ],
done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页
// 如果当前页不是第一页且返回的数据为空，则自动跳转到上一页
if (data.data.length == 0 && curr != 1) {
tableIns.reload({
page: {
curr: curr - 1
curr: curr - 1 // 跳转到上一页
}
})
});
}
}
});
//监控模糊查询按钮事件
// 监听模糊查询按钮事件
form.on("submit(doSearch)", function (data) {
// 重新加载表格数据，并重置到第一页
tableIns.reload({
where: data.field,
where: data.field, // 提交的表单数据作为查询条件
page: {
curr: 1
curr: 1 // 重置到第一页
}
});
return false;
return false; // 阻止表单默认提交行为
});
//监控行工具条事件
// 监听行工具条事件
table.on("tool(outportTable)", function (obj) {
//获取当前行数据
// 获取当前行数据
var data = obj.data;
switch (obj.event) {
case 'delete':
deleteOutport(data);
case 'delete': // 如果点击的是删除按钮
deleteOutport(data); // 调用删除函数
break;
};
});
//初始化供应商名称的下拉列表
// 初始化供应商名称的下拉列表
$.get("/provider/loadAllProviderForSelect",function (res) {
var data = res.data;
var dom = $("#select_providerid");
var html = '<option value="0">请选择供应商</option>';
var data = res.data; // 获取返回的数据
var dom = $("#select_providerid"); // 获取下拉列表的DOM元素
var html = '<option value="0">请选择供应商</option>'; // 初始化选项内容
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.providername+'</option>';
})
dom.html(html);
//重新渲染下拉列表
form.render("select");
html += '<option value="'+item.id+'">'+item.providername+'</option>'; // 添加选项
});
dom.html(html); // 将选项添加到下拉列表中
form.render("select"); // 重新渲染下拉列表
});
//初始化商品名称的下拉列表
// 初始化商品名称的下拉列表
$.get("/goods/loadAllGoodsForSelect",function (res) {
var data = res.data;
var dom = $("#select_goodsid");
var html = '<option value="0">请选择商品</option>';
var data = res.data; // 获取返回的数据
var dom = $("#select_goodsid"); // 获取下拉列表的DOM元素
var html = '<option value="0">请选择商品</option>'; // 初始化选项内容
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>';
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>'; // 添加选项
});
dom.html(html);
//重新渲染下拉列表
form.render("select");
dom.html(html); // 将选项添加到下拉列表中
form.render("select"); // 重新渲染下拉列表
});
//删除退货信息
// 删除退货信息函数
function deleteOutport(data) {
layer.confirm('你确定要删除这条退货信息吗？', {icon: 3, title: '提示'}, function (index) {
// 发送删除请求
$.post("/outport/deleteOutport", {id: data.id},function (res) {
if (res.code == 200) {
tableIns.reload({
where:"",
});
if (res.code == 200) { // 如果删除成功
tableIns.reload({where:""}); // 重新加载表格数据
}
layer.msg(res.msg);
layer.msg(res.msg); // 显示操作结果消息
});
layer.close(index);
layer.close(index); // 关闭确认框
});
}
});
</script>
</body>

133
src/main/resources/templates/business/provider/providerManager.html
Unescape View File

@ -176,7 +176,7 @@
<script type="text/javascript">
//提升数据表格的作用域，因为底下还有一个reloadTable方法
var tableIns;
var tableIns; // 定义表格实例变量
layui.use(['jquery', 'form', 'layer', 'table'], function () {
var $ = layui.jquery;
@ -184,34 +184,34 @@
var layer = layui.layer;
var table = layui.table;
//初始化表格 加载数据
// 初始化表格，加载数据
tableIns = table.render({
elem: "#providerTable",
title: "供应商数据表格",
url: "/provider/loadAllProvider",
toolbar: "#providerToolBar",
page: true,
height: "full-180",
cols: [ [
{type:'checkbox',fixed:'left'},
{field: 'id', title: 'ID', align: 'center',width:'50'},
{field: 'providername', title: '供应商名称', align: 'center',width:'100'},
{field: 'address', title: '供应商地址', align: 'center',width:'150'},
{field: 'telephone', title: '供应商电话', align: 'center',width:'140'},
{field: 'zip', title: '邮编', align: 'center',width:'90'},
{field: 'connectionperson', title: '联系人', align: 'center',width:'130'},
{field: 'phone', title: '联系人电话', align: 'center',width:'130'},
{field: 'bank', title: '开户银行', align: 'center',width:'100'},
{field: 'account', title: '银行账号', align: 'center',width:'160'},
{field: 'email', title: '邮箱', align: 'center',width:'200'},
{field: 'fax', title: '传真', align: 'center',width:'100'},
elem: "#providerTable", // 绑定元素
title: "供应商数据表格", // 表格标题
url: "/provider/loadAllProvider", // 数据接口
toolbar: "#providerToolBar", // 工具栏模板选择器
page: true, // 开启分页
height: "full-180", // 设置表格高度
cols: [ [ // 表头
{type:'checkbox',fixed:'left'}, // 复选框列
{field: 'id', title: 'ID', align: 'center',width:'50'}, // ID列
{field: 'providername', title: '供应商名称', align: 'center',width:'100'}, // 供应商名称列
{field: 'address', title: '供应商地址', align: 'center',width:'150'}, // 供应商地址列
{field: 'telephone', title: '供应商电话', align: 'center',width:'140'}, // 供应商电话列
{field: 'zip', title: '邮编', align: 'center',width:'90'}, // 邮编列
{field: 'connectionperson', title: '联系人', align: 'center',width:'130'}, // 联系人列
{field: 'phone', title: '联系人电话', align: 'center',width:'130'}, // 联系人电话列
{field: 'bank', title: '开户银行', align: 'center',width:'100'}, // 开户银行列
{field: 'account', title: '银行账号', align: 'center',width:'160'}, // 银行账号列
{field: 'email', title: '邮箱', align: 'center',width:'200'}, // 邮箱列
{field: 'fax', title: '传真', align: 'center',width:'100'}, // 传真列
{field: 'available', title: '是否可用', align: 'center',width:'100',templet:function (d) {
return d.available==1?'<font color="blue">可用</font>':'<font color="red">不可用</font>';
}},
{fixed: 'right', title: '操作', toolbar: '#providerRowBar', align: 'center',width:'180'}
return d.available==1?'<font color="blue">可用</font>':'<font color="red">不可用</font>';
}}, // 是否可用列，使用模板函数显示颜色
{fixed: 'right', title: '操作', toolbar: '#providerRowBar', align: 'center',width:'180'} // 操作列，固定在右侧
] ],
done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页
// 如果当前页不是第一页且返回的数据为空，则跳转到上一页
if (data.data.length == 0 && curr != 1) {
tableIns.reload({
page: {
@ -222,109 +222,102 @@
}
});
//监控模糊查询按钮事件
// 监听模糊查询按钮事件
form.on("submit(doSearch)", function (data) {
tableIns.reload({
where: data.field,
where: data.field, // 提交的表单数据作为查询条件
page: {
curr: 1
curr: 1 // 重置到第一页
}
});
return false;
return false; // 阻止表单默认提交行为
});
//监控工具条事件
// 监听工具条事件
table.on("toolbar(providerTable)", function (obj) {
switch (obj.event) {
case 'add':
openAddLayer();
openAddLayer(); // 添加操作
break;
case 'deleteBatch':
batchDeleteProvider();
batchDeleteProvider(); // 批量删除操作
break;
};
});
//监控行工具条事件
// 监听行工具条事件
table.on("tool(providerTable)", function (obj) {
//获取当前行数据
var data = obj.data;
var data = obj.data; // 获取当前行数据
switch (obj.event) {
case 'delete':
deleteProvider(data);
deleteProvider(data); // 删除操作
break;
case 'update':
updateProvider(data);
updateProvider(data); // 更新操作
break;
};
});
var mainIndex;
var url;
var mainIndex; // 弹出层索引
var url; // 请求URL
//打开添加弹出层
// 打开添加弹出层
function openAddLayer() {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'添加供应商',
type:1, // 页面层类型
content:$("#addOrUpdateDiv"), // 内容区域选择器
area:['700px','500px'], // 弹出层大小
title:'添加供应商', // 弹出层标题
success:function () {
$("#dataFrm")[0].reset();
url="/provider/addProvider";
$("#dataFrm")[0].reset(); // 重置表单
url="/provider/addProvider"; // 设置请求URL为添加供应商接口
}
});
}
//打开修改的弹出层
// 打开修改弹出层
function updateProvider(data) {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'修改供应商',
type:1, // 页面层类型
content:$("#addOrUpdateDiv"), // 内容区域选择器
area:['700px','500px'], // 弹出层大小
title:'修改供应商', // 弹出层标题
success:function () {
//清空原有的数据
$("#dataFrm")[0].reset();
//装载新的数据
form.val("dataFrm",data);
url="/provider/updateProvider";
$("#dataFrm")[0].reset(); // 重置表单
form.val("dataFrm",data); // 填充表单数据
url="/provider/updateProvider"; // 设置请求URL为更新供应商接口
}
});
}
// 监听表单提交事件
form.on("submit(doSubmit)",function (data) {
$.post(url,data.field,function (res) {
if (res.code==200){
tableIns.reload();
tableIns.reload(); // 重新加载表格数据
}
layer.msg(res.msg);
layer.close(mainIndex);
layer.msg(res.msg); // 显示响应消息
layer.close(mainIndex); // 关闭弹出层
});
return false;
return false; // 阻止表单默认提交行为
});
//删除
// 删除供应商操作
function deleteProvider(data) {
layer.confirm('你确定要删除【' + data.providername + '】这个供应商吗？删除该供应商将同时删除该供应商所供应的所有商品，以及和商品有关的进货、退货、销售进货、销售退货的所有信息！', {icon: 3, title: '提示'}, function (index) {
$.post("/provider/deleteProvider", {id: data.id},function (res) {
if (res.code == 200) {
tableIns.reload({
where:"",
});
tableIns.reload({where:""}); // 重新加载表格数据，清空查询条件
}
layer.msg(res.msg);
layer.msg(res.msg); // 显示响应消息
});
layer.close(index);
layer.close(index); // 关闭确认对话框
});
}
});
</script>
</body>

Write Preview
Loading…
Cancel
Save