linch
/
www.x-motion.cn


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<!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;
        }
        .imgUpload {
            width: 60px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-radius: 2px;
            background: #CC290E;
            color: #FFF;
            font-size: 12px;
            border: none;
            cursor: pointer;
            outline: none;
        }
        .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"><span class="c-red">*</span>店名：</label>
            <div class="formControls col-xs-10 col-sm-10">
                <input type="text" class="input-text" placeholder="请输入店名" id="name" name="name" value="{$data['name']}" />
            </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">
                <select id="city" name="city" class="select" style="width:250px;">
                    <foreach name="city" item="v" key="k">
                        <option value="{$v['id']}"
                        <if condition="$v['id'] eq $data['city_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"><span class="c-red">*</span>是否最新门店：</label>

            <div class="formControls col-xs-10 col-sm-10">
                <select id="is_new" name="is_new" class="select" style="width:250px;">
                    <foreach name="is_new_list" item="v" key="k">
                        <option value="{$k}"
                        <if condition="$k eq $data['is_new']">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 id="img" class="input-text" type="text" name="img"  value="{$data.img}" style="display: none;"/>
                <input type="button" class="imgUpload" 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">地址：</label>
            <div class="formControls col-xs-10 col-sm-10">
                <input type="text" class="input-text" placeholder="请输入地" id="address" name="address" value="{$data['address']}" />
            </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="date" name="date" value="{$data['date']}" />
            </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="s_time" name="s_time" value="{$data['s_time']}" onClick="WdatePicker({dateFmt:'HH:mm'})" readonly />
            </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="e_time" name="e_time" value="{$data['e_time']}" onClick="WdatePicker({dateFmt:'HH:mm'})" readonly/>
            </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="tel" name="tel" value="{$data['tel']}" />
            </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 imgInput = $("#img");
        var reader = new FileReader();
        reader.onload = (function (file) {
            return function (e) {
                var imgBase64 = this.result;
                $(imgInput).val(imgBase64);
                var html = '<img class="c_img" src="' + imgBase64 + '" >';
                $(imgFile).siblings('.imgView').html(html);
            };
        })(e.target.files[0]);
        reader.readAsDataURL(e.target.files[0]);
    });

</script>
<script>
    $().ready(function() {
        $("#edit").validate({
            rules: {
                name: {required: true},
                city_id: {required: true}
            },
            success: "valid",
            submitHandler: function() {
                $("#save").attr('disabled', true);
                var data = {
                    id: $('#id').val(),
                    name: $('#name').val(),
                    city_id: $('#city').val(),
                    img: $('#img').val(),
                    address: $('#address').val(),
                    date: $('#date').val(),
                    is_new: $('#is_new').val(),
                    s_time: $('#s_time').val(),
                    e_time: $('#e_time').val(),
                    tel: $('#tel').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>