350 lines
13 KiB
Plaintext
350 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">
|
||
<script src="${ctxStatic}/jquery/jquery-2.1.1.min.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: auto;
|
||
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 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="info">查看报告</a>
|
||
</div>
|
||
<div id="userBar" style="display: none;">
|
||
<%-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>--%>
|
||
|
||
<shiro:hasRole name="qyjg">
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||
<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit">编辑</a>
|
||
</shiro:hasRole>
|
||
|
||
</div>
|
||
<div style="display: none;" id="userToolBar">
|
||
<button type="button" class="layui-btn layui-btn-sm" lay-event="add">增加</button>
|
||
</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>–%>
|
||
</div>--%>
|
||
|
||
|
||
<div class="demoTable">
|
||
<input class="layui-input" name="enterpriseid" id="enterpriseid" style="display: none" value="${enterpriseid}">
|
||
<div class="layui-inline">
|
||
输入报告名称：
|
||
<div class="layui-inline">
|
||
<input class="layui-input" name="tjbgName" id="tjbgName" 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="nexttjtime" id="nexttjtime" 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>
|
||
|
||
<%--<div style="display: none;" id="userToolBar">
|
||
<button type="button" class="layui-btn layui-btn-sm" lay-event="add">增加</button>
|
||
<a href="${ctx}/zyb/logon/qytjexport?fileName=企业体检管理列表.xlsx" class="layui-btn layui-btn-sm">导出</a>
|
||
|
||
<%– <button type="button" class="layui-btn layui-btn-sm" lay-event="batchDelete">批量删除</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;
|
||
var enterpriseid=document.getElementById("enterpriseid").value;
|
||
console.log("成功查询"+ enterpriseid);
|
||
//绑定时间选择器
|
||
laydate.render({
|
||
elem:'#bgtime'
|
||
,trigger: 'click'
|
||
});
|
||
|
||
laydate.render({
|
||
elem:'#nexttjtime'
|
||
,trigger: 'click'
|
||
});
|
||
|
||
table.render({
|
||
elem: '#pxxx',
|
||
id: 'testReload',
|
||
toolbar: "#userToolBar",
|
||
// data:,
|
||
cellMinWidth: 80 //全局定义常规单元格的最小宽度
|
||
,
|
||
page: true //开启分页
|
||
,
|
||
cols: [
|
||
[ //表头
|
||
{field: 'tjbgName', 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: 'bgtime', title: '体检时间', align: 'center', templet: function (value) {
|
||
return value.bgtime == null ? "" : layui.util.toDateString(value.bgtime, 'yyyy-MM-dd');
|
||
}
|
||
}
|
||
, {
|
||
field: 'nexttjtime', title: '下次体检时间', align: 'center', templet: function (value) {
|
||
return value.bgtime == null ? "" : layui.util.toDateString(value.nexttjtime, 'yyyy-MM-dd');
|
||
}
|
||
}, {field: 'qyReport', title: '职业健康检查总报', toolbar: '#userBar0', width: 220, align: 'center'}
|
||
, {field: 'collectReport', title: '职业健康检查结果汇总表', toolbar: '#userBar1', width: 220, align: 'center'}
|
||
/*, {
|
||
field: 'zwkz', title: '暂未开展', width: 220, align: 'center', templet: function (d) {
|
||
return d.zwkz === 1 ? '是' : '否'
|
||
}
|
||
}*/
|
||
, {fixed: 'right', title: '操作', toolbar: '#userBar', width: 220, align: 'center'}
|
||
]
|
||
]
|
||
, done: function (res) {
|
||
if (res.status == '403') {
|
||
top.location.href = "/dzzyb/a/";
|
||
|
||
}
|
||
}
|
||
, url: '${ctx}/zyb/logon/qytjxxList?enterpriseid='+enterpriseid//数据接口
|
||
});
|
||
|
||
|
||
//监听头部工具栏事件
|
||
table.on("toolbar(userTable)", function (obj) {
|
||
|
||
switch (obj.event) {
|
||
case 'add':
|
||
openAddUser();
|
||
break;
|
||
case 'batchDelete':
|
||
layer.msg('批量删除');
|
||
break;
|
||
}
|
||
;
|
||
})
|
||
|
||
/**
|
||
* 监听表格内部东西
|
||
*/
|
||
table.on('tool(userTable)', function (obj) {
|
||
console.log(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 参数对应的值）
|
||
if (layEvent === 'del') { //删除
|
||
|
||
if (time >= 2){
|
||
alert("上报超过两天不能删除！")
|
||
}else {
|
||
layer.msg("删除");
|
||
layer.confirm('真的删除行么', function (index) {
|
||
obj.del(); //删除对应行（tr）的DOM结构
|
||
layer.close(index);
|
||
$.ajax({
|
||
url: "${ctx}/zyb/logon/deleteQytjxx", //请求的url地址
|
||
dataType: "json",
|
||
async: true,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: {id: data.id}, //参数值
|
||
type: "GET", //请求方式
|
||
success: function (req) {
|
||
if (req==1) {
|
||
layer.alert("删除成功");
|
||
$('.demoTable .layui-btn').click();
|
||
}else {
|
||
layer.alert("本地文件删除失败");
|
||
$('.demoTable .layui-btn').click();
|
||
}
|
||
layer.close(index);
|
||
},
|
||
complete: function () {
|
||
//请求完成的处理
|
||
},
|
||
error: function (error) {
|
||
}
|
||
});
|
||
|
||
});
|
||
}
|
||
|
||
} else if (layEvent === 'info0') { //查看
|
||
|
||
//do something
|
||
if (data.qyreport == undefined) {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
console.log("获取数据库储存的url", data.qyreport);
|
||
let str = '${ctxUrl}' + eval('data.qyreport');
|
||
let str2 = '${ctx}' + eval('data.qyreport');
|
||
console.log("文件获取路径", str);
|
||
console.log("文件获取路径2", str2);
|
||
top.layer.open({
|
||
type: 2,
|
||
title: '体检报告信息',
|
||
content: str,//${ctxStatic}/data.qyreport,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
}else if (layEvent === 'info') { //查看
|
||
|
||
//do something
|
||
if (data.collectReport == undefined) {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
let str = '${ctxUrl}' + eval('data.collectReport');
|
||
top.layer.open({
|
||
type: 2,
|
||
title: '体检报告信息',
|
||
content: str,//${ctxStatic}/data.qyreport,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
}else if (layEvent === 'edit'){
|
||
layer.open({
|
||
type: 2,
|
||
title: '编辑部门管理信息',
|
||
content: '${ctx}/zyb/logon/addqytjxx?id=' + data.id,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
});
|
||
|
||
//打开添加页面
|
||
function openAddUser() {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加体检信息',
|
||
content: '${ctx}/zyb/logon/addqytjxx',
|
||
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 tjbgName = $('#tjbgName');
|
||
var bgtime = $('#bgtime');
|
||
var nexttjtime = $('#nexttjtime');
|
||
var zwkz=$('#zwkz');
|
||
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
, where: {
|
||
tjbgName: tjbgName.val(),
|
||
bgtime: bgtime.val(),
|
||
nexttjtime: nexttjtime.val(),
|
||
zwkz: zwkz.val()
|
||
}
|
||
}, 'data');
|
||
}
|
||
};
|
||
|
||
$('.demoTable .layui-btn').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|