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

1st

Browse Source
zhangnian
LinTiee 9 months ago
parent cd8fb5a54e
commit f8b0cea41a
1 changed files with 125 additions and 124 deletions
Show Stats Download Patch File Download Diff File

249
src/main/resources/templates/business/goods/goodsManager.html
Unescape View File

@ -233,41 +233,45 @@
var tableIns; var tableIns;
layui.use(['jquery', 'form', 'layer', 'table','upload'], function () { layui.use(['jquery', 'form', 'layer', 'table','upload'], function () {
var $ = layui.jquery; var $ = layui.jquery; // 引入jQuery模块
var form = layui.form; var form = layui.form; // 引入表单模块
var layer = layui.layer; var layer = layui.layer; // 引入弹出层模块
var table = layui.table; var table = layui.table; // 引入表格模块
var upload = layui.upload; var upload = layui.upload; // 引入文件上传模块
//初始化表格 加载数据 //初始化表格 加载数据
tableIns = table.render({ tableIns = table.render({
elem: "#goodsTable", elem: "#goodsTable", // 绑定元素ID
title: "商品数据表格", title: "商品数据表格", // 表格标题
url: "/goods/loadAllGoods", url: "/goods/loadAllGoods", // 数据接口
toolbar: "#goodsToolBar", toolbar: "#goodsToolBar", // 工具栏模板选择器
page: true, page: true, // 开启分页
height: "full-180", height: "full-180", // 设置表格高度
cols: [ [ cols: [[ // 定义表头
{field: 'id', title: 'ID', align: 'center',width:'50'}, {field: 'id', title: 'ID', align: 'center', width: '50'},
{field: 'goodsname', title: '商品名称', align: 'center',width:'150'}, {field: 'goodsname', title: '商品名称', align: 'center', width: '150'},
{field: 'providername', title: '供应商', align: 'center',width:'150'}, {field: 'providername', title: '供应商', align: 'center', width: '150'},
{field: 'produceplace', title: '商品产地', align: 'center',width:'150'}, {field: 'produceplace', title: '商品产地', align: 'center', width: '150'},
{field: 'description', title: '商品描述', align: 'center',width:'150'}, {field: 'description', title: '商品描述', align: 'center', width: '150'},
{field: 'price', title: '销售价格', align: 'center',width:'90'}, {field: 'price', title: '销售价格', align: 'center', width: '90'},
{field: 'number', title: '数量', align: 'center',width:'90'}, {field: 'number', title: '数量', align: 'center', width: '90'},
{field: 'dangernum', title: '库存预警值', align: 'center',width:'100'}, {field: 'dangernum', title: '库存预警值', align: 'center', width: '100'},
{field: 'goodsimg', title: '商品图片', align: 'center',width:'150', templet:function(d){ {
return '<img width=40 height=40 src=/file/showImageByPath?path='+d.goodsimg+ ' />'; field: 'goodsimg', title: '商品图片', align: 'center', width: '150', templet: function (d) {
}}, return '<img width=40 height=40 src=/file/showImageByPath?path=' + d.goodsimg + ' />';
{field: 'size', title: '规格', align: 'center',width:'120'}, }
{field: 'goodspackage', title: '包装', align: 'center',width:'120'}, },
{field: 'productcode', title: '生产批号', align: 'center',width:'130'}, {field: 'size', title: '规格', align: 'center', width: '120'},
{field: 'promitcode', title: '批准文号', align: 'center',width:'130'}, {field: 'goodspackage', title: '包装', align: 'center', width: '120'},
{field: 'available', title: '是否可用', align: 'center',width:'100',templet:function (d) { {field: 'productcode', title: '生产批号', align: 'center', width: '130'},
return d.available==1?'<font color="blue">可用</font>':'<font color="red">不可用</font>'; {field: 'promitcode', title: '批准文号', align: 'center', width: '130'},
}}, {
{fixed: 'right', title: '操作', toolbar: '#goodsRowBar', align: 'center',width:'180'} 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: '#goodsRowBar', align: 'center', width: '180'}
]],
done: function (data, curr, count) { done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页 //不是第一页时，如果当前返回的数据为0那么就返回上一页
if (data.data.length == 0 && curr != 1) { if (data.data.length == 0 && curr != 1) {
@ -281,163 +285,160 @@
}); });
//初始化查询条件的下拉列表 //初始化查询条件的下拉列表
$.get("/provider/loadAllProviderForSelect",function (res) { $.get("/provider/loadAllProviderForSelect", function (res) {
var data = res.data; var data = res.data; // 获取返回的数据
var dom = $("#select_providerid"); var dom = $("#select_providerid"); // 获取下拉列表的DOM元素
var html = '<option value="0">请选择供应商</option>'; var html = '<option value="0">请选择供应商</option>'; // 初始化下拉列表的HTML内容
$.each(data,function (index, item) { $.each(data, function (index, item) {
html += '<option value="'+item.id+'">'+item.providername+'</option>'; html += '<option value="' + item.id + '">' + item.providername + '</option>'; // 动态添加选项
}) })
dom.html(html); dom.html(html); // 将生成的HTML内容添加到下拉列表中
//重新渲染下拉列表 form.render("select"); // 重新渲染下拉列表
form.render("select");
}); });
//监控模糊查询按钮事件 //监控模糊查询按钮事件
form.on("submit(doSearch)", function (data) { form.on("submit(doSearch)", function (data) {
tableIns.reload({ tableIns.reload({
where: data.field, where: data.field, // 设置查询条件
page: { page: {
curr: 1 curr: 1 // 重置到第一页
} }
}); });
return false; return false; // 阻止表单默认提交行为
}); });
//监控工具条事件 // 监控工具条事件
table.on("toolbar(goodsTable)", function (obj) { table.on("toolbar(goodsTable)", function (obj) {
switch (obj.event) { switch (obj.event) {
case 'add': case 'add': // 添加按钮事件
openAddLayer(); openAddLayer();
break; break;
case 'deleteBatch': case 'deleteBatch': // 批量删除按钮事件
batchDeleteGoods(); batchDeleteGoods();
break; break;
}; }
}); });
//监控行工具条事件 //监控行工具条事件
table.on("tool(goodsTable)", function (obj) { table.on("tool(goodsTable)", function (obj) {
//获取当前行数据 var data = obj.data; // 获取当前行数据
var data = obj.data;
switch (obj.event) { switch (obj.event) {
case 'delete': case 'delete': // 删除按钮事件
deleteGoods(data); deleteGoods(data);
break; break;
case 'update': case 'update': // 更新按钮事件
updateGoods(data); updateGoods(data);
break; break;
}; }
}); });
//文件上传 //文件上传
upload.render({ upload.render({
elem: '.thumbBox', elem: '.thumbBox', // 绑定上传元素
url: '/file/uploadFile', url: '/file/uploadFile', // 上传接口地址
acceptMime:'image/*', acceptMime: 'image/*', // 接受的文件类型
field:'mf', field: 'mf', // 上传字段名
method : "post", method: "post", // 请求方式
done: function(res, index, upload){ done: function (res, index, upload) {
var path=res.path; var path = res.path;
$('.thumbImg').attr('src','/file/showImageByPath?path='+path); $('.thumbImg').attr('src', '/file/showImageByPath?path=' + path);
$('.thumbBox').css("background","#fff"); $('.thumbBox').css("background", "#fff");
//给隐藏域赋值 //给隐藏域赋值
$("#goodsimg").val(path); $("#goodsimg").val(path);
} }
}); });
var mainIndex; var mainIndex; // 用于存储弹出层的索引
var url; var url; // 用于存储请求的URL地址
//打开添加弹出层 // 打开添加弹出层
function openAddLayer() { function openAddLayer() {
mainIndex = layer.open({ mainIndex = layer.open({
type:1, type: 1, // 弹出层类型为页面层
content:$("#addOrUpdateDiv"), content: $("#addOrUpdateDiv"), // 弹出层内容为id为addOrUpdateDiv的元素
area:['700px','500px'], area: ['700px', '500px'], // 设置弹出层大小
title:'添加商品', title: '添加商品', // 设置弹出层标题
success:function () { success: function () {
$("#dataFrm")[0].reset(); $("#dataFrm")[0].reset(); // 重置表单
url="/goods/addGoods"; url = "/goods/addGoods"; // 设置提交表单的URL
$.get("/provider/loadAllProviderForSelect",function(res){ $.get("/provider/loadAllProviderForSelect", function (res) {
var data=res.data; var data = res.data; // 获取供应商数据
var dom=$("#providerid"); var dom = $("#providerid"); // 获取供应商下拉列表元素
var html='<option value="0">请选择供应商</option>' var html = '<option value="0">请选择供应商</option>'; // 初始化下拉列表选项
$.each(data,function(index,item){ $.each(data, function (index, item) {
html+='<option value="'+item.id+'">'+item.providername+'</option>' html += '<option value="' + item.id + '">' + item.providername + '</option>'; // 动态生成下拉列表选项
}); });
dom.html(html); dom.html(html); // 将生成的选项添加到下拉列表中
form.render("select"); form.render("select"); // 重新渲染下拉列表
}); });
//设置默认为无图片 // 设置默认图片
$(".thumbImg").attr("src",'/file/showImageByPath?path=images/noDefaultImage.jpg'); $(".thumbImg").attr("src", '/file/showImageByPath?path=images/noDefaultImage.jpg');
$("#goodsimg").val('/images/noDefaultImage.jpg'); $("#goodsimg").val('/images/noDefaultImage.jpg'); // 设置默认图片路径到隐藏域
} }
}); });
} }
//打开修改的弹出层 // 打开修改的弹出层
function updateGoods(data) { function updateGoods(data) {
mainIndex = layer.open({ mainIndex = layer.open({
type:1, type: 1, // 弹出层类型为页面层
content:$("#addOrUpdateDiv"), content: $("#addOrUpdateDiv"), // 弹出层内容为id为addOrUpdateDiv的元素
area:['700px','500px'], area: ['700px', '500px'], // 设置弹出层大小
title:'修改商品', title: '修改商品', // 设置弹出层标题
success:function () { success: function () {
//清空原有的数据 $("#dataFrm")[0].reset(); // 重置表单
$("#dataFrm")[0].reset(); form.val("dataFrm", data); // 填充表单数据
//装载新的数据 $(".thumbImg").attr("src", '/file/showImageByPath?path=' + data.goodsimg); // 显示商品图片
form.val("dataFrm",data); $.get("/provider/loadAllProviderForSelect", function (res) {
//图片进行回显 var redata = res.data; // 获取供应商数据
$(".thumbImg").attr("src",'/file/showImageByPath?path='+data.goodsimg); var dom = $("#providerid"); // 获取供应商下拉列表元素
//下拉列表的回显 var html = '<option value="0">请选择供应商</option>'; // 初始化下拉列表选项
$.get("/provider/loadAllProviderForSelect",function(res){ $.each(redata, function (index, item) {
var redata=res.data; if (data.providerid === item.id) {
var dom=$("#providerid"); html += '<option value="' + item.id + '" selected>' + item.providername + '</option>'; // 选中当前供应商
var html='<option value="0">请选择供应商</option>' } else {
$.each(redata,function(index,item){ html += '<option value="' + item.id + '">' + item.providername + '</option>'; // 其他供应商选项
if (data.providerid===item.id){
html+='<option value="'+item.id+'" selected>'+item.providername+'</option>'
}else {
html+='<option value="'+item.id+'">'+item.providername+'</option>'
} }
}); });
dom.html(html); dom.html(html); // 将生成的选项添加到下拉列表中
form.render("select"); form.render("select"); // 重新渲染下拉列表
}); });
url="/goods/updateGoods"; url = "/goods/updateGoods"; // 设置提交表单的URL
} }
}); });
} }
form.on("submit(doSubmit)",function (data) { // 表单提交事件处理函数
$.post(url,data.field,function (res) { form.on("submit(doSubmit)", function (data) {
if (res.code==200){ $.post(url, data.field, function (res) {
tableIns.reload(); if (res.code == 200) {
tableIns.reload(); // 刷新表格数据
} }
layer.msg(res.msg); layer.msg(res.msg); // 显示操作结果消息
layer.close(mainIndex); layer.close(mainIndex); // 关闭弹出层
}); });
return false; return false; // 阻止表单默认提交行为
}); });
//删除 // 删除商品函数
function deleteGoods(data) { function deleteGoods(data) {
layer.confirm('你确定要删除【' + data.goodsname + '】这个商品吗？删除该商品，其商品进货、商品退货、商品销售、商品销售退货将会同步删除！', {icon: 3, title: '提示'}, function (index) { layer.confirm('你确定要删除【' + data.goodsname + '】这个商品吗？删除该商品，其商品进货、商品退货、商品销售、商品销售退货将会同步删除！', {
$.post("/goods/deleteGoods", {id: data.id,goodsimg:data.goodsimg},function (res) { icon: 3,
title: '提示'
}, function (index) {
$.post("/goods/deleteGoods", {id: data.id, goodsimg: data.goodsimg}, function (res) {
if (res.code == 200) { if (res.code == 200) {
tableIns.reload({ tableIns.reload({where: ""}); // 刷新表格数据
where:"",
});
} }
layer.msg(res.msg); layer.msg(res.msg); // 显示操作结果消息
}); });
layer.close(index); layer.close(index); // 关闭确认对话框
}); });
} }
})
});
</script> </script>

Write Preview
Loading…
Cancel
Save