<!DOCTYPE html>

<html><head>

        <meta charset="utf-8">

    <title>抽水蓄能电站智能化状态监测系统</title>



    <meta name="description" content="Dashboard">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!--Basic Styles-->

    <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">

    <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">

    <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">



    <!--Beyond styles-->

    <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">

    <link href="__PUBLIC__/style/demo.css" rel="stylesheet">

    <link href="__PUBLIC__/style/typicons.css" rel="stylesheet">

    <link href="__PUBLIC__/style/animate.css" rel="stylesheet">

    

</head>

<body>
<div class="bodyClass">
    <!-- 头部 -->

    {include file="public/top" /} 

    <!-- /头部 -->

    

    <div class="main-container container-fluid hei">

        <div class="page-container">

            <!-- Page Sidebar -->

            {include file="public/left" /} 

            <!-- /Page Sidebar -->

            <!-- Page Content -->

            <div class="page-content">

                <!-- Page Breadcrumb -->

                <div class="page-breadcrumbs">

                    <ul class="breadcrumb">

                                        <li>

                        <a href="{:url('index/index')}">系统管理</a>

                    </li>

                                        <li>

                        <a href="{:url('lst')}">用户组管理</a>

                    </li>

                                        <li class="active">修改用户组</li>

                                        </ul>

                </div>

                <!-- /Page Breadcrumb -->



                <!-- Page Body -->

                <div class="page-body">

                    

<div class="row">

    <div class="col-lg-12 col-sm-12 col-xs-12">

        <div class="widget">

            <div class="widget-header bordered-bottom bordered-blue">

                <span class="widget-caption">修改用户组</span>

            </div>

            <div class="widget-body">

                <div id="horizontal-form">

                    <form class="form-horizontal" role="form" action="" method="post">

                        <input type="hidden" name="id" value="{$authgroups.id}" />

                       <div class="form-group">

                            <label for="username" class="col-sm-2 control-label no-padding-right">用户组名称</label>

                            <div class="col-sm-6">

                                <input class="form-control"  placeholder="" value="{$authgroups.title}" name="title" required="" type="text">

                            </div>

                            <p class="help-block col-sm-4 red">* 必填</p>

                        </div>

                        <div class="form-group">

                            <label for="username" class="col-sm-2 control-label no-padding-right">启用状态</label>

                            <div class="col-sm-6">

                            <p class="help-block col-sm-4 red">

                                <label>

                                    <input class="checkbox-slider colored-darkorange" name="status" value="1"  {if condition="$authgroups['status'] eq 1"}checked="checked"{/if} type="checkbox">

                                    <span class="text"></span>

                                </label>

                            </p>

                            </div>

                            <p class="help-block col-sm-4 red">* 必填</p>

                        </div>

                        <div class="form-group">

                            <label for="username" class="col-sm-2 control-label no-padding-right"></label>

                            <div class="col-sm-6">

                               <table class="table table-hover">

                                    <thead class="bordered-darkorange">

                                        <tr>

                                            <th>

                                                配置权限

                                            </th>

                                        </tr>

                                    </thead>

                                    <tbody>

                                        {volist name="authRuleRes" id="authRule"}

                                            <tr>

                                                <td>

                                                    <label>

                                                        <?php echo str_repeat('&nbsp;', $authRule['level']*3);?>

                                                        <input name="rules[]" value="{$authRule.id}"

                                                        <?php $arr=explode(',', $authgroups['rules']); if(in_array($authRule['id'], $arr)){echo 'checked="checked"';} ?>

                                                         dataid="id-{$authRule.dataid}" class="inverted checkbox-parent {if condition="$authRule['level'] neq 0"} checkbox-child {/if} " type="checkbox">

                                                        <span {if condition="$authRule['level'] eq 0"} style="font-weight:bold; font-size:14px;" {/if} class="text">{$authRule.title}</span>

                                                    </label>

                                                </td>

                                            </tr>

                                        {/volist}

                                    </tbody>

                                </table>

                            </div>

                            

                        </div>

                        <div class="form-group">

                            <div class="col-sm-offset-2 col-sm-10">

                                <button type="submit" class="btn btn-default">保存信息</button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>



                </div>

                <!-- /Page Body -->

            </div>

            <!-- /Page Content -->

        </div>  

    </div>



        <!--Basic Scripts-->

    <script src="__PUBLIC__/style/jquery_002.js"></script>

    <script src="__PUBLIC__/style/bootstrap.js"></script>

    <script src="__PUBLIC__/style/jquery.js"></script>

    <!--Beyond Scripts-->

    <script src="__PUBLIC__/style/beyond.js"></script>

    

<script type="text/javascript">

/* 权限配置 */

$(function () {

    //动态选择框，上下级选中状态变化

    $('input.checkbox-parent').on('change', function () {

        var dataid = $(this).attr("dataid");

        $('input[dataid^=' + dataid + ']').prop('checked', $(this).is(':checked'));

    });

    $('input.checkbox-child').on('change', function () {

        var dataid = $(this).attr("dataid");

        dataid = dataid.substring(0, dataid.lastIndexOf("-"));

        var parent = $('input[dataid=' + dataid + ']');

        if ($(this).is(':checked')) {

            parent.prop('checked', true);

            //循环到顶级

            while (dataid.lastIndexOf("-") != 2) {

                dataid = dataid.substring(0, dataid.lastIndexOf("-"));

                parent = $('input[dataid=' + dataid + ']');

                parent.prop('checked', true);

            }

        } else {

            //父级

            if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {

                parent.prop('checked', false);

                //循环到顶级

                while (dataid.lastIndexOf("-") != 2) {

                    dataid = dataid.substring(0, dataid.lastIndexOf("-"));

                    parent = $('input[dataid=' + dataid + ']');

                    if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {

                        parent.prop('checked', false);

                    }

                }

            }

        }

    });

});

    </script>

</div>

</body></html>
