<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", -10);
%>
<%@include file="/WEB-INF/views/base.jsp"%>
<!DOCTYPE html>
<html>

<head>

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

<title>添加菜单</title>
<script src="${jsPath }/jquery-1.9.1.min.js"></script>
<script src="${jsPath }/bootstrap.js"></script>
<script src="${jsPath }/bootstrap.min.js"></script>
<script src="${jsPath }/jquery-ui-1.10.4.min.js"></script>
<script src="${jsPath }/jquery-ui.custom.min.js"></script>
<script src="${jsPath }/account.validate.js"></script>
<script src="${jsPath }/inspinia.js"></script>

<link href="${cssPath }/bootstrap.min.css" rel="stylesheet">
<link href="${fontAwsPath }/css/font-awesome.css" rel="stylesheet">

<!-- Data Tables -->
<link href="${cssPath }/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="${cssPath }/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link
	href="${cssPath }/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">

<%-- <link href="${cssPath }/animate.css" rel="stylesheet"> --%>
	<link href="${cssPath }/style.css" rel="stylesheet">
  	<link href="${cssPath }/plugins/iCheck/custom.css" rel="stylesheet" />
    <link href="${cssPath }/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet" />
    <link href="${cssPath }/plugins/sweetalert/sweetalert.css" rel="stylesheet" />
    <link href="${cssPath }/plugins/chosen/chosen.css" rel="stylesheet" />
    <style type="text/css">
        .chosen-container {
            width: 100% !important;
        }
    </style>

<style>
body.DTTT_Print {
	background: #fff;
}

.DTTT_Print #page-wrapper {
	margin: 0;
	background: #fff;
}

button.DTTT_button,div.DTTT_button,a.DTTT_button {
	border: 1px solid #e7eaec;
	background: #fff;
	color: #676a6c;
	box-shadow: none;
	padding: 6px 8px;
}

button.DTTT_button:hover,div.DTTT_button:hover,a.DTTT_button:hover {
	border: 1px solid #d2d2d2;
	background: #fff;
	color: #676a6c;
	box-shadow: none;
	padding: 6px 8px;
}

.dataTables_filter label {
	margin-right: 5px;
}
</style>
    <script type="text/javascript">
        //菜单状态开启
        function checkIsEnabley() {
            var result = $('#isenable').prop('checked');
            $("#hid_isenable").val(result);
        }
        
        $(function(){
        	//菜单类型复选框
	        $('.i-checks input[name="MENUTYPE"]').on('ifChanged', function (event) { //ifCreated 事件应该在插件初始化之前绑定
	            $("#hid_menutype").val($('.i-checks input[name="MENUTYPE"]:checked ').val());
	        });
	
	        //菜单图标复选框
	        $('.i-checks input[name="b"]').on('ifChanged', function (event) { //ifCreated 事件应该在插件初始化之前绑定
	            $("#hid_icon").val($('.i-checks input[name="b"]:checked ').val());
	        });
        })
        
	</script>

</head>

<body>
<div id="wrapper">

	<jsp:include page="../menu.jsp"></jsp:include>
	<div id="page-wrapper" class="gray-bg" style="min-height: 230px;">
            
	<jsp:include page="../head.jsp"></jsp:include>
	<jsp:include page="../pageNav.jsp"></jsp:include>
                            




<form:form action="insertMenus" modelAttribute="sys" method="post" id="form">

<!-- 页面 主题内容  开始-->
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">

 <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
              		 添加菜单
                </div>
                <div class="ibox-content">
                    <div class="form-horizontal">

                        <input type="hidden" id="hid_menutype" name="menutype" value="Page">
                        <input type="hidden" id="hid_isenable" name="isenable" value="false">
                        <input type="hidden" id="hid_icon" name="icon" value="fa fa-book">
                        
                        
                        <div class="form-group">
                            <label class="control-label col-md-2" for="menucnname">菜单中文名称</label>
                            <div class="col-md-10">
                                <form:input class="form-control"  autocomplete="off" required="" id="menucnname" path="menucnname"  value="" />
                                <form:errors path="menucnname" class="field-has-error"></form:errors> 
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-2" for="menuenname">菜单英文名称</label>
                            <div class="col-md-10">
                                <form:input class="form-control" autocomplete="off" required="" id="menuenname" path="menuenname" value="" />
                           		<form:errors path="menuenname" class="field-has-error"></form:errors> 
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-2" for="menuurl">菜单链接地址</label>
                            <div class="col-md-10">
                                <input class="form-control text-box single-line"  id="menuurl" name="menuurl" type="text" value="">
                                <form:errors path="menuurl" class="field-has-error"></form:errors>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-2" for="actionname">Action Name</label>
                            <div class="col-md-10">
                                <input class="form-control text-box single-line" data-val="true" data-val-maxlength="字段 Action Name 必须是最大长度为“50”的字符串或数组类型。" data-val-maxlength-max="50" id="actionname" name="actionname" type="text" value="">
                                <span class="field-validation-valid text-danger" data-valmsg-for="actionname" data-valmsg-replace="true"></span>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="control-label col-md-2" for="menustate">菜单描述</label>
                            <div class="col-md-10">
                                <input class="form-control text-box single-line" data-val="true" data-val-maxlength="菜单描述不能超过150个字符" data-val-maxlength-max="150" data-val-required="请输入菜单简要描述" id="menustate" name="menustate" type="text" value="">
                                <span class="field-validation-valid text-danger" data-valmsg-for="menustate" data-valmsg-replace="true"></span>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="control-label col-md-2" for="parentid">上级菜单</label>
                            <div class="col-md-10">
                                <select class="form-control m-b" id="parentid" name="parentid" style="width: 100%;"><option value="">父菜单</option>
									<c:forEach items="${parentpageList}" var="psysM" varStatus="vs">
							
										<option value="${psysM.menuid }"> ${psysM.menucnname }</option>
										<c:forEach items="${psysM.childMenu}" var="childM" varStatus="vs">
											<option value="${childM.menuid }"> ${childM.menucnname }</option>
											<c:forEach items="${childM.childMenu}" var="thirdM">
												<option value="${thirdM.menuid }"> ${thirdM.menucnname }</option>
											</c:forEach>
										</c:forEach>
									</c:forEach>
								</select>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-2" for="icon">菜单图标</label>
                            <div class="col-md-10">
                                <table class="table-responsive" style="min-width:542px;">
    <tbody><tr>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" checked="" value="fa fa-book" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp; <i class="fa fa-book" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-cloud" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-cloud" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green " style="position: relative;"><input type="radio" value="fa fa-cog" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-cog" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-comments" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-comments" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-briefcase" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-briefcase" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-heart" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-heart" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-key" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-key" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-heart-o" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-heart-o" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>

    </tr>
    <tr>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-calendar" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-calendar" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-credit-card" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp; <i class="fa fa-credit-card" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-desktop" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-desktop" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-download" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-download" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-graduation-cap" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-graduation-cap" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-legal" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-legal" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-lock" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-lock" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-male" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-male" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="a fa-home" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-home" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-server" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-server" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-street-view" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp; <i class="fa fa-street-view" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-user" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-user" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-flag" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-flag" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-refresh" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-refresh" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-database" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-database" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-apple" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-apple" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-file-text-o" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-file-text-o" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>

        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-folder-open" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-folder-open" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-envelope" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-envelope" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-coffee" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-coffee" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-tasks" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-tasks" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-android" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-android" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-twitter" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-twitter" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-windows" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-windows" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-wrench" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-wrench" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-check" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-check" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-times" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-times" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>

        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-pencil" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-pencil" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-search-plus" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-search-plus" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-trash-o" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-trash-o" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>

        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-plus" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-plus" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>
        <td>
            <div class="i-checks">
                <label>
                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="fa fa-power-off" name="b" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                    &nbsp;&nbsp;<i class="fa fa-power-off" style="font-size: 20px"></i>&nbsp;&nbsp;
                </label>
            </div>
        </td>

    </tr>
</tbody></table>

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-2" for="isenable">菜单是否启用</label>
                            <div class="col-md-10">
                                <div class="col-lg-12">
                                    <div class="switch" style="margin:5px 0px 0px -12px">
                                        <div class="onoffswitch">
                                            <input type="checkbox" class="onoffswitch-checkbox" style="margin:5px 0px 0px -12px" id="isenable" name="ISENABLE" onchange="checkIsEnabley()">
                                            <label class="onoffswitch-label" for="isenable">
                                                <span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="control-label col-md-2" for="menutype">菜单类型</label>
                            <div class="col-md-10">
                                <table class="tabCheck">
                                    <tbody><tr>
                                        <td style="width: 33%; margin:15px">
                                            <div class="i-checks">
                                                <label>
                                                    <div class="iradio_square-green " style="position: relative;"><input type="radio" checked="checked" value="Page" name="MENUTYPE" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                                                    <i></i>页面
                                                </label>
                                            </div>
                                        </td>
                                        <td style="width: 40%; margin:15px">
                                            <div class="i-checks">
                                                <label>
                                                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="Button" name=MENUTYPE style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                                                    <i></i>按钮
                                                </label>
                                            </div>
                                        </td>
                                        <td style="width: 33%; margin:15px">
                                            <div class="i-checks">
                                                <label>
                                                    <div class="iradio_square-green" style="position: relative;"><input type="radio" value="Data" name="MENUTYPE" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>
                                                    <i></i>数据
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody></table>
                            </div>
                        </div>
                         


                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">

                                <div class="tabs-container">
                                    <button type="button" class="btn btn-warning" id="btnback" style="width: 120px">
                                        <i class="fa fa-mail-forward"></i>&nbsp;&nbsp;返回
                                    </button>
                                    <button type="submit" class="btn btn-primary" id="btnSave" style="width: 120px">
                                        <i class="fa fa-save"></i>&nbsp;&nbsp;保存
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
</div>
</div>
</div>    
</form:form>


                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>

	<!-- Mainly scripts -->
	
	<!-- 校验字段 -->
	 <%@include file="/WEB-INF/views/common_base_script.jsp"%>
	 
	 <script>
		  $(function(){
	      	//前台js验证
	      	var ruleObj = {menucnname:{required:true}, menuenname:{required:true}};
	      	var messageObj = {menucnname:{required:"请输入菜单中文名称"}, menuenname:{required:"请输入菜单英文名称"}};
	      	CommonUtils.formValidate("form", ruleObj, messageObj);
	      })
	</script>
	
	

	<!-- Page-Level Scripts -->
	<script>
		$(document)
				.ready(
						function() {
							$('.dataTables-example')
									.dataTable(
											{
												responsive : true,
												"dom" : 'T<"clear">lfrtip',
												"tableTools" : {
													"sSwfPath" : "${jsPath }/plugins/dataTables/swf/copy_csv_xls_pdf.swf"
												}
											});
						});


		$("#btnback").click(function () {
			window.history.back(-1)

		});
	</script>
</body>

</html>
