<!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> 
 |