dianwang
/
dianwangAdm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>角色详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="../../js/min-loader-next.js"></script>
</head>

<body>
      <div id = "aa" style="margin-top: 20px;margin-left: 20px;margin-right: 120px;">
	    <table id="detail" class="layui-table"  style="margin-top: 20px;margin-left: 20px;margin-right: 120px;">
	     </table>
     </div> 
    <div style="margin-top: 20px;margin-left: 20px;margin-right: 120px;"> 
      <table class="layui-table" style="margin-top: 20px;margin-left: 20px;margin-right: 120px;">
       	<thead>
       		<tr>
       			<th id="selectTr"></th>
       			<th>系统名称</th>
       			<th>一级栏目</th>
       			<th>二级栏目</th>
       		</tr>
       	</thead>
       	<tbody id="tbody">
       	</tbody>
       </table>
	</div>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
	    var params = layui.sessionData("ROW_DATA").NOW_ROW.params;
		var fields = params.fields;
		var roleId = layui.sessionData("ROW_DATA").NOW_ROW["id"];
		
		var html = ''; 
		var columnNumber = params.columnNumber;
		// 显示的列数
		if(isEmpty(columnNumber)) {
			columnNumber = 2;// 默认显示2列
		}
		
		// 循环所有的字段
		layui.each(fields, function(index, item){ 
				if(index % columnNumber == 0) {
					html = html +  '<tr>'; 
				}
				html = html +  '<td bgcolor="#F5F5F5" style="text-align:right;"><strong>' + item.title+ '：</strong></td>'; 
				var fieldsVal = layui.sessionData("ROW_DATA").NOW_ROW[item.field];
				// 是否设定了最大显示位数
				if(!isEmpty(item.maxlength) 
						&& !isEmpty(fieldsVal) 
						&& fieldsVal.length > item.maxlength) {
					var id = "td" + rndNum(10);
					html = html +  '<td id="' + id + '" onMouseOver=\'showTips(\"'+ id + '\",\"' + fieldsVal+'\");\'>' + fieldsVal.substring(0, item.maxlength) + '</td>';
	  
				}
				// 是否是图片
				else if(!isEmpty(item.img)) {
					var imgDiv = '<img onClick = \'showPic(\"' + fieldsVal+'\");\'  layer-src="'+ fieldsVal +'" src="'+ fieldsVal +'" alt="图片">';
					html = html +  '<td>' + imgDiv + '</td>';
					
				}else {
					html = html +  '<td>' + fieldsVal + '</td>';
				}
				
				
				
				//权限问题
				//html = html +  '<td>' + authHtml + '</td>';
				
				if(index % columnNumber != 0) {
					html = html +  '</tr>'; 
				}
		 });
		$("#detail").html(html);
		
		// 超长显示
		function showTips(id, val) {
			layui.use('layer', function(){
				  var layer = layui.layer;
				  layer.open({
						  type: 4,
						  tips: [1,'#6495ED'],
						  time: 5000,
						  content: [val, '#' + id] //数组第二项即吸附元素选择器或者DOM
				  }); 
				});  
		}
		
		function showPic(fieldsVal) {
			layui.use('layer', function(){
				var layer = layui.layer;
				var showphotos = {
						  "title": "", //相册标题
						  "id": 123, //相册id
						  "start": 0, //初始显示的图片序号，默认0
						  "data": [   //相册包含的图片，数组格式
						    {
						      "alt": "图片",
						      "pid": 666, //图片id
						      "src": fieldsVal, //原图地址
						      "thumb": fieldsVal //缩略图地址
						    }
						  ]
						};
				
				layer.photos({
				    photos: showphotos
				    ,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
				 });
			});
		}
        $(document).ready(function(){
        	// 查询菜单
        	$.request({
        		action : '../../RoleManageAction/roleAuthQueryWithoutPwd',
        		data : {
        			id : roleId
        		},
        		success : function(data){
        			var menu = data.MINQueryResult;
var menu = data.MINQueryResult;
        			
        			/* // 一级菜单临时html
        			var onelevelHtmlPartOne = "";
        			var onelevelHtmlPartTwo = "";
        			// 二级菜单tml
        			var twolevelHtml = "";
        			// 一级菜单是否被选中
        			var onelevelIsChecked = ""; */
        			for (var i = 0; i < menu.length; i ++) {
        				var html = "";
        				var xitongIsChecked = "checked";
        				
        				
        				var xitong = menu[i].xitong;
        				
        				html += '<tr>' +
									'<td><input onclick="authChoose(this)" type="checkbox" lay-skin="primary" xitongIsChecked name="xitongCheck" xitongId="'+xitong.id+'" value="'+xitong.id+'"></td>' +
									'<td style="color:#D3D3D3;">'+xitong.name+'</td>'+
									'<td></td>' +
									'<td></td>' +
								'</tr>';
        				
						var yijiMenuList = xitong.yijiMenu;
        				for (var j = 0; j < yijiMenuList.length; j ++) {
        					// 是否全部选中
        					var yijiMenuIsChecked = "checked";
        					
        					var yijiMenu = yijiMenuList[j];
        					html += '<tr>' +
										'<td><input onclick="authChoose(this)" type="checkbox" lay-skin="primary" yijiMenuIsChecked xitongId="'+xitong.id+'" yijiId="'+yijiMenu.id+'" name="yijiCheck" value='+yijiMenu.id+'></td>' +
										'<td style="color:#D3D3D3;">'+xitong.name+'</td>'+
										'<td>'+yijiMenu.name+'</td>' +
										'<td></td>' +
									'</tr>';
							
							var erjiMenuList = yijiMenu.erjiMenu;
							for (var k = 0; k < erjiMenuList.length; k ++) {
								var erjiMenu = erjiMenuList[k];
								var isChecked = "";
								if (erjiMenu.checked) {
									isChecked = "checked";
								} else {
									// 一级菜单未全部选中
									yijiMenuIsChecked = "";
									// 系统未全部选中 
									xitongIsChecked = "";
								}
								html += '<tr>' +
											'<td><input onclick="authChoose(this)" type="checkbox" lay-skin="primary" xitongId="'+xitong.id+'" yijiId="'+yijiMenu.id+'" name="erjiCheck" value='+erjiMenu.id+' ' + isChecked + '></td>' +
											'<td style="color:#D3D3D3;">'+xitong.name+'</td>'+
											'<td>'+yijiMenu.name+'</td>' +
											'<td>'+erjiMenu.name+'</td>' +
										'</tr>';
							}
							html = html.replace("yijiMenuIsChecked", yijiMenuIsChecked);
        				}
        				html = html.replace("xitongIsChecked", xitongIsChecked);
        				$("#tbody").append(html);
        			}
        		},
        		error : function(data) {
        			layui.use(['layer'], function(){
            			layer.alert(data.MINErrorMessage, {icon: 2});
            		})
        		}
        	})
        	
        })

  	
    </script>

</body>

</html>