<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('新增栏目分类')" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-category-add">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">分类名称:</label>
|
<div class="col-sm-8">
|
<input name="categoryName" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">父级节点:</label>
|
<div class="col-sm-8">
|
<div class="input-group">
|
<input id="treeId" name="parentId" type="hidden" th:value="${category?.categoryId}"/>
|
<input class="form-control" type="text" onclick="selectCategoryTree()" id="treeName" readonly="true" th:value="${category?.categoryName}">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">排序:</label>
|
<div class="col-sm-8">
|
<input name="sort" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">分类描述:</label>
|
<div class="col-sm-8">
|
<input name="description" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">状态:</label>
|
<div class="col-sm-8">
|
<div class="radio-box">
|
<input type="radio" name="status" value="0" checked>
|
正常
|
</div>
|
<div class="radio-box">
|
<input type="radio" name="status" value="1">
|
停用
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<script type="text/javascript">
|
var prefix = ctx + "cms/category"
|
$("#form-category-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/add", $('#form-category-add').serialize());
|
}
|
}
|
|
/*栏目分类-新增-选择父部门树*/
|
function selectCategoryTree() {
|
var options = {
|
title: '栏目分类选择',
|
width: "380",
|
url: prefix + "/selectCategoryTree/" + $("#treeId").val(),
|
callBack: doSubmit
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmit(index, layero){
|
var body = layer.getChildFrame('body', index);
|
$("#treeId").val(body.find('#treeId').val());
|
$("#treeName").val(body.find('#treeName').val());
|
layer.close(index);
|
}
|
</script>
|
</body>
|
</html>
|