first commit
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
layui.use(['element','table','form','carousel'], function(){
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 选择的快递方式
|
||||
var changeExpress;
|
||||
// 首重
|
||||
var firstPrice = 0;
|
||||
// 续重
|
||||
var continuedPrice = 0;
|
||||
// 价格
|
||||
var expressPrice = 0;
|
||||
|
||||
// 监听选择的快递
|
||||
form.on('select(changeExpress)', function (data) {
|
||||
changeExpress = data.value
|
||||
console.log(changeExpress)
|
||||
// 清空省份下拉框
|
||||
$('#expressFee').empty()
|
||||
// 下拉框第一列添加空的option
|
||||
$('#expressFee').append(new Option("",""));
|
||||
|
||||
// 获取省份下拉框列表
|
||||
$.ajax({
|
||||
url:"../../getExpressFees",
|
||||
type : 'GET',
|
||||
success:function (data) {
|
||||
if(changeExpress == '普通快递'){
|
||||
var datas = data.data.other
|
||||
}else{
|
||||
var datas = data.data.allProvinces
|
||||
}
|
||||
$.each(datas, function(index, item) {
|
||||
$('#expressFee').append(
|
||||
new Option(item.province, item.firstWeightPrice+','+item.continuedWeightPrice+','+item.province));// 下拉菜单里添加元素
|
||||
});
|
||||
form.render("select");
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听重量输入框
|
||||
$(function(){
|
||||
// 输入框的值改变时触发
|
||||
$("#weight").on("input",function(e){
|
||||
// 保留一位小数
|
||||
// $("#price").val((e.delegateTarget.value * provincePrice).toFixed(1))
|
||||
expressPrice = (firstPrice + continuedPrice * ($("#weight").val() - 1 > 0 ? Math.ceil($("#weight").val()) - 1 : 0)).toFixed(1)
|
||||
$("#price").val(expressPrice)
|
||||
});
|
||||
form.on("select(expressFee)",function(selectedData){
|
||||
// 获取选中下拉框的价格（格式：首重,续重）
|
||||
price = selectedData.value
|
||||
// 首重价格
|
||||
firstPrice = parseFloat(price.split(",")[0])
|
||||
// 续重价格
|
||||
continuedPrice = price.split(",")[1]
|
||||
// 价格
|
||||
expressPrice = (firstPrice + continuedPrice * ($("#weight").val() - 1 > 0 ? Math.ceil($("#weight").val()) - 1 : 0)).toFixed(1)
|
||||
$("#price").val(expressPrice)
|
||||
})
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,66 @@
|
||||
layui.use(['element','table','form','carousel'], function(){
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 选择的快递方式
|
||||
var changeExpress;
|
||||
// 首重
|
||||
var firstPrice = 0;
|
||||
// 续重
|
||||
var continuedPrice = 0;
|
||||
// 价格
|
||||
var expressPrice = 0;
|
||||
|
||||
// 监听选择的快递
|
||||
form.on('select(changeExpress)', function (data) {
|
||||
changeExpress = data.value
|
||||
console.log(changeExpress)
|
||||
// 清空省份下拉框
|
||||
$('#expressFee').empty()
|
||||
// 下拉框第一列添加空的option
|
||||
$('#expressFee').append(new Option("",""));
|
||||
|
||||
// 获取省份下拉框列表
|
||||
$.ajax({
|
||||
url:"../../getExpressFees",
|
||||
type : 'GET',
|
||||
success:function (data) {
|
||||
if(changeExpress == '普通快递'){
|
||||
var datas = data.data.tao
|
||||
}else{
|
||||
var datas = data.data.allProvinces
|
||||
}
|
||||
$.each(datas, function(index, item) {
|
||||
$('#expressFee').append(
|
||||
new Option(item.province, item.firstWeightPrice+','+item.continuedWeightPrice+','+item.province));// 下拉菜单里添加元素
|
||||
});
|
||||
form.render("select");
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听重量输入框
|
||||
$(function(){
|
||||
// 输入框的值改变时触发
|
||||
$("#weight").on("input",function(e){
|
||||
// 保留一位小数
|
||||
// $("#price").val((e.delegateTarget.value * provincePrice).toFixed(1))
|
||||
expressPrice = (firstPrice + continuedPrice * ($("#weight").val() - 1 > 0 ? Math.ceil($("#weight").val()) - 1 : 0)).toFixed(1)
|
||||
$("#price").val(expressPrice)
|
||||
});
|
||||
form.on("select(expressFee)",function(selectedData){
|
||||
// 获取选中下拉框的价格（格式：首重,续重）
|
||||
price = selectedData.value
|
||||
// 首重价格
|
||||
firstPrice = parseFloat(price.split(",")[0])
|
||||
// 续重价格
|
||||
continuedPrice = price.split(",")[1]
|
||||
// 价格
|
||||
expressPrice = (firstPrice + continuedPrice * ($("#weight").val() - 1 > 0 ? Math.ceil($("#weight").val()) - 1 : 0)).toFixed(1)
|
||||
$("#price").val(expressPrice)
|
||||
})
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,178 @@
|
||||
layui.use([ 'table', 'form', 'element', 'upload' ], function() {
|
||||
var $ = layui.jquery
|
||||
table = layui.table,
|
||||
form = layui.form,
|
||||
element = layui.element,
|
||||
upload = layui.upload;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#articleTable',
|
||||
url : '../../getArticle',
|
||||
toolbar : '#toolbarDemoArticle',
|
||||
title : "文章",// 导出名
|
||||
id : 'articleAll',
|
||||
// skin : 'row',
|
||||
// size :'lg',
|
||||
border : true,
|
||||
page : true,
|
||||
limits : [ 10, 30, 50, 80, 100, 999 ],
|
||||
where : {
|
||||
title : '',
|
||||
type : ''
|
||||
},
|
||||
cols : [ [
|
||||
/*
|
||||
* { type: 'checkbox' },
|
||||
*/
|
||||
{
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
unresize : true
|
||||
}, {
|
||||
field : 'title',
|
||||
align : "center",
|
||||
title : '文章标题'
|
||||
}, {
|
||||
field : 'content',
|
||||
align : "center",
|
||||
title : '摘要'
|
||||
}, {
|
||||
field : 'createBy',
|
||||
align : "center",
|
||||
width : 120,
|
||||
title : '添加人'
|
||||
}, {
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : "center",
|
||||
toolbar : '#barDemoArticle'
|
||||
} ] ],
|
||||
parseData : function(res) { // 将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, // 解析接口状态
|
||||
"msg" : "", // 解析提示文本
|
||||
"count" : res.data.articles.total,// 解析数据长度
|
||||
"data" : res.data.articles.list
|
||||
// 解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
//点击查询按钮，重载文章表格
|
||||
$('#searchArticle').on('click', function() {
|
||||
table.reload('articleAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
title : $("#title").val(),
|
||||
type : $("#type").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
//监听头工具栏事件--新增文章按钮
|
||||
table.on('toolbar(articleTable)', function (obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id),
|
||||
data = checkStatus.data; //获取选中的数据
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "添加文章",
|
||||
area: ['900px','600px'],
|
||||
skin: "layui-layer-molv",
|
||||
content: './addArticle.jsp',
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
|
||||
//监听表格操作按钮--文章编辑
|
||||
table.on('tool(articleTable)',function(obj){
|
||||
if(obj.event === 'edit'){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "修改信息",
|
||||
area: ['900px','600px'],
|
||||
skin: "layui-layer-molv",
|
||||
fix: false, //不固定
|
||||
//btn: ['取消'],//弹出层按钮
|
||||
maxmin: true,
|
||||
content: './updateArticle.jsp',
|
||||
success: function(layero, index){
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
||||
body.find('#id').val(obj.data.id);
|
||||
body.find('#titleUp').val(obj.data.title);
|
||||
body.find('#typeUp').val(obj.data.type);
|
||||
body.find('#CONTENT').val(obj.data.content);
|
||||
body.find('#contentUp').val(obj.data.content);
|
||||
}
|
||||
});
|
||||
/* $.get("<%=basePath%>/updateArticle",function (str) {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title : '修改文章',
|
||||
content : 'updateArticle.jsp',
|
||||
area: ['900px','600px'],
|
||||
skin:'layui-layer-molv',
|
||||
btn:['确定','取消'],
|
||||
success:function(){
|
||||
$.get('<%=basePath%>/articleInfo',{id:obj.data.id},function (data) {
|
||||
//显示数据
|
||||
console.log(data.data.article.title)
|
||||
layui.form.val('articleForm',{
|
||||
'title' : data.data.article.title,
|
||||
'type' :data.data.article.type
|
||||
});
|
||||
});
|
||||
},
|
||||
yes : function () {
|
||||
|
||||
}
|
||||
});
|
||||
});*/
|
||||
}else if(obj.event === 'info'){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "",
|
||||
area: ['100%','100%'],
|
||||
skin: "layui-layer-molv",
|
||||
fix: false, //不固定
|
||||
//btn: ['取消'],//弹出层按钮
|
||||
maxmin: true,
|
||||
content: './infoArticle.jsp',
|
||||
success: function(layero, index){
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
||||
body.find('#id').val(obj.data.id);
|
||||
body.find('#titleUp').val(obj.data.title);
|
||||
body.find('#typeUp').val(obj.data.type);
|
||||
body.find('#contentUp').val(obj.data.content);
|
||||
}
|
||||
});
|
||||
}else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../deleteArticle",
|
||||
data:{'id': obj.data.id},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,87 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#bugTable',
|
||||
url : '../../../getBugs',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '系统问题表',// 导出文件名
|
||||
id : 'bugTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
username :'',
|
||||
realname :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'createBy',
|
||||
width : 150,
|
||||
title : '提交者'
|
||||
},{
|
||||
field : 'bugRemark',
|
||||
title : '状态'
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.list.length,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('bugTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
realname : $("#realname").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(bugTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "提交问题",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addBug.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,43 @@
|
||||
layui.use(['table','form','carousel'], function(){
|
||||
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||||
var carousel = layui.carousel;
|
||||
//建造实例
|
||||
ins = carousel.render({ });
|
||||
|
||||
var html = " ";
|
||||
var remark = " ";
|
||||
// 清空轮播图
|
||||
$("#carousel").empty();
|
||||
$("#remark").empty();
|
||||
$.ajax({
|
||||
url:"../../getImgs",
|
||||
type:"GET",
|
||||
data:{
|
||||
proTypeValue : $("#proTypeValue").val(),
|
||||
},
|
||||
success : function(result) {
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
// 只留一个remark
|
||||
remark = "";
|
||||
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>';
|
||||
remark += '<div><span>' +result[i].remark+ '<span/></div>';
|
||||
}
|
||||
$("#carousel").append(html);
|
||||
// 如果没有说明，就不显示null
|
||||
if(remark.indexOf("null") < 0){
|
||||
$("#remark").append(remark);
|
||||
}
|
||||
// 如果没有轮播图就隐藏
|
||||
if(result.length == 0){
|
||||
document.getElementById("test1").style.display = "none"; //隐藏
|
||||
}else{
|
||||
document.getElementById("test1").style.display = "block"; //显示
|
||||
ins.reload({
|
||||
elem: '#test1',
|
||||
width: result[0].imgWidth, //设置容器宽度
|
||||
height: result[0].imgHeight
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,274 @@
|
||||
layui.use([ 'element', 'table', 'laydate','util', 'form','upload' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var util = layui.util;
|
||||
var form = layui.form;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getArardShopname',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#shopname').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#bugTable',
|
||||
url : '../../../getCustomerAward',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'awardTableAll',
|
||||
totalRow: true,
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
nickname : '',
|
||||
shopname : '',
|
||||
creator : '',
|
||||
createTimeBegin: ''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [
|
||||
{
|
||||
type: 'checkbox'
|
||||
},
|
||||
{
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
totalRowText: '合计'
|
||||
},{
|
||||
field : 'nickname',
|
||||
title : '客服昵称',
|
||||
width : 150,
|
||||
align : "center"
|
||||
},{
|
||||
field : 'shopname',
|
||||
title : '店铺',
|
||||
width : 150,
|
||||
align : "center"
|
||||
},{
|
||||
field : 'payPercent',
|
||||
width : 150,
|
||||
align : "center",
|
||||
title : '询单-转化百分比'
|
||||
},{
|
||||
field : 'askNumber',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '询单人数'
|
||||
},{
|
||||
field : 'customerPrice',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '客单价'
|
||||
},{
|
||||
field : 'award',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '奖励金额',
|
||||
totalRow: true
|
||||
},{
|
||||
field : 'awardDate',
|
||||
width : 120,
|
||||
align : "center",
|
||||
title : '奖励日期',
|
||||
},{
|
||||
field : 'creator',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '导入人'
|
||||
},{
|
||||
field : 'createrDate',
|
||||
width : 180,
|
||||
align : "center",
|
||||
title : '导入时间',
|
||||
templet:function(d){
|
||||
return util.toDateString(d.createrDate, "yyyy-MM-dd HH:mm:ss");
|
||||
}
|
||||
}]
|
||||
],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('awardTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
nickname : $("#nickname").val(),
|
||||
shopname : $("#shopname").val(),
|
||||
creator : $("#creator").val(),
|
||||
createTimeBegin : $("#worldId").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//激活批量删除
|
||||
function activeDelFunction(){
|
||||
$('.demoTable .layui-btn').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
}
|
||||
activeDelFunction();
|
||||
//执行批量删除
|
||||
var $ = layui.$,active = {
|
||||
getCheckData: function(){ //获取选中数据
|
||||
var checkStatus = table.checkStatus('awardTableAll'),
|
||||
checkData = checkStatus.data,
|
||||
ids="",
|
||||
creator="";
|
||||
|
||||
if(checkData.length == 0){
|
||||
layer.msg("请选择要删除的数据",function(){});
|
||||
return;
|
||||
}
|
||||
for (var i = 0; i < checkData.length; i++) {
|
||||
ids+=checkData[i].id+",";
|
||||
creator+=checkData[i].creator+",";
|
||||
}
|
||||
//var ids = JSON.stringify(delList);
|
||||
layer.confirm('确定要删除这['+checkData.length+'条]数据么？',{icon:5,title:'友情提示'}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteDatas",
|
||||
dataType:'json',
|
||||
data:{
|
||||
ids:ids,
|
||||
creators:creator
|
||||
},
|
||||
type:'post',
|
||||
success:function(data){
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面表格
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(bugTable)', 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: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_customerAward', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#shopname").empty();
|
||||
// 下拉框第一列添加空的option
|
||||
$('#shopname').append(new Option("",""));
|
||||
activeFunction();
|
||||
table.reload("awardTableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,277 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
var isBuyData = {
|
||||
0:'未成交',
|
||||
1:'已成交'
|
||||
};
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#dataTable',
|
||||
url : '../../../getCustomerDatas',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '客服数据表',// 导出文件名
|
||||
id : 'dataTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
realname : '',
|
||||
wangwang : '',
|
||||
isBuy : '',
|
||||
roleSearch :'',
|
||||
createDateBegin: '',
|
||||
role : $("#role").val()
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'realname',
|
||||
align : 'center',
|
||||
width : 90,
|
||||
title : '姓名'
|
||||
},{
|
||||
field : 'role',
|
||||
title : '所属店铺',
|
||||
width : 135,
|
||||
align : 'center',
|
||||
templet:function(d){
|
||||
if(d.role != null && d.role != ""){
|
||||
var load = d.role.split(",");
|
||||
var roleStr = "";
|
||||
for (var i = 0; i < load.length; i++) {
|
||||
roleStr += roleData[load[i]] + " ";
|
||||
}
|
||||
return roleStr
|
||||
}
|
||||
return ""
|
||||
}
|
||||
},{
|
||||
field : 'wangwang',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
title : '客户旺旺'
|
||||
},{
|
||||
field : 'productExplain',
|
||||
width : 280,
|
||||
title : '产品说明'
|
||||
},{
|
||||
field : 'price',
|
||||
align : 'center',
|
||||
width : 80,
|
||||
sort : 'true',
|
||||
title : '金额'
|
||||
},{
|
||||
field : 'isBuy',
|
||||
title : '是否成交',
|
||||
align : 'center',
|
||||
width : 130,
|
||||
templet : '#isBuyTpl'
|
||||
},{
|
||||
field : 'commentSelf',
|
||||
title : '未成交原因',
|
||||
width : 280
|
||||
},{
|
||||
field : 'commentManager',
|
||||
title : '店长跟踪情况汇报',
|
||||
width : 300,
|
||||
edit : 'text',
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
},{
|
||||
field : 'completeDate',
|
||||
title : '成交时间',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.completeDate != null ?layui.util.toDateString(d.completeDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
},{
|
||||
// fixed : 'right',
|
||||
title : '操作',
|
||||
width : 180,
|
||||
align : 'center',
|
||||
//toolbar : '#barDemo'
|
||||
templet : function(d) {
|
||||
// 此处username是从jsp中带过来的
|
||||
// 登录的用户名和创建的用户名相同 <i class='layui-icon layui-icon-edit' style='color:white;font-size:10px'></i> <i class='layui-icon layui-icon-delete'>
|
||||
if(d.username == username){
|
||||
return "<a class='layui-btn' lay-event='edit'>编辑</a>"
|
||||
+
|
||||
"<a class='layui-btn layui-btn-danger' lay-event='del'>删除</a>"
|
||||
}else{
|
||||
return ""
|
||||
}
|
||||
}
|
||||
|
||||
} ] ],
|
||||
// 数据渲染完的回调
|
||||
done: function (res, curr, count) {
|
||||
// 解决操作栏因为内容过多换行问题
|
||||
$(".layui-table-main tr").each(function (index, val) {
|
||||
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
|
||||
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
|
||||
});
|
||||
},
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"data" : res.data.list.list, //解析数据列表
|
||||
"count" : res.data.list.total //解析数据长度
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('dataTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
realname : $("#realname").val(),
|
||||
wangwang : $("#wangwang").val(),
|
||||
isBuy : $("#isBuy").val(),
|
||||
createDateBegin: $("#worldId").val(),
|
||||
roleSearch : $("#roleSearch").val(),
|
||||
role : $("#role").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听【是否成交】状态按钮
|
||||
form.on('switch(isBuyDemo)', function(obj){
|
||||
// jsp传过来的数据是 id+用户名+状态 拼接的
|
||||
var rowData = obj.value.split("+");
|
||||
if(rowData[2] == "0"){
|
||||
$.ajax({
|
||||
url : "../../../changeIsBuy",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'id':rowData[0],
|
||||
'username':rowData[1]
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('只允许店长修改！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.msg('【已成交】的订单，禁止再次修改！',{icon:5,offset:"auto",time:500});//提示框
|
||||
}
|
||||
})
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(dataTable)', function(obj) {
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加数据",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
skin:'layui-layer-molv',
|
||||
area : [ '100%', '100%' ],
|
||||
content : './addCustomerData.jsp',
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
|
||||
// 监听 表内后的修改
|
||||
table.on('tool(dataTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改数据",
|
||||
area : [ '100%', '100%' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateCustomerData.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('#wangwang').val(data1.wangwang);
|
||||
body.find('#role').val(data1.role);
|
||||
body.find('#ROLE').val(data1.role);//给不了下拉框，给input再赋值
|
||||
body.find('#price').val(data1.price);
|
||||
body.find('#productExplain').val(data1.productExplain);
|
||||
body.find('#commentSelf').val(data1.commentSelf);
|
||||
}
|
||||
});
|
||||
}else if (obj.event === 'del') {// 监听删除
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteCustomerData",
|
||||
data:{'id': data1.id},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//监听单元格编辑
|
||||
table.on('edit(dataTable)', function(obj){
|
||||
var value = obj.value, //得到修改后的值
|
||||
data = obj.data, //得到所在行所有键值
|
||||
field = obj.field; //得到字段
|
||||
console.log(data)
|
||||
$.ajax({
|
||||
url:"../../../updateRemarkById",
|
||||
data:{
|
||||
id: data.id,
|
||||
value: value,
|
||||
field: field,
|
||||
userId:data.username
|
||||
},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('修改成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('修改失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,228 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getFilename',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#differenceTable',
|
||||
url : '../../../getDifference',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'differenceTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 200,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 150,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'wangwang',
|
||||
width : 150,
|
||||
align : "center",
|
||||
title : '客户旺旺'
|
||||
},{
|
||||
field : 'payTime',
|
||||
title : '时间',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.payTime != null ?layui.util.toDateString(d.payTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'price',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '金额'
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '备注',
|
||||
align : "center",
|
||||
width : 300,
|
||||
},{
|
||||
field : 'taobaoStatus',
|
||||
width : 150,
|
||||
align : "center",
|
||||
title : '淘宝状态'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
align : "center",
|
||||
width : 150,
|
||||
},{
|
||||
field : 'openOrderNumber',
|
||||
title : '拆分订单号',
|
||||
align : "center",
|
||||
width : 200,
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入时间',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('differenceTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(differenceTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_difference" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("differenceTableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
+26
@@ -0,0 +1,26 @@
|
||||
/*!
|
||||
* Draggabilly PACKAGED v3.0.0
|
||||
* Make that shiz draggable
|
||||
* https://draggabilly.desandro.com
|
||||
* MIT license
|
||||
*/
|
||||
!function(t,i){"function"==typeof define&&define.amd?define(["jquery"],(function(e){return i(t,e)})):"object"==typeof module&&module.exports?module.exports=i(t,require("jquery")):t.jQueryBridget=i(t,t.jQuery)}(window,(function(t,i){"use strict";var e=Array.prototype.slice,n=t.console,o=void 0===n?function(){}:function(t){n.error(t)};function s(n,s,h){function a(t,i,e){var s,r="$()."+n+'("'+i+'")';return t.each((function(t,a){var d=h.data(a,n);if(d){var u=d[i];if(u&&"_"!=i.charAt(0)){var l=u.apply(d,e);s=void 0===s?l:s}else o(r+" is not a valid method")}else o(n+" not initialized. Cannot call methods, i.e. "+r)})),void 0!==s?s:t}function d(t,i){t.each((function(t,e){var o=h.data(e,n);o?(o.option(i),o._init()):(o=new s(e,i),h.data(e,n,o))}))}(h=h||i||t.jQuery)&&(s.prototype.option||(s.prototype.option=function(t){h.isPlainObject(t)&&(this.options=h.extend(!0,this.options,t))}),h.fn[n]=function(t){if("string"==typeof t){var i=e.call(arguments,1);return a(this,t,i)}return d(this,t),this},r(h))}function r(t){!t||t&&t.bridget||(t.bridget=s)}return r(i||t.jQuery),s})),
|
||||
/*!
|
||||
* Infinite Scroll v2.0.4
|
||||
* measure size of elements
|
||||
* MIT license
|
||||
*/
|
||||
function(t,i){"object"==typeof module&&module.exports?module.exports=i():t.getSize=i()}(window,(function(){function t(t){let i=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(i)&&i}let i=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];i.length;return function(e){if("string"==typeof e&&(e=document.querySelector(e)),!(e&&"object"==typeof e&&e.nodeType))return;let n=getComputedStyle(e);if("none"==n.display)return function(){let t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};return i.forEach((i=>{t[i]=0})),t}();let o={};o.width=e.offsetWidth,o.height=e.offsetHeight;let s=o.isBorderBox="border-box"==n.boxSizing;i.forEach((t=>{let i=n[t],e=parseFloat(i);o[t]=isNaN(e)?0:e}));let r=o.paddingLeft+o.paddingRight,h=o.paddingTop+o.paddingBottom,a=o.marginLeft+o.marginRight,d=o.marginTop+o.marginBottom,u=o.borderLeftWidth+o.borderRightWidth,l=o.borderTopWidth+o.borderBottomWidth,c=t(n.width);!1!==c&&(o.width=c+(s?0:r+u));let p=t(n.height);return!1!==p&&(o.height=p+(s?0:h+l)),o.innerWidth=o.width-(r+u),o.innerHeight=o.height-(h+l),o.outerWidth=o.width+a,o.outerHeight=o.height+d,o}})),function(t,i){"object"==typeof module&&module.exports?module.exports=i():t.EvEmitter=i()}("undefined"!=typeof window?window:this,(function(){function t(){}let i=t.prototype;return i.on=function(t,i){if(!t||!i)return this;let e=this._events=this._events||{},n=e[t]=e[t]||[];return n.includes(i)||n.push(i),this},i.once=function(t,i){if(!t||!i)return this;this.on(t,i);let e=this._onceEvents=this._onceEvents||{};return(e[t]=e[t]||{})[i]=!0,this},i.off=function(t,i){let e=this._events&&this._events[t];if(!e||!e.length)return this;let n=e.indexOf(i);return-1!=n&&e.splice(n,1),this},i.emitEvent=function(t,i){let e=this._events&&this._events[t];if(!e||!e.length)return this;e=e.slice(0),i=i||[];let n=this._onceEvents&&this._onceEvents[t];for(let o of e){n&&n[o]&&(this.off(t,o),delete n[o]),o.apply(this,i)}return this},i.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),
|
||||
/*!
|
||||
* Unidragger v3.0.0
|
||||
* Draggable base class
|
||||
* MIT license
|
||||
*/
|
||||
function(t,i){"object"==typeof module&&module.exports?module.exports=i(t,require("ev-emitter")):t.Unidragger=i(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,i){function e(){}let n,o,s=e.prototype=Object.create(i.prototype);s.handleEvent=function(t){let i="on"+t.type;this[i]&&this[i](t)},"ontouchstart"in t?(n="touchstart",o=["touchmove","touchend","touchcancel"]):t.PointerEvent?(n="pointerdown",o=["pointermove","pointerup","pointercancel"]):(n="mousedown",o=["mousemove","mouseup"]),s.touchActionValue="none",s.bindHandles=function(){this._bindHandles("addEventListener",this.touchActionValue)},s.unbindHandles=function(){this._bindHandles("removeEventListener","")},s._bindHandles=function(i,e){this.handles.forEach((o=>{o[i](n,this),o[i]("click",this),t.PointerEvent&&(o.style.touchAction=e)}))},s.bindActivePointerEvents=function(){o.forEach((i=>{t.addEventListener(i,this)}))},s.unbindActivePointerEvents=function(){o.forEach((i=>{t.removeEventListener(i,this)}))},s.withPointer=function(t,i){i.pointerId==this.pointerIdentifier&&this[t](i,i)},s.withTouch=function(t,i){let e;for(let t of i.changedTouches)t.identifier==this.pointerIdentifier&&(e=t);e&&this[t](i,e)},s.onmousedown=function(t){this.pointerDown(t,t)},s.ontouchstart=function(t){this.pointerDown(t,t.changedTouches[0])},s.onpointerdown=function(t){this.pointerDown(t,t)};const r=["TEXTAREA","INPUT","SELECT","OPTION"],h=["radio","checkbox","button","submit","image","file"];return s.pointerDown=function(t,i){let e=r.includes(t.target.nodeName),n=h.includes(t.target.type),o=!e||n;!this.isPointerDown&&!t.button&&o&&(this.isPointerDown=!0,this.pointerIdentifier=void 0!==i.pointerId?i.pointerId:i.identifier,this.pointerDown(t,i),this.bindActivePointerEvents(),this.emitEvent("pointerDown",[t,i]))},s.onmousemove=function(t){this.pointerMove(t,t)},s.onpointermove=function(t){this.withPointer("pointerMove",t)},s.ontouchmove=function(t){this.withTouch("pointerMove",t)},s.pointerMove=function(t,i){let e={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};this.emitEvent("pointerMove",[t,i,e]),!this.isDragging&&this.hasDragStarted(e)&&this.dragStart(t,i),this.isDragging&&this.dragMove(t,i,e)},s.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},s.dragStart=function(t,i){this.isDragging=!0,this.isPreventingClicks=!0,this.emitEvent("dragStart",[t,i])},s.dragMove=function(t,i,e){this.emitEvent("dragMove",[t,i,e])},s.onmouseup=function(t){this.pointerUp(t,t)},s.onpointerup=function(t){this.withPointer("pointerUp",t)},s.ontouchend=function(t){this.withTouch("pointerUp",t)},s.pointerUp=function(t,i){this.pointerDone(),this.emitEvent("pointerUp",[t,i]),this.isDragging?this.dragEnd(t,i):this.staticClick(t,i)},s.dragEnd=function(t,i){this.isDragging=!1,setTimeout((()=>delete this.isPreventingClicks)),this.emitEvent("dragEnd",[t,i])},s.pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this.unbindActivePointerEvents(),this.emitEvent("pointerDone")},s.onpointercancel=function(t){this.withPointer("pointerCancel",t)},s.ontouchcancel=function(t){this.withTouch("pointerCancel",t)},s.pointerCancel=function(t,i){this.pointerDone(),this.emitEvent("pointerCancel",[t,i])},s.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},s.staticClick=function(t,i){let e="mouseup"==t.type;e&&this.isIgnoringMouseUp||(this.emitEvent("staticClick",[t,i]),e&&(this.isIgnoringMouseUp=!0,setTimeout((()=>{delete this.isIgnoringMouseUp}),400)))},e})),
|
||||
/*!
|
||||
* Draggabilly v3.0.0
|
||||
* Make that shiz draggable
|
||||
* https://draggabilly.desandro.com
|
||||
* MIT license
|
||||
*/
|
||||
function(t,i){"object"==typeof module&&module.exports?module.exports=i(t,require("get-size"),require("unidragger")):t.Draggabilly=i(t,t.getSize,t.Unidragger)}("undefined"!=typeof window?window:this,(function(t,i,e){let n=t.jQuery;function o(t,i){this.element="string"==typeof t?document.querySelector(t):t,n&&(this.$element=n(this.element)),this.options={},this.option(i),this._create()}let s=o.prototype=Object.create(e.prototype);s.option=function(t){this.options={...this.options,...t}};const r=["relative","absolute","fixed"];s._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition={...this.position};let t=getComputedStyle(this.element);r.includes(t.position)||(this.element.style.position="relative"),this.on("pointerDown",this.handlePointerDown),this.on("pointerUp",this.handlePointerUp),this.on("dragStart",this.handleDragStart),this.on("dragMove",this.handleDragMove),this.on("dragEnd",this.handleDragEnd),this.setHandles(),this.enable()},s.setHandles=function(){let{handle:t}=this.options;"string"==typeof t?this.handles=this.element.querySelectorAll(t):"object"==typeof t&&t.length?this.handles=t:t instanceof HTMLElement?this.handles=[t]:this.handles=[this.element]};const h=["dragStart","dragMove","dragEnd"];let a=s.emitEvent;function d(t,i,e){return i?(e=e||"round",Math[e](t/i)*i):t}s.emitEvent=function(i,e){if(!this.isEnabled&&h.includes(i))return;a.call(this,i,e);let n,o=t.jQuery;if(!o||!this.$element)return;let s=e;e&&e[0]instanceof Event&&([n,...s]=e);let r=o.Event(n);r.type=i,this.$element.trigger(r,s)},s._getPosition=function(){let t=getComputedStyle(this.element),i=this._getPositionCoord(t.left,"width"),e=this._getPositionCoord(t.top,"height");this.position.x=isNaN(i)?0:i,this.position.y=isNaN(e)?0:e,this._addTransformPosition(t)},s._getPositionCoord=function(t,e){if(t.includes("%")){let n=i(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0}return parseInt(t,10)},s._addTransformPosition=function(t){let i=t.transform;if(!i.startsWith("matrix"))return;let e=i.split(","),n=i.startsWith("matrix3d")?12:4,o=parseInt(e[n],10),s=parseInt(e[n+1],10);this.position.x+=o,this.position.y+=s},s.handlePointerDown=function(t,i){this.isEnabled&&(this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},t.preventDefault(),document.activeElement.blur(),this.bindActivePointerEvents(t),this.element.classList.add("is-pointer-down"))},s.handleDragStart=function(){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.animate())},s.measureContainment=function(){let t=this.getContainer();if(!t)return;let e=i(this.element),n=i(t),{borderLeftWidth:o,borderRightWidth:s,borderTopWidth:r,borderBottomWidth:h}=n,a=this.element.getBoundingClientRect(),d=t.getBoundingClientRect(),u=o+s,l=r+h,c=this.relativeStartPosition={x:a.left-(d.left+o),y:a.top-(d.top+r)};this.containSize={width:n.width-u-c.x-e.width,height:n.height-l-c.y-e.height}},s.getContainer=function(){let t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},s.handleDragMove=function(t,i,e){if(!this.isEnabled)return;let n=e.x,o=e.y,s=this.options.grid,r=s&&s[0],h=s&&s[1];n=d(n,r),o=d(o,h),n=this.containDrag("x",n,r),o=this.containDrag("y",o,h),n="y"==this.options.axis?0:n,o="x"==this.options.axis?0:o,this.position.x=this.startPosition.x+n,this.position.y=this.startPosition.y+o,this.dragPoint.x=n,this.dragPoint.y=o},s.containDrag=function(t,i,e){if(!this.options.containment)return i;let n="x"==t?"width":"height",o=d(-this.relativeStartPosition[t],e,"ceil"),s=this.containSize[n];return s=d(s,e,"floor"),Math.max(o,Math.min(s,i))},s.handlePointerUp=function(){this.element.classList.remove("is-pointer-down")},s.handleDragEnd=function(){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"))},s.animate=function(){this.isDragging&&(this.positionDrag(),requestAnimationFrame((()=>this.animate())))},s.setLeftTop=function(){let{x:t,y:i}=this.position;this.element.style.left=`${t}px`,this.element.style.top=`${i}px`},s.positionDrag=function(){let{x:t,y:i}=this.dragPoint;this.element.style.transform=`translate3d(${t}px, ${i}px, 0)`},s.setPosition=function(t,i){this.position.x=t,this.position.y=i,this.setLeftTop()},s.enable=function(){this.isEnabled||(this.isEnabled=!0,this.bindHandles())},s.disable=function(){this.isEnabled&&(this.isEnabled=!1,this.isDragging&&this.dragEnd(),this.unbindHandles())};const u=["transform","left","top","position"];return s.destroy=function(){this.disable(),u.forEach((t=>{this.element.style[t]=""})),this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},s._init=function(){},n&&n.bridget&&n.bridget("draggabilly",o),o}));
|
||||
@@ -0,0 +1,185 @@
|
||||
$.ajaxSetup({
|
||||
async : false
|
||||
});
|
||||
|
||||
layui.use([ 'laydate', 'form' ,'layer'], function() {
|
||||
var laydate = layui.laydate, form = layui.form, $ = layui.$,layer = layui.layer;
|
||||
|
||||
//店铺字典转换
|
||||
var shopnameData = {};
|
||||
$.ajax({
|
||||
url : '../../../changeRoleName',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
shopnameData = data;
|
||||
}
|
||||
});
|
||||
/*function refresh() {
|
||||
location.reload();
|
||||
}*/
|
||||
// 点击查询按钮，重载echarts
|
||||
$('#searchBtn1').on('click', function() {
|
||||
var param = {
|
||||
quoteTimeBegin : $("#worldId").val(),
|
||||
roleSearch : $("#roleSearch").val(),
|
||||
realname : $("#realname").val(),
|
||||
byProTypeLabel : $("#byProTypeLabel").val(),
|
||||
proTypeLabel : $("#proTypeLabel").val()
|
||||
};
|
||||
getEchart(MyEChart,param);
|
||||
return false;
|
||||
});
|
||||
/*------------------------------------------------------------------------------------------*/
|
||||
function getEchart(MyEChart,param2) {
|
||||
var kefuTotal = [];
|
||||
var shopName = [];
|
||||
var myDate = new Date();
|
||||
var year = myDate.getFullYear();
|
||||
var month = myDate.getMonth() + 1;
|
||||
var day = myDate.getDate();
|
||||
var today = year + "-" + month + "-" + day;
|
||||
// 进页面默认查今天的数据
|
||||
var param = {
|
||||
quoteTimeBegin: today
|
||||
};
|
||||
if(param2){
|
||||
param = param2 ;
|
||||
}
|
||||
$.getJSON("../../../echartKefuSummary", param,function(data) {
|
||||
var sname = data.sname
|
||||
var datas1 = data.kefuTotal
|
||||
for (var i = 0; i < sname.length; i++) {
|
||||
if(sname[i] > 0){
|
||||
shopName[i] = shopnameData[sname[i]];
|
||||
}else{
|
||||
shopName[i] = sname[i];
|
||||
}
|
||||
kefuTotal[i] = datas1[i];
|
||||
}
|
||||
});
|
||||
MyEChart.setOption({
|
||||
title : {
|
||||
// text : '各专业参赛获奖比较',
|
||||
// color: '#a9334c',
|
||||
// algin: 'center'
|
||||
},
|
||||
tooltip : {
|
||||
trigger : 'axis'
|
||||
},
|
||||
legend : {
|
||||
x: 'right',
|
||||
padding: [20,130],
|
||||
data : [ '200元以上客户流失量'],
|
||||
},
|
||||
toolbox : {
|
||||
show : true,//是否显示工具栏组件
|
||||
feature : {
|
||||
/*mark : {
|
||||
show : false
|
||||
},*/
|
||||
dataView : { //数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新
|
||||
show : true,//是否显示该工具。
|
||||
textColor:"#000", //文本颜色。
|
||||
//readOnly : true,
|
||||
lang: ['数据视图', '关闭', '导出Excel'],
|
||||
contentToOption: function (opts) {
|
||||
$("#tableExcel").table2excel({
|
||||
exclude: ".noExl", //过滤位置的 css 类名
|
||||
filename:'客服数据汇总统计' + ".xls", //文件名称
|
||||
name: "客服数据汇总统计.xls",
|
||||
exclude_img: true,
|
||||
exclude_links: true,
|
||||
exclude_inputs: true
|
||||
});
|
||||
},
|
||||
optionToContent: function (opt) { //改变数据表格样式
|
||||
// 店铺
|
||||
let axisData = opt.xAxis[0].data; //X坐标数据
|
||||
// 柱状图数据
|
||||
let series = opt.series;
|
||||
let tdHeads = '<td style="padding: 0 10px">店铺/人员</td>'; //表头
|
||||
let tdBodys = ''; //数据
|
||||
series.forEach(function (item) {
|
||||
//组装表头
|
||||
tdHeads += `<td style="padding: 0 10px">${item.name}</td>`;
|
||||
});
|
||||
let table = `<table id="tableExcel" border="1" style="margin-left:20px;border-collapse:collapse;font-size:14px;text-align:center"><tbody><tr>${tdHeads} </tr>`;
|
||||
for (let i = 0, l = axisData.length; i < l; i++) {
|
||||
for (let j = 0; j < series.length; j++) {
|
||||
if(!series[j].data[i])
|
||||
series[j].data[i] = 0
|
||||
//组装表数据
|
||||
tdBodys += `<td>${ series[j].data[i] }</td>`;
|
||||
}
|
||||
table += `<tr><td style="padding: 0 10px">${axisData[i]}</td>${tdBodys}</tr>`;
|
||||
tdBodys = '';
|
||||
}
|
||||
table += '</tbody></table>';
|
||||
return table;
|
||||
}
|
||||
},
|
||||
magicType : { //动态类型切换
|
||||
show : true,
|
||||
type : ['bar','line']//启用的动态类型，包括'line'（切换为折线图）, 'bar'（切换为柱状图）, 'stack'（切换为堆叠模式）, 'tiled'（切换为平铺模式）
|
||||
},
|
||||
restore : {
|
||||
show : true
|
||||
},
|
||||
saveAsImage : {
|
||||
show : true
|
||||
}
|
||||
}
|
||||
},
|
||||
xAxis : [ {
|
||||
type : 'category',
|
||||
data : shopName,
|
||||
/*axisLabel: { //重点在这一块，其余可以忽略
|
||||
interval: 0, //这个一定要有，别忘记了
|
||||
rotate: 15,
|
||||
textStyle: {
|
||||
color: '#000',
|
||||
fontSize: 10
|
||||
}
|
||||
},*/
|
||||
axisLabel: {
|
||||
interval:0,
|
||||
textStyle: {
|
||||
color: '#7c8893',
|
||||
fontSize: 12
|
||||
},
|
||||
formatter: function(value) {
|
||||
return value.split("").join("\n");
|
||||
}
|
||||
},
|
||||
} ],
|
||||
yAxis : [ {
|
||||
type : 'value'
|
||||
} ],
|
||||
series : [ {
|
||||
name : '200元以上客户流失量',
|
||||
type : 'bar',
|
||||
data: kefuTotal,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var MyEChart = echarts.init(document.getElementById('echartAcount'));
|
||||
|
||||
getEchart(MyEChart);
|
||||
});
|
||||
@@ -0,0 +1,343 @@
|
||||
$.ajaxSetup({
|
||||
async : false
|
||||
});
|
||||
|
||||
layui.use([ 'laydate', 'form' ,'layer'], function() {
|
||||
var laydate = layui.laydate, form = layui.form, $ = layui.$,layer = layui.layer;
|
||||
|
||||
//店铺字典转换
|
||||
var shopnameData = {};
|
||||
$.ajax({
|
||||
url : '../../../changeRoleName',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
shopnameData = data;
|
||||
}
|
||||
});
|
||||
/*function refresh() {
|
||||
location.reload();
|
||||
}*/
|
||||
// 点击查询按钮，重载echarts
|
||||
$('#searchBtn1').on('click', function() {
|
||||
var param = {
|
||||
quoteTimeBegin : $("#worldId").val(),
|
||||
roleSearch : $("#roleSearch").val(),
|
||||
realname : $("#realname").val(),
|
||||
byProTypeLabel : $("#byProTypeLabel").val(),
|
||||
proTypeLabel : $("#proTypeLabel").val()
|
||||
};
|
||||
getEchart(MyEChart,param);
|
||||
return false;
|
||||
});
|
||||
/*------------------------------------------------------------------------------------------*/
|
||||
function getEchart(MyEChart,param2) {
|
||||
var numdataOne = [],numdataTwo = [],numdataThree =[],numdataFour=[],numdataFive=[],numdataSix=[],numdataSeven=[],
|
||||
numdataEight=[],numdataNine=[];
|
||||
var shopName = [];
|
||||
var myDate = new Date();
|
||||
var year = myDate.getFullYear();
|
||||
var month = myDate.getMonth() + 1;
|
||||
var day = myDate.getDate();
|
||||
var today = year + "-" + month + "-" + day;
|
||||
// 进页面默认查今天的数据
|
||||
var param = {
|
||||
quoteTimeBegin: today
|
||||
};
|
||||
if(param2){
|
||||
param = param2 ;
|
||||
}
|
||||
$.getJSON("../../../echartZhuSummary", param,function(data) {
|
||||
var sname = data.sname
|
||||
var datas1 = data.one
|
||||
var datas2 = data.two
|
||||
var datas3 = data.three
|
||||
var datas4 = data.four
|
||||
var datas5 = data.five
|
||||
var datas6 = data.six
|
||||
var datas7 = data.seven
|
||||
var datas8 = data.eight
|
||||
var datas9 = data.nine
|
||||
for (var i = 0; i < sname.length; i++) {
|
||||
if(sname[i] > 0){
|
||||
shopName[i] = shopnameData[sname[i]];
|
||||
}else{
|
||||
shopName[i] = sname[i];
|
||||
}
|
||||
numdataOne[i] = datas1[i];
|
||||
numdataTwo[i] = datas2[i];
|
||||
numdataThree[i] = datas3[i];
|
||||
numdataFour[i] = datas4[i];
|
||||
numdataFive[i] = datas5[i];
|
||||
numdataSix[i] = datas6[i];
|
||||
numdataSeven[i] = datas7[i];
|
||||
numdataEight[i] = datas8[i];
|
||||
numdataNine[i] = (datas9[i] * 100).toFixed(2) + "%";
|
||||
}
|
||||
// 用冒泡进行排序
|
||||
/*var a = 0
|
||||
for(var i = 0; i < numdataOne.length; i++){
|
||||
for(var j = 0;j < numdataOne.length;j++){
|
||||
if(numdataOne[j] > numdataOne[j+1]){
|
||||
a = numdataOne[j]
|
||||
numdataOne[j] = numdataOne[j+1]
|
||||
numdataOne[j+1] = a
|
||||
}
|
||||
}
|
||||
}
|
||||
console.log(numdataOne)*/
|
||||
});
|
||||
MyEChart.setOption({
|
||||
title : {
|
||||
// text : '各专业参赛获奖比较',
|
||||
// color: '#a9334c',
|
||||
// algin: 'center'
|
||||
},
|
||||
tooltip : {
|
||||
trigger : 'axis'
|
||||
},
|
||||
legend : {
|
||||
x: 'right',
|
||||
padding: [20,130],
|
||||
data : [ '所有数据','所有已成交','所有未成交', '当天成交' ,'跟单后成交','成交金额','当天成交金额','跟单后成交金额','成交比例'],
|
||||
},
|
||||
toolbox : {
|
||||
show : true,//是否显示工具栏组件
|
||||
feature : {
|
||||
/*mark : {
|
||||
show : false
|
||||
},*/
|
||||
dataView : { //数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新
|
||||
show : true,//是否显示该工具。
|
||||
textColor:"#000", //文本颜色。
|
||||
//readOnly : true,
|
||||
lang: ['数据视图', '关闭', '导出Excel'],
|
||||
contentToOption: function (opts) {
|
||||
$("#tableExcel").table2excel({
|
||||
exclude: ".noExl", //过滤位置的 css 类名
|
||||
filename:'客服数据汇总统计' + ".xls", //文件名称
|
||||
name: "客服数据汇总统计.xls",
|
||||
exclude_img: true,
|
||||
exclude_links: true,
|
||||
exclude_inputs: true
|
||||
});
|
||||
},
|
||||
optionToContent: function (opt) { //改变数据表格样式
|
||||
// 店铺
|
||||
let axisData = opt.xAxis[0].data; //X坐标数据
|
||||
// 柱状图数据
|
||||
let series = opt.series;
|
||||
let tdHeads = '<td style="padding: 0 10px">店铺/人员</td>'; //表头
|
||||
let tdBodys = ''; //数据
|
||||
series.forEach(function (item) {
|
||||
//组装表头
|
||||
tdHeads += `<td style="padding: 0 10px">${item.name}</td>`;
|
||||
});
|
||||
let table = `<table id="tableExcel" border="1" style="margin-left:20px;border-collapse:collapse;font-size:14px;text-align:center"><tbody><tr>${tdHeads} </tr>`;
|
||||
for (let i = 0, l = axisData.length; i < l; i++) {
|
||||
for (let j = 0; j < series.length; j++) {
|
||||
if(!series[j].data[i])
|
||||
series[j].data[i] = 0
|
||||
//组装表数据
|
||||
tdBodys += `<td>${ series[j].data[i] }</td>`;
|
||||
}
|
||||
table += `<tr><td style="padding: 0 10px">${axisData[i]}</td>${tdBodys}</tr>`;
|
||||
tdBodys = '';
|
||||
}
|
||||
table += '</tbody></table>';
|
||||
return table;
|
||||
}
|
||||
},
|
||||
magicType : { //动态类型切换
|
||||
show : true,
|
||||
type : ['bar','line']//启用的动态类型，包括'line'（切换为折线图）, 'bar'（切换为柱状图）, 'stack'（切换为堆叠模式）, 'tiled'（切换为平铺模式）
|
||||
},
|
||||
restore : {
|
||||
show : true
|
||||
},
|
||||
saveAsImage : {
|
||||
show : true
|
||||
}
|
||||
}
|
||||
},
|
||||
xAxis : [ {
|
||||
type : 'category',
|
||||
data : shopName,
|
||||
/*axisLabel: { //重点在这一块，其余可以忽略
|
||||
interval: 0, //这个一定要有，别忘记了
|
||||
rotate: 15,
|
||||
textStyle: {
|
||||
color: '#000',
|
||||
fontSize: 10
|
||||
}
|
||||
},*/
|
||||
axisLabel: {
|
||||
interval:0,
|
||||
textStyle: {
|
||||
color: '#7c8893',
|
||||
fontSize: 12
|
||||
},
|
||||
formatter: function(value) {
|
||||
return value.split("").join("\n");
|
||||
}
|
||||
},
|
||||
} ],
|
||||
yAxis : [ {
|
||||
type : 'value'
|
||||
} ],
|
||||
series : [ {
|
||||
name : '所有数据',
|
||||
type : 'bar',
|
||||
data: numdataOne,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: '所有已成交',
|
||||
type : 'bar', //柱状
|
||||
data: numdataTwo,
|
||||
color : '#01AADE',//柱子颜色
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name : '所有未成交',
|
||||
type : 'bar',
|
||||
data: numdataThree,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name : '当天成交',
|
||||
type : 'bar',
|
||||
data: numdataFour,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name : '跟单后成交',
|
||||
type : 'bar',
|
||||
data: numdataFive,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},{
|
||||
name : '成交金额',
|
||||
type : 'bar',
|
||||
data: numdataSix,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},{
|
||||
name : '当天成交金额',
|
||||
type : 'bar',
|
||||
data: numdataSeven,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: false, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},{
|
||||
name : '跟单后成交金额',
|
||||
type : 'bar',
|
||||
data: numdataEight,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: false, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},{
|
||||
name : '成交比例',
|
||||
type : 'bar',
|
||||
data: numdataNine,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: false, //开启显示
|
||||
position: 'top', //在上方显示
|
||||
textStyle: { //数值样式
|
||||
color: 'black',
|
||||
fontSize: 16
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var MyEChart = echarts.init(document.getElementById('echartAcount'));
|
||||
|
||||
getEchart(MyEChart);
|
||||
});
|
||||
@@ -0,0 +1,167 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#expressFeeTable',
|
||||
url : '../../../getExpressFees',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '用户表',// 导出文件名
|
||||
id : 'expressFeeTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
content:''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'proTypeLabel',
|
||||
title : '产品',
|
||||
width : 200
|
||||
},{
|
||||
field : 'province',
|
||||
title : '省份',
|
||||
width : 250
|
||||
},{
|
||||
field : 'firstWeightPrice',
|
||||
title : '首重(元/kg)',
|
||||
edit : 'text',
|
||||
width : 150
|
||||
},{
|
||||
field : 'continuedWeightPrice',
|
||||
title : '续重(元/kg)',
|
||||
edit : 'text',
|
||||
width : 150
|
||||
},{
|
||||
field : 'startPrice',
|
||||
align : 'center',
|
||||
width : 100,
|
||||
title : '起步价',
|
||||
edit : 'text'
|
||||
},{
|
||||
field : 'createBy',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
title : '创建人'
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
width : 220,
|
||||
align : 'center',
|
||||
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('expressFeeTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
province : $("#province").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(expressFeeTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加省份快递费",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
skin:'layui-layer-molv',
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addExpressFee.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
//监听单元格编辑
|
||||
table.on('edit(expressFeeTable)', function(obj){
|
||||
var value = obj.value, //得到修改后的值
|
||||
data = obj.data, //得到所在行所有键值
|
||||
field = obj.field; //得到字段
|
||||
$.ajax({
|
||||
url:"../../../updateExpressFee",
|
||||
data:{
|
||||
id: data.id,
|
||||
value: value,
|
||||
field: field
|
||||
},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('修改成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('修改失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
// 监听 删除
|
||||
table.on('tool(expressFeeTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteExpressFee",
|
||||
data:{'id': data1.id},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,267 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../../getFilename_extract',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#extractTable',
|
||||
url : '../../../../getFinance_extract',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'extractTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'length',
|
||||
title : '长',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.length == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.length+'</a>';
|
||||
}else{
|
||||
return d.length;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'width',
|
||||
title : '宽',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.width == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.width+'</a>';
|
||||
}else{
|
||||
return d.width;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'height',
|
||||
title : '高',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.height == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.height+'</a>';
|
||||
}else{
|
||||
return d.height;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入时间',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
console.log(res)
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('extractTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(extractTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../../excel_extract" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../../deleteDataByFilename2",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("extractTableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../../ajaxUpload_2', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("extractTableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,252 @@
|
||||
layui.use(['table', 'form','element','upload'], function() {
|
||||
var $ = layui.jquery
|
||||
table = layui.table,
|
||||
form = layui.form,
|
||||
element = layui.element,
|
||||
upload = layui.upload;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#fileTable',
|
||||
url : '../../getAllFiles',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : "文件明细",// 导出名
|
||||
id : 'fileAll',
|
||||
// skin : 'row',
|
||||
// size :'lg',
|
||||
border : true,
|
||||
page : true,
|
||||
limits : [10,30,50,80,100,999],
|
||||
where : {
|
||||
fileName : '',
|
||||
add_time_begin : '',
|
||||
add_time_end : ''
|
||||
},
|
||||
cols : [ [
|
||||
{
|
||||
type: 'checkbox'
|
||||
},
|
||||
{ type: 'numbers',
|
||||
title: '序号',
|
||||
unresize: true
|
||||
},{
|
||||
field : 'fileName',
|
||||
align : "center",
|
||||
title : '文件名称'
|
||||
},{
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : "center",
|
||||
toolbar : '#barDemo'
|
||||
}
|
||||
] ],
|
||||
parseData : function(res) { // 将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, // 解析接口状态
|
||||
"msg" : "", // 解析提示文本
|
||||
"count" : res.data.fileList.total,// 解析数据长度
|
||||
"data" : res.data.fileList.list// 解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// 点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('fileAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
fileName : $("#fileName").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
activeDelFunction();
|
||||
return false;
|
||||
});
|
||||
|
||||
// 监听头工具栏事件--文件上传按钮
|
||||
table.on('toolbar(fileTable)', function (obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id),
|
||||
data = checkStatus.data; // 获取选中的数据
|
||||
switch (obj.event) {
|
||||
case 'mulAdd':// 导入
|
||||
layer.open({
|
||||
// layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "上传图片",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")// 引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'add':
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "添加文章",
|
||||
area: ['900px','600px'],
|
||||
skin: "layui-layer-molv",
|
||||
content: './addFileImport.jsp',
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
// 多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});// 提示框
|
||||
$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../priceUpload', // 价格上传接口
|
||||
//url: '../fileUpload', // 文件上传接口
|
||||
//url: '../../imgUpload', // 产品图片上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ // 选完文件调用
|
||||
var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
|
||||
// 读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
(file.size/1024/1024) > 1 ? '<td>'+ (file.size/1024/1024).toFixed(1) +'m</td>':'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
// 单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
// 删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; // 删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; // 清空
|
||||
// input
|
||||
// file
|
||||
// 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ // 上传成功后调用
|
||||
if(res.code == 200){ // 上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); // 清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
return delete this.files[index]; // 删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ // 上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); // 显示重传
|
||||
}
|
||||
});
|
||||
|
||||
// 监听表格操作按钮
|
||||
table.on('tool(fileTable)',function(obj){
|
||||
switch (obj.event) {
|
||||
// 下载
|
||||
case 'downLoad':
|
||||
var url = "<%=basePath%>"+"deptFile/"+obj.data.fileName
|
||||
var request = new XMLHttpRequest();
|
||||
request.responseType = "blob";
|
||||
request.open("GET", url);
|
||||
request.onload = function() {
|
||||
var url = window.URL.createObjectURL(this.response);
|
||||
var a = document.createElement("a");
|
||||
document.body.appendChild(a);
|
||||
a.href = url;
|
||||
a.download = obj.data.fileName;
|
||||
a.click();
|
||||
}
|
||||
request.send();
|
||||
break;
|
||||
// 删除
|
||||
case 'del':
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../deleteFile",
|
||||
data:{'fileId': obj.data.fileId},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});// 提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});// 提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();// 重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
// 激活批量删除
|
||||
function activeDelFunction(){
|
||||
$('.demoTable .layui-btn').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
}
|
||||
activeDelFunction();
|
||||
// 执行批量删除
|
||||
var $ = layui.$,active = {
|
||||
getCheckData: function(){ // 获取选中数据
|
||||
var checkStatus = table.checkStatus('fileAll'),
|
||||
checkData = checkStatus.data,
|
||||
ids="";
|
||||
fileNames="";
|
||||
if(checkData.length == 0){
|
||||
layer.msg("请选择要删除的数据",function(){});
|
||||
return;
|
||||
}
|
||||
for (var i = 0; i < checkData.length; i++) {
|
||||
ids+=checkData[i].fileId+",";
|
||||
fileNames+=checkData[i].fileName+";";
|
||||
}
|
||||
// var ids = JSON.stringify(delList);
|
||||
layer.confirm('确定要删除这['+checkData.length+'条]数据么？',{icon:5,title:'友情提示'}, function(index){
|
||||
$.ajax({
|
||||
url:"../deleteFiles",
|
||||
dataType:'json',
|
||||
data:{
|
||||
ids:ids,
|
||||
fileNames:fileNames
|
||||
},
|
||||
type:'post',
|
||||
success:function(data){
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});// 提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});// 提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();// 重新加载页面表格
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
});
|
||||
@@ -0,0 +1,282 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#financeTable',
|
||||
url : '../../../getFinance',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'financeTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '时间',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入时间',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('financeTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(financeTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("financeTableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_1', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("financeTableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,282 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_2',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance2Table',
|
||||
url : '../../../getFinance_2',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance2TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '时间',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入时间',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance2TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance2Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_2" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_2",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance2TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f2', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance2TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,281 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_3',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance3Table',
|
||||
url : '../../../getFinance_3',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance3TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '日期',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入日期',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance3TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance3Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_3" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_3",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance3TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f3', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance3TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,281 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_4',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance4Table',
|
||||
url : '../../../getFinance_4',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance4TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '日期',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入日期',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance4TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance4Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_4" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_4",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance4TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f4', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance4TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,281 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_5',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance5Table',
|
||||
url : '../../../getFinance_5',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance5TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '日期',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入日期',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance5TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance5Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_5" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_5",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance5TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f5', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance5TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,281 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_6',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance6Table',
|
||||
url : '../../../getFinance_6',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance6TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '日期',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入日期',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance6TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance6Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_6" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_6",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance6TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f6', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance6TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,281 @@
|
||||
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;
|
||||
var upload = layui.upload;
|
||||
|
||||
activeFunction();
|
||||
//获取所有表格名称
|
||||
function activeFunction(){
|
||||
$.ajax({
|
||||
url : '../../../getAllFilename_7',
|
||||
dataType : 'json',
|
||||
data : {
|
||||
},
|
||||
type : 'get',
|
||||
success : function(data) {
|
||||
$.each(data, function(index, item) {
|
||||
$('#filename').append(
|
||||
new Option(item, item));// 下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#finance7Table',
|
||||
url : '../../../getFinance_7',
|
||||
toolbar : '#toolbarDemo',
|
||||
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}],
|
||||
title : '表',// 导出文件名
|
||||
id : 'finance7TableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,50,100,500,999,9999],
|
||||
where:{
|
||||
filename :'',
|
||||
orderNumber :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'addTime',
|
||||
title : '日期',
|
||||
width : 120,
|
||||
align : "center",
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'supplier',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '供应商'
|
||||
},{
|
||||
field : 'shopname',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '店铺'
|
||||
},{
|
||||
field : 'kind',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类'
|
||||
},{
|
||||
field : 'kind2',
|
||||
width : 100,
|
||||
align : "center",
|
||||
title : '种类2'
|
||||
},{
|
||||
field : 'orderNumber',
|
||||
title : '订单编号',
|
||||
align : "center",
|
||||
width : 230,
|
||||
templet : function(d) {
|
||||
return d.orderNumber + '\t';
|
||||
}
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '文件名称'
|
||||
},{
|
||||
field : 'filename',
|
||||
title : '表格名称',
|
||||
width : 120,
|
||||
},{
|
||||
field : 'count',
|
||||
title : '数量',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.count == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.count+'</a>';
|
||||
}else{
|
||||
return d.count;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'number',
|
||||
title : '拼版数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.number == "#"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.number+'</a>';
|
||||
}else{
|
||||
return d.number;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'zhang',
|
||||
title : '张数',
|
||||
align : "center",
|
||||
width : 80,
|
||||
templet : function(d) {
|
||||
if(d.zhang == "0.0"){
|
||||
return '<a class=""style="color:#ed2a4a">'+d.zhang+'</a>';
|
||||
}else{
|
||||
return d.zhang;
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '导入日期',
|
||||
align : "center",
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('finance7TableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
filename : $("#filename").val(),
|
||||
orderNumber : $("#orderNumber").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(finance7Table)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'export':
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要导出的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
window.location.href="../../../excel_7" + "?filename=" + filename;
|
||||
break;
|
||||
case 'mulAdd'://导入
|
||||
layer.open({
|
||||
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
|
||||
type: 1,
|
||||
title: "导入数据",
|
||||
area: ['720px', '430px'],
|
||||
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
break;
|
||||
case 'del':// 删除
|
||||
var filename = $("#filename").val();
|
||||
if(filename == ""){
|
||||
layer.msg('请选择要删除的文件!',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url : "../../../deleteDataByFilename_7",
|
||||
dataType : 'json',
|
||||
data:{'filename': filename},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//删除完清空下拉框再重新查询
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance7TableAll"); //重新加载页面表格
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
break;
|
||||
};
|
||||
});
|
||||
//多文件上传
|
||||
form.on('submit(upLoad)',function(obj){
|
||||
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
|
||||
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
|
||||
//$('#testListAction').html('<span style="color: #FF5722;">正在上传...</span>');
|
||||
})
|
||||
var demoListView = $('#demoList'),
|
||||
uploadListIns = upload.render({
|
||||
elem: '#testList',
|
||||
url: '../../../ajaxUpload_f7', //上传接口
|
||||
accept: 'file',
|
||||
multiple: true,
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
choose: function(obj){ //选完文件调用
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
var count = 1;
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">',
|
||||
'<td>'+ count++ +'</td>',
|
||||
'<td>'+ file.name +'</td>',
|
||||
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
||||
'<td>等待上传</td>',
|
||||
'<td>',
|
||||
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>',
|
||||
'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
done: function(res, index, upload){ //上传成功后调用
|
||||
layer.msg(res.msg,function(){});
|
||||
if(res.code == 200){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index),
|
||||
tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(4).html(''); //清空操作
|
||||
$('#testListAction').html('<span>开始上传</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
$("#filename").empty();
|
||||
activeFunction();
|
||||
table.reload("finance7TableAll"); //重新加载页面表格
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload);
|
||||
},
|
||||
error: function(index, upload){ //上传失败后调用
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(3).html('<span style="color: #FF5722;">上传失败</span>');
|
||||
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
|
||||
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,44 @@
|
||||
layui.use(['element','form'], function(){
|
||||
var $ = layui.jquery;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
//一访问页面就调用
|
||||
$.ajax({
|
||||
url:"/quote_price/getCustomerTrainProTypes",
|
||||
type : "GET",
|
||||
dataType : "json",
|
||||
data:{
|
||||
type:$("#type").val()
|
||||
},
|
||||
success : function(result) {
|
||||
var data = result.list
|
||||
$.each(data,function(index,item){
|
||||
$('.proType').append(new Option(item.proType,item.proType));//往下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
form.on('select(proType)', function(data) {
|
||||
$('.kind').empty();
|
||||
$('.kind').append(new Option("",""));
|
||||
form.render("select");
|
||||
$.ajax({
|
||||
url:"/quote_price/getCustomerTrainKindLabelsByProType",
|
||||
type : "GET",
|
||||
dataType : "json",
|
||||
data:{
|
||||
proType :data.value,
|
||||
type :$("#type").val(),
|
||||
needPage:"0"
|
||||
},
|
||||
success : function(result) {
|
||||
var data = result.list
|
||||
$.each(data,function(index,item){
|
||||
$('.kind').append(new Option(item.kindLabel,item.kindLabel));//往下拉菜单里添加元素
|
||||
});
|
||||
layui.form.render("select");
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,132 @@
|
||||
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();
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,145 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#informationTable',
|
||||
url : '../../../getInformations',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '用户表',// 导出文件名
|
||||
id : 'informationTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
content:''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'content',
|
||||
title : '内容',
|
||||
},{
|
||||
field : 'type',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
title : '类型'
|
||||
},{
|
||||
field : 'createBy',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
title : '创建人'
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
width : 220,
|
||||
align : 'center',
|
||||
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 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.list.total,//解析数据长度
|
||||
"data" : res.data.list.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('informationTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
content : $("#content").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(informationTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加问题",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
skin:'layui-layer-molv',
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addInformation.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
|
||||
// 监听 修改
|
||||
table.on('tool(informationTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改问题",
|
||||
area : [ '45%', '70%' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateInformation.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('#contentUpdate').val(data1.content);
|
||||
body.find('#type').val(data1.type);
|
||||
layui.form.render();
|
||||
}
|
||||
});
|
||||
}else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteInformation",
|
||||
data:{'id': data1.id},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
* 客服大单流失统计列表
|
||||
*/
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#kefuTable',
|
||||
url : '../../../getKefuList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '客服大单流失统计',// 导出文件名
|
||||
id : 'kefuTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,100,999],
|
||||
where:{
|
||||
proTypeLabel : ''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 80,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'realLabel',
|
||||
width : 150,
|
||||
align : 'center',
|
||||
title : '真实姓名',
|
||||
},{
|
||||
field : 'shopNameLabel',
|
||||
width : 240,
|
||||
align : 'center',
|
||||
title : '所在店铺',
|
||||
},{
|
||||
field : 'totalLabel',
|
||||
width : 240,
|
||||
align : 'center',
|
||||
title : '累计单量',
|
||||
}] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.list.total,//解析数据长度
|
||||
"data" : res.data.list.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('kefuTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
realLabel : $("#realLabel").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,210 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#loginIpTable',
|
||||
url : '../../../getLoginIpList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '用户表',// 导出文件名
|
||||
id : 'loginIpTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
where:{
|
||||
agreeIp:'',
|
||||
remark :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [
|
||||
{
|
||||
type: 'checkbox'
|
||||
},
|
||||
{
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50
|
||||
},{
|
||||
field : 'agreeIp',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
title : '授权IP'
|
||||
},{
|
||||
field : 'remark',
|
||||
align : 'center',
|
||||
width : 380,
|
||||
title : '说明'
|
||||
},{
|
||||
field : 'createBy',
|
||||
align : 'center',
|
||||
width : 230,
|
||||
title : '创建人',
|
||||
templet : function(d) {
|
||||
var text = "";
|
||||
if(d.createBy != null){
|
||||
text += d.createBy;
|
||||
}
|
||||
if(d.createDate != null){
|
||||
text += " " + layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss");
|
||||
}
|
||||
return text;
|
||||
}
|
||||
},{
|
||||
field : 'updateBy',
|
||||
align : 'center',
|
||||
width : 230,
|
||||
title : '更新人',
|
||||
templet : function(d) {
|
||||
var text = "";
|
||||
if(d.updateBy != null){
|
||||
text += d.updateBy;
|
||||
}
|
||||
if(d.updateTime != null){
|
||||
text += " " + layui.util.toDateString(d.updateTime, "yyyy-MM-dd HH:mm:ss");
|
||||
}
|
||||
return text;
|
||||
}
|
||||
}, {
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
width : 200,
|
||||
align : 'center',
|
||||
toolbar : '#barDemo'
|
||||
} ] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.ipList.total,//解析数据长度
|
||||
"data" : res.data.ipList.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('loginIpTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
agreeIp: $("#agreeIp").val(),
|
||||
remark : $("#remark").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
activeDelFunction();
|
||||
return false;
|
||||
});
|
||||
|
||||
//激活批量删除
|
||||
function activeDelFunction(){
|
||||
$('.demoTable .layui-btn').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
}
|
||||
activeDelFunction();
|
||||
//执行批量删除
|
||||
var $ = layui.$,active = {
|
||||
getCheckData: function(){ //获取选中数据
|
||||
var checkStatus = table.checkStatus('loginIpTableAll'),
|
||||
checkData = checkStatus.data,
|
||||
ids="";
|
||||
if(checkData.length == 0){
|
||||
layer.msg("请选择要删除的数据",function(){});
|
||||
return;
|
||||
}
|
||||
for (var i = 0; i < checkData.length; i++) {
|
||||
ids+=checkData[i].id+",";
|
||||
}
|
||||
//var ids = JSON.stringify(delList);
|
||||
layer.confirm('确定要删除这['+checkData.length+'条]数据么？',{icon:5,title:'友情提示'}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteIps",
|
||||
dataType:'json',
|
||||
data:{
|
||||
ids:ids
|
||||
},
|
||||
type:'post',
|
||||
success:function(data){
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面表格
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(loginIpTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加IP",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addLoginIp.jsp',
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
// 监听 删除
|
||||
table.on('tool(loginIpTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改ip",
|
||||
area : [ '45%', '70%' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateLoginIp.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('#agreeIp').val(data1.agreeIp);
|
||||
body.find('#remark').val(data1.remark);
|
||||
layui.form.render();
|
||||
}
|
||||
});
|
||||
}else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteIp",
|
||||
data:{'id': data1.id},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
+13
File diff suppressed because one or more lines are too long
@@ -0,0 +1,136 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#productTable',
|
||||
url : '../../../getProductList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '价格表',// 导出文件名
|
||||
id : 'productTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,100,999],
|
||||
where:{
|
||||
proTypeLabel : ''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 80,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'proTypeLabel',
|
||||
width : 150,
|
||||
align : 'center',
|
||||
title : '产品类型',
|
||||
},{
|
||||
field : 'kindLabel',
|
||||
width : 240,
|
||||
align : 'center',
|
||||
title : '产品种类1',
|
||||
},{
|
||||
field : 'kind1Label',
|
||||
width : 240,
|
||||
align : 'center',
|
||||
title : '产品种类2',
|
||||
},{
|
||||
field : 'kind2Label',
|
||||
width : 240,
|
||||
align : 'center',
|
||||
title : '产品种类3',
|
||||
},{
|
||||
field : 'length',
|
||||
align : 'center',
|
||||
title : '长',
|
||||
width : 100
|
||||
},{
|
||||
field : 'width',
|
||||
align : 'center',
|
||||
title : '宽',
|
||||
width : 100
|
||||
},{
|
||||
field : 'count',
|
||||
align : 'center',
|
||||
title : '数量',
|
||||
edit : 'text',
|
||||
width : 120
|
||||
},{
|
||||
field : 'price',
|
||||
align : 'center',
|
||||
title : '价格',
|
||||
edit : 'text',
|
||||
width : 120
|
||||
},{
|
||||
field : 'priceMultiple',
|
||||
align : 'center',
|
||||
title : '倍数',
|
||||
edit : 'text',
|
||||
width : 120
|
||||
},{
|
||||
field : 'weight',
|
||||
align : 'center',
|
||||
title : '重量',
|
||||
edit : 'text',
|
||||
width : 120
|
||||
}/*,{
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
toolbar : '#barDemo'
|
||||
} */] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.list.total,//解析数据长度
|
||||
"data" : res.data.list.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('productTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
proTypeLabel : $("#proTypeLabel").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听单元格编辑
|
||||
table.on('edit(productTable)', function(obj){
|
||||
var value = obj.value, //得到修改后的值
|
||||
data = obj.data, //得到所在行所有键值
|
||||
field = obj.field; //得到字段
|
||||
$.ajax({
|
||||
url:"../../../updatePriceById",
|
||||
data:{
|
||||
proId: data.proId,
|
||||
value: value,
|
||||
field: field
|
||||
},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('修改成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('修改失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,184 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
|
||||
var typeData = {
|
||||
0:'单选题',
|
||||
1:'多选题',
|
||||
2:'填空题'
|
||||
}
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#questionTable',
|
||||
url : '../../../questions',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '问题表',// 导出文件名
|
||||
id : 'questionTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
question : '',
|
||||
type : ''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'question',
|
||||
title : '问题',
|
||||
},{
|
||||
field : 'type',
|
||||
align : 'center',
|
||||
title : '题目类型',
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return typeData[d.type]
|
||||
}
|
||||
},{
|
||||
field : 'answer1',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '选项A'
|
||||
},{
|
||||
field : 'answer2',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '选项B'
|
||||
},{
|
||||
field : 'answer3',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '选项C'
|
||||
},{
|
||||
field : 'answer4',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '选项D'
|
||||
},{
|
||||
field : 'answer',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
title : '正确答案'
|
||||
}/*,{
|
||||
field : 'createBy',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
title : '创建人'
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
align : 'center',
|
||||
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 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.list.total,//解析数据长度
|
||||
"data" : res.data.list.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('questionTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
question : $("#question").val(),
|
||||
type : $("#type").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(questionTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加问题",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
skin:'layui-layer-molv',
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addQuestion.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
|
||||
// 监听 修改
|
||||
table.on('tool(questionTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改问题",
|
||||
area : [ '45%', '70%' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateQuestion.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('#question').val(data1.question);
|
||||
body.find('#answer1').val(data1.answer1);
|
||||
body.find('#answer2').val(data1.answer2);
|
||||
body.find('#answer3').val(data1.answer3);
|
||||
body.find('#answer4').val(data1.answer4);
|
||||
body.find('#answer').val(data1.answer);
|
||||
layui.form.render();
|
||||
}
|
||||
});
|
||||
}else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteQuestion",
|
||||
data:{'id': data1.id},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,69 @@
|
||||
function getRemark(proTypeValue, size, count, kindValue, number, craftList, other){
|
||||
var bz_result = "";
|
||||
var pValue = $("#proTypeValue").val();
|
||||
var wangwang = $("#wangwang").val();//旺旺号
|
||||
var sizes = size?.split("*");
|
||||
var length = sizes[0];
|
||||
var width = sizes[1];
|
||||
var height = 0;
|
||||
|
||||
if(sizes.length > 2){//获取高度
|
||||
height = sizes[2];
|
||||
if(size.indexOf("mm") < 0){
|
||||
height = height * 10;
|
||||
}
|
||||
}
|
||||
|
||||
width = width?.replace("mm","");
|
||||
if(pValue == 17 || pValue == "锦旗" || pValue == "亚克力"){
|
||||
}else{
|
||||
if(size.indexOf("mm") < 0){//单位转换
|
||||
length = length * 10;
|
||||
width = width * 10;
|
||||
}
|
||||
}
|
||||
|
||||
var sizeList = "";
|
||||
if(width == 0){
|
||||
sizeList = length;
|
||||
}else if(height != ""){
|
||||
sizeList = length + "×" + width + "×" + height;
|
||||
}else{
|
||||
sizeList = length + "×" + width;
|
||||
}
|
||||
|
||||
if(pValue == 17 || pValue == "锦旗" || pValue == "亚克力"){
|
||||
sizeList += "cm";
|
||||
}else{
|
||||
sizeList += "mm";
|
||||
}
|
||||
|
||||
if(number == 1){
|
||||
bz_result = sizeList + '-' + count;
|
||||
}else{
|
||||
bz_result = sizeList + '-' + number + '款各' + count;
|
||||
}
|
||||
|
||||
if(proTypeValue == "不干胶"){//不干胶备注方式
|
||||
bz_result += "-" + kindValue + "-" + proTypeValue;
|
||||
}else{
|
||||
bz_result += "-" +proTypeValue;
|
||||
if(kindValue != ""){
|
||||
bz_result += "-" + kindValue;
|
||||
}
|
||||
}
|
||||
|
||||
if(craftList != ""){
|
||||
bz_result += '-' + craftList;
|
||||
}
|
||||
|
||||
if(wangwang != ""){
|
||||
bz_result += '-' + wangwang;
|
||||
}
|
||||
|
||||
if(other != ""){
|
||||
bz_result += "-" + other;
|
||||
}
|
||||
|
||||
$("#bz_result").val(bz_result);
|
||||
}
|
||||
@@ -0,0 +1,188 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#roleTable',
|
||||
url : '../../../getRoleList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '角色表',// 导出文件名
|
||||
id : 'roleTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
roleName :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
}, {
|
||||
field : 'roleName',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '角色名称'
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '说明',
|
||||
align : 'center',
|
||||
width : 500
|
||||
},{
|
||||
field : 'isRegist',
|
||||
title : '是否可注册',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
templet : '#statusTpl',
|
||||
}, {
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
}, {
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
toolbar : '#barDemo'
|
||||
} ] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.roleList.total,//解析数据长度
|
||||
"data" : res.data.roleList.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('roleTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
roleName : $("#roleName").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听状态按钮
|
||||
form.on('switch(statusDemo)', function(obj){
|
||||
//layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
|
||||
$.ajax({
|
||||
url : "../../../changeRoleStatus",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'roleId':obj.value
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('状态修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 2100);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(roleTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加角色",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addRole.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
|
||||
// 监听 修改
|
||||
table.on('tool(roleTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改角色信息",
|
||||
area : [ '600px', '400px' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateRole.jsp',
|
||||
success : function(layero, index) {
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; // 得到iframe页的窗口对象
|
||||
body.find('#roleId').val(data1.roleId);
|
||||
body.find('#roleName').val(data1.roleName);
|
||||
body.find('#remark').val(data1.remark);
|
||||
/*body.find('input[name=isRegist][value=1]').attr("checked",data1.isRegist==1 ? true : false);
|
||||
body.find('input[name=isRegist][value=0]').attr("checked",data1.isRegist==0 ? true : false);*/
|
||||
layui.form.render();
|
||||
}
|
||||
});
|
||||
}else if (obj.event === 'editPer') {
|
||||
roleId = data1.roleId;
|
||||
//发送一个异步请求，查询选中的角色/用户对应的权限，只需要编号
|
||||
$.post('../../../rolePers',{roleId:roleId},function (data) {
|
||||
//先获取所有的根节点
|
||||
var nodes = zTreeObj.getNodes();
|
||||
$.each(nodes,function () {
|
||||
//判断当前节点编号是否在 角色对应的权限编号数组中，说明该选中，否则不选中
|
||||
if($.inArray(this.perId,data) != -1){
|
||||
zTreeObj.checkNode(this,true,true);
|
||||
}else{
|
||||
zTreeObj.checkNode(this,false,true);
|
||||
}
|
||||
//判断二级节点
|
||||
$.each(this.children,function () {
|
||||
if($.inArray(this.perId,data) != -1){
|
||||
zTreeObj.checkNode(this,true,true);
|
||||
}else{
|
||||
zTreeObj.checkNode(this,false,true);
|
||||
}
|
||||
//判断三级节点
|
||||
$.each(this.children,function () {
|
||||
if ($.inArray(this.perId, data) != -1) {
|
||||
zTreeObj.checkNode(this, true, true);
|
||||
} else {
|
||||
zTreeObj.checkNode(this, false, true);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: "修改《"+data1.roleName+"》的权限",
|
||||
area: ['720px', '630px'],
|
||||
skin: 'layui-layer-molv',
|
||||
content: $("#editPers")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,154 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#searchTable',
|
||||
url : '../../../getKeyWordsList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '关键字表',// 导出文件名
|
||||
id : 'searchTableAll',
|
||||
// 开启分页
|
||||
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',
|
||||
width : 150,
|
||||
algin : 'center',
|
||||
title : '产品名称'
|
||||
},{
|
||||
field : 'likeProTypeLabel',
|
||||
title : '关键字',
|
||||
edit : 'text'
|
||||
},{
|
||||
field : 'url',
|
||||
title : '菜单URL',
|
||||
width : 250,
|
||||
edit : 'text'
|
||||
},{
|
||||
field : 'userStatus',
|
||||
title : '状态',
|
||||
width : 120,
|
||||
templet : '#statusTpl',
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
}, {
|
||||
field : 'updateDate',
|
||||
title : '更新时间',
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.updateDate != null ?layui.util.toDateString(d.updateDate, "yyyy-MM-dd") : "";
|
||||
}
|
||||
} ] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.total,//解析数据长度
|
||||
"data" : res.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('searchTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
proTypeLabel : $("#proTypeLabel").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听状态按钮
|
||||
form.on('switch(statusDemo)', function(obj){
|
||||
layer.tips(this.value + ' ' + this.name + ':'+ obj.elem.checked, obj.othis);
|
||||
$.ajax({
|
||||
url : "../../../changeKeyWordsStatus",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'id':obj.value
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('状态修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 2100);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听头部工作栏的 新增
|
||||
table.on('toolbar(searchTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加产品关键字",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addSearchPro.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
|
||||
// 监听编辑关键字
|
||||
table.on('edit(searchTable)', function(obj){
|
||||
var value = obj.value, //得到修改后的值
|
||||
field = obj.field; //得到字段
|
||||
var data = obj.data,//得到所在行所有键值
|
||||
id = data.id;
|
||||
$.ajax({
|
||||
url:"../../../updateKeyWord",
|
||||
data:{
|
||||
id : id,
|
||||
value : value,
|
||||
field : field,
|
||||
},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,164 @@
|
||||
layui.use([ 'table', 'form', 'element', 'laydate','upload','util' ], function() {
|
||||
var $ = layui.jquery
|
||||
table = layui.table,
|
||||
form = layui.form,
|
||||
element = layui.element,
|
||||
laydate = layui.laydate,
|
||||
upload = layui.upload,
|
||||
util = layui.util;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#logTable',
|
||||
url : '../../../getUpdateLogs',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : "更新日志",// 导出名
|
||||
id : 'logAll',
|
||||
// skin : 'row',
|
||||
// size :'lg',
|
||||
border : true,
|
||||
page : true,
|
||||
limits : [ 10, 30, 50, 80, 100, 999 ],
|
||||
where : {
|
||||
content : '',
|
||||
},
|
||||
cols : [ [
|
||||
{ type: 'checkbox' },
|
||||
{
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
unresize : true
|
||||
}, {
|
||||
field : 'content',
|
||||
align : "center",
|
||||
width : 520,
|
||||
title : '更新内容'
|
||||
}, {
|
||||
field : 'addTime',
|
||||
align : "center",
|
||||
width : 260,
|
||||
title : '更新时间',
|
||||
templet : function(d) {
|
||||
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
}, {
|
||||
field : 'createBy',
|
||||
align : "center",
|
||||
width : 120,
|
||||
title : '添加人'
|
||||
}, {
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : "center",
|
||||
width : 180,
|
||||
toolbar : '#barDemo'
|
||||
} ] ],
|
||||
parseData : function(res) { // 将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, // 解析接口状态
|
||||
"msg" : "", // 解析提示文本
|
||||
"count" : res.data.list.length,// 解析数据长度
|
||||
"data" : res.data.list
|
||||
// 解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
//点击查询按钮，重载文章表格
|
||||
$('#search').on('click', function() {
|
||||
table.reload('logAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
content : $("#content").val(),
|
||||
add_time_begin : $("#addTimeBegin").val(),
|
||||
add_time_end : $("#addTimeEnd").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
// 时间选择器初始化 开始时间
|
||||
laydate.render({
|
||||
elem: '#addTimeBegin',
|
||||
format: 'yyyy-MM-dd',
|
||||
done: function (value, date, endDate) {
|
||||
var startDate = new Date(value).getTime();
|
||||
var endTime = new Date($('#addTimeEnd').val()).getTime();
|
||||
if (endTime < startDate) {
|
||||
layer.msg('结束时间不能小于开始时间');
|
||||
$('#addTimeBegin').val($('#addTimeEnd').val());
|
||||
}
|
||||
}
|
||||
})
|
||||
laydate.render({ //结束时间
|
||||
elem: '#addTimeEnd',
|
||||
format: 'yyyy-MM-dd',
|
||||
done: function (value, date, endDate) {
|
||||
var startDate = new Date($('#addTimeBegin').val()).getTime();
|
||||
var endTime = new Date(value).getTime();
|
||||
if (endTime < startDate) {
|
||||
layer.msg('结束时间不能小于开始时间');
|
||||
$('#addTimeEnd').val($('#addTimeBegin').val());
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//监听头工具栏事件--新增文章按钮
|
||||
table.on('toolbar(logTable)', function (obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id),
|
||||
data = checkStatus.data; //获取选中的数据
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "添加更新日志",
|
||||
area: ['900px','600px'],
|
||||
skin: "layui-layer-molv",
|
||||
content: './addLog.jsp',
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
|
||||
//监听表格操作按钮--文章编辑
|
||||
table.on('tool(logTable)',function(obj){
|
||||
if(obj.event === 'edit'){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: "修改信息",
|
||||
area: ['900px','600px'],
|
||||
skin: "layui-layer-molv",
|
||||
fix: false, //不固定
|
||||
//btn: ['取消'],//弹出层按钮
|
||||
maxmin: true,
|
||||
content: './updateLog.jsp',
|
||||
success: function(layero, index){
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
||||
body.find('#id').val(obj.data.id);
|
||||
body.find('#addTime').val(layui.util.toDateString(obj.data.addTime,"yyyy-MM-dd"));
|
||||
body.find('#content').val(obj.data.content);
|
||||
}
|
||||
});
|
||||
}else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteLog",
|
||||
data:{'id': obj.data.id},
|
||||
type:"post",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg('删除失败！',{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,286 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
|
||||
var sysStatusData = {
|
||||
0:'新用户',
|
||||
1:'第一阶段',
|
||||
2:'测试通过'
|
||||
};
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#userTable',
|
||||
url : '../../../getUserList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '用户表',// 导出文件名
|
||||
id : 'userTableAll',
|
||||
// 开启分页
|
||||
// page : true,
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
limits : [10,30,50,80,100,999],
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
username :'',
|
||||
realname :'',
|
||||
userStatus :'',
|
||||
roleSearch :'',
|
||||
role : $("#role").val()
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 60,
|
||||
fixed : "left"
|
||||
},{
|
||||
field : 'username',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '用户名称'
|
||||
},{
|
||||
field : 'realname',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
title : '真实姓名'
|
||||
},{
|
||||
field : 'role',
|
||||
title : '角色',
|
||||
sort : 'true',
|
||||
templet:function(d){
|
||||
if(d.role != null && d.role != ""){
|
||||
var load = d.role.split(",");
|
||||
var roleStr = "";
|
||||
for (var i = 0; i < load.length; i++) {
|
||||
roleStr += roleData[load[i]] + " ";
|
||||
}
|
||||
//roleStr = roleStr.substring(0,roleStr.length-1)
|
||||
return roleStr
|
||||
}
|
||||
return ""
|
||||
}
|
||||
},{
|
||||
field : 'birthDay',
|
||||
title : '生日时间',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
return d.birthDay != null ?layui.util.toDateString(d.birthDay, "MM-dd") : "";
|
||||
}
|
||||
},{
|
||||
field : 'birthType',
|
||||
title : '农历/新历',
|
||||
align : 'center',
|
||||
width : 100,
|
||||
templet : function(d) {
|
||||
if(d.birthType == "0"){
|
||||
return "农历"
|
||||
}else{
|
||||
return "新历"
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'sysStatus',
|
||||
title : '系统状态',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
templet : function(d) {
|
||||
if(d.sysStatus == '0'){
|
||||
return '<a class=""style="color:#ed2a4a">'+ sysStatusData[d.sysStatus] +'</a>';
|
||||
}else if (d.sysStatus == '1'){
|
||||
return '<a class=""style="color:#9d8a0e">'+ sysStatusData[d.sysStatus] +'</a>';
|
||||
}else{
|
||||
return '<a class=""style="color:#5FB878">'+ sysStatusData[d.sysStatus] +'</a>';
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'userStatus',
|
||||
title : '启用状态',
|
||||
align : 'center',
|
||||
width : 150,
|
||||
templet : '#userStatusTpl',
|
||||
},{
|
||||
field : 'needIp',
|
||||
title : '判断Ip',
|
||||
align : 'center',
|
||||
width : 100,
|
||||
templet : function(d) {
|
||||
if(d.needIp == "0"){
|
||||
return "否"
|
||||
}else if(d.needIp == "1"){
|
||||
return "是"
|
||||
}else{
|
||||
return "不需要"
|
||||
}
|
||||
}
|
||||
},{
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
},{
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
width : 150,
|
||||
align : 'center',
|
||||
toolbar : '#barDemo'
|
||||
} ] ],
|
||||
//数据渲染完的回调。
|
||||
done: function (res, curr, count) {
|
||||
// 由于layui 设置了超出隐藏，所以这里改变下，以兼容操作按钮的下拉菜单
|
||||
// $(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow', 'visible');
|
||||
},
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.userList.total,//解析数据长度
|
||||
"data" : res.data.userList.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('userTableAll', {
|
||||
method : 'get',
|
||||
where : {
|
||||
username : $("#username").val(),
|
||||
realname : $("#realname").val(),
|
||||
userStatus : $("#userStatus").val(),
|
||||
roleSearch : $("#roleSearch").val(),
|
||||
role : $("#role").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听状态按钮
|
||||
form.on('switch(userStatusDemo)', function(obj){
|
||||
console.log(obj)
|
||||
//layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
|
||||
$.ajax({
|
||||
url : "../../../changeUserStatus",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'userId':obj.value
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('状态修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
form.on('switch(sysStatusDemo)', function(obj){
|
||||
$.ajax({
|
||||
url : "../../../changeSysStatus",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'userId':obj.value
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('状态修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(userTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加用户",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addUser.jsp',
|
||||
});
|
||||
break;
|
||||
case 'editAllIp':
|
||||
$.ajax({
|
||||
url : "../../../changeNeedIp",
|
||||
dataType : 'json',
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
}
|
||||
})
|
||||
break;
|
||||
};
|
||||
|
||||
|
||||
});
|
||||
|
||||
// 监听 修改
|
||||
table.on('tool(userTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改用户信息",
|
||||
area : [ '45%', '70%' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateUser.jsp',
|
||||
success : function(layero, index) {
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; // 得到iframe页的窗口对象
|
||||
body.find('#userId').val(data1.userId);
|
||||
body.find('#username').val(data1.username);
|
||||
body.find('#password').val("********");
|
||||
body.find('#realnameUpdate').val(data1.realname);
|
||||
body.find('#needIp').val(data1.needIp);
|
||||
body.find('#ROLE').val(data1.role);
|
||||
body.find('#sysStatusUpdate').val(data1.sysStatus);
|
||||
}
|
||||
});
|
||||
}else if (obj.event === 'del') {// 监听删除
|
||||
layer.confirm('确定要删除该数据么？',{icon:3,title:"提示"}, function(index){
|
||||
$.ajax({
|
||||
url:"../../../deleteUserById",
|
||||
data:{'id': data1.userId},
|
||||
type:"post",
|
||||
//dataType:"json",
|
||||
success:function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('删除成功！',{icon:6,offset:"auto",time:1000});//提示框
|
||||
}else{
|
||||
layer.msg(data.msg,{icon:5,offset:"auto",time:1000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
// location.reload();//重新加载页面
|
||||
}, 1100);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
Reference in New Issue
Block a user