linch
/
www.x-motion.cn


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<!DOCTYPE HTML>
<html>
<head>
    <include file="./Application/Admin/View/head.html"/>
    <link rel="stylesheet" type="text/css" href="/Public/lib/bootstrap-Switch/bootstrapSwitch.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/plugins/uploadify/uploadify.css">
    <link rel="stylesheet" type="text/css" href="/Public/plugins/css/tinyselect.css">
    <style type="text/css">

        form .row input {

            width: 250px;

        }


        * {

            margin: 0;

            padding: 0;

        }


        .citys {

            margin-bottom: 10px;

        }


        .citys p {

            line-height: 28px;

        }


        .warning {

            color: #c00;

        }


        table a {

            margin-right: 8px;

            color: #369;

        }


        .c_img {

            width: 240px;

            height: auto;

        }

    </style>
</head>
<body>
<article class="page-container">
    <form action="" method="post" class="form form-horizontal" id="edit">
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">类型：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <select id="type" name="type" class="select" style="width:250px;">
                    <option value="0">请选择类型</option>
                    <foreach name="type" item="v" key="k">
                        <option value="{$k}"

                        <if condition="$k eq $data['type']">selected="selected"</if>
                        style="margin-left:55px;">{$v}</option>
                    </foreach>
                </select>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>标题：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <input type="text" class="input-text" placeholder="请输入标题" id="title" name="title" value="{$data['title']}"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">作者：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <input type="text" class="input-text" placeholder="请输入作者" id="author" name="author" value="{$data['author']}"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">来源：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <input type="text" class="input-text" placeholder="请输入来源" id="source" name="source" value="{$data['source']}"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">相关门店：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <select id="store_id" name="store_id" class="select" style="width:250px;">
                    <option value="0">请选择门店</option>
                    <foreach name="store" item="v" key="k">
                        <option value="{$v['id']}"

                        <if condition="$v['id'] eq $data['store_id']">selected="selected"</if>
                        style="margin-left:55px;">{$v['name']}</option>
                    </foreach>
                </select>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">首页推荐：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <select id="is_recommend" name="is_recommend" class="select" style="width:250px;">
                    <foreach name="recommend" item="v" key="k">
                        <option value="{$k}"

                        <if condition="$k eq $data['is_recommend']">selected="selected"</if>
                        style="margin-left:55px;">{$v}</option>
                    </foreach>
                </select>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>封面图片：</label>
            <div class="formControls col-xs-10 col-sm-10">
                <div><span class="c-red">尺寸：360×200</span></div>
                <input id="img" type="hidden" class="imgInput"  value="{$data.img}" name="img" />
                <input type="button" class="imgUpload btn btn-danger radius" value="上传" style="width: 50px;"/>
                <input type="file" style="display: none;" class="imgFile">
                <div class="imgView" style="margin-top: 10px;">
                    <if condition="$data['img'] neq ''">
                        <img class="c_img" src="{$data.img}">
                    </if>
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2">官网banner图：</label>
            <div class="formControls col-xs-10 col-sm-10">
                <div><span class="c-red">尺寸：1920×605</span></div>
                <input id="home_img" type="hidden" class="imgInput"  value="{$data.home_img}" name="home_img" />
                <input type="button" class="imgUpload btn btn-danger radius" value="上传" style="width: 50px;"/>
                <input type="file" style="display: none;" class="imgFile">
                <div class="imgView" style="margin-top: 10px;">
                    <if condition="$data['home_img'] neq ''">
                        <img class="c_img" src="{$data.home_img}">
                    </if>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>简介说明：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <textarea class="textarea" id="desc" name="desc">{$data.desc}</textarea>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>内容：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <!-- 加载编辑器的容器 -->
                <script id="content" name="content" type="text/plain">{:htmlspecialchars_decode($data['content'])}</script>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input type="hidden" class="input-text" value="{$data.id}" placeholder="" id="id" name="id"/>
                <button type="submit" class="btn btn-success radius" id="save" name="save"><i class="icon-ok"></i> 确定</button>
            </div>
        </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<include file="./Application/Admin/View/foot.html"/>
<!--/_footer /作为公共模版分离出去-->

<script>

    //下面js课用于多个图片异步上传，无需重复

    $(document).on('click','.imgUpload',function(){

        $(this).siblings('.imgFile').trigger('click');

    });

    $(document).on('change','.imgFile',function(e){

        var imgFile = $(this);

        var reader = new FileReader();

        reader.onload = (function (file) {

            return function (e) {

                var imgBase64 = this.result;

                $.ajax({

                    type: "post",

                    url: "/Admin/common/upload_upyun",

                    dataType:'json',

                    data: {

                        img: imgBase64

                    },

                    success: function(data) {

                        if (data.status == '1') {

                            $(imgFile).siblings('.imgInput').val(data.info);

                            var html = '<img src="' + data.info + '" style="width:240px;height:auto;" >';

                            $(imgFile).siblings('.imgView').html(html);

                        }

                    }

                });

            };

        })(e.target.files[0]);

        reader.readAsDataURL(e.target.files[0]);

    });


</script>
<!-- 配置文件 -->
<script type="text/javascript" src="/Public/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/Public/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script>

    var ue = UE.getEditor('content', {

        enterTag: 'Br',

        autoHeightEnabled: true,

        initialFrameWidth: 700,  //初始化编辑器宽度,默认1000

        initialFrameHeight: 200  //初始化编辑器高度,默认320

    });

    $().ready(function () {

        $("#edit").validate({

            rules: {

                title: {required: true},

                type: {required: true},

                desc: {required: true},

                img: {required: true},

                content: {required: true}

            },

            success: "valid",

            submitHandler: function () {

                $("#save").attr('disabled', true);

                var data = {

                    id: $('#id').val(),

                    title: $('#title').val(),

                    img: $('#img').val(),

                    home_img: $('#home_img').val(),

                    desc: $('#desc').val(),

                    content: UE.getEditor('content').getContent(),

                    is_recommend: $('#is_recommend').val(),

                    type: $('#type').val(),

                    store_id: $('#store_id').val(),

                    source: $('#source').val(),

                    author: $('#author').val()

                };

                $.ajax({

                    type: "post",

                    url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",

                    data: {data: data},

                    success: function (data) {

                        if (data.status == '1') {

                            //加载层-风格3

                            parent.layer.load(2);

                            parent.layer.msg(data.info, {icon: 1});

                            parent.location.reload();

                            var index = parent.layer.getFrameIndex(window.name);

                            parent.layer.close(index);


                        } else if (data.status == '0') {

                            parent.layer.msg(data.info, {icon: 2});

                        }

                        $("#save").removeAttr('disabled');

                    }

                });

            }

        });

    });

</script>
</body>
</html>