333 lines
12 KiB
Plaintext
333 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">
|
||
<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>
|
||
<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 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="edit">修改</a>
|
||
<%-- <a class="layui-btn layui-btn-blue layui-btn-xs" lay-event="edit">修改</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>
|
||
<%-- <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-inline">
|
||
<input class="layui-input" name="personName" id="personName" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-inline">
|
||
部门/车间负责人电话：
|
||
<div class="layui-inline">
|
||
<input class="layui-input" name="personPhone" id="personPhone" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<button class="layui-btn" data-type="reload">搜索</button>
|
||
</div>
|
||
|
||
<table id="jcxx" class="layui-hide" lay-filter="userTable"></table>
|
||
|
||
</div>
|
||
<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'], function () {
|
||
var table = layui.table;
|
||
var form = layui.form;
|
||
var tableIns = table.render({
|
||
elem: '#jcxx',
|
||
id: 'testReload',
|
||
/* url: '${ctx}/zyb/logon/zybDepartmentList', //数据接口*/
|
||
toolbar: "#userToolBar",
|
||
defaultToolbar: ['filter'],
|
||
// data:,
|
||
cellMinWidth: 80 //全局定义常规单元格的最小宽度
|
||
,
|
||
page: true //开启分页
|
||
,
|
||
cols: [
|
||
[ //表头
|
||
{type: 'checkbox'},
|
||
{field: 'departmentName', title: '部门/车间名称', align: 'center'},
|
||
{field: 'personName', title: '部门/车间负责人', align: 'center'}
|
||
, {field: 'personPhone', title: '部门/车间负责人电话', align: 'center'}
|
||
, {fixed: 'right', title: '操作', toolbar: '#userBar', width: 220, align: 'center'}
|
||
]
|
||
]
|
||
, done: function (res) {
|
||
if (res.status == '403') {
|
||
top.location.href = "/dzzyb/a/";
|
||
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
table.reload('testReload', {
|
||
url: '${ctx}/zyb/logon/zybDepartmentList',
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
});
|
||
|
||
|
||
//监听头部工具栏事件
|
||
table.on("toolbar(userTable)", function (obj) {
|
||
var checkStatus = table.checkStatus(obj.config.id);
|
||
switch (obj.event) {
|
||
case 'add':
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加部门信息',
|
||
content: '${ctx}/zyb/logon/bmgl/add',
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
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()+",";
|
||
}
|
||
let array= arrayStr.substring(0,arrayStr.length-1)
|
||
layer.confirm('确定删除选择的数据吗？', {
|
||
btn: ['确定', '取消'] //可以无限个按钮
|
||
}, function (index, layero) {
|
||
$.ajax({
|
||
url: '${ctx}/zyb/logon/bmdel',
|
||
/*traditional: true,*/
|
||
data: {
|
||
ids: array
|
||
},
|
||
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/deletebmgl", //请求的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) {
|
||
layer.msg("未提交报告")
|
||
} else {
|
||
layer.open({
|
||
type: 2,
|
||
title: '查看检测报告',
|
||
content: '${projectName}' + data.bgcontent,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
|
||
}
|
||
|
||
|
||
} else if (layEvent === 'edit') {
|
||
layer.open({
|
||
type: 2,
|
||
title: '编辑部门/车间管理信息',
|
||
content: '${ctx}/zyb/logon/bmgl/add?id=' + data.id,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%']
|
||
});
|
||
}
|
||
|
||
|
||
/*else if (layEvent === "edit"){
|
||
layer.open({
|
||
type:2,
|
||
title:'修改检测信息',
|
||
content:'
|
||
|
||
${ctx}/zyb/logon/addjcxx',
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['90%', '90%'],
|
||
success:function(layero, index){
|
||
var body = layui.layer.getChildFrame('body', index);
|
||
console.log("body"+body)
|
||
body.find("#bgname").val(obj.data.bgname);
|
||
body.find("#qyname").val(obj.data.enterpriseName);
|
||
body.find("#jhysname").val(obj.data.jhysName);
|
||
body.find("#bgtime").val(obj.data.bgtime);
|
||
form.render();
|
||
}
|
||
});
|
||
}*/
|
||
});
|
||
|
||
|
||
//打开添加页面
|
||
function openAddUser() {
|
||
layer.open({
|
||
type: 2,
|
||
title: '添加检测信息',
|
||
content: '${ctx}/zyb/logon/addjcxx',
|
||
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 personName = $('#personName');
|
||
var personPhone = $('#personPhone');
|
||
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
, where: {
|
||
departmentName: demoReload.val(),
|
||
personName: personName.val(),
|
||
personPhone: personPhone.val()
|
||
}
|
||
}, 'data');
|
||
}
|
||
};
|
||
|
||
$('.demoTable .layui-btn').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|