{extend name="base" /}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet"/>
<link href="__STATIC__/plugins/ztree/css/zTreeStyle/zTreeStyle.css?v={$v}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/mmgrid/mmGrid.css?v={$v}" />
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.js?v={$v}"></script>
<script src="__STATIC__/plugins/ztree/js/jquery.ztree.all.min.js?v={$v}"></script>
<script src="__STATIC__/plugins/mmgrid/mmGrid.js?v={$v}" type="text/javascript"></script>
<script src="__ADMIN__/menus/menu.js?v={$v}" type="text/javascript"></script>
{/block}
{block name="main"}
<div class="j-layout">
    <div class='j-layout-left'>
        <div class='j-layout-panel layui-colla-title'>菜单管理</div>
        <ul id="menuTree" class="ztree" style='style='overflow:auto''></ul>
    </div>
    <div class='j-layout-center' style='float:left;margin-left:5px;'>
      <div class='j-layout-panel layui-colla-title'>权限管理</div>
      {if WSTGrant('QXGL_01')}
    
      <div class="wst-toolbar">
          <button class="btn btn-success btn-sm f-right" onclick='javascript:toEdit(0)'><i class='fa fa-plus'></i>新&nbsp;增</button>
          <div style='clear:both'></div>
      </div>
      {/if}
      <div id="maingrid" class='wst-grid' style='display:none'>
        <table id="mmg" class="mmg">
           <tr>
              <th rowspan="" colspan=""></th>
           </tr>
        </table>
      </div>
    </div>
</div>

<div id='menuBox' style='display:none'>
<form id='menuForm'>
  <input type='hidden' id='parentId' class='ipt2' maxLength='20'/>
  <table class='wst-form wst-box-top'>
     <tr>
        <th width='100'>菜单名称<font color='red'>*</font>：</th>
        <td><input type='text' id='menuName' class='ipt2' maxLength='20' data-rule="菜单名称: required;"/></td>
     </tr>
     <tr>
        <th width='100'>菜单图标<font color='red'>*</font>：</th>
        <td><input type='text' id='menuIcon' class='ipt2' maxLength='20'/></td>
     </tr>
     <tr>
        <th width='100'>菜单排序<font color='red'>*</font>：</th>
        <td><input type='text' id='menuSort' class='ipt2' maxLength='5'/></td>
     </tr>
  </table>
</form>
</div>
<div id='privilegeBox' style='display:none'>
  <form id='privilegeForm' autocomplete='off' class="layui-form">
  <input type='hidden' id='privilegeId' value="0" />
  <table class='wst-form wst-box-top'>
     <tr>
        <th width='120'>权限名称<font color='red'>*</font>：</th>
        <td><input type='text' id='privilegeName' class='form-control ipt' maxLength='20' data-rule="权限名称: required;" class='form-control'/></td>
     </tr>
     <tr>
        <th>权限代码<font color='red'>*</font>：</th>
        <td><input type='text' id='privilegeCode' class='form-control ipt' maxLength='30' onblur='javascript:checkPrivilegeCode(this)' data-rule="权限代码: required;"/></td>
     </tr>
     <tr>
        <th>是否菜单权限<font color='red'>*</font>：</th>
        <td height='24'>
           <input type="checkbox" id='isMenuPrivilege' name='isMenuPrivilege' value="1" lay-skin="switch" lay-filter="switchTest" class="ipt" lay-text="是|否">
        </td>
     </tr>
     <tr>
        <th>权限资源：</th>
        <td><input type='text' id='privilegeUrl' class='form-control ipt'  maxLength='100' style='width:90%'/></td>
     </tr>
     <tr>
        <th>关联资源：<br/>(以,号分隔)&nbsp;&nbsp;&nbsp;</th>
        <td>
        <textarea id='otherPrivilegeUrl' class='form-control ipt' style='width:90%;height:60px;'></textarea>
        </td>
     </tr>
     
  </table>
  </form>
</div>
<div id="rMenu">
  <ul>
    {if WSTGrant('CDGL_01')}<li id="m_add" >新增菜单</li>{/if}
    {if WSTGrant('CDGL_02')}<li id="m_edit">编辑菜单</li>{/if}
    {if WSTGrant('CDGL_03')}<li id="m_del" style='border-bottom:0px;'>删除菜单</li>{/if}
  </ul>
</div>
{/block}