133 lines
3.3 KiB
JavaScript
133 lines
3.3 KiB
JavaScript
layui.use([ 'element', 'table', 'laydate', 'form','upload' ], function() {
|
|
var $ = layui.jquery;
|
|
var table = layui.table;
|
|
var laydate = layui.laydate;
|
|
var element = layui.element;
|
|
var form = layui.form,
|
|
upload = layui.upload;
|
|
|
|
// 生成表格
|
|
table.render({
|
|
elem : '#imgTable',
|
|
url : '../../getImgList',
|
|
toolbar : '#toolbarDemo',
|
|
title : '图片表',// 导出文件名
|
|
id : 'imgTableAll',
|
|
// 开启分页
|
|
page : {
|
|
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
|
},
|
|
/*request : {
|
|
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
|
},*/
|
|
where:{
|
|
proTypeLabel :''
|
|
},
|
|
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
|
cols : [ [ {
|
|
type : 'numbers',
|
|
title : '序号',
|
|
width : 50,
|
|
fixed : "left"
|
|
},{
|
|
field : 'proTypeLabel',
|
|
title : '产品种类',
|
|
align : "center",
|
|
width : 180
|
|
},{
|
|
field : 'kindLabel',
|
|
title : '材料1',
|
|
align : "center",
|
|
width : 380
|
|
},{
|
|
field : 'kind2Label',
|
|
title : '材料2',
|
|
width : 280,
|
|
},{
|
|
field : 'remark',
|
|
title : '产品说明',
|
|
width : 280
|
|
},{
|
|
field : 'createDate',
|
|
title : '创建时间',
|
|
align : "center",
|
|
width : 200,
|
|
templet : function(d) {
|
|
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
|
}
|
|
}, {
|
|
fixed : 'right',
|
|
title : '操作',
|
|
align : "center",
|
|
width : 150,
|
|
toolbar : '#barDemo'
|
|
} ] ],
|
|
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
|
console.log(res)
|
|
return {
|
|
"code" : 0, //解析接口状态
|
|
"msg" : "", //解析提示文本
|
|
"count" : res.data.list.total,//解析数据长度
|
|
"data" : res.data.list.list//解析数据列表
|
|
};
|
|
}
|
|
});
|
|
|
|
//点击查询按钮，重载表格
|
|
$('#searchBtn').on('click', function() {
|
|
table.reload('imgTableAll', {
|
|
method : 'post',
|
|
where : {
|
|
proTypeLabel : $("#proTypeLabel").val()
|
|
},
|
|
page : {
|
|
curr : 1
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
|
|
// 监听头部工作栏的 新增用户
|
|
table.on('toolbar(imgTable)', function(obj) {
|
|
var checkStatus = table.checkStatus(obj.config.id);
|
|
switch (obj.event) {
|
|
case 'mulAdd':
|
|
layer.open({
|
|
// layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
|
type: 2,
|
|
title: "产品图片上传",
|
|
area: ['720px', '430px'],
|
|
//content: $("#popmulAddTest")// 引用的弹出层的页面层的方式加载添加界面表单
|
|
content : './addImgUpload.jsp',
|
|
});
|
|
break;
|
|
}
|
|
;
|
|
});
|
|
|
|
// 监听 修改
|
|
table.on('tool(imgTable)', function(obj) {
|
|
var data1 = obj.data;
|
|
if (obj.event === 'edit') {
|
|
layer.open({
|
|
type : 2,
|
|
title : "修改产品信息",
|
|
area : [ '45%', '70%' ],
|
|
skin:'layui-layer-molv',
|
|
content : './updateImgUpload.jsp',
|
|
success : function(layero, index) {
|
|
var body = layer.getChildFrame('body', index);
|
|
var iframeWin = window[layero.find('iframe')[0]['name']]; // 得到iframe页的窗口对象
|
|
body.find('#id').val(data1.id);
|
|
body.find('#proTypeLabel').val(data1.proTypeLabel);
|
|
body.find('#kindLabel').val(data1.kindLabel);
|
|
body.find('#kind2Label').val(data1.kind2Label);
|
|
body.find('#remark').val(data1.remark);
|
|
layui.form.render();
|
|
}
|
|
});
|
|
}
|
|
})
|
|
});
|