From 654a12904803c81b67cc1f582b0f9a69296d7c15 Mon Sep 17 00:00:00 2001
From: zengchaoxin <zengchaoxin@gmail.com>
Date: Thu, 7 Nov 2019 02:17:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E8=8F=9C=E5=8D=95=E5=88=86?=
 =?UTF-8?q?=E9=85=8D=E5=85=B3=E8=81=94=E5=8B=BE=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/views/permissions/permission.php | 123 +++++++++++++---------
 1 file changed, 72 insertions(+), 51 deletions(-)

diff --git a/frontend/views/permissions/permission.php b/frontend/views/permissions/permission.php
index b770c87..26400ce 100644
--- a/frontend/views/permissions/permission.php
+++ b/frontend/views/permissions/permission.php
@@ -2,71 +2,92 @@
 use \common\libs\MyLib;
 ?>
 <?php $this->beginBlock('header_css'); ?>
-<link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
+    <link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
 <?php $this->endBlock(); ?>
 
-<div class="wrapper wrapper-content animated fadeInRight">
-    <div class="ibox float-e-margins">
-        <div class="ibox-content">
-            <div class="row">
-                <form id="theFrm">
-                    <input type="hidden" name="group_id" value="<?=$permissions_id?>">
-                    <?php foreach($menu_items as $item) { ?>
-                        <div class="col-sm-2">
-                            <div class="panel panel-info">
-                                <div class="panel-heading">
-                                    <div class="row">
-                                        <div class="col-sm-12">
-                                            <label class="i-checks">
-                                                <input type="checkbox" name="menu_ids[]" value="<?=$item->id?>" <?=in_array($item->id, $menu_ids)?'checked':''?>><i></i> <?=$item->name?>
-                                            </label>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="panel-body">
-                                    <?php foreach($item->menus as $sub_item) { ?>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="ibox float-e-margins">
+            <div class="ibox-content">
+                <div class="row">
+                    <form id="theFrm">
+                        <input type="hidden" name="group_id" value="<?=$permissions_id?>">
+                        <?php foreach($menu_items as $item) { ?>
+                            <div class="col-md-2">
+                                <div class="panel panel-info">
+                                    <div class="panel-heading">
                                         <div class="row">
-                                            <div class="col-sm-12">
+                                            <div class="col-md-12">
                                                 <label class="i-checks">
-                                                    <input type="checkbox" name="menu_ids[]" value="<?=$sub_item->id?>" <?=in_array($sub_item->id, $menu_ids)?'checked':''?>><i></i> <?=$sub_item->name?>
+                                                    <input type="checkbox" class="parent_checkbox" name="menu_ids[]" value="<?=$item->id?>" <?=in_array($item->id, $menu_ids)?'checked':''?>><i></i> <?=$item->name?>
                                                 </label>
                                             </div>
                                         </div>
-                                    <?php } ?>
+                                    </div>
+                                    <div class="panel-body">
+                                        <?php foreach($item->menus as $sub_item) { ?>
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <label class="i-checks">
+                                                        <input type="checkbox" class="sub_checkbox" name="menu_ids[]" value="<?=$sub_item->id?>" <?=in_array($sub_item->id, $menu_ids)?'checked':''?>><i></i> <?=$sub_item->name?>
+                                                    </label>
+                                                </div>
+                                            </div>
+                                        <?php } ?>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    <?php } ?>
-                </form>
-            </div>
-            <div class="row">
-                <div class="col-sm-5 col-sm-offset-5">
-                    <button class="btn btn-primary btn-save" type="button">
-                        <strong>保 存</strong>
-                    </button>
+                        <?php } ?>
+                    </form>
+                </div>
+                <div class="row">
+                    <div class="col-md-5 col-md-offset-5">
+                        <button class="btn btn-primary btn-save" type="button">
+                            <strong>保 存</strong>
+                        </button>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
 
 <?php $this->beginBlock('footer_js'); ?>
-<script src="/assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
-<script src="/assets/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
-<script src="/assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
-<script>
-    $(function(){
-        $('.btn-save').click(function(){
-            var params = $('#theFrm').serialize();
-            $.post('/permissions/permission',params,function(obj){
-                if(obj.success) {
-                    parent.layer.msg('保存成功');
-                    layer_close();
-                } else {
-                    parent.layer.msg(data.msg);
+    <script src="/assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
+    <script src="/assets/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
+    <script src="/assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
+    <script>
+        $(function(){
+            $('.btn-save').click(function(){
+                var params = $('#theFrm').serialize();
+                $.post('/permissions/permission',params,function(obj){
+                    if(obj.success) {
+                        parent.layer.msg('保存成功');
+                        layer_close();
+                    } else {
+                        parent.layer.msg(data.msg);
+                    }
+                },'json');
+            });
+            //处理自动选择功能
+            $('.parent_checkbox').click(function() {
+                var checked = $(this).prop('checked');
+                var subs = $(this).parent().parent().parent().parent().next().find('.sub_checkbox');
+                for(var i = 0; i < subs.length; i++) {
+                    if(checked) {
+                        $(subs[i]).prop('checked', 'checked');
+                    } else {
+                        $(subs[i]).prop('checked', '');
+                    }
                 }
-            },'json');
+            });
+            $('.sub_checkbox').click(function() {
+                var checked = $(this).prop('checked');
+                var subs = $(this).parent().parent().parent().parent().prev().find('.parent_checkbox');
+                for(var i = 0; i < subs.length; i++) {
+                    if(checked) {
+                        $(subs[i]).prop('checked', 'checked');
+                    }
+                }
+            });
         });
-    });
-</script>
-<?php $this->endBlock(); ?>
+    </script>
+<?php $this->endBlock(); ?>
\ No newline at end of file