sunhao
/
seafood


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
							@extends('admin/master')
@section('content')
<style>
    .templates_ul{

    }
    .templates_li{
        float: left;
        width: 25%;
        margin-bottom: 35px;
    }
    .templates_li .templates_img{
        width: 100px;
        height: 177px;
        margin: auto;
        margin-bottom: 10px;
    }
    .add_div{
        width: 100px;
        height: 177px;
        border: 1px solid #ccc;
        font-size: 47px;
        color: #ccc;
        text-align: center;
        border-radius: 5px;
        line-height: 177px;
        cursor: pointer;
        position: relative;
    }
    .add_div .add_img_input{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
    }
    .add_img_title{
        width: 100px;
        text-align: center;
        padding: 8px 0;
    }
    .clear::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }
    .clear {
        zoom: 1;
    }
</style>
    <body>
    @if(count($errors) > 0)
        <div class="Huialert Huialert-info" id="error">
            @foreach($errors->all() as $error)
                <li>{{$error}}</li>
            @endforeach
        </div>
    @endif
    <div class="page-container">
        <form action="/admin/template/sourcestore" method="post" class="form form-horizontal" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    选择模板：</label>
                <div class="formControls col-xs-6 col-sm-7">
                    @if($templates)
                    <ul class="templates_ul clear">
                        @foreach($templates as $item)
                        <li class="templates_li">
                            <img class="templates_img" src="{{$item['img']}}"/>
                            <div>
                                <input type="radio" id="templates_{{$item['id']}}" value="{{$item['id']}}" @if(old('t_id') == $item['id']) checked @elseif($item['id'] == 1) checked @else  @endif name="t_id">
                                <label for="templates_{{$item['id']}}">{{$item['note']}}</label>
                            </div>
                        </li>
                        @endforeach
                    </ul>
                    @endif
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    选择背景图：</label>
                <div class="formControls col-xs-6 col-sm-7">
                    <ul class="templates_ul clear" id="img_ul">
                        @if($back_imgs)
                        @foreach($back_imgs as $k=>$back_img)
                        <li class="templates_li">
                            <img class="templates_img" src="{{$back_img}}"/>
                            <div>
                                <input type="radio" id="bgImg{{$k}}" value="{{$back_img}}" @if(old('back_img') == $back_img) checked @endif name="back_img">
                                <label for="bgImg{{$k}}">背景图{{$k+1}}</label>
                            </div>
                        </li>
                        @endforeach
                        @endif
                        <li id='upload_img' class="templates_li">
                            <div class="add_div">
                                <span>+</span>
                                <input type="file" id="ImgInput" multiple name="img" class="add_img_input" onChange="changeImgID()">
                            </div>
                            <div class="add_img_title">上传新背景图</div>
                        </li>
                        
                    </ul>                   
                </div>
            </div>

            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    渠道备注：</label>
                <div class="formControls col-xs-6 col-sm-7">
                    <input type="text" class="input-text" value="{{old('note')}}" placeholder="" name="note">
                </div>
            </div>
            
            <div class="row cl">
                <div class="col-9 col-offset-2">

                    <button class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>&nbsp;
                    <button class="btn btn-default" type="reset" onclick="return_index();">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>&nbsp;
                    {{--<a href="javascript:void(0)" class="btn btn-default radius" onclick="redirect('{{url('/admin/admin/all')}}')">返回并查看结果</a>--}}
                    <font color='red'>(*提交后自动生成推广链接)</font>
                </div>

            </div>
        </form>
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer 作为公共模版分离出去-->

    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript">
        $(function(){
            setTimeout("$('#error').hide()",3000);
            getTback();

            $('input[type=radio][name=t_id]').change(function () {
                getTback();
            })
        });
        /*返回*/
        function return_index(){
            location.href='/admin/template/sourceindex';
        }

        function changeImgID(html) {
             //获取读取我文件的File对象
            var selectedFile = '';
            var _token = "{{ csrf_token() }}";
            selectedFile = document.getElementById('ImgInput').files[0];
             var reader = new FileReader();
             reader.readAsDataURL(selectedFile);
             reader.onload = function () {
                 //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
                 var t_id = $("input[type='radio'][name='t_id']:checked").val();
                 $.ajax({
                    url:'/admin/template/uploadBack',
                    type:'post',
                    data:{img:this.result,_token:_token,t_id:t_id},
                    success:function(pic_url){
                        if(pic_url == '0'){
                            alert(pic_url)
                            return false;
                        }
                        var str = "<li class=\"templates_li\"><img class=\"templates_img\" src=\""+ pic_url +"\"\/><div><input type=\"radio\" id=\"bgImg\" value=\""+pic_url+"\" name=\"back_img\" checked><label for=\"bgImg\">背景图</label><\/div><\/li>";

                        $("#upload_img").before(str);
                    },

                })
             }

        }

        function getTback(){
            var t_id = $("input[type='radio'][name='t_id']:checked").val();
            if(t_id>0){
                $.ajax({
                    url:'/admin/template/getTempback/'+t_id,
                    type:'get',
                    dataType:'json',
                    success:function(data){ 
                        var str = '';
                        for (var i = 0, l = data.length; i < l; i++) {
                            var back_img = data[i];
                            var str = str+ "<li class=\"templates_li\"><img class=\"templates_img\" src=\""+back_img+"\"\/><div><input type=\"radio\" id=\"bgImg"+i+"\" value=\""+back_img+"\" name=\"back_img\"><label for=\"bgImg"+i+"\">背景图" + (i+1) +"<\/label><\/div><\/li>";
                        }
                        str += "<li id='upload_img' class='templates_li'><div class='add_div'><span>+</span><input type='file' id='ImgInput' multiple name='img' class='add_img_input' onChange='changeImgID()'><\/div><div class='add_img_title'>上传新背景图<\/div><\/li>";

                        $("#img_ul").html(str);
                    },

                })
            }
        }

    </script>
    </body>
@endsection