|
|
@@ -0,0 +1,187 @@
|
|
|
+<!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 class="content">
|
|
|
+ <form class="layui-form" id = "formName" >
|
|
|
+ <div style="margin-top: 20px;margin-left: 20px;margin-right: 120px;padding-bottom:60px;" >
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">编号</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="roleId" id="roleId" disabled="disabled" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">商户名称</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="name" id="name" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <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; margin-bottom: 80px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th id="selectTr"></th>
|
|
|
+ <th>一级栏目</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="tbody">
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item box-button">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn" onclick = "updateRole()">提交</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="../../js/min-loader-next.js"></script>
|
|
|
+ <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
|
|
|
+ <script>
|
|
|
+ var params = layui.sessionData("ROW_DATA").NOW_ROW.params;
|
|
|
+ var fields = params.fields;
|
|
|
+ var roleId = layui.sessionData("ROW_DATA").NOW_ROW["branchId"];
|
|
|
+ var name = layui.sessionData("ROW_DATA").NOW_ROW["name"];
|
|
|
+ $("#roleId").val(roleId);
|
|
|
+ $("#name").val(name);
|
|
|
+ // checkbox 点击事件
|
|
|
+ function authChoose(t){
|
|
|
+ var val = t.value;
|
|
|
+ var isChecked = t.checked;
|
|
|
+ var inputs = document.getElementsByName(t.name);
|
|
|
+ // 主菜单
|
|
|
+ if (isEmpty(val)) {
|
|
|
+ for (var i = 0; i < inputs.length; i ++) {
|
|
|
+ inputs[i].checked = isChecked;
|
|
|
+ }
|
|
|
+ // 单个菜单
|
|
|
+ } else {
|
|
|
+ // 是否全选
|
|
|
+ var isAllFlag = true;
|
|
|
+ for (var i = 0; i < inputs.length; i ++) {
|
|
|
+ if (!inputs[i].checked && !isEmpty(inputs[i].value)) {
|
|
|
+ isAllFlag = false;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (isAllFlag) {
|
|
|
+ inputs[0].checked = true;
|
|
|
+ } else {
|
|
|
+ inputs[0].checked = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //处理全选框问题
|
|
|
+ var checkedAll = true;
|
|
|
+ $('#tbody').find(':checkbox').each(function(){
|
|
|
+ if( !this.checked ){
|
|
|
+ checkedAll = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $("#selectAll").prop('checked',checkedAll);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 新增角色按钮
|
|
|
+ function updateRole(){
|
|
|
+ var itemid = "";//菜单
|
|
|
+ var authCheck = false;
|
|
|
+ $('#tbody').find("tr").each(function(){
|
|
|
+ if($(this).find("td:eq(0)").find(":checkbox").prop('checked')){
|
|
|
+ itemid += $(this).find("input:checkbox").eq(0).val() + "," ;//拼接菜单信息
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if(authCheck){
|
|
|
+ return ;
|
|
|
+ }
|
|
|
+ // 执行修改
|
|
|
+ $.request({
|
|
|
+ action : '../../DepartmentManageAction/powerModify',
|
|
|
+ data : {
|
|
|
+ itemidStrs : itemid,
|
|
|
+ branchId : roleId
|
|
|
+ },
|
|
|
+ success : function(data){
|
|
|
+ if (data.MINStatus == 0) {
|
|
|
+ layui.use(['layer'], function(){
|
|
|
+ layer.msg('修改成功！', {
|
|
|
+ icon: 1,
|
|
|
+ time: 3000 //2秒关闭（如果不配置，默认是3秒）
|
|
|
+ }, function(){
|
|
|
+ parent.location.reload();
|
|
|
+ });
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ layui.use(['layer'], function(){
|
|
|
+ layer.alert(data.MINErrorMessage, {icon: 2});
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(data) {
|
|
|
+ layui.use(['layer'], function(){
|
|
|
+ layer.alert(data.MINErrorMessage, {icon: 2});
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ function checkAll(checked){
|
|
|
+ $('#tbody').find(':checkbox').each(function(){
|
|
|
+ $(this).prop('checked', checked);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function(){
|
|
|
+ $("#selectTr").html("<input type='checkbox' id='selectAll' onclick='checkAll(this.checked);'> ");
|
|
|
+ // 查询菜单
|
|
|
+ $.request({
|
|
|
+ action : '../../DepartmentManageAction/queryPower',
|
|
|
+ data : {
|
|
|
+ branchId : roleId
|
|
|
+ },
|
|
|
+ success : function(data){
|
|
|
+ var menu = data.MINQueryResult;
|
|
|
+ var html = "";
|
|
|
+ // 一级菜单临时html
|
|
|
+ var onelevelHtmlPartOne = "";
|
|
|
+ var onelevelHtmlPartTwo = "";
|
|
|
+ // 一级菜单是否被选中
|
|
|
+ var onelevelIsChecked = "";
|
|
|
+ for (var i = 0; i < menu.length; i ++) {
|
|
|
+ // 一级菜单
|
|
|
+ html += (onelevelHtmlPartOne + onelevelIsChecked + onelevelHtmlPartTwo);
|
|
|
+ onelevelIsChecked = "";
|
|
|
+ // 清空标示
|
|
|
+ var menuId = menu[i].menuid;
|
|
|
+ var menuName = menu[i].menuidname;
|
|
|
+ var checkParam = menu[i].funMenuidId;
|
|
|
+ if(menuId == checkParam) {
|
|
|
+ onelevelIsChecked = "checked";
|
|
|
+ }
|
|
|
+ onelevelHtmlPartOne = '<tr>' +
|
|
|
+ '<td><input type="checkbox" lay-skin="primary" name='+menu[i].menuid+' value='+menu[i].menuid+' onclick="authChoose(this)" ';
|
|
|
+ onelevelHtmlPartTwo = '></td>' +
|
|
|
+ '<td>'+menu[i].menuidname+'</td>' +
|
|
|
+ '</tr>';
|
|
|
+ // 最后一个一级菜单
|
|
|
+ if (i == menu.length - 1) {
|
|
|
+ html += (onelevelHtmlPartOne + onelevelIsChecked + onelevelHtmlPartTwo);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $("#tbody").append(html);
|
|
|
+ },
|
|
|
+ error : function(data) {
|
|
|
+ layui.use(['layer'], function(){
|
|
|
+ layer.alert(data.MINErrorMessage, {icon: 2});
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
