<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="admin/common/html/tableHead :: tableHead(~{::title},~{::link},~{::style})">

<title th:text=${title}></title>
<!-- 这儿引用单独的css link -->
<!-- Ladda for Bootstrap 3按钮加载进度插件 -->
<link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
<!-- bootstrap-table表单样式 -->
<link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>

<!-- 用户界面自定义css -->
<link th:href="@{/static/admin/user/css/user-add.css}" rel="stylesheet"/>
<style type="text/css"></style>

</head>

<body>
      	   	      	      	      	      	      	      	      	      
<div class="content-wrap">
	<div class="row">
		<div class="col-sm-12">
			<div class="nest" id="elementClose">
				<div class="">
				</div>
				<div class="body-nest" id="element">
					<div class="panel-body">
						<form  class="form-horizontal m" id="form-edit" th:object="${SysDepartment}">
							<input id="id" name="id" type="hidden" th:field="*{id}"/>
						
									<div class="form-group">
										<label class="col-sm-3 control-label ">父级：</label>
										<div class="col-sm-8">
											<input class="form-control" type="hidden" id="parentId" name="parentId" th:value="*{parentId}"/>
											<input class="form-control" readonly="true" type="text" th:value="${perSysDepartment.deptName}" id="pidName" onclick="selectMenuTree()" />
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">部门名称：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="deptName" name="deptName" th:value="*{deptName}"/>
											
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">部门负责人：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="leader" name="leader" th:value="*{leader}"/>
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">电话：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="phone" name="phone" th:value="*{phone}"/>
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">邮箱：</label>
										<div class="col-sm-8">
											<input class="form-control" type="text" id="email" name="email" th:value="*{email}"/>
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">状态：</label>
										<div class="col-sm-8">
											<select class="form-control"  id="status" name="status" th:field="*{status}">
													<option value="1">开启</option>
													<option value="0">关闭</option>
											</select>
										</div>
									</div>

								
									<div class="form-group">
										<label class="col-sm-3 control-label ">排序：</label>
										<div class="col-sm-8">
											<input class="form-control" type="number" id="orderNum" name="orderNum" th:value="*{orderNum}"/>
										</div>
									</div>

			
									<div class="form-group">
										<div class="form-control-static col-sm-offset-9">
											<button type="submit" class="btn btn-primary">提交</button>
											<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
										</div>
									</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 通用js -->
<div th:include="admin/common/html/js :: onload_js">
   
</div>
<!-- bootstarp 表格 -->
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}" type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>


<!-- 弹窗 -->
<script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
<!-- 遮罩层 -->
<script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	 $(".MyDate").datetimepicker({
		 	format: "yyyy-mm-dd hh:00:00",
	        startDate: new Date(),
	        autoclose: true,
	        todayBtn: true,
	        language: 'zh-CN',
	        initialDate:new Date(),
	        minView: 1      
	    });
	
})


$("#form-edit").validate({
	submitHandler : function(form) {
		edit();
	}
});

/*菜单管理-修改-选择菜单树*/
function selectMenuTree() {
	var url = rootPath + "/SysDepartmentController/tree";
	$.modal.open("选择菜单", url, '380', '380');
}

function edit() {
	var dataFormJson = $("#form-edit").serialize();
	$.ajax({
		cache : true,
		type : "POST",
		url : rootPath + "/SysDepartmentController/edit",
		data : dataFormJson,
		async : false,
		error : function(request) {
			$.modal.alertError("系统错误");
		},
		success : function(data) {
			$.operate.saveSuccess(data);
		}
	});
}
</script>

</body>


</html>
