shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
							<!DOCTYPE html>
<html>
<head>
	<title>详情页</title>
	<!--#include file="common/_header.html"-->
  	<link rel="stylesheet" type="text/css" href="lib/select2/select2.min.css" />
</head>
<body>
	<article class="page-container">
	<form class="form form-horizontal" id="form1">
	<input type="hidden" id="id" name="id">
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>菜单名称：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text" id="menuName" name="menuName">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>上级菜单：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<select id="parentSelect" name="parentId" style="width:100%;" class="select2" data-placeholder="选择上级菜单">
				<option value=""></option>
			</select>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排序号：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="number" class="input-text" id="sortNo" name="sortNo">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>访问方式</label>
		<div class="formControls col-xs-8 col-sm-9">
			<select id="method" class="select" name="method">
				<option value="GET">GET</option>
				<option value="POST">POST</option>
			</select>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>菜单地址：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text" id="menuUrl" name="menuUrl">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>菜单类型：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<select id="menuType" class="select" name="menuType">
				<option value="1">前端页面</option>
				<option value="2">后端接口</option>
			</select>
		</div>
	</div>
	<div class="row cl">
		<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
			<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
</article>
<!--_footer 作为公共模版分离出去-->
<!--#include file="common/_footer.html"-->
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>  
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
<script type="text/javascript" src="lib/select2/select2.full.js"></script> 
<script type="text/javascript" src="lib/select2/select2.zh-CN.js"></script> 
<script type="text/javascript">
	var path = global_backend_url;
		
	$(document).ready(function(){
		//获取url中传参
		var id = getQueryString("id");
		var needLoad = false;
		
		var remoteUrl = path + "/menu/add";
		
		if(id!=null && id.length>0){
			remoteUrl = path + "/menu/update";
			needLoad = true;
		}
						
		$("#form1").validate({
			rules:{
				menuName:{
					required:true
				}
			},
			onkeyup:false,
			focusCleanup:true,
			success:"valid",
			submitHandler:function(form){
				$(form).ajaxSubmit({
					type: 'post',
					url: remoteUrl,
					success: function(data){
						if(data.result){
							top.layer.msg('添加成功!',{icon:1,time:1000});
							
							var index = parent.layer.getFrameIndex(window.name);
							
							if(index>=0){		
								parent.reloadList();
								parent.layer.close(index);
							}
						}
						else{
							layer.msg(data.message,{icon:1,time:3000});
						}
					},
	                error: function(XmlHttpRequest, textStatus, errorThrown){
						layer.msg('error!',{icon:1,time:3000});
					}
				});
			}
		});

		var menuOpts = {
			ajax: {
				url: global_backend_url + "/menu/query",
				dataType: 'json',
				delay: 250,
				method:'post',
				processResults: function (resp) {				
					var results = resp.data.map(function(item){
						return {
							id : item.id,
							text : item.menuName
						}
					});

					return {
						results: results
					}
				}
			},
			language: "zh-CN",
			allowClear: true
		};

		$("#parentSelect").select2(menuOpts);
		
		if(needLoad){
			var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
			
			$.get(path + "/menu/detail/" + id,null, function(json){	
				layer.close(loadingIndex);	

				if(json.result){
					json2Form(json.data,"form1");
					var newOption = new Option(json.data.parentName, json.data.parentId, false, true);
					$('#parentSelect').append(newOption).trigger('change');
				}
				else{
        			layer.msg(json.message);					
				}
			},"json");
		}
	});
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>