{extend name="public:form" /}
{block name="body"}
<div class="layui-fluid">
        <div class="layui-row">
            <form action="" method="post" class="layui-form layui-form-pane">
                <input type="hidden" name="id" value="{$data.id}">
                <div class="layui-form-item">
                    <label for="title" class="layui-form-label">
                        <span class="x-red">*</span>姓名
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="name" name="name" required="" lay-verify="required"
                        autocomplete="off" value="{$data.name}" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                <div class="layui-tab">
                    <ul class="layui-tab-title">
                        <li class="layui-this">部门</li>
                        <li>区域</li>
                        <li>业务线</li>
                    </ul>
                <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                      <table  class="layui-table layui-input-block">
                            <tbody>
                            {foreach $nodes as $node}
                            <tr>
                                <td>
                                <input type="checkbox" name="permission[{$node['id']}]" lay-skin="primary" lay-filter="father" value="{$node['id']}" {if in_array($node['id'],$permissions) }checked="checked"{/if} title="{$node['name']}">
                                </td>
                                <td>
                                    <table  class="layui-table layui-input-block">
                                        <tbody>
                                            {if $node['children']}
                                                {foreach $node['children'] as $child}
                                                  <input 
                                                  name="permission[{$child['id']}]" 
                                                  lay-skin="primary" type="checkbox" 
                                                  title="{$child['name']}" 
                                                  value="{$child['id']}" {if in_array($child['id'],$permissions) }checked="checked"{/if}> 
                                                {/foreach}
                                            {/if}
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                {/foreach}
                                </tbody>
                        </table>
                </div>
                <div class="layui-tab-item">

                       <table  class="layui-table layui-input-block">
                            <tbody>
                            {foreach $regionnodes as $regionnode}
                            <tr>
                                <td>
                                <input type="checkbox" name="repermission[]" lay-skin="primary" lay-filter="father" value="{$regionnode['id']}" {if in_array($regionnode['id'],$repermissions) }checked="checked"{/if}  title="{$regionnode['region_name']}">
                                </td>
                                <td>
                                    <table  class="layui-table layui-input-block">
                                        <tbody>
                                            {if $regionnode['children']}
                                                {foreach $regionnode['children'] as $child}
                                                  <input 
                                                  name="repermission[{$child['id']}]" 
                                                  lay-skin="primary" type="checkbox" 
                                                  title="{$child['region_name']}" 
                                                  value="{$child['id']}" {if in_array($child['id'],$repermissions) }checked="checked"{/if}> 
                                                {/foreach}
                                            {/if}
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                {/foreach}
                                </tbody>
                        </table>
                     </div>
                       <div class="layui-tab-item">
                         <table  class="layui-table layui-input-block">
                            <tbody>
                            <tr>
                                <td>
                                {foreach $businessnodes as $businessnode}
                                <input type="checkbox" name="buspermission[]" lay-skin="primary" lay-filter="father" value="{$businessnode['business_id']}" {if in_array($businessnode['business_id'],$buspermissions) }checked="checked"{/if}  title="{$businessnode['business_name']}">
                                 {/foreach}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                       </div>
                </div>
                </div>
                </div>
                <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">增加</button>
              </div>
            </form>
        </div>
    </div>
{/block}

{block name="js"}
<script>
    layui.use(['form', 'layer'],
    function() {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;

          //监听提交
          form.on('submit(add)',
                function(data) {
                    $.ajax({
                        url: '/depat_role_update',
                        method: "POST",
                        data: data.field,
                        dataType: "json",
                        success: function (data) {
                            if(data.status == 1){
                                layer.alert(data.message, {
                                  icon: 6
                                });
                            } else {
                                layer.alert(data.message, {
                                  icon: 5
                                });
                            }
                           
                        },
                        error : function (XMLHttpRequest, textStatus, errorThrow ) {
                            console.log('AJAX 执行失败...');
                        }

                    });
                    return false;
                });


        form.on('checkbox(father)', function(data){

            if(data.elem.checked){
                $(data.elem).parent().siblings('td').find('input').prop("checked", true);
                form.render(); 
            }else{
               $(data.elem).parent().siblings('td').find('input').prop("checked", false);
                form.render();  
            }
        });











        
          
          
        });
    </script>
{/block}