blog_tp6/view/sys/module/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">
                <input type="text" class="input-text" value="{$data.module_name}" placeholder="请填写模块名称"
                    id="module_name" name="module_name">
            </div>
            <span class="c-666"><i class="Hui-iconfont">&#xe6cd;</i> 填写中文名称，如：友情链接</span>
        </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.table_name}" placeholder="请填写表名称"
                    id="table_name" name="table_name">
            </div>
            <span class="c-666"><i class="Hui-iconfont">&#xe6cd;</i> 除去表前缀的数据表名称，全部小写并以`_`分割，如：user_group</span>
        </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.model_name}" placeholder="请填写请填写模型名称" id="model_name" name="model_name">
            </div>
            <span class="c-666"><i class="Hui-iconfont">&#xe6cd;</i> 除去表前缀的数据表名称，驼峰法命名，且首字母大写，如：UserGroup</span>
        </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.table_comment}" placeholder="请填写表描述" id="table_comment"
                    name="table_comment">
            </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">
                <span class="select-box">
                    <select class="select" id="table_type" name="table_type">
                        <option value="0" {eq name="data.table_type" value="0" }selected{/eq}>请选择</option>
                        <option value="1" {eq name="data.table_type" value="1" }selected{/eq}>CMS</option>
                        <option value="2" {eq name="data.table_type" value="2" }selected{/eq}>后台</option>
                    </select>
                </span>
            </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.pk}" placeholder="请填写主键"
                    id="pk" name="pk">
            </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.list_fields}" placeholder="请填写详情模板"
                    id="list_fields" name="list_fields">
            </div>
            <span class="c-666"><i class="Hui-iconfont">&#xe6cd;</i> 前台列表页可调用字段,默认为*,仅用作前台CMS调用时使用</span>
            <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="number" min=0 max=100 class="input-text" value="{$data.sort}" name="sort"
                    style="width:120px;">
                </div>
            <span class="c-666"><i class="Hui-iconfont">&#xe6cd;</i> 降序(数字越大, 越靠前)</span>
        </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_single" id="is_single-1" value="1" {$data==null || $data.is_single==1
                        ? 'checked' : "" }>
                    <label for="is_single-1">是</label>
                </div>
                <div class="radio-box">
                    <input type="radio" name="is_single" id="is_single-2" value="0" {$data.is_single==0 ? 'checked' : "" }>
                    <label for="is_single-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-8 col-sm-6">
                <textarea name="remark" id="remark" cols="" rows="" class="textarea"
                    placeholder="SEO描述...最多输入500个字符" dragonfly="true" nullmsg="备注不能为空！"
                    onKeyUp="textarealength(this,500)">{$data.remark}</textarea>
                <p class="textarea-numberbar">
                    <em class="textarea-length">0</em>/500
                </p>
            </div>
            <div class="col-3"> </div>
        </div>
    </form>
    <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>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    $(function () {
        $("#form-save-button").click(function () {
            if (getblen($("#remark").val()) > 500) {
                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) {
                    if (res.code == 0) {
                        layer.msg(res.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>