{extend name="mould:base" /}
{block name="title"}{/block}
{block name="content"}
<form class="layui-form" action="">

    <table class="layui-table" lay-size="sm">
        <colgroup>
	        <col width="60">
	        <col width="120">
	        <col>
	        <col width="48">
	        <col width="170">
        </colgroup>
        <thead>
          <tr>
          	<td>id</td>
            <td>角色名称</td>
            <td>拥有权限列表</td>
            <td>状态</td>
            <td align='center'>管理操作</td>
          </tr>
        </thead>
		{volist name='list' id='list'}
	        <tr>
	        	<td>{$list.id}</td>
				<td>{$list.title}</td>
				<td style="word-break: break-all; word-wrap:break-word;">
					{neq name="list.id" value="1"}
						<a href="javascript:void(0)" class="cy-view">查看</a>
						<div style="display:none" class="view-main">
							{notempty name="list.tree"}
								{volist name="list.tree" id="vo"}
									{$vo._name|raw}<br>
								{/volist}
							{/notempty}
						</div>
					{/neq}
				</td>
				<td><a href="{:url('updatestatus?id='.$list['editid'])}" class="cy-ajax" title="快捷设置状态">{neq name="list.id" value="1"}{$list.status}{/neq}</a></td>
				<td align='center'>
					{neq name="list.id" value="1"}
						<a href="{:url('rule?id='.$list['editid'])}">权限分配</a> | 
						<a href="{:url('edit?id='.$list['editid'])}">修改</a> | 
						<a class="cy-ajax" href="{:url('del?id='.$list['editid'])}" data-layer-msg="删除" data-layer-okbtn="删除" data-layer-confirm="true" title="删除">删除</a>
					{/neq}
				</td>
			</tr>
		{/volist}
	</table>
	{notempty name="page"}
		<div class="fixed-bottom pager-wrapper">
			<div class="bottom-area">
			  	<div class="pager">
			      {$page|raw}
			   </div>
			</div>
		</div>
	{/notempty}
{/block}
{block name="script"}
<script type="text/javascript">

$(function(){
	$('body').on('click','.cy-view',function(){
		var _self = $(this);
		var _text = _self.text();
		_self.siblings('.view-main').slideToggle('fast',function(){
			if(_text=='查看'){
				_self.text('收缩');
			}else{
				_self.text('查看');
			}
		});

		_self.closest('tr').siblings().find('.view-main').slideUp('fast',function(){
			_self.closest('tr').siblings().find('.cy-view').text('查看');
		});
	});
});
</script>
{/block}