blog_tp6/view/sys/advertise/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-8 col-sm-6">
                <input type="text" class="input-text" id="name" name="name" value="{$data.name}"
                    autocomplete="new-password">
            </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-6 col-sm-4">
                    <div style="width: 200px;height: 200px;">
                     <a href="javascript:void(0);" onclick="uploadPicture()" >
                        <img id="view-img" src="{$data.thumb ? $data.thumb : '/static/images/upload_picture.png'}" alt="标题图" title="{$data.title_pic ? '更换' : '添加'}标题图" style="max-width: 200px;max-height: 200px;">
                     </a>
                    </div>
                    <input type="text" class="input-text" value="{$data.picture}" name="picture" id="picture" style="display: none;">
                    <input type="text" class="input-text" value="{$data.thumb}" name="thumb" id="thumb" style="display: none;">
                </div>
                <label class="form-label col-xs-2 col-sm-2">
                    <a class="btn btn-success radius" href="javascript:uploadPicture();">{$data.picture ? '更换' : '添加'}标题图</a></label>
            <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>url：</label>
            <div class="formControls col-xs-8 col-sm-6">
                <input type="text" class="input-text" id="url" name="url" value="{$data.url}"
                    placeholder="文章or网站访问连接">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                文章栏目id：</label>
            <div class="formControls col-xs-4 col-sm-4">
                <input type="text" class="input-text" id="cid" name="cid" value="{$data.cid}">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">文章id：</label>
            <div class="formControls col-xs-4 col-sm-4">
                <input type="text" class="input-text" id="artid" name="artid" value="{$data.artid}">
            </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">
                <span class="select-box">
                    <select class="select" id="type_id" name="type_id">
                        <option value="" >请选择类别</option>
                        {foreach $listTypes as $k=>$op}
                        <option value="{$k}" {eq name="data.type_id" value="$k" }selected{/eq}>{$op}</option>
                        {/foreach}
                    </select>
                </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="status" id="status-1" value="1" {$data==null || $data.status==1 ? 'checked' : ""}>
                    <label for="typeId-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">
                <span class="c-red"></span>排序：</label>
                <div class="formControls col-xs-4 col-sm-4">
                    <input type="text" class="input-text" id="sort" name="sort"
                        placeholder="数字越大, 越靠前">
                </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 id="remark" name="remark" cols="" rows="" class="textarea" placeholder="备注...200个字符以内"
                    dragonfly="true" onKeyUp="textarealength(this,200)">{$data.remark}</textarea>
                <p class="textarea-numberbar">
                    <em class="textarea-length">0</em>/200
                </p>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-success radius" type="button" id="form-save-button"
                    value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                <input class="btn btn-default radius" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;"
                    onClick="layer_close();">
            </div>
        </div>
    </form>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    // 图片上传
    function uploadPicture() {
        layer.open({
            type: 2,
            area: ['700px', '500px'],
            fix: false, //不固定
            maxmin: true,
            shade: 0.4,
            title: '添加缩略图',
            content: '{:url("file_manager/uploadimg", ["_layer"=>true, "thumb"=>true, "width"=>400])}'
        });
    }

    $(function () {
        $("#form-save-button").click(function () {
            if (getblen($("#remark").val()) > 200) {
                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>
<!--请在上方写此页面业务相关的脚本-->