316 lines
8.5 KiB
Plaintext
316 lines
8.5 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<%@ include file="/webpage/include/taglib.jsp"%>
|
||
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>培训列表</title>
|
||
<link rel="stylesheet" href="${ctxStatic}/layui-v2.5.4/layui/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="${ctxStatic}/common/css/style.css" type="text/css"/>
|
||
<script src="${ctxStatic}/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
|
||
<script src="${ctxStatic}/common/yuan.js"></script>
|
||
<script src="${ctxStatic}/common/jquery.fileDownload.js" type="text/javascript"></script>
|
||
<style type="text/css">
|
||
.layui-btn-primary {
|
||
border: 1px solid #C9C9C9;
|
||
background-color: #01b9dd !important;
|
||
color: white !important;
|
||
}
|
||
.gray-bg {
|
||
background-color: #f3f3f4 !important;
|
||
}
|
||
.layui-table-cell {
|
||
font-size: 14px;
|
||
padding: 0 5px;
|
||
height: inherit;
|
||
overflow: visible;
|
||
text-overflow: inherit;
|
||
white-space: normal;
|
||
word-break: break-all;
|
||
}
|
||
</style>
|
||
<script>
|
||
function ckzy(data) {
|
||
layer.open({
|
||
type: 2,
|
||
area: ['50%', '70%'],
|
||
title: "查看检测列表11",
|
||
maxmin: true,
|
||
content: 'jclbform.html',
|
||
btn: ['关闭'],
|
||
yes: function(index) {
|
||
layer.close(index);
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
</head>
|
||
<body class="gray-bg">
|
||
<div class="wrapper wrapper-content">
|
||
<div id="userBar" style="display: none;">
|
||
<%-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>--%>
|
||
<a class="layui-btn layui-btn-blue layui-btn-xs" lay-event="info">查看报告</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||
|
||
</div>
|
||
<div style="display: none;" id="userToolBar">
|
||
<button type="button" class="layui-btn layui-btn-sm" lay-event="add">增加</button>
|
||
<button type="button" class="layui-btn layui-btn-sm" lay-event="batchDelete">批量删除</button>
|
||
<a href="javascript:void(0);" lay-event="export" class="layui-btn layui-btn-sm">导出</a>
|
||
<%-- <button type="button" class="layui-btn layui-btn-sm" lay-event="batchDelete">批量删除</button>--%>
|
||
</div>
|
||
|
||
|
||
<div class="demoTable">
|
||
|
||
<div class="layui-inline">
|
||
输入企业名称：
|
||
<div class="layui-inline">
|
||
<input class="layui-input" name="qiyeName" id="demoReload" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
评价时间:
|
||
<div class="layui-input-inline">
|
||
<input type="text" lay-verify="required" name="bgtime" id="bgtime" autocomplete="off" class="layui-input ">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-inline">
|
||
下次评价时间:
|
||
<div class="layui-input-inline">
|
||
<input type="text" lay-verify="required" name="nexttime" id="nexttime" autocomplete="off" class="layui-input ">
|
||
</div>
|
||
</div>
|
||
<button class="layui-btn" data-type="reload">搜索</button>
|
||
</div>
|
||
|
||
<table id="pxxx" class="layui-hide" lay-filter="userTable"></table>
|
||
|
||
<script type="text/html" id="barDemo">
|
||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
|
||
</script>
|
||
<script src="${ctxStatic}/layui-v2.5.4/layui/layui.all.js"></script>
|
||
<script>
|
||
layui.use(['table', 'layer','form','laydate','upload'], function() {
|
||
var table = layui.table;
|
||
var form = layui.form;
|
||
var laydate=layui.laydate;
|
||
//绑定时间选择器
|
||
laydate.render({
|
||
elem:'#bgtime'
|
||
,trigger: 'click'
|
||
});
|
||
|
||
laydate.render({
|
||
elem:'#nexttime'
|
||
,trigger: 'click'
|
||
});
|
||
var tableIns=table.render({
|
||
elem: '#pxxx',
|
||
id: 'testReload',
|
||
url: '${ctx}/zyb/logon/pjxxListByName', //数据接口
|
||
toolbar:"#userToolBar",
|
||
defaultToolbar:['filter'],
|
||
// data:,
|
||
cellMinWidth: 80 //全局定义常规单元格的最小宽度
|
||
,
|
||
width:1127,
|
||
page: true //开启分页
|
||
,
|
||
cols: [
|
||
[ //表头
|
||
{type: 'checkbox'},
|
||
{field: 'pjname', title: '评价名称', align: 'center'},
|
||
{field: 'enterpriseName', title: '企业名称', align: 'center'}
|
||
, {field: 'pjtime', title: '评价时间', align: 'center',templet : function(value){
|
||
return layui.util.toDateString(value.pjtime,'yyyy-MM-dd');
|
||
}}
|
||
, {field: 'nextpjtime', title: '下次评价时间', align: 'center' ,templet : function(value){
|
||
return layui.util.toDateString(value.nextpjtime,'yyyy-MM-dd');
|
||
}}
|
||
,{fixed: 'right', title:'操作', toolbar: '#userBar', width:220,align:'center'}
|
||
]
|
||
]
|
||
});
|
||
|
||
|
||
//监听头部工具栏事件
|
||
table.on("toolbar(userTable)",function(obj){
|
||
var checkStatus = table.checkStatus(obj.config.id);
|
||
switch(obj.event){
|
||
case 'export':
|
||
{
|
||
var index2 ;
|
||
var qyName=$('#demoReload').val();
|
||
var bgtime=$('#bgtime').val();
|
||
var nexttime=$('#nexttime').val();
|
||
//添加企业信息
|
||
var url="${ctx}/zyb/logon/pjbgexport?fileName=评价报告管理列表.xlsx&qyName="+qyName+"&bgtime="+bgtime+"&nexttime="+nexttime;
|
||
$.fileDownload(url,{
|
||
httpMethod: 'get',
|
||
prepareCallback:function(url){
|
||
index2=top.layer.load(1, {
|
||
shade: [0.1,'#fff'] //0.1透明度的白色背景
|
||
// ,time:10*1000
|
||
});
|
||
},
|
||
successCallback:function(url){
|
||
top.layer.close(index2);
|
||
},
|
||
failCallback: function (html, url) {
|
||
|
||
}
|
||
});
|
||
break;
|
||
}
|
||
case 'add':
|
||
openAddUser();
|
||
break;
|
||
case 'batchDelete':
|
||
var data = checkStatus.data;
|
||
if(data.length <=0){
|
||
layer.msg("请选择要删除的数据!",{icon:"2"});
|
||
return;
|
||
}
|
||
let arrayStr = "";
|
||
for(let item of data){
|
||
arrayStr+= ","+(item.id).toString();
|
||
}
|
||
layer.confirm('确定删除选择的数据吗？', {
|
||
btn: ['确定', '取消'] //可以无限个按钮
|
||
}, function(index, layero){
|
||
$.ajax({
|
||
url:'${ctx}/zyb/logon/pjbgdel',
|
||
/*traditional: true,*/
|
||
data:{
|
||
ids:arrayStr
|
||
},
|
||
dataType:"json",
|
||
async:false,
|
||
type:'get',
|
||
success:function(res){
|
||
console.log(res)
|
||
alert('ddd');
|
||
},
|
||
error:function(xhr){
|
||
console.log(xhr);
|
||
}
|
||
})
|
||
tableIns.reload();
|
||
layer.close(index);
|
||
/* layer.msg("删除成功!",{icon:"1"})*/
|
||
}, function(index){
|
||
layer.close(index);
|
||
return false;
|
||
|
||
});
|
||
break;
|
||
};
|
||
})
|
||
|
||
/**
|
||
* 监听表格内部东西
|
||
*/
|
||
table.on('tool(userTable)', function (obj) {
|
||
console.log(obj)
|
||
var data = obj.data; //获得当前行数据
|
||
var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
||
if (layEvent === 'del') { //删除
|
||
layer.msg("删除");
|
||
layer.confirm('真的删除行么', function (index) {
|
||
obj.del(); //删除对应行（tr）的DOM结构
|
||
layer.close(index);
|
||
$.ajax({
|
||
url: "${ctx}/zyb/logon/deletePjxx", //请求的url地址
|
||
dataType: "json",
|
||
async: true,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: {id: data.id}, //参数值
|
||
type: "GET", //请求方式
|
||
success: function (req) {
|
||
|
||
},
|
||
complete: function () {
|
||
//请求完成的处理
|
||
},
|
||
error: function (error) {
|
||
}
|
||
});
|
||
|
||
});
|
||
} else if (layEvent === 'info') { //查看
|
||
|
||
//do something
|
||
if (data.bgcontent==undefined || isNull(data.bgcontent)){
|
||
layer.msg("未提交报告")
|
||
}else {
|
||
top.layer.open({
|
||
type:2,
|
||
title:'添加检测信息',
|
||
content:'${projectName}'+data.bgcontent,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
|
||
|
||
}
|
||
});
|
||
|
||
//打开添加页面
|
||
function openAddUser(){
|
||
layer.open({
|
||
type:2,
|
||
title:'添加评价信息',
|
||
content:'${ctx}/zyb/logon/addpjxx',
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
|
||
|
||
//监听行工具事件
|
||
table.on('tool(xk)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
||
var data = obj.data //获得当前行数据
|
||
,
|
||
layEvent = obj.event; //获得 lay-event 对应的值
|
||
if (layEvent === 'detail') {
|
||
ckzy();
|
||
}
|
||
});
|
||
|
||
/**
|
||
* 查询
|
||
*/
|
||
var $ = layui.$, active = {
|
||
reload: function(){
|
||
var demoReload = $('#demoReload');
|
||
var bgtime=$('#bgtime');
|
||
var nexttime=$('#nexttime');
|
||
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
,where: {
|
||
enterpriseName : demoReload.val(),
|
||
pjtime:bgtime.val(),
|
||
nextpjtime:nexttime.val()
|
||
}
|
||
}, 'data');
|
||
}
|
||
};
|
||
|
||
$('.demoTable .layui-btn').on('click', function(){
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|