blog_tp6/app/sys/view/category/save.html

<article class="cl pd-20">
    <form action="" method="post" class="form form-horizontal" id="form-save">
        <input type="hidden" name="id" id="id" value="{$data.id}">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red">*</span>上级栏目：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <span class="select-box">
                    <select class="select" id="sel_Sub" name="pid">
                        <option value="0" {eq name='data.pid' value="0" }selected{/eq}>--顶级栏目--</option>
                        {foreach $list as $value}
                        <option value="{$value.id}" {eq name='value.id' value="$data.pid" }selected{/eq}>
                            {$value.category_name}</option>
                        {notempty name="value.child"} {foreach $value.child as $val}
                        <option value="{$val.id}" {eq name='val.id' value="$data.pid" }selected{/eq}>&nbsp;&nbsp;└
                            --{$val.category_name}</option>
                        {/foreach} {/notempty} {/foreach}
                    </select>
                </span>
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red">*</span>栏目名称：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.category_name}" placeholder="请填写栏目名称"
                    id="category_name" name="category_name">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                url：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.url}" placeholder="绑定路由地址" id="url" name="url">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                栏目目录：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.directory}" placeholder="栏目静态文件目录" id="directory"
                    name="directory">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                模型名：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.tablename}" placeholder="请填写模型名(表名, 小写驼峰, 无前缀)"
                    id="tablename" name="tablename">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                列表模板：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.template_list}" placeholder="请填写列表模板"
                    id="template_list" name="template_list">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                详情模板：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.template_detail}" placeholder="请填写详情模板"
                    id="template_detail" name="template_detail">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                栏目标题：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.title}" placeholder="SEO标题" id="title" name="title">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                栏目关键字：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="text" class="input-text" value="{$data.keywords}" placeholder="SEO关键字" id="keywords"
                    name="keywords">
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">描述：</label>
            <div class="formControls col-xs-8 col-sm-6">
                <textarea name="description" id="description" cols="" rows="" class="textarea"
                    placeholder="SEO描述...最多输入500个字符" dragonfly="true" nullmsg="备注不能为空！"
                    onKeyUp="textarealength(this,500)">{$data.note}</textarea>
                <p class="textarea-numberbar">
                    <em class="textarea-length">0</em>/500
                </p>
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">简介：</label>
            <div class="formControls col-xs-8 col-sm-6">
                <textarea name="summary" id="summary" cols="" rows="" class="textarea" placeholder="SEO描述...最多输入255个字符"
                    dragonfly="true" nullmsg="备注不能为空！" onKeyUp="textarealength(this,3000)">{$data.summary}</textarea>
                <p class="textarea-numberbar">
                    <em class="textarea-length">0</em>/3000
                </p>
            </div>
            <div class="col-3"> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red"></span>状态：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <div class="radio-box">
                    <input type="radio" name="status" id="status-1" value="1" {$data==null || $data.status==1
                        ? 'checked' : "" }>
                    <label for="status-1">启用</label>
                </div>
                <div class="radio-box">
                    <input type="radio" name="status" id="status-2" value="2" {$data.status==2 ? 'checked' : "" }>
                    <label for="status-2">禁用</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">排序：</label>
            <div class="formControls col-xs-4 col-sm-6">
                <input type="number" min=0 max=100 class="input-text" value="{$data.sort}" name="sort"
                    style="width:120px;">
                    <span class="c-red">数字越大, 越靠前</span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red"></span>导航：</label>
            <div class="formControls col-xs-8 col-sm-6">
                <div class="radio-box">
                    <input type="radio" name="is_menu" id="is_menu-1" value="1" {$data==null || $data.is_menu==1
                        ? 'checked' : "" }>
                    <label for="is_menu-1">是</label>
                </div>
                <div class="radio-box">
                    <input type="radio" name="is_menu" id="is_menu-2" value="2" {$data.is_menu==2 ? 'checked' : "" }>
                    <label for="is_menu-2">否</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red"></span>新标签打开：</label>
            <div class="formControls col-xs-8 col-sm-6">
                <div class="radio-box">
                    <input type="radio" name="is_blank" id="is_blank-1" value="1" {$data==null || $data.is_blank==1
                        ? 'checked' : "" }>
                    <label for="is_blank-1">是</label>
                </div>
                <div class="radio-box">
                    <input type="radio" name="is_blank" id="is_blank-2" value="2" {$data.is_blank==2 ? 'checked' : "" }>
                    <label for="is_blank-2">否</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button type="button" class="btn btn-success radius" id="form-save-button" name="">确&nbsp;定</button>
                <button type="button" class="btn btn-default radius" onclick="layer_close();"
                    style="margin-left:20px;">取&nbsp;消</button>
            </div>
        </div>
    </form>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    $(function () {
        $("#form-save-button").click(function () {
            if (getblen($("#description").val()) > 500) {
                layer.msg('描述过长', {
                    icon: 5,
                    time: 1000
                });
                return false;
            }

            if (getblen($("#summary").val()) > 3000) {
                layer.msg('简介过长', {
                    icon: 5,
                    time: 1000
                });
                return false;
            }

            var data = $("#form-save").serializeArray();
            $.ajax({
                type: 'POST',
                url: '{:url("save")}',
                data: data,
                dataType: 'json',
                success: function (res) {
                    // console.log(res);
                    if (res.code = 0) {
                        layer.msg(data.msg, {
                            icon: 5,
                            time: 1000
                        });
                        return false;
                    } else {
                        layer.msg(res.msg, { icon: 1 }, function () {
                            parent.location.reload(); // 父页面刷新
                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                            parent.layer.close(index);
                        });
                    }
                }
            })
        })
    })

</script>