更改实名制-施工人员管理页面代码

This commit is contained in:
lSun 2025-12-15 15:23:57 +08:00
parent 0a3db24888
commit 6167f28734
17 changed files with 724 additions and 578 deletions

View File

@ -138,8 +138,8 @@ function init() {
* 新增页面 * 新增页面
* */ * */
function addCommonProblem() { function addCommonProblem() {
var height = '525px'; var height = '75%';
var width = '925px'; var width = '75%';
var index = layer.open({ var index = layer.open({
title: ['新增','color:#3B70A1;background-color:#E8ECEB;font-size:20px'], title: ['新增','color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2, type: 2,
@ -172,7 +172,7 @@ function buttonEdits(id, permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='edit(\"" + id + "\")'><i class='layui-icon'>&#xe642;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='edit(\"" + id + "\")' style='background-color: transparent;color: #009688;'>编辑</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
@ -187,8 +187,8 @@ function edit(id) {
data: {"id": id}, data: {"id": id},
dataType: 'json', dataType: 'json',
success: function (data) { success: function (data) {
var height = '85%'; var height = '75%';
var width = '85%'; var width = '75%';
var index = layer.open({ var index = layer.open({
title: ['修改', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], title: ['修改', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2, type: 2,
@ -222,7 +222,7 @@ function buttonDel(id,permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + id + "\")'><i class='layui-icon'>&#xe640;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + id + "\")' style='background-color: transparent;color: #ff4d4f;'>删除</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");

View File

@ -8,94 +8,22 @@ layui.use(['laydate','form','layer'], function () {
var laydate = layui.laydate; var laydate = layui.laydate;
pers = checkPermission(); pers = checkPermission();
var minListDate = $('#hidMinListDate').val();//最小可选时间1990-02-01 var today = getNowTime(); // 假设你的 getNowTime() 返回 'yyyy-MM-dd' 格式
var maxListDate = $('#hidMaxListDate').val();//最大可选时间2200-12-31 $('#test6').val(today + ' - ' + today);
$('#startTime').val(getNowTime()); laydate.render({
$('#endTime').val(getNowTime()); elem: '#test6',
var begin = "#startTime", end = "#endTime";//开始时间选择框、结束时间选择框:文本框 range: true,
var endChange = function (val, date) { min: $('#hidMinListDate').val(),
if (date && date.year) max: $('#hidMaxListDate').val()
begindate.config.max = {
year: date.year,
month: date.month - 1,//必须减1才是正确值
date: date.date,
hours: date.hours,
minutes: date.minutes,
seconds: date.seconds
};
else {
var dateInit = new Date(maxListDate.replace(/-/g, "/"));
begindate.config.max = {
year: dateInit.getFullYear(),
month: dateInit.getMonth(),
date: dateInit.getDate(),
hours: dateInit.getHours(),
minutes: dateInit.getMinutes(),
seconds: dateInit.getSeconds()
};
}
};
var beginChange = function (val, date) {
if (date && date.year)
enddate.config.min = {
year: date.year,
month: date.month - 1,
date: date.date,
hours: date.hours,
minutes: date.minutes,
seconds: date.seconds
};
else {
var dateInit = new Date(minListDate.replace(/-/g, "/"));
enddate.config.min = {
year: dateInit.getFullYear(),
month: dateInit.getMonth(),
date: dateInit.getDate(),
hours: dateInit.getHours(),
minutes: dateInit.getMinutes(),
seconds: dateInit.getSeconds()
};
}
};
var enddate = laydate.render({
elem: end,
format: 'yyyy-MM-dd',
min: minListDate,
max: maxListDate,
done: endChange
});
var begindate = laydate.render({
elem: begin,
format: 'yyyy-MM-dd',
min: minListDate,
max: maxListDate,
done: beginChange
});
$("#searchBt").click(function () {
var startTime = $("#startTime").val();
var endTime = $("#endTime").val();
var dateStart = new Date(startTime);
var dateEnd = new Date(endTime);
var difValue = (dateEnd - dateStart) / (1000 * 60 * 60 * 24);
if ((startTime == '' && endTime != '') || (startTime != '' && endTime == '')) {
return top.layer.msg('时间填写不完整', {
icon: 2,
time: 2000 //2秒关闭如果不配置默认是3秒
});
}
var startDateTemp = startTime.split("-");
var endDateTemp = endTime.split("-");
var allStartDate = new Date(startDateTemp[0], startDateTemp[1], startDateTemp[2]);
var allEndDate = new Date(endDateTemp[0], endDateTemp[1], endDateTemp[2]);
if (allStartDate.getTime() > allEndDate.getTime()) {
return top.layer.msg('时间选择不合理,请重新选择', {
icon: 2,
time: 2000 //2秒关闭如果不配置默认是3秒
});
}
}); });
init(); init();
$("#searchBt").click(function () { $("#searchBt").click(function () {
var dateRange = $.trim($('#test6').val());
if (!dateRange) {
return layer.msg('请选择日期范围', { icon: 2, time: 2000 });
}
example.ajax.reload(); example.ajax.reload();
}); });
}); });
@ -124,10 +52,14 @@ function init() {
"url": smz_ht_url + "/userHistory/operationLog", "url": smz_ht_url + "/userHistory/operationLog",
"type": "post", "type": "post",
"data": function (d) { "data": function (d) {
var dateRange = $.trim($('#test6').val());
var parts = dateRange.split(' - ');
var startTime = parts[0];
var endTime = parts[1];
d.module = $("#module").val(); d.module = $("#module").val();
d.keyWord = $("#keyWord").val().trim();//关键字部分,查询功能 d.keyWord = $("#keyWord").val().trim();//关键字部分,查询功能
d.startTime = $("#startTime").val(); d.startTime = startTime;
d.endTime = $("#endTime").val(); d.endTime = endTime;
}, },
"error": function (xhr, textStatus, errorThrown) { "error": function (xhr, textStatus, errorThrown) {
var msg = xhr.responseText; var msg = xhr.responseText;
@ -254,4 +186,4 @@ function getPartialRemarksHtml(remarks){
//全部备注信息 //全部备注信息
function getTotalRemarksHtml(remarks){ function getTotalRemarksHtml(remarks){
return remarks + '&nbsp;&nbsp;<a href="javascript:void(0);" >收起</a>'; return remarks + '&nbsp;&nbsp;<a href="javascript:void(0);" >收起</a>';
} }

View File

@ -51,19 +51,23 @@ var example;
// 新增 // 新增
function adds(){ function adds(){
listUser(); listUser();
location.href = "addUser.html"; var height = '75%';
var width = '75%';
var index = layer.open({
title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'addUser.html',
area: [width, height],
maxmin: false,
});
} }
function listUser() { function listUser() {
// var orgIdUser = $("#orgId").val();
var proIdUser = $("#proId").val(); var proIdUser = $("#proId").val();
var examineStatusUser = $("#examineStatus").val(); var examineStatusUser = $("#examineStatus").val();
var usernameUser = $("#username").val(); var usernameUser = $("#username").val();
var phoneUser = $("#phone").val(); var phoneUser = $("#phone").val();
var keyWordUser = $("#keyWord").val(); var keyWordUser = $("#keyWord").val();
// localStorage.setItem("orgIdUser",orgIdUser);
localStorage.setItem("proIdUser",proIdUser); localStorage.setItem("proIdUser",proIdUser);
localStorage.setItem("examineStatusUser",examineStatusUser); localStorage.setItem("examineStatusUser",examineStatusUser);
localStorage.setItem("usernameUser",usernameUser); localStorage.setItem("usernameUser",usernameUser);
@ -281,15 +285,15 @@ function init() {
}else{ }else{
if (examineStatus == 0) { if (examineStatus == 0) {
var audit = buttonAudit(id,phone,userName, "", pers); var audit = buttonAudit(id,phone,userName, "", pers);
var href = encodeURI("updateUser.html?id=" + id + "&status=" + status + "&proId=" + proId + "&proName=" + proName + "&companyName=" +companyName); // var href = encodeURI("updateUser.html?id=" + id + "&status=" + status + "&proId=" + proId + "&proName=" + proName + "&companyName=" +companyName);
var edit = buttonEdit(href, "", pers); var edit = buttonEdit(id, "", pers);
var del = buttonDel(id, "", pers); var del = buttonDel(id, "", pers);
var update = buttonEdits(id, "sys:user:password", pers); var update = buttonEdits(id, "sys:user:password", pers);
var updatePhone = buttonEditsUser(id, "sys:user:admin", pers); var updatePhone = buttonEditsUser(id, "sys:user:admin", pers);
return audit + edit + del + update + updatePhone; return audit + edit + del + update + updatePhone;
}else if (examineStatus == 1) { }else if (examineStatus == 1) {
var href = encodeURI("updateUser.html?id=" + id + "&status=" + status + "&proId=" + proId + "&proName=" + proName +"&companyName=" +companyName); // var href = encodeURI("updateUser.html?id=" + id + "&status=" + status + "&proId=" + proId + "&proName=" + proName +"&companyName=" +companyName);
var edit = buttonEdit(href, "", pers); var edit = buttonEdit(id, "", pers);
var del = buttonDel(id, "", pers); var del = buttonDel(id, "", pers);
var update = buttonEdits(id, "sys:user:password", pers); var update = buttonEdits(id, "sys:user:password", pers);
var updatePhone = buttonEditsUser(id, "sys:user:admin", pers); var updatePhone = buttonEditsUser(id, "sys:user:admin", pers);
@ -313,7 +317,7 @@ function buttonAudit(id,phone,userName, permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='审核' onclick='audit(\"" + id + "\",\"" + phone + "\",\"" + userName + "\")'><i class='layui-icon'>&#xe672;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='审核' onclick='audit(\"" + id + "\",\"" + phone + "\",\"" + userName + "\")' style='background-color: transparent;color: #009688;'>审核</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
@ -324,8 +328,8 @@ function audit(id,phone,userName) {
localStorage.setItem("id",id) localStorage.setItem("id",id)
localStorage.setItem("phone",phone) localStorage.setItem("phone",phone)
localStorage.setItem("userName",userName) localStorage.setItem("userName",userName)
var height = '100%'; var height = '75%';
var width = '100%'; var width = '75%';
var index = layer.open({ var index = layer.open({
title: ['审核', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], title: ['审核', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2, type: 2,
@ -388,25 +392,35 @@ function buttonDel(id, permission, pers){
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + id +"\")'><i class='layui-icon'>&#xe640;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + id +"\")' style='background-color: transparent;color: #ff4d4f;'>删除</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
// 修改按钮 // 修改按钮
function buttonEdit(href, permission, pers){ function buttonEdit(id, permission, pers){
if(permission != ""){ if(permission != ""){
if ($.inArray(permission, pers) < 0) { if ($.inArray(permission, pers) < 0) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='update(\"" + href + "\")' ><i class='layui-icon'>&#xe642;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='update(\"" + id + "\")' style='background-color: transparent;color: #009688;'>编辑</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
function update(href){ function update(id){
listUser(); listUser();
window.location=href; localStorage.setItem("editId",id)
var height = '75%';
var width = '75%';
var index = layer.open({
title: ['编辑', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'updateUser.html',
area: [width, height],
maxmin: false,
});
} }
// 密码按钮 // 密码按钮
@ -416,7 +430,7 @@ function buttonEdits(id, permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='重置密码' onclick='edit(\"" + id + "\")'><i class='layui-icon'>&#xe673;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='重置密码' onclick='edit(\"" + id + "\")' style='background-color: transparent;color: #009688;'>重置密码</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
//照片查看 //照片查看
@ -432,8 +446,8 @@ function photoView(id) {
localStorage.setItem("collectTime", data.collectTime); localStorage.setItem("collectTime", data.collectTime);
localStorage.setItem("userName", data.userName); localStorage.setItem("userName", data.userName);
localStorage.setItem("phone", data.phone); localStorage.setItem("phone", data.phone);
var height = '585px'; var height = '75%';
var width = '675px'; var width = '75%';
var index = layer.open({ var index = layer.open({
title: ['查看图片','color:#3B70A1;background-color:#E8ECEB;font-size:20px'], title: ['查看图片','color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2, type: 2,
@ -479,7 +493,7 @@ function buttonEditsUser(id, permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='修改手机号' onclick='editUser(\"" + id + "\")'><i class='layui-icon'>&#xe642;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='修改手机号' onclick='editUser(\"" + id + "\")' style='background-color: transparent;color: #ff4d4f;'>修改手机号</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }
@ -558,4 +572,4 @@ function getProjectUser() {
form.render(); form.render();
} }
}) })
} }

View File

@ -143,6 +143,6 @@ function buttonDel(data, permission, pers) {
return ""; return "";
} }
} }
var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + data + "\")'><i class='layui-icon'>&#xe640;</i></button>"); var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + data + "\")' style='background-color: transparent;color: #ff4d4f;'>删除</button>");
return btn.prop("outerHTML"); return btn.prop("outerHTML");
} }

View File

@ -4,9 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome/css/font-awesome.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome/css/font-awesome.css">
<style>
@media (min-width:768px){.form-horizontal .control-label{padding-top:20px;margin-bottom:0;text-align:right}}
</style>
</head> </head>
<body> <body >
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0 24px 0 24px;">
<form class="form-horizontal" onsubmit="return false" id="form"> <form class="form-horizontal" onsubmit="return false" id="form">
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
@ -75,9 +78,9 @@
<div class="form-actions"> <div class="form-actions">
<div class="row" align="center"> <div class="row" align="center">
<div class="col-md-12"> <div class="col-md-12">
<button class="btn btn-primary" onclick="location.href='menuList.html'">返回</button> <button class="btn btn-primary" onclick="cancel()">返回</button>
<button class="btn btn-primary" type="submit" onclick="add()"> <button class="btn btn-primary" type="submit" onclick="add()">
<i class="fa fa-save"></i> 保存 保存
</button> </button>
</div> </div>
</div> </div>
@ -99,10 +102,10 @@
layui.use('layer', function(){ layui.use('layer', function(){
var layer = layui.layer; var layer = layui.layer;
}); });
initParentMenuSelect(); initParentMenuSelect();
function add() { function add() {
$('#form').bootstrapValidator(); $('#form').bootstrapValidator();
var bootstrapValidator = $("#form").data('bootstrapValidator'); var bootstrapValidator = $("#form").data('bootstrapValidator');
@ -110,22 +113,22 @@
if(!bootstrapValidator.isValid()){ if(!bootstrapValidator.isValid()){
return; return;
} }
var formdata = $("#form").serializeObject(); var formdata = $("#form").serializeObject();
$.ajax({ $.ajax({
type : 'post', type : 'post',
url : smz_ht_url + '/permissions', url : smz_ht_url + '/permissions',
contentType: "application/json; charset=utf-8", contentType: "application/json; charset=utf-8",
data : JSON.stringify(formdata), data : JSON.stringify(formdata),
success : function(data) { success : function(data) {
layer.msg("添加成功", {shift: -1, time: 1000}, function(){ layer.msg("添加成功", {shift: -1, time: 1000}, function(){
location.href = smz_ht_url + "/pages/menu/menuList.html"; setTimeout("reloading()", 2100);
}); });
} }
}); });
} }
function selectCss(){ function selectCss(){
layer.open({ layer.open({
type: 2, type: 2,
@ -136,6 +139,18 @@
content: ['icon.html'] content: ['icon.html']
}); });
} }
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.refreshMenuList();
}
function cancel(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script> </script>
</body> </body>
</html> </html>

View File

@ -17,24 +17,24 @@
<tr> <tr>
<td> <td>
</td> </td>
<td align="right"> <td align="left">
<button class="layui-btn layui-btn-sm" onclick="location.href='addMenu.html'" permission="sys:menu:add"> <button class="layui-btn layui-btn-sm" onclick="addMenu()" permission="sys:menu:add">
<i class="layui-icon">&#xe608;</i> 添加 添加
</button> </button>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</header> </header>
<div> <div>
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%"> <table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
<tr> <tr style="background-color: #FAFAFA !important;">
<th width="20%">名称</th> <th width="20%">名称</th>
<th width="5%">id</th> <th width="5%">id</th>
<th>href</th> <th>href</th>
<th width="15%">permission</th> <th width="15%">permission</th>
<th width="5%">sort</th> <th width="5%">sort</th>
<th width="5%">资源类型</th> <th width="5%">资源类型</th>
<th>操作</th> <th>操作</th>
@ -63,7 +63,7 @@ function initMenuList(){
$.ajax({ $.ajax({
type : 'get', type : 'get',
url : smz_ht_url + '/permissions', url : smz_ht_url + '/permissions',
//contentType: "application/json; charset=utf-8", //contentType: "application/json; charset=utf-8",
async:false, async:false,
success : function(data) { success : function(data) {
var length = data.length; var length = data.length;
@ -80,20 +80,20 @@ function initMenuList(){
} }
var td2 = "<td>" + href +"</td>"; var td2 = "<td>" + href +"</td>";
tr += td2; tr += td2;
var permission = d['permission']; var permission = d['permission'];
if(permission == null){ if(permission == null){
permission = ""; permission = "";
} }
var td3 = "<td>" + permission +"</td>"; var td3 = "<td>" + permission +"</td>";
tr += td3; tr += td3;
var sort = d['sort']; var sort = d['sort'];
if(sort == 0){ if(sort == 0){
sort = ""; sort = "";
} }
var td4 = "<td>" + sort +"</td>"; var td4 = "<td>" + sort +"</td>";
tr += td4; tr += td4;
@ -106,8 +106,7 @@ function initMenuList(){
tr += td5; tr += td5;
var id = d['id']; var id = d['id'];
var href = smz_ht_url + "/pages/menu/updateMenu.html?id=" + id; var edit = buttonEdit(id, "sys:menu:add", pers);
var edit = buttonEdit(href, "sys:menu:add", pers);
var del = buttonDel(id, "sys:menu:del", pers); var del = buttonDel(id, "sys:menu:del", pers);
tr += "<td>"+edit + del+"</td>"; tr += "<td>"+edit + del+"</td>";
tr += "</tr>" tr += "</tr>"
@ -121,6 +120,27 @@ layui.use('layer', function(){
var layer = layui.layer; var layer = layui.layer;
}); });
function buttonDel(data, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0) {
return "";
}
}
var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + data +"\")' style='background-color: transparent;color: #ff4d4f;'>删除</button>");
return btn.prop("outerHTML");
}
function buttonEdit(id, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0) {
return "";
}
}
var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='edit(\"" +id+ "\")' style='background-color: transparent;color: #009688;'>编辑</button>");
return btn.prop("outerHTML");
}
function del(id){ function del(id){
layer.confirm('确定要删除吗?', { layer.confirm('确定要删除吗?', {
btn : [ '确定', '取消' ] btn : [ '确定', '取消' ]
@ -152,4 +172,34 @@ function del(id){
}; };
$("#dt-table").treetable(option); $("#dt-table").treetable(option);
</script>
function addMenu(){
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'addMenu.html',
area: [width, height],
maxmin: false,
});
}
function edit(id){
localStorage.setItem("menuId", id)
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['编辑', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'updateMenu.html',
area: [width, height],
maxmin: false,
});
}
function refreshMenuList(){
location.reload();
}
</script>

View File

@ -4,9 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome/css/font-awesome.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/font-awesome/css/font-awesome.css">
<style>
@media (min-width:768px){.form-horizontal .control-label{padding-top:20px;margin-bottom:0;text-align:right}}
</style>
</head> </head>
<body> <body>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0 24px 0 24px;">
<form class="form-horizontal" onsubmit="return false" id="form"> <form class="form-horizontal" onsubmit="return false" id="form">
<fieldset> <fieldset>
<input type="hidden" id="id" name="id"> <input type="hidden" id="id" name="id">
@ -56,7 +59,7 @@
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">排序</label> <label class="col-md-2 control-label">排序</label>
<div class="col-md-10"> <div class="col-md-10">
<input class="form-control" placeholder="排序" name="sort" id="sort" type="number" <input class="form-control" placeholder="排序" name="sort" id="sort" type="number"
data-bv-notempty="true" data-bv-notempty="true"
data-bv-notempty-message="排序 不能为空"> data-bv-notempty-message="排序 不能为空">
</div> </div>
@ -71,15 +74,13 @@
<option value="自有人员APP">自有人员APP</option> <option value="自有人员APP">自有人员APP</option>
</select> </select>
</div> </div>
</div>T </div>
<div class="form-actions"> <div class="form-actions">
<div class="row" align="center"> <div class="row" align="center">
<div class="col-md-12"> <div class="col-md-12">
<button class="btn btn-primary" onclick="location.href='menuList.html'">返回</button> <button class="btn btn-primary" onclick="cancel()">返回</button>
<button class="btn btn-primary" type="submit" onclick="update()"> <button class="btn btn-primary" type="submit" onclick="update()">保存
<i class="fa fa-save"></i> 保存
</button> </button>
</div> </div>
</div> </div>
@ -101,11 +102,11 @@
layui.use('layer', function(){ layui.use('layer', function(){
var layer = layui.layer; var layer = layui.layer;
}); });
initParentMenuSelect(); initParentMenuSelect();
var id = getUrlParam("id"); var id =localStorage.getItem("menuId");
initData(); initData();
function initData(){ function initData(){
if(id != ""){ if(id != ""){
$.ajax({ $.ajax({
@ -123,17 +124,17 @@
$("#permission").val(data.permission); $("#permission").val(data.permission);
$("#sort").val(data.sort); $("#sort").val(data.sort);
$("#permissionType").val(data.permissionType); $("#permissionType").val(data.permissionType);
if(css != ""){ if(css != ""){
$("#cssImg").addClass("fa"); $("#cssImg").addClass("fa");
$("#cssImg").addClass(css); $("#cssImg").addClass(css);
} }
} }
}); });
} }
} }
function selectCss(){ function selectCss(){
layer.open({ layer.open({
type: 2, type: 2,
@ -144,35 +145,47 @@
content: ['icon.html'] content: ['icon.html']
}); });
} }
function update() { function update() {
if($("#parentId").val() == id){ if($("#parentId").val() == id){
layer.msg("父级菜单不能是自己"); layer.msg("父级菜单不能是自己");
return; return;
} }
$('#form').bootstrapValidator(); $('#form').bootstrapValidator();
var bootstrapValidator = $("#form").data('bootstrapValidator'); var bootstrapValidator = $("#form").data('bootstrapValidator');
bootstrapValidator.validate(); bootstrapValidator.validate();
if(!bootstrapValidator.isValid()){ if(!bootstrapValidator.isValid()){
return; return;
} }
var formdata = $("#form").serializeObject(); var formdata = $("#form").serializeObject();
formdata.id = id; formdata.id = id;
$.ajax({ $.ajax({
type : 'put', type : 'put',
url : smz_ht_url + '/permissions/', url : smz_ht_url + '/permissions/',
contentType: "application/json; charset=utf-8", contentType: "application/json; charset=utf-8",
data : JSON.stringify(formdata), data : JSON.stringify(formdata),
success : function(data) { success : function(data) {
layer.msg("修改成功", {shift: -1, time: 1000}, function(){ layer.msg("修改成功", {shift: -1, time: 1000}, function(){
location.href = smz_ht_url + "/pages/menu/menuList.html"; setTimeout("reloading()", 2100);
}); });
} }
}); });
} }
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.refreshMenuList();
}
function cancel(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script> </script>
</body> </body>
</html> </html>

View File

@ -1,370 +1,396 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us" id="extr-page"> <html lang="en-us" id="extr-page">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/ztree/zTreeStyle/zTreeStyle.css" type="text/css"> <link rel="stylesheet" href="../../css/ztree/zTreeStyle/zTreeStyle.css" type="text/css">
<link rel="stylesheet" href="../../css/ztree/demo.css" type="text/css"> <link rel="stylesheet" href="../../css/ztree/demo.css" type="text/css">
<link rel="stylesheet" type="text/css" media="screen" href="../../layui/css/layui.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../layui/css/layui.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap-select.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap-select.min.css">
</head> </head>
<style> <style>
.switch{ .switch {
width: 60px; width: 60px;
height: 34px; height: 34px;
margin-left: 1%; margin-left: 1%;
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
#checkInput{
display: none; #checkInput {
} display: none;
.round{ }
border-radius: 24px;
} .round {
.slider{ border-radius: 24px;
background-color: red; }
position: absolute;
top: 0; .slider {
left: 0; background-color: red;
right: 0; position: absolute;
bottom: 0; top: 0;
transition: all .4s; left: 0;
cursor: pointer; right: 0;
} bottom: 0;
#sPan{ transition: all .4s;
margin-top: 0.4%; cursor: pointer;
margin-left: 5%; }
position: fixed;
} #sPan {
.slider:after{ margin-top: 0.4%;
content: ''; margin-left: 5%;
width: 26px; position: fixed;
height: 26px; }
display: block;
border-radius: 50%; .slider:after {
background-color: #fff; content: '';
position: absolute; width: 26px;
top: 4px; height: 26px;
left: 4px; display: block;
transition: all .4s; border-radius: 50%;
} background-color: #fff;
#checkInput:checked+.slider{ position: absolute;
background: #70B603; top: 4px;
} left: 4px;
#checkInput:checked+.slider:after{ transition: all .4s;
transform: translateX(26px); }
}
#checkInput:checked + .slider {
background: #70B603;
}
#checkInput:checked + .slider:after {
transform: translateX(26px);
}
</style> </style>
<body> <body>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0 24px 0 24px;">
<form class="form-horizontal" onsubmit="return false" id="form"> <form class="form-horizontal" onsubmit="return false" id="form">
<fieldset> <fieldset>
<input type="hidden" id="id" name="id"> <input type="hidden" id="id" name="id">
<!--<div class="form-group">--> <!--<div class="form-group">-->
<!--<label class="col-md-2 control-label">公司名称</label>--> <!--<label class="col-md-2 control-label">公司名称</label>-->
<!--<div class="col-md-10">--> <!--<div class="col-md-10">-->
<!--<input class="form-control" placeholder="公司名称" type="text" name="companyName" id="companyName"--> <!--<input class="form-control" placeholder="公司名称" type="text" name="companyName" id="companyName"-->
<!--data-bv-notempty="true"--> <!--data-bv-notempty="true"-->
<!--data-bv-notempty-message="公司名称 不能为空">--> <!--data-bv-notempty-message="公司名称 不能为空">-->
<!--</div>--> <!--</div>-->
<!--</div>--> <!--</div>-->
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>公司名称</label> <label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>公司名称</label>
<div class="col-md-10"> <div class="col-md-10">
<select id="orgId" name="companyId" class="form-control selectpicker show-tick" data-live-search="true" <select id="orgId" name="companyId" class="form-control selectpicker show-tick"
data-bv-notempty="true" data-bv-notempty-message="公司名称不能为空"></select> data-live-search="true"
</div> data-bv-notempty="true" data-bv-notempty-message="公司名称不能为空"></select>
</div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>角色名称</label> <label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>角色名称</label>
<div class="col-md-10"> <div class="col-md-10">
<input class="form-control" placeholder="角色" type="text" name="name" id="name" <input class="form-control" placeholder="角色" type="text" name="name" id="name"
data-bv-notempty="true" data-bv-notempty="true"
data-bv-notempty-message="角色名称 不能为空"> data-bv-notempty-message="角色名称 不能为空">
</div> </div>
<label id = "roleLevelName" class="col-md-2 control-label" style="color: red; margin-left: 11%;width: auto;"></label> <label id="roleLevelName" class="col-md-2 control-label"
</div> style="color: red; margin-left: 11%;width: auto;"></label>
</div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>角色级别</label> <label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>角色级别</label>
<div class="col-md-10"> <div class="col-md-10">
<select name="roleLevel" id="roleLevel" class="form-control layui-select"> <select name="roleLevel" id="roleLevel" class="form-control layui-select">
<option value="1">公司级</option> <option value="1">公司级</option>
<option value="2">分公司级</option> <option value="2">分公司级</option>
<option value="3">项目部级</option> <option value="3">项目部级</option>
<option value="4">分包商级</option> <option value="4">分包商级</option>
<option value="5">施工人员级</option> <option value="5">施工人员级</option>
<option value="6">总部</option> <option value="6">总部</option>
</select> </select>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>注册启用</label> <label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>注册启用</label>
<label class="switch"> <label class="switch">
<input id="checkInput" type="checkbox"/> <input id="checkInput" type="checkbox"/>
<div id="btnCheck" class="slider round"></div> <div id="btnCheck" class="slider round"></div>
<span id="sPan" style="color: red">*开启:用户注册可以选择该角色,关闭:不可选择</span> <span id="sPan" style="color: red">*开启:用户注册可以选择该角色,关闭:不可选择</span>
</label> </label>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>权限类型</label> <label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>权限类型</label>
<div class="col-md-10" style="margin-top: 0.5%;" id="types"> <div class="col-md-10" style="margin-top: 0.5%;" id="types">
<input required lay-verify="required" type="checkbox" value="1" name="permissionType"><label>大屏</label> <input required lay-verify="required" type="checkbox" value="1"
<input required lay-verify="required" type="checkbox" value="2" name="permissionType"><label>后台</label> name="permissionType"><label>大屏</label>
<input required lay-verify="required" type="checkbox" id="work" value="3" <input required lay-verify="required" type="checkbox" value="2"
name="permissionType"><label>施工</label> name="permissionType"><label>后台</label>
<input required lay-verify="required" type="checkbox" id="sup" value="4" <input required lay-verify="required" type="checkbox" id="work" value="3"
name="permissionType"><label>监督</label> name="permissionType"><label>施工</label>
</div> <input required lay-verify="required" type="checkbox" id="sup" value="4"
</div> name="permissionType"><label>监督</label>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">描述</label> <label class="col-md-2 control-label">描述</label>
<div class="col-md-10"> <div class="col-md-10">
<textarea class="form-control" placeholder="描述" name="description" id="description"></textarea> <textarea class="form-control" placeholder="描述" name="description" id="description"></textarea>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">权限</label> <label class="col-md-2 control-label">权限</label>
<div class="col-md-10"> <div class="col-md-10">
<ul id="treeDemo" class="ztree"></ul> <ul id="treeDemo" class="ztree"></ul>
<ul id="treeAppDemo" class="ztree"></ul> <ul id="treeAppDemo" class="ztree"></ul>
</div> </div>
</div> </div>
<div class="form-actions"> <div class="form-actions">
<div class="row" align="center"> <div class="row" align="center">
<div class="col-md-12"> <div class="col-md-12">
<button class="btn btn-primary" onclick="location.href='roleList.html'">返回</button> <button class="btn btn-primary" onclick="cancel()">返回</button>
<button class="btn btn-primary" permission="sys:role:add" type="submit" onclick="add()"> <button class="btn btn-primary" permission="sys:role:add" type="submit" onclick="add()">
<i class="fa fa-save"></i> 保存 保存
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<script type="text/javascript" src="../../js/libs/jquery-3.7.1.min.js"></script> <script type="text/javascript" src="../../js/libs/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="../../js/jq.js"></script> <script type="text/javascript" src="../../js/jq.js"></script>
<script type="text/javascript" src="../../js/plugin/bootstrapvalidator/bootstrapValidator.min.js"></script> <script type="text/javascript" src="../../js/plugin/bootstrapvalidator/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="../../js/common.js"></script> <script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script> <script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="../../js/libs/jquery.ztree.all-3.5.min.js"></script> <script type="text/javascript" src="../../js/libs/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="../../js/my/ztree-menu.js"></script> <script type="text/javascript" src="../../js/my/ztree-menu.js"></script>
<script type="text/javascript" src="../../../public/public.js"></script> <script type="text/javascript" src="../../../public/public.js"></script>
<script type="text/javascript" src="../../js/publicJs.js"></script> <script type="text/javascript" src="../../js/publicJs.js"></script>
<script type="text/javascript" src="../../js/bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="../../js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap/bootstrap-select.min.js"></script> <script type="text/javascript" src="../../js/bootstrap/bootstrap-select.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(function(){ $(function () {
$('#orgId').selectpicker({ $('#orgId').selectpicker({
'selectedText': 'cat' 'selectedText': 'cat'
}); });
$(".selectpicker").selectpicker({ $(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容 noneSelectedText: '请选择'//默认显示内容
}); });
}); });
layui.use(['layer', 'laydate', 'form'], function(){ layui.use(['layer', 'laydate', 'form'], function () {
var layer = layui.layer; var layer = layui.layer;
var form = layui.form; var form = layui.form;
$("#roleLevel").change(function(){ $("#roleLevel").change(function () {
var opt=$("#roleLevel").val(); var opt = $("#roleLevel").val();
if(opt==5 || opt=="5"){ if (opt == 5 || opt == "5") {
document.getElementById("roleLevelName").innerText="“角色名称”请填写“班组长”或“施工人员”"; document.getElementById("roleLevelName").innerText = "“角色名称”请填写“班组长”或“施工人员”";
}else{ } else {
document.getElementById("roleLevelName").innerText=""; document.getElementById("roleLevelName").innerText = "";
} }
}); });
$("#work").change(function () { $("#work").change(function () {
if ($(this).is(':checked')) { if ($(this).is(':checked')) {
$('#sup').attr("disabled", 'disabled'); $('#sup').attr("disabled", 'disabled');
$("#pro-tip").css("display","inline-block"); $("#pro-tip").css("display", "inline-block");
isRequired = true; isRequired = true;
} else { } else {
$("#pro-tip").css("display","none"); $("#pro-tip").css("display", "none");
$('#sup').removeAttr("disabled").prop(); $('#sup').removeAttr("disabled").prop();
isRequired = false; isRequired = false;
} }
form.render(); form.render();
}); });
$("#sup").change(function () { $("#sup").change(function () {
if ($(this).is(':checked')) { if ($(this).is(':checked')) {
$('#work').attr("disabled", 'disabled'); $('#work').attr("disabled", 'disabled');
$("#pro-tip").css("display","inline-block"); $("#pro-tip").css("display", "inline-block");
isRequired = true; isRequired = true;
} else { } else {
$("#pro-tip").css("display","none"); $("#pro-tip").css("display", "none");
$('#work').removeAttr("disabled").prop(); $('#work').removeAttr("disabled").prop();
isRequired = false; isRequired = false;
} }
form.render(); form.render();
}); });
getOrg(form); getOrg(form);
initData(form); initData(form);
}); });
$.fn.zTree.init($("#treeDemo"), getSettting(), getMenuBackTree()); $.fn.zTree.init($("#treeDemo"), getSettting(), getMenuBackTree());
$.fn.zTree.init($("#treeAppDemo"), getSettting(), getMenuAppTree()); $.fn.zTree.init($("#treeAppDemo"), getSettting(), getMenuAppTree());
function initData(form){ function initData(form) {
var id = getUrlParam("id"); var id = localStorage.getItem("roleId");
if(id != "" ){ if (id != "") {
$.ajax({ $.ajax({
type : 'get', type: 'get',
url : smz_ht_url + '/roles/'+id, url: smz_ht_url + '/roles/' + id,
async : false, async: false,
success : function(data) { success: function (data) {
//$("#companyName").val(data.companyName); //$("#companyName").val(data.companyName);
$("#id").val(data.id); $("#id").val(data.id);
$("#name").val(data.name); $("#name").val(data.name);
$("#description").val(data.description); $("#description").val(data.description);
$("#roleLevel").find('option[value=\'' + data.roleLevel + '\']').prop("selected", "selected"); $("#roleLevel").find('option[value=\'' + data.roleLevel + '\']').prop("selected", "selected");
checkFindData(data.status); checkFindData(data.status);
selectedTypes(data.type); selectedTypes(data.type);
console.log(data.companyId); console.log(data.companyId);
var company = data.companyId; var company = data.companyId;
//getOrg(form); //getOrg(form);
//$("#orgId").val(company); //$("#orgId").val(company);
//form.render('select'); //form.render('select');
$("#orgId").selectpicker('val', company); $("#orgId").selectpicker('val', company);
$("#orgId").selectpicker('refresh'); $("#orgId").selectpicker('refresh');
} }
}); });
initMenuBackDatas(id); initMenuBackDatas(id);
initMenuAppDatas(id); initMenuAppDatas(id);
} }
} }
//是否启用赋值 //是否启用赋值
function checkFindData(data) { function checkFindData(data) {
var check=document.getElementById("checkInput"); var check = document.getElementById("checkInput");
var btnCheck=document.getElementById("btnCheck"); var btnCheck = document.getElementById("btnCheck");
if(data=="0"){ if (data == "0") {
check.chechked=false; check.chechked = false;
}else if(data=="1"){ } else if (data == "1") {
check.click(); check.click();
check.chechked=true; check.chechked = true;
}else{ } else {
check.chechked=false; check.chechked = false;
} }
} }
function selectedTypes(type) {
if (type != null) {
$(type.split(",")).each(function (i, dom) {
$("input[name='permissionType'][value=" + dom + "]").prop("checked", true);
if (dom == 3) {
$('#sup').attr("disabled", 'disabled');
} else if (dom == 4) {
$('#work').attr("disabled", 'disabled');
}
});
} function selectedTypes(type) {
} if (type != null) {
$(type.split(",")).each(function (i, dom) {
$('#form').bootstrapValidator(); $("input[name='permissionType'][value=" + dom + "]").prop("checked", true);
if (dom == 3) {
function add() { $('#sup').attr("disabled", 'disabled');
var opt=$("#roleLevel").val(); } else if (dom == 4) {
if(opt==5 || opt=="5"){ $('#work').attr("disabled", 'disabled');
var name = $("#name").val(); }
if(name=='班组长' || name=='施工人员'){ });
}else{ }
layer.msg('请填写"班组长"或"施工人员"'); }
return;
}
}else{
} $('#form').bootstrapValidator();
var bootstrapValidator = $("#form").data('bootstrapValidator'); function add() {
bootstrapValidator.validate(); var opt = $("#roleLevel").val();
if(!bootstrapValidator.isValid()){ if (opt == 5 || opt == "5") {
return; var name = $("#name").val();
} if (name == '班组长' || name == '施工人员') {
var formdata = $("#form").serializeObject(); } else {
formdata.permissionIds = getCheckedMenuIds(); layer.msg('请填写"班组长"或"施工人员"');
formdata.status=findCheck();//是否启用 return;
var radio= document.getElementsByName("permissionType"); }
var type=""; } else {
for(var j=0;j<radio.length;j++){
if(radio[j].checked){ }
if(type !=""){
type+=","+radio[j].value; var bootstrapValidator = $("#form").data('bootstrapValidator');
}else{ bootstrapValidator.validate();
type+=radio[j].value; if (!bootstrapValidator.isValid()) {
} return;
} }
}
formdata.type=type;//权限类型 var formdata = $("#form").serializeObject();
$.ajax({ formdata.permissionIds = getCheckedMenuIds();
type : 'post', formdata.status = findCheck();//是否启用
url : smz_ht_url + '/roles', var radio = document.getElementsByName("permissionType");
contentType: "application/json; charset=utf-8", var type = "";
data : JSON.stringify(formdata), for (var j = 0; j < radio.length; j++) {
success : function(data) { if (radio[j].checked) {
layer.msg("成功", {shift: -1, time: 1000}, function(){ if (type != "") {
location.href = smz_ht_url + "/pages/role/roleList.html"; type += "," + radio[j].value;
}); } else {
} type += radio[j].value;
}); }
} }
}
formdata.type = type;//权限类型
$.ajax({
type: 'post',
url: smz_ht_url + '/roles',
contentType: "application/json; charset=utf-8",
data: JSON.stringify(formdata),
success: function (data) {
layer.msg("成功", {shift: -1, time: 1000}, function () {
setTimeout("reloading()", 2100);
});
}
});
}
function getOrg() { function getOrg() {
$.ajax({ $.ajax({
type: 'post', type: 'post',
url: smz_ht_url + '/project/getCompanys', url: smz_ht_url + '/project/getCompanys',
async: false, async: false,
dataType: "json", dataType: "json",
success: function (data) { success: function (data) {
$("#orgId").empty(); $("#orgId").empty();
var select = $("#orgId"); var select = $("#orgId");
if (data.length > 1) { if (data.length > 1) {
select.append("<option value=''>请选择公司</option>"); select.append("<option value=''>请选择公司</option>");
} }
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
select.append("<option value='" + data[i].id + "'>" + data[i].name + "</option>"); select.append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
} }
select.selectpicker('refresh'); select.selectpicker('refresh');
} }
}); });
} }
//获取注册按钮
function findCheck() { //获取注册按钮
var check=document.getElementById("checkInput"); function findCheck() {
if(check.checked){ var check = document.getElementById("checkInput");
return "1"; if (check.checked) {
}else{ return "1";
return "0"; } else {
} return "0";
} }
</script> }
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.example.ajax.reload(null, false); // 刷新页面
}
function cancel() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script>
</body> </body>
</html> </html>

View File

@ -33,24 +33,30 @@
<td> <td>
<form class="form-inline" onsubmit="return false"> <form class="form-inline" onsubmit="return false">
<div class="form-group"> <div class="form-group">
<input id="keyWord" type="text" class="form-control" placeholder="请输入关键字"> <div class="layui-inline">
<button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:role:query"><i class="layui-icon">&#xe615;</i>搜索</button> <input id="keyWord" type="text" class="layui-input" placeholder="请输入关键字">
<button class="layui-btn layui-btn-sm" onclick="location.href='addRole.html'" permission="sys:role:add"> </div>
<i class="layui-icon">&#xe608;</i> 添加
</button> <button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:role:query">搜索</button>
</div> </div>
</form> </form>
<div class="layui-inline" style="margin-top: 5px;">
<button class="layui-btn layui-btn-sm" onclick="addRole()" permission="sys:role:add">
添加
</button>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</header> </header>
<div> <div>
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<div id="dt-table-length"></div> <div id="dt-table-length"></div>
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%"> <table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead> <thead style="background-color: #FAFAFA !important;">
<tr> <tr>
<th style="width: 15%">公司名称</th> <th style="width: 15%">公司名称</th>
<th style="width: 15%">角色名称</th> <th style="width: 15%">角色名称</th>
@ -84,13 +90,13 @@
var pers = checkPermission(); var pers = checkPermission();
var example; var example;
function init(){ function init(){
example = example =
$('#dt-table').DataTable({ $('#dt-table').DataTable({
"searching": false, "searching": false,
"processing": false, "processing": false,
"serverSide" : true, "serverSide" : true,
"language": { "language": {
"url": contentPath + "/js/plugin/datatables/Chinese.lang" "url": contentPath + "/smz-web/js/plugin/datatables/Chinese.lang"
}, },
"ajax": { "ajax": {
"url" : smz_ht_url + "/roles", "url" : smz_ht_url + "/roles",
@ -187,14 +193,14 @@ function init(){
{ "data": "status", "orderable": false, "defaultContent": ""}, { "data": "status", "orderable": false, "defaultContent": ""},
{ "data": "updateTime", "defaultContent": ""}, { "data": "updateTime", "defaultContent": ""},
{ {
"data": "", "data": "",
"defaultContent": "", "defaultContent": "",
"orderable":false, "orderable":false,
"render": function (data, type, row) { "render": function (data, type, row) {
var id = row['id']; var id = row['id'];
var href = smz_ht_url + "/pages/role/addRole.html?id=" + id; // var href = smz_ht_url + "/pages/role/addRole.html?id=" + id;
var edit = buttonEdit(href, "sys:role:add", pers); var edit = buttonEdit(id, "sys:role:add", pers);
var del = buttonDel(id, "sys:role:del", pers); var del = buttonDel(id, "sys:role:del", pers);
return edit + del; return edit + del;
} }
@ -208,6 +214,27 @@ layui.use('layer', function(){
var layer = layui.layer; var layer = layui.layer;
}); });
function buttonDel(data, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0) {
return "";
}
}
var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + data +"\")' style='background-color: transparent;color: #ff4d4f;'>删除</button>");
return btn.prop("outerHTML");
}
function buttonEdit(id, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0) {
return "";
}
}
var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='edit(\"" +id+ "\")' style='background-color: transparent;color: #009688;'>编辑</button>");
return btn.prop("outerHTML");
}
function del(id){ function del(id){
layer.confirm('确定要删除吗?', { layer.confirm('确定要删除吗?', {
btn : [ '确定', '取消' ] btn : [ '确定', '取消' ]
@ -220,7 +247,7 @@ function del(id){
layer.msg("删除成功"); layer.msg("删除成功");
} }
}); });
layer.close(1); layer.close(1);
}); });
} }
@ -229,5 +256,31 @@ $("#searchBt").click(function(){
example.ajax.reload(); example.ajax.reload();
}); });
function edit(id){
localStorage.setItem("roleId", id)
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['编辑', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'addRole.html',
area: [width, height],
maxmin: false,
});
}
function addRole(){
localStorage.setItem("roleId", "")
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'addRole.html',
area: [width, height],
maxmin: false,
});
}
init(); init();
</script> </script>

View File

@ -7,7 +7,7 @@
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/viewer.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../../css/viewer.min.css">
</head> </head>
<body> <body>
<div class="layui-form"> <div class="layui-form" style="padding: 0 24px 0 24px">
<form class="layui-form" action=""> <form class="layui-form" action="">
<input type="hidden" id="id" name="id"> <input type="hidden" id="id" name="id">
<div class="layui-input-inline"style="float: left;width: 50%;margin-top: 2%;margin-left: 20%" > <div class="layui-input-inline"style="float: left;width: 50%;margin-top: 2%;margin-left: 20%" >
@ -63,4 +63,4 @@
<script type="text/javascript" src="../../../js/select.js"></script> <script type="text/javascript" src="../../../js/select.js"></script>
<script type="text/javascript" src="../../../js/work/basic/commonProblemForm.js" ></script> <script type="text/javascript" src="../../../js/work/basic/commonProblemForm.js" ></script>
</html> </html>

View File

@ -24,21 +24,23 @@
</div> </div>
</div> </div>
<button id="searchBt" class="layui-btn layui-btn-sm" <button id="searchBt" class="layui-btn layui-btn-sm"
permission="sys:Blacklist:query" style="margin-top: -0.3%;"><i permission="sys:Blacklist:query" style="margin-top: -0.3%;">搜索
class="layui-icon">&#xe615;</i>搜索
</button> </button>
<button class="layui-btn layui-btn-sm" onclick="addCommonProblem()" style="margin-top: -0.3%;"> </div>
<i class="layui-icon">&#xe608;</i> 添加
</button>
<input id="articleImageFile" name="excelFile" type="file" class="form-control" style="width: 300px; display: inline;" />
<input id="saveZipButton" type="button" style="width: 60px;height: 35px;" value="导入" />
<input type="file" id="import-excel" name="image" style="display: none;"/>
<button class="layui-btn layui-btn-sm" onclick="downCommonProblem()" style="margin-top: -0.3%;">
<i class="layui-icon">&#xe601;</i> 模板下载
</button>
<button id="exportBt" class="layui-btn layui-btn-sm" ><i class="layui-icon">&#xe681;</i>导出</button>
</div>
</form> </form>
<div class="layui-inline" style="margin-top: 5px;">
<button class="layui-btn layui-btn-sm" onclick="addCommonProblem()" style="margin-top: -0.7%;">
添加
</button>
<input id="articleImageFile" name="excelFile" type="file" class="layui-input" style="width: 300px; display: inline;line-height: 2.8;" />
<input id="saveZipButton" type="button" class="layui-btn layui-btn-sm" value="导入" style="margin-top: -0.7%;" />
<input type="file" id="import-excel" name="image" style="display: none;"/>
<button class="layui-btn layui-btn-sm" onclick="downCommonProblem()" style="margin-top: -0.7%;">
模板下载
</button>
<button id="exportBt" class="layui-btn layui-btn-sm" style="margin-left: 0px;margin-top: -0.7%;">导出</button>
</div>
</td> </td>
</tr> </tr>
</table> </table>
@ -49,7 +51,7 @@
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<div id="dt-table-length"></div> <div id="dt-table-length"></div>
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%"> <table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead> <thead style="background-color: #FAFAFA !important;">
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>子系统</th> <th>子系统</th>
@ -78,4 +80,4 @@
<script type="text/javascript" src="../../../../public/public.js"></script> <script type="text/javascript" src="../../../../public/public.js"></script>
<script type="text/javascript" src="../../../js/publicJs.js"></script> <script type="text/javascript" src="../../../js/publicJs.js"></script>
<script type="text/javascript" src="../../../js/dict.js"></script> <script type="text/javascript" src="../../../js/dict.js"></script>
<script type="text/javascript" src="../../../js/work/basic/commonProblemList.js"></script> <script type="text/javascript" src="../../../js/work/basic/commonProblemList.js"></script>

View File

@ -20,7 +20,7 @@
<div class="form-group"> <div class="form-group">
<input id="keyWord" type="text" class="form-control" placeholder="请输入搜索条件"> <input id="keyWord" type="text" class="form-control" placeholder="请输入搜索条件">
<button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:userHistory:query"> <button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:userHistory:query">
<i class="layui-icon">&#xe615;</i>搜索 搜索
</button> </button>
</div> </div>
</form> </form>
@ -34,7 +34,7 @@
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<div id="dt-table-length"></div> <div id="dt-table-length"></div>
<table id="dt-tables" class="table table-striped table-bordered table-hover" style="width: 100%"> <table id="dt-tables" class="table table-striped table-bordered table-hover" style="width: 100%">
<thead> <thead style="background-color: #FAFAFA !important;">
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>用户编号</th> <th>用户编号</th>

View File

@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/dataTables.bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../../css/dataTables.bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css"> <link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/work/basic/proManager.css"> <!-- <link rel="stylesheet" type="text/css" media="screen" href="../../../css/work/basic/proManager.css">-->
</head> </head>
<body> <body>
<div> <div>
@ -18,15 +18,28 @@
<td> <td>
<form class="form-inline" onsubmit="return false"> <form class="form-inline" onsubmit="return false">
<div class="form-group"> <div class="form-group">
模块: <div class="layui-inline">
<input id="module" type="text" class="form-control" placeholder="请输入模块名"> <input id="module" type="text" class="layui-input" placeholder="请输入模块名">
<input id="keyWord" type="text" class="form-control" placeholder="请输入关键字条件"> </div>
<input type="text" style="width: 15%;" class="form-control" readonly placeholder="请选择日期" id="startTime"> <div class="layui-inline">
<span>~</span> <input id="keyWord" type="text" class="layui-input" placeholder="请输入关键字条件">
<input type="text" style="width: 15%;" class="form-control" readonly placeholder="请选择日期" id="endTime" value='@DateTime.Now.ToString("yyyy-MM-dd")'> </div>
&nbsp;<button id="searchBt" class="layui-btn layui-btn-sm" ><i class="layui-icon">&#xe615;</i>搜索</button> <!--<input type="text" style="width: 15%;" class="layui-input" readonly placeholder="请选择日期" id="startTime">
<input type="hidden" id="hidMinListDate" value="2021-01-01" /> <span>~</span>
<input type="hidden" id="hidMaxListDate" value='@DateTime.Now.ToString("yyyy-MM-dd")' /> <input type="text" style="width: 15%;" class="form-control" readonly placeholder="请选择日期" id="endTime" value='@DateTime.Now.ToString("yyyy-MM-dd")'>
&nbsp;
<input type="hidden" id="hidMinListDate" value="2021-01-01" />
<input type="hidden" id="hidMaxListDate" value='@DateTime.Now.ToString("yyyy-MM-dd")' />-->
<div class="layui-input-inline">
<input type="text" id="test6" class="layui-input"
placeholder="请选择日期范围" readonly>
<input type="hidden" id="hidMinListDate" value="2021-01-01"/>
<input type="hidden" id="hidMaxListDate"
value='@DateTime.Now.ToString("yyyy-MM-dd")'/>
</div>
<button id="searchBt" class="layui-btn layui-btn-sm" >搜索</button>
</div> </div>
</form> </form>
</td> </td>
@ -39,7 +52,7 @@
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<div id="dt-table-length"></div> <div id="dt-table-length"></div>
<table id="dt-tables" class="table table-striped table-bordered table-hover" style="width: 100%"> <table id="dt-tables" class="table table-striped table-bordered table-hover" style="width: 100%">
<thead> <thead style="background-color: #FAFAFA !important;">
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>操作人</th> <th>操作人</th>

View File

@ -19,7 +19,7 @@
} }
</style> </style>
</head> </head>
<body> <body style="padding: 0 24px 0 24px">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<form class="form-horizontal" onsubmit="return false" id="form"> <form class="form-horizontal" onsubmit="return false" id="form">
<fieldset> <fieldset>
@ -114,7 +114,7 @@
<div class="form-actions"> <div class="form-actions">
<div class="row" align="center"> <div class="row" align="center">
<div class="col-md-12"> <div class="col-md-12">
<button class="btn btn-primary" id="back" onclick="location.href='userList.html'">返回</button> <button class="btn btn-primary" id="back" onclick="cancel()">返回</button>
<button class="btn btn-primary" id="save" type="submit" onclick="add()"> <button class="btn btn-primary" id="save" type="submit" onclick="add()">
<i class="fa fa-save"></i> 保存 <i class="fa fa-save"></i> 保存
</button> </button>
@ -252,7 +252,9 @@
data: JSON.stringify(formdata), data: JSON.stringify(formdata),
success: function (data) { success: function (data) {
layer.msg("添加成功", {shift: -1, time: 1000}, function () { layer.msg("添加成功", {shift: -1, time: 1000}, function () {
location.href = "userList.html"; // location.href = "userList.html";
setTimeout("reloading()", 2100);
}); });
} }
}); });
@ -520,8 +522,8 @@
} }
}); });
} }
function querys() { function querys() {
var idNumber = $("#idNumber").val(); var idNumber = $("#idNumber").val();
var roles = $("#roles").val(); var roles = $("#roles").val();
@ -570,6 +572,18 @@
} }
}) })
} }
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.example.ajax.reload( null, false ); // 刷新页面
}
function cancel(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script> </script>
</body> </body>
</html> </html>

View File

@ -137,7 +137,9 @@
$(function() { $(function() {
$("#userName").val(userName); $("#userName").val(userName);
$("#phone").val(phone); $("#phone").val(phone);
$("#collectTime").val(collectTime); if(collectTime!="null"){
$("#collectTime").val(collectTime);
}
if(facePhoto!="null"){ if(facePhoto!="null"){
getFacePhoto(facePhoto); getFacePhoto(facePhoto);
}else{ }else{
@ -167,4 +169,4 @@
$("#dowebok").append(html); $("#dowebok").append(html);
} }
} }
</script> </script>

View File

@ -19,7 +19,7 @@
} }
</style> </style>
</head> </head>
<body> <body style="padding: 0 24px 0 24px">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<form class="form-horizontal" onsubmit="return false" id="form"> <form class="form-horizontal" onsubmit="return false" id="form">
<fieldset> <fieldset>
@ -114,7 +114,7 @@
<div class="form-actions"> <div class="form-actions">
<div class="row" align="center"> <div class="row" align="center">
<div class="col-md-12"> <div class="col-md-12">
<button class="btn btn-primary" onclick="location.href='userList.html'">返回</button> <button class="btn btn-primary" onclick="cancel()">返回</button>
<button class="btn btn-primary" type="submit" onclick="update()" > <button class="btn btn-primary" type="submit" onclick="update()" >
<i class="fa fa-save"></i> 保存 <i class="fa fa-save"></i> 保存
</button> </button>
@ -139,17 +139,8 @@
<script type="text/javascript" src="../../../js/companyTree.js"></script> <script type="text/javascript" src="../../../js/companyTree.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// var companyIds; // var companyIds;
var editId = localStorage.getItem("editId");
var idNumbers = ""; var idNumbers = "";
$(function(){
initTree();
$('#proId').selectpicker({
'selectedText': 'cat'
});
$(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容
});
});
var layer; var layer;
var isRequired = false; var isRequired = false;
var form; var form;
@ -157,20 +148,28 @@
var roleNames = ""; var roleNames = "";
var einStatus =""; var einStatus ="";
var examineStatus =""; var examineStatus ="";
layui.use(['layer', 'laydate', 'form'], function () { layui.use(['layer', 'laydate', 'form'], function () {
layer = layui.layer; layer = layui.layer;
form = layui.form; form = layui.form;
var laydate = layui.laydate;
laydate.render({ initTree();
elem: '#birthday' $('#proId').selectpicker({
'selectedText': 'cat'
}); });
$(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容
});
showDictSelect("sex", "sex");
showDictSelect("status", "userStatus");
initData();
}); });
showDictSelect("sex", "sex");
showDictSelect("status", "userStatus");
initData();
function initData() { function initData() {
var id = getUrlParam("id"); var id = editId;
// var formdata = ; // var formdata = ;
if (id != "") { if (id != "") {
$.ajax({ $.ajax({
@ -362,7 +361,7 @@
data: JSON.stringify(formdata), data: JSON.stringify(formdata),
success: function (data) { success: function (data) {
layer.msg("修改成功", {shift: -1, time: 1000}, function () { layer.msg("修改成功", {shift: -1, time: 1000}, function () {
location.href = smz_ht_url + "userList.html"; setTimeout("reloading()", 2100);
}); });
} }
}); });
@ -652,6 +651,18 @@
} }
}) })
} }
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.example.ajax.reload( null, false ); // 刷新页面
}
function cancel(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script> </script>
</body> </body>
</html> </html>

View File

@ -59,7 +59,7 @@
</select> </select>
</div> </div>
</div> </div>
<div class="layui-inline" style="margin-left: 1%"> <div class="layui-inline" >
<div class="layui-input-inline"> <div class="layui-input-inline">
<select id="proId" name="proId" lay-search> <select id="proId" name="proId" lay-search>
</select> </select>
@ -93,25 +93,26 @@
<input id="keyWord" type="text" class="layui-input" placeholder="请输入关键字"style="margin-top: 1%;"> <input id="keyWord" type="text" class="layui-input" placeholder="请输入关键字"style="margin-top: 1%;">
</div> </div>
</div> </div>
<button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:user:query" style="margin-left:1% "><i class="layui-icon">&#xe615;</i>搜索</button> <button id="searchBt" class="layui-btn layui-btn-sm" permission="sys:user:query" style="margin-left:1% ">搜索</button>
<button class="layui-btn layui-btn-sm" onclick="adds()">
<i class="layui-icon">&#xe608;</i> 添加
</button>
</div> </div>
</form> </form>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm" onclick="adds()">
添加
</button>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</header> </header>
<div> <div>
<div class="widget-body no-padding"> <div class="widget-body no-padding">
<div id="dt-table-length"></div> <div id="dt-table-length"></div>
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%"> <table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead> <thead style="background-color: #FAFAFA !important;">
<tr>
</tr>
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>用户名</th> <th>用户名</th>
@ -153,4 +154,4 @@
<script type="text/javascript" src="../../../js/work/sysMag/user.js" defer="defer"></script> <script type="text/javascript" src="../../../js/work/sysMag/user.js" defer="defer"></script>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>