liulc
/
dxt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%@ include file="../../common/head.jsp"%>
</head>

<body>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
            	 <cs:form_validate formId="addRoleForm"/>
                  <form class="form-horizontal" action="edit.cs" id="addRoleForm" method="POST">
                      <div class="form-group">
                          <label class="col-sm-3 control-label">代码：</label>
                          <div class="col-sm-6">
                          	  <input id="id" name="id" value="${role.id }" class="form-control" type="hidden" >
                              <input id="code" name="code"  class="form-control"  value="${role.code }" validate="{required:true}" validateMessage="{required:'请输入code,不能重复'}" readonly="readonly">
                          </div>
                      </div>
                      
                      <div class="form-group">
                          <label class="col-sm-3 control-label">上级分类：</label>
                          <div class="col-sm-6">
                              <select class="form-control m-b" id="oneCategoryId" name="oneCategoryId" onchange="menuChange(this)" validate="{required:true}" validateMessage="{required:'请输入code,不能重复'}">
                              		<option value="0">请选择</option>
                              		<c:forEach items="${firstCategory }" var="superMenu">
                              			<option value="${superMenu.id }" <c:if test="${role.oneCategoryId == superMenu.id }">selected</c:if> >${superMenu.gcName}</option>
                              		</c:forEach>
                              </select>
                          </div>
                      </div>
                     <script type="text/javascript">
                     $(function(){
                    	 var one = '${role.oneCategoryId}';
                    	 var two = '${role.twoCategoryId}';
                    	 var three = '${role.threeCategoryId}';
                    	 var four= '${role.fourCategoryId}';
                    	 if(one != null && one != "" && one != '0'){
                    		 
                    	 }
                     });
                     
                     function menuChange(obj){
                    	 var ss = $(obj).children('option:selected').val();  
                    	 $("#tlb").css("display","none");
                    	 $("#thlb").css("display","none");
                    	 $("#folb").css("display","none");
                    	 $("#twoCategoryId").empty();
                    	 $("#threeCategoryId").empty();
                    	 $("#fourCategoryId").empty();
                         $.ajax({
                             type: "get",
                             url: "<%=basePath%>mgmProductCategoryCtl/nextCategory.cs",
                             data: {id:ss},
                             dataType: "json",
                             success: function(data){
                                   	if(data.mlist.length > 0){
                                   	$("#tlb").css("display","block");
                                   	$("#twoCategoryId").empty();
                                   	$("#twoCategoryId").append("<option value='0'>请选择</option>");
                                   	data.mlist.forEach(function(val,index,arr){
                                   		  $("#twoCategoryId").append("<option value='"+val.id+"'>"+ val.gcName+"</option>");            
                                   		});
                                   	}
                                 }
                         });
                         
                     }
                     
                     function twoMenuChange(obj){
                    	 var ss = $(obj).children('option:selected').val();  
                    	 $("#thlb").css("display","none");
                    	 $("#folb").css("display","none");
                    	 $("#threeCategoryId").empty();
                    	 $("#fourCategoryId").empty();
                         $.ajax({
                             type: "get",
                             url: "<%=basePath%>mgmProductCategoryCtl/nextCategory.cs",
                             data: {id:ss},
                             dataType: "json",
                             success: function(data){
                         			if(data.mlist.length > 0){
                         			 $("#thlb").css("display","block");
                         			$("#threeCategoryId").empty();
                                   	$("#threeCategoryId").append("<option value='0'>请选择</option>");
                                  	data.mlist.forEach(function(val,index,arr){
                                  		  $("#threeCategoryId").append("<option value='"+val.id+"'>"+ val.gcName+"</option>");            
                                  		});
                         			}
                                 }
                         });
                         
                     }
                     function threeMenuChange(obj){
                    	 var ss = $(obj).children('option:selected').val();  
                    	 $("#folb").css("display","none");
                    	 $("#fourCategoryId").empty();
                         $.ajax({
                             type: "get",
                             url: "<%=basePath%>mgmProductCategoryCtl/nextCategory.cs",
                             data: {id:ss},
                             dataType: "json",
                             success: function(data){
                        			 if(data.mlist.length > 0){
                        			 $("#folb").css("display","block");
                        			 $("#fourCategoryId").empty();
                                    	$("#fourCategoryId").append("<option value='0'>请选择</option>");
                                 	data.mlist.forEach(function(val,index,arr){
                                 		  $("#fourCategoryId").append("<option value='"+val.id+"'>"+ val.gcName+"</option>");            
                                 		});
                        			 }
                                 }
                         });
                         
                     }
                     </script>
                     
                     <div id="tlb" class="form-group" <c:if test="${twoCategory.isEmpty() }">style="display:none;"</c:if>>
                          <label class="col-sm-3 control-label">二级分类：</label>
                          <div class="col-sm-6">
                              <select class="form-control m-b" id="twoCategoryId" name="twoCategoryId" onchange="twoMenuChange(this)">
                              		<option value="0">请选择</option>
                              		<c:forEach items="${twoCategory }" var="superMenu">
                              		<option value="${superMenu.id }" <c:if test="${role.twoCategoryId == superMenu.id }">selected</c:if> >${superMenu.gcName}</option>
                              		</c:forEach>
                              </select>
                          </div>
                      </div>
                      
                      <div id="thlb" class="form-group" <c:if test="${threeCategory.isEmpty() }">style="display:none;"</c:if>> 
                          <label class="col-sm-3 control-label">三级分类：</label>
                          <div class="col-sm-6">
                              <select class="form-control m-b" id="threeCategoryId" name="threeCategoryId" onchange="threeMenuChange(this)">
                              		<option value="0">请选择</option>
                              		<c:forEach items="${threeCategory }" var="superMenu">
                              		<option value="${superMenu.id }" <c:if test="${role.threeCategoryId == superMenu.id }">selected</c:if> >${superMenu.gcName}</option>
                              		</c:forEach>
                              </select>
                          </div>
                      </div>
                      
                      <div id="folb" class="form-group" <c:if test="${fourCategory.isEmpty() }">style="display:none;"</c:if> > 
                          <label class="col-sm-3 control-label">四级分类：</label>
                          <div class="col-sm-6">
                              <select class="form-control m-b" id="fourCategoryId" name="fourCategoryId" >
                              		<option value="0">请选择</option>
                              		<c:forEach items="${fourCategory }" var="superMenu">
                              		<option value="${superMenu.id }" <c:if test="${role.fourCategoryId == superMenu.id }">selected</c:if> >${superMenu.gcName}</option>
                              		</c:forEach>
                              </select>
                          </div>
                      </div>
                      
                     <div class="form-group">
                          <label class="col-sm-3 control-label">名称：</label>
                          <div class="col-sm-6">
                              <input id="name" name="name" class="form-control" value="${role.name }" validate="{required:true}" validateMessage="{required:'请输入名称'}" >
                          </div>
                      </div>
                      
                     <div class="form-group">
                          <label class="col-sm-3 control-label">描述：</label>
                          <div class="col-sm-6">
                              <input id="note" name="note" class="form-control"  value="${role.note }" >
                          </div>
                      </div>
                     
                      <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-3 pull-left">
                                    <button class="btn btn-default btn-dlg-close">取消</button>
                                    <button class="btn btn-primary" type="submit">提交</button>
                                </div>
                       </div>
                      
                  </form>
            </div>
        </div>

    </div>


</body>

</html>