345 lines
13 KiB
Plaintext
345 lines
13 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/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;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="gray-bg" id="zyb_gz_list">
|
||
<div class="wrapper wrapper-content">
|
||
<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="export">导出</button>
|
||
|
||
</div>
|
||
<div class="demoTable">
|
||
<input class="layui-input" name="qyId" id="qyId" style="display: none" value="${qyId}">
|
||
|
||
<%--<div class="layui-inline">
|
||
项目名称：
|
||
<div class="layui-input-inline">
|
||
<input class="layui-input" id="xmmc" name="xmmc" autocomplete="off">
|
||
</div>
|
||
</div>--%>
|
||
<div class="layui-inline">
|
||
输入企业名称：
|
||
<div class="layui-input-inline">
|
||
<input class="layui-input" id="qyName" name="qyName" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
上报时间:
|
||
<div class="layui-input-inline">
|
||
<input type="text" lay-verify="required" name="createTime" id="createTime" autocomplete="off" class="layui-input ">
|
||
</div>
|
||
</div>
|
||
|
||
<%-- <div class="layui-inline">
|
||
评价机构名称：
|
||
<div class="layui-input-inline">
|
||
<input class="layui-input" name="pjjgmc" autocomplete="off">
|
||
</div>
|
||
</div>--%>
|
||
<%-- <div class="layui-inline">
|
||
评价时间：
|
||
<div class="layui-input-inline">
|
||
<input type="text" lay-verify="required" name="pjsj" id="pjsj" autocomplete="off" class="layui-input ">
|
||
</div>
|
||
</div>--%>
|
||
<%-- <div class="layui-inline">
|
||
是否开展:
|
||
<div class="layui-input-inline" style="width: 60px;">
|
||
<select name="zwkz" id="zwkz">
|
||
<option value="">无</option>
|
||
<option value="1">是</option>
|
||
<option value="0">否</option>
|
||
</select>
|
||
</div>
|
||
</div>--%>
|
||
<button class="layui-btn" data-type="reload">搜索</button>
|
||
</div>
|
||
<table id="gz" class="layui-hide" lay-filter="userTable"></table>
|
||
<div id="userBar0" style="display: none;">
|
||
<a class="layui-btn layui-btn-blue layui-btn-xs" lay-event="info0">查看报告</a>
|
||
</div>
|
||
<div id="userBar1" style="display: none;">
|
||
<a class="layui-btn layui-btn-blue layui-btn-xs" lay-event="info1">查看报告</a>
|
||
</div>
|
||
<div id="userBar2" style="display: none;">
|
||
<a class="layui-btn layui-btn-blue layui-btn-xs" lay-event="info2">查看报告</a>
|
||
</div>
|
||
|
||
<div id="userBar3" style="display: none;">
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs"lay-event="del">删除</a>
|
||
<%--<a class="layui-btn layui-btn-blue layui-btn-xs"lay-event="edit">编辑</a>--%>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<script src="${ctxStatic}/layui-v2.5.4/layui/layui.all.js"></script>
|
||
<script>
|
||
// 根据企业id获取全部工种
|
||
layui.use(['table', 'layer', 'form'], function () {
|
||
var table = layui.table;
|
||
var form = layui.form;
|
||
//绑定时间选择器
|
||
var laydate=layui.laydate;
|
||
var qyId=document.getElementById("qyId").value;
|
||
console.log("成功查询"+ qyId);
|
||
//绑定时间选择器
|
||
laydate.render({
|
||
elem:'#pjsj'
|
||
,trigger: 'click'
|
||
});
|
||
laydate.render({
|
||
elem:'#createTime'
|
||
,trigger: 'click'
|
||
});
|
||
table.render({
|
||
elem: '#gz',
|
||
id: 'testReload',
|
||
url: '${ctx}/zyb/logon/sts/stslistByJg', //数据接口
|
||
toolbar: "#userToolBar",
|
||
defaultToolbar: ['filter'],
|
||
// data:,
|
||
cellMinWidth: 80, //全局定义常规单元格的最小宽度
|
||
page: true, //开启分页
|
||
cols: [
|
||
[ //表头
|
||
{field: 'xmmc', title: '项目名称', align: 'center'},
|
||
{field: 'qyName', title: '企业名称', align: 'center'},
|
||
{field: 'createTime', title: '上报时间', align: 'center', templet: function (value) {
|
||
if (value.createTime == null || value.createTime === '') {
|
||
return "";
|
||
} else {
|
||
return layui.util.toDateString(value.createTime, 'yyyy-MM-dd');
|
||
}}},
|
||
|
||
/* {field: 'pjjgmc', title: '评价机构名称', align: 'center'},*/
|
||
/* {field: 'pjsj', title: '评价时间', align: 'center', templet: function (value) {
|
||
if (value.pjsj == null || value.pjsj === '') {
|
||
return "";
|
||
} else {
|
||
return layui.util.toDateString(value.pjsj, 'yyyy-MM-dd');
|
||
}}},*/
|
||
/* {field: 'zwkz', title: '暂未开展', align: 'center', templet: function (d) {
|
||
return d.zwkz === '1' ? '是' : '否'
|
||
}
|
||
},*/
|
||
{field: 'ypjbg', title: '职业病危害预评价报告', toolbar: '#userBar0', width: 220, align: 'center'},
|
||
{field: 'fhbg', title: '职业病防护设施设计专篇报告', toolbar: '#userBar1', width: 220, align: 'center'},
|
||
{
|
||
field: 'ksxgpj',
|
||
title: '职业病危害控制效果评价',
|
||
toolbar: '#userBar2',
|
||
width: 220,
|
||
align: 'center'
|
||
}
|
||
, {title: '操作', toolbar: '#userBar3', width: 220, align: 'center'}
|
||
]
|
||
]
|
||
, done: function (res) {
|
||
if (res.status == '403') {
|
||
top.location.href = "/dzzyb/a/";
|
||
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
//监听头部工具栏事件
|
||
table.on("toolbar(userTable)", function (obj) {
|
||
switch (obj.event) {
|
||
case 'add':
|
||
openAddUser();
|
||
break;
|
||
case 'batchDelete':
|
||
layer.msg('批量删除');
|
||
break;
|
||
case 'export' :
|
||
var index2 ;
|
||
var qyName=$('#qyName').val();
|
||
var xmmc='';
|
||
var createTime=$('#createTime').val();
|
||
//添加企业信息
|
||
|
||
var url="${ctx}/zyb/logon/zybStsExport?fileName=建设三同时列表.xlsx&qyName="+qyName+"&xmmc="+xmmc+"&createTime="+createTime;
|
||
$.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;
|
||
}
|
||
});
|
||
/*监听表格内部东西*/
|
||
table.on('tool(userTable)', function (obj) {
|
||
var data = obj.data; //获得当前行数据
|
||
|
||
var today= Date.parse(new Date());
|
||
var createTime = data.createTime;
|
||
var days= today-createTime;
|
||
var time = parseInt(days /(1000 * 60 * 60 * 24));
|
||
var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
||
debugger
|
||
if (layEvent === 'del') { //删除
|
||
if (time >= 2){
|
||
alert("上报超过两天不能删除！")
|
||
}else {
|
||
layer.confirm('真的删除行么', function (index) {
|
||
obj.del(); //删除对应行（tr）的DOM结构
|
||
layer.close(index);
|
||
$.ajax({
|
||
url: "${ctx}/zyb/logon/deleteSts", //请求的url地址
|
||
dataType: "json",
|
||
async: true,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: {id: data.id}, //参数值
|
||
type: "GET", //请求方式
|
||
success: function (req) {
|
||
//删除对应行（tr）的DOM结构
|
||
alert("删除成功！")
|
||
},
|
||
complete: function () {
|
||
//请求完成的处理
|
||
},
|
||
error: function (error) {
|
||
}
|
||
});
|
||
|
||
});
|
||
}
|
||
|
||
|
||
} else if (layEvent === 'edit') { //编辑
|
||
layer.open({
|
||
type: 2,
|
||
title: '编辑报告',
|
||
content: '${ctx}/zyb/logon/zybSts?id='+data.id,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
} else if (layEvent === 'info0') { //查看
|
||
//do something
|
||
if (data.ypjbg == undefined || data.ypjbg == '') {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加检测信息',
|
||
content: '${projectName}' + data.ypjbg,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
} else if (layEvent === 'info1') { //查看
|
||
|
||
//do something
|
||
if (data.fhbg == undefined || data.fhbg == '') {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加检测信息',
|
||
content: '${projectName}' + data.fhbg,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
}else if (layEvent === 'info2') { //查看
|
||
|
||
//do something
|
||
if (data.ksxgpj == undefined || data.ksxgpj == '') {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加检测信息',
|
||
content: '${projectName}' + data.ksxgpj,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
//打开添加页面
|
||
function openAddUser() {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加建设项目三同时报告',
|
||
content: '${ctx}/zyb/logon/zybJgSts',
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
|
||
|
||
|
||
/**
|
||
* 查询
|
||
*/
|
||
var active = {
|
||
reload: function () {
|
||
var xmmc = $('#zyb_gz_list input[name=xmmc]').val();
|
||
var qyName = $('#zyb_gz_list input[name=qyName]').val();
|
||
var createTime = $('#zyb_gz_list input[name=createTime]').val();
|
||
var pjjgmc = $('#zyb_gz_list input[name=pjjgmc]').val();
|
||
var pjsj = $('#zyb_gz_list input[name=pjsj]').val();
|
||
var zwkz = $('#zwkz').val();
|
||
var qyId=document.getElementById("qyId").value;
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
},
|
||
where: {
|
||
xmmc: xmmc,
|
||
pjjgmc:pjjgmc,
|
||
pjsj:pjsj,
|
||
zwkz:zwkz,
|
||
qyName:qyName,
|
||
createTime:createTime
|
||
}
|
||
}, 'data');
|
||
}
|
||
};
|
||
|
||
$('.demoTable .layui-btn').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|