326 lines
12 KiB
Plaintext
326 lines
12 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="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="edit">修改</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>–%>
|
||
</div>--%>
|
||
|
||
|
||
<div class="demoTable">
|
||
<div class="layui-inline">
|
||
输入企业名称：
|
||
<div class="layui-inline">
|
||
<input class="layui-input" name="enterpriseName" id="enterpriseName" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
工单类型:
|
||
<div class="layui-input-inline">
|
||
<select name="zwkz" id="zwkz" style="height: 37px;">
|
||
<option value="">无</option>
|
||
<option value="ZYB_JCXX">职业病危害因素检测</option>
|
||
<option value="ZYB_PXXX">职业卫生宣传教育培训</option>
|
||
<option value="ZYB_QYTJXX">职业病健康检查</option>
|
||
<option value="ZYB_PJXX">职业病危害现状评价</option>
|
||
<option value="ZYB_STS">三同时</option>
|
||
<option value="OTHER">其他</option>
|
||
</select>
|
||
</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">
|
||
<select name="cflx" id="cflx" style="height: 37px;">
|
||
<option value="">无</option>
|
||
<option value="0">定时触发</option>
|
||
<option value="1">上传未开展触发</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-inline">
|
||
<button class="layui-btn" data-type="reload">搜索</button>
|
||
</div>
|
||
</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;
|
||
//绑定时间选择器
|
||
laydate.render({
|
||
elem: '#bgtime'
|
||
, trigger: 'click'
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#nexttjtime'
|
||
, trigger: 'click'
|
||
});
|
||
|
||
table.render({
|
||
elem: '#pxxx',
|
||
id: 'testReload',
|
||
url: '${ctx}/zyb/logon/workCompletedList', //数据接口workCompleted
|
||
toolbar: "#userToolBar",
|
||
// data:,
|
||
cellMinWidth: 80 //全局定义常规单元格的最小宽度
|
||
,
|
||
page: true //开启分页
|
||
,
|
||
cols: [
|
||
[ //表头
|
||
{field: 'enterpriseName', title: '企业名称', align: 'center'},
|
||
{field: 'projectType', title: '工单类型', align: 'center',templet: function (res) {
|
||
if (res.projectType === "" || res.projectType === null || res.projectType === undefined) {
|
||
return ""
|
||
} else if (res.projectType==="ZYB_JCXX"){
|
||
return "职业病危害因素检测"
|
||
}else if (res.projectType==="ZYB_PXXX"){
|
||
return "职业卫生宣传教育培训"
|
||
}else if (res.projectType==="ZYB_QYTJXX"){
|
||
return "职业病健康检查"
|
||
}else if (res.projectType==="ZYB_PJXX"){
|
||
return "职业病危害现状评价"
|
||
}else if (res.projectType==="ZYB_STS"){
|
||
return "三同时"
|
||
}else if (res.projectType==="OTHER"){
|
||
return "其他"
|
||
}
|
||
//console.log(typeof res.peixun);
|
||
//return res.peixun === "0" ? "未开展":"已开展";
|
||
}},
|
||
{field: 'txDate', title: '提醒天数', align: 'center'}
|
||
, {
|
||
field: 'fssj', title: '发送时间', align: 'center', templet: function (value) {
|
||
return value.fssj == null ? "" : layui.util.toDateString(value.fssj, 'yyyy-MM-dd');
|
||
}
|
||
}
|
||
,
|
||
{field: 'cflx', title: '触发类型', align: 'center',templet: function (res) {
|
||
if (res.cflx === "" || res.cflx === null || res.cflx === undefined) {
|
||
return ""
|
||
} else if (res.cflx==="0"){
|
||
return "定时触发"
|
||
}else if (res.cflx==="1"){
|
||
return "上传未开展触发"
|
||
}
|
||
//console.log(typeof res.peixun);
|
||
//return res.peixun === "0" ? "未开展":"已开展";
|
||
}}
|
||
|
||
|
||
]
|
||
]
|
||
});
|
||
|
||
|
||
//监听头部工具栏事件
|
||
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 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.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);
|
||
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 enterpriseName = $('#enterpriseName');
|
||
var bgtime = $('#bgtime');
|
||
var cflx = $('#cflx');
|
||
var zwkz = $('#zwkz');
|
||
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
, where: {
|
||
enterpriseName: enterpriseName.val(),
|
||
fssj: bgtime.val(),
|
||
cflx: cflx.val(),
|
||
projectType: zwkz.val()
|
||
}
|
||
}, 'data');
|
||
}
|
||
};
|
||
|
||
$('.demoTable .layui-btn').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|