You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
491 lines
18 KiB
491 lines
18 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
<%@ include file="/common/ctx.jsp" %>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<title>用户系统配置</title> <!-- jQuery -->
|
|
<!-- jQuery -->
|
|
<script src="${ctx}/js/jquery-1.11.0.min.js"></script>
|
|
|
|
|
|
<%-- <script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/layui-v2.5.5/layui/layui.js"></script>--%>
|
|
|
|
<%--表单工具--%>
|
|
<script src="${ctx}/js/common/cjy_form.js"></script>
|
|
<script src="${ctx}/js/common/cjy_common.js"></script>
|
|
|
|
<link rel="stylesheet" href="${ctx}/js/layui/2.5.5/layui/css/layui.css" media="all">
|
|
<!-- 字体图标 -->
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
|
|
<!--样式 -->
|
|
<link href="${ctx}/hbcyjc/resourceNew/css/newcjy_style.css" rel="stylesheet"/>
|
|
|
|
|
|
|
|
<%-- 自定义修改layui穿梭框样式--%>
|
|
<style type="text/css">
|
|
.layui-transfer-box {
|
|
/*background-color: #006DD9;*/
|
|
background-color: rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.layui-transfer-box, .layui-transfer-header, .layui-transfer-search {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: #1764b3;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin=primary] span {
|
|
padding-left: 0;
|
|
padding-right: 15px;
|
|
line-height: 18px;
|
|
background: 0 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-form-checked[lay-skin=primary] i {
|
|
border-color: #1c3ce0!important;
|
|
background-color: #2857ce;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-transfer-active .layui-btn {
|
|
display: block;
|
|
background-color: rgb(63, 104, 167);
|
|
color: rgb(255, 255, 255);
|
|
margin: 0px;
|
|
padding: 0px 15px;
|
|
border-color: rgb(6, 79, 251);
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin=primary] i {
|
|
background-color: #298ea9;
|
|
}
|
|
.layui-form-checked[lay-skin=primary] i {
|
|
border-color: #1c3ce0!important;
|
|
background-color: #2857ce;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-form-checkbox i {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 30px;
|
|
height: 28px;
|
|
color: rgb(41, 142, 169);
|
|
}
|
|
|
|
/*搜索框背景颜色*/
|
|
.layui-input, .layui-select, .layui-textarea {
|
|
/*background-color: #32b2d9;*/
|
|
background-color: rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.menulistclass{
|
|
/*background-color: #006DD9;*/
|
|
background-color: rgba(0,0,0,0.2);
|
|
width: 440px;
|
|
height: 410px;
|
|
position: absolute;
|
|
top: 90px;
|
|
left: 621px;
|
|
overflow-y: auto;
|
|
|
|
}
|
|
.munulisttablecla{
|
|
width: 98%;
|
|
position: relative;
|
|
top:20px;
|
|
left: 4px;
|
|
|
|
}
|
|
.munulisttablecla tr td{
|
|
border: solid #54afb9 1.5px;
|
|
height: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.inputclass{
|
|
/*background-color: #3256e0;*/
|
|
background-color: rgba(0,0,0,0.2);
|
|
width: 80px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
//取消
|
|
function my_cancel() {
|
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
|
parent.layer.close(index) //关闭弹出框
|
|
}
|
|
|
|
|
|
//提示
|
|
function mytip(text) {
|
|
layer.open({
|
|
type : 1,
|
|
content : '<div style="padding: 20px 100px;">' + text + '</div>',
|
|
btn : '确定',
|
|
shade: [0.7, '#333'],
|
|
btnAlign : 'c', //按钮居中
|
|
yes : function() {
|
|
parent.layer.closeAll(); //疯狂模式，关闭所有层
|
|
},
|
|
success: function (index, layero) {
|
|
$(':focus').blur();//让按钮失去焦点
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function isEmpty(text) {
|
|
if (text != null && text != "null" && text != "" && text != "undefined" && text!=undefined) {
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
|
|
$(function(){
|
|
// huixianuserxtqx();
|
|
})
|
|
|
|
//显示该用户系统权限
|
|
//可见系统选项中显示所有的系统内容（选中的系统为所有可操作的系统）
|
|
//可操作系统只显示自己可见的系统（选中的为自己可操作的系统）
|
|
function huixianuserxtqx(){
|
|
var xtcdzh = ${list}; //所有的菜单
|
|
var userxtcd = ${hxlist}; //该用户拥有的系统菜单--1启用（可登录操作）--0停用（灰色，只可看不可操作）
|
|
var userid = "${userid}"; //该人员id
|
|
var kjxthtml = ""; //可见系统html
|
|
var kczxthtml = ""; // 可操作
|
|
|
|
// var xtcdzhjson = eval('(' + xtcdzh + ')');
|
|
for(var i = 0;i < xtcdzh.length;i++){
|
|
var id = xtcdzh[i].id;
|
|
var sysname = xtcdzh[i].sysnameexplain;
|
|
kjxthtml +=
|
|
"<div class='checkbox '>"+
|
|
"<input type='checkbox' onclick=\"kjxtdj('"+id+"','"+sysname+"')\" id='kj"+id+"' name='kjname' value='"+id+"'/><label for='kj"+id+"'>"+sysname+"</label>"+
|
|
"</div>";
|
|
}
|
|
$("#userkjxtid").html(kjxthtml);
|
|
|
|
for(var i = 0;i < userxtcd.length;i++){
|
|
var id = userxtcd[i].id;
|
|
var sysname = userxtcd[i].sysnameexplain;
|
|
var ynenable = userxtcd[i].ynenable;
|
|
//var sysxsid = userxtcd[i].sysxsid; //可显示的系统id
|
|
if(ynenable == "1"){ //选中
|
|
kczxthtml +=
|
|
"<div class='checkbox '>"+
|
|
"<input type='checkbox' checked=\"checked\" id='kcz"+id+"' name='kczname' value='"+id+"'/><label for='kcz"+id+"'>"+sysname+"</label>"+
|
|
"</div>";
|
|
$("#kj"+id).attr("checked","true"); //设置可操作系统拥有的，可见系统都选中
|
|
}else{ //不选中
|
|
kczxthtml +=
|
|
"<div class='checkbox '>"+
|
|
"<input type='checkbox' id='kcz"+id+"' name='kczname' value='"+id+"'/><label for='kcz"+id+"'>"+sysname+"</label>"+
|
|
"</div>";
|
|
$("#kj"+id).attr("checked","true"); //设置可操作系统拥有的，可见系统都选中
|
|
}
|
|
}
|
|
|
|
$("#userkczxtid").html(kczxthtml);
|
|
dxdxxr();
|
|
}
|
|
|
|
|
|
//可见系统点击
|
|
function kjxtdj(id,value){
|
|
// alert(id);
|
|
// alert(value);
|
|
if ($('#kj'+id).is(':checked')) { //如果是选中，给可操作系统增加一个多选，如果是取消选中，删除下方可操作系统的对用多选框
|
|
var idfjhtml =
|
|
"<div class='checkbox '>"+
|
|
"<input type='checkbox' id='kcz"+id+"' name='kczname' value='"+id+"'/><label for='kcz"+id+"'>"+value+"</label>"+
|
|
"</div>";
|
|
$("#userkczxtid").append(idfjhtml);
|
|
}else{
|
|
$("#kcz"+id).parent().remove();
|
|
}
|
|
|
|
dxdxxr();//渲染
|
|
}
|
|
|
|
/**
|
|
* 保存用户系统汇聚信息
|
|
*/
|
|
function my_Verification(){
|
|
var obj = document.getElementsByName("kczname");
|
|
// var check_val = []; //选中的多选框值
|
|
// var check_nal = []; // 未选中的多选框值
|
|
var xzdata = ""; //选中的多选框值
|
|
var wxzdata = ""; // 未选中的多选框值
|
|
for(k in obj){
|
|
if(obj[k].checked){
|
|
// check_val.push(obj[k].value);
|
|
xzdata += obj[k].value+",";
|
|
}else{
|
|
// check_nal.push(obj[k].value);
|
|
wxzdata += obj[k].value+",";
|
|
}
|
|
}
|
|
|
|
var userid = '${userid}';
|
|
var subdata = "{\"xzdata\":\""+xzdata+"\",\"wxzdata\":\""+wxzdata+"\",\"userid\":\""+userid+"\"}";
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "${ctx}/syssystemfunctioncontroller/saveuserxtdata.do",
|
|
dataType: 'json',
|
|
async: false,
|
|
data: 'subdata=' + subdata,
|
|
success: function (data) {
|
|
var state = data.state;
|
|
mytip(state);//提示
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
//单选多选渲染
|
|
function dxdxxr(){
|
|
$('input').customInput();
|
|
$('.toggle').each(function () {
|
|
$('div:first', this).addClass('first');
|
|
$('div:last', this).addClass('last');
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="xingk_nr"></div>
|
|
<div class="header_top">
|
|
<p class="header_xtbt">用户系统配置</p>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<form class="layui-form" method="post" action="${ctx}/syssystemfunctioncontroller/savesyssystem.do" name="userForm" id="userForm">
|
|
|
|
<div id="test6" class="demo-transfer"></div>
|
|
|
|
<div id = "menulist" class="menulistclass" >
|
|
<table class="munulisttablecla" >
|
|
<tr>
|
|
<span colspan="4" style="top:5px;text-align:left;color: #00FFFF;font-size: 20px;font-weight:normal;">单系统设置</span>
|
|
</tr>
|
|
<tr>
|
|
<td width="20px">序号</td>
|
|
<td width="80px">系统名称</td>
|
|
<td width="80px">是否可登录</td>
|
|
<td width="80px">是否使用新密码登录</td>
|
|
<td width="86px">账号</td>
|
|
<td width="87px">密码</td>
|
|
</tr>
|
|
</table>
|
|
<table class="munulisttablecla" id = "tablelistid">
|
|
|
|
</table>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
<p class="form-btncz">
|
|
<button class="bttn bttn_bc" type="button" onclick="saveshezhi()"><i class="fa fa-save"></i>保存</button>
|
|
<button class="bttn" type="button" onclick="my_cancel()"><i class="fa fa-reply"></i>关闭</button>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
|
|
|
|
<script src="${ctx}/js/layui/2.5.5/layui/layui.all.js" charset="utf-8"></script>
|
|
<script>
|
|
|
|
layui.use(['transfer', 'layer', 'util','form'], function() {
|
|
var $ = layui.$
|
|
, transfer = layui.transfer
|
|
, layer = layui.layer
|
|
, util = layui.util;
|
|
var form = layui.form;
|
|
|
|
var data1 = []; //左侧表单数据
|
|
var xtcdzh = ${list}; //所有的菜单未添加的菜单
|
|
for(var i = 0;i < xtcdzh.length;i++) {
|
|
var id = xtcdzh[i].id;
|
|
var sysname = xtcdzh[i].sysnameexplain;
|
|
var datanr = {value:id,title:sysname};
|
|
data1.push(datanr);
|
|
}
|
|
|
|
var userxtcd = ${hxlist}; //该用户拥有的系统菜单--1启用（可登录操作）--0停用（灰色，只可看不可操作）
|
|
var cshid = []; //初始化右侧数据时使用
|
|
for(var i = 0 ;i<userxtcd.length;i++){
|
|
var id = userxtcd[i].id;
|
|
// var sysname = userxtcd[i].sysnameexplain;
|
|
// var datanr = {value:id,title:sysname};
|
|
// data2.push(datanr)
|
|
cshid.push(id);
|
|
}
|
|
|
|
//初始右侧数据
|
|
transfer.render({
|
|
elem: '#test6'
|
|
,data: data1
|
|
,title: ['系统菜单', '该用户下的菜单'] //自定义标题
|
|
,width: 250 //定义宽度
|
|
,height: 410 //定义高度
|
|
,value: cshid
|
|
,showSearch: true
|
|
,id:"demo1"
|
|
})
|
|
|
|
|
|
//获得右侧数据
|
|
// var getData = transfer.getData('demo1');
|
|
|
|
$(".layui-transfer-active").click(function(){
|
|
var getData = transfer.getData('demo1');
|
|
var userxtid = ""; // 用户系统id
|
|
for(var i = 0;i<getData.length;i++){
|
|
userxtid += getData[i].value+",";
|
|
}
|
|
//显示列表
|
|
keelisttable(userxtid);
|
|
|
|
});
|
|
|
|
//显示右侧列表
|
|
function keelisttable(userxtid){
|
|
var menulisthtml = "";
|
|
var userid= ${userid};
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "${ctx}/syssystemfunctioncontroller/selectAllbyin.do",
|
|
dataType: 'json',
|
|
async: false,
|
|
data: {xtcdid:userxtid,userid:userid}, //'xtcdid=' + userxtid,
|
|
success: function (data) {
|
|
var state = data.data;
|
|
if(state!=""){
|
|
for(var i = 0;i<state.length;i++){
|
|
var ynenable = state[i].ynenable; //是否可登录
|
|
var enableaccount = state[i].enableaccount; //是否使用新账户密码
|
|
var loginname = state[i].loginname;
|
|
var password = state[i].password;
|
|
if(ynenable == "1"){
|
|
ynenable = "checked=\"\" ";
|
|
}else{
|
|
ynenable = "";
|
|
}
|
|
|
|
if(enableaccount == "1"){
|
|
enableaccount =" checked=\"\" ";
|
|
}else{
|
|
enableaccount = "";
|
|
}
|
|
|
|
menulisthtml +=
|
|
"<tr>"+
|
|
"<td style='display: none;'><input type= \"hidden\" value='"+state[i].id+"'/></td>"+
|
|
"<td width=\"20px\" >"+(i+1)+"</td>"+
|
|
"<td width=\"80px\" >"+state[i].sysnameexplain+"</td>"+
|
|
"<td width=\"80px\" >"+
|
|
" <div class=\"layui-form-item\">"+
|
|
"<input type=\"checkbox\" "+ynenable+" value=\""+state[i].id+"\" name=\"close\" lay-skin=\"switch\" lay-filter=\"switchTest\" lay-text=\"是|否\">"+
|
|
"</div>"+
|
|
"</td>"+
|
|
"<td width=\"80px\" >" +
|
|
"<div class=\"layui-form-item\">"+
|
|
"<input type=\"checkbox\" value=\"\" "+enableaccount+" name=\"open\" lay-skin=\"switch\" lay-filter=\"switchTest\" lay-text=\"是|否\">"+
|
|
"</div>"+
|
|
"</td>"+
|
|
"<td width=\"86px\" ><input class = \"inputclass\" type='input' id = \"lognum\" value='"+loginname+"'/></td>"+
|
|
"<td width=\"87px\" ><input class = \"inputclass\" type='input' id = \"password\" value='"+password+"'/></td>"+
|
|
"</tr>";
|
|
}
|
|
}
|
|
$("#tablelistid").html(menulisthtml);
|
|
form.render(); //渲染layui
|
|
}
|
|
})
|
|
}
|
|
|
|
//初始化
|
|
$(function(){
|
|
var userxtcd = ${hxlist}; //该用户拥有的系统菜单--1启用（可登录操作）--0停用（灰色，只可看不可操作）
|
|
var cshuserxtid = "";
|
|
for(var i = 0 ;i<userxtcd.length;i++){
|
|
var id = userxtcd[i].id;
|
|
cshuserxtid += id+",";
|
|
}
|
|
keelisttable(cshuserxtid);
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
//保存设置
|
|
function saveshezhi(){
|
|
var trList = $(".munulisttablecla tr");
|
|
var data = "";
|
|
for(var i= 2;i<trList.length;i++){
|
|
var datavalue = "";
|
|
var tdArr = trList.eq(i).find("td");
|
|
var tdzer = tdArr.eq(0).find("input").val(); // 该系统id
|
|
// var tdone = tdArr.eq(1).html(); //列表序号
|
|
// var tdtwo = tdArr.eq(2).html(); //该系统名称
|
|
var tdthr = tdArr.eq(3).find("div").find("div").find("em").html(); //是否可登录 是-可登录， 否-不可登录
|
|
var tdfor = tdArr.eq(4).find("div").find("div").find("em").html(); //是否使用新密码登录 是-使用新密码，否-不使用新密码
|
|
var tdfiv = tdArr.eq(5).find("input").val(); //账号，
|
|
if(tdfiv == "" || tdfiv == null || tdfiv == "null" || tdfiv == undefined || tdfiv == "undefined"){
|
|
tdfiv = "null";
|
|
}
|
|
var tdsix = tdArr.eq(6).find("input").val(); //密码，
|
|
if(tdsix == "" || tdsix == null || tdsix == "null" || tdsix == undefined || tdsix == "undefined"){
|
|
tdsix = "null";
|
|
}
|
|
// datavalue = tdzer+","+tdone+","+tdtwo+","+tdthr+","+tdfor+","+tdfiv+","+tdsix;
|
|
datavalue = tdzer+","+tdthr+","+tdfor+","+tdfiv+","+tdsix;
|
|
data += datavalue+"#";
|
|
}
|
|
var userid = "${userid}"; //该人员id
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "${ctx}/syssystemfunctioncontroller/saveshezhi.do",
|
|
dataType: 'json',
|
|
async: false,
|
|
data:{data:data,userid:userid},
|
|
success: function (data) {
|
|
var state = data.state;
|
|
// mytip(state);//提示
|
|
layer.msg(state);
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
</html> |