course-server/modules/Custom.Course.Backend/resources/views/activities/form.blade.php

{!! Html::style(env("APP_URL").'/assets/backend/libs/dategrangepicker/daterangepicker.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.css') !!}

{!! Html::script(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/moment.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/jquery.daterangepicker.js') !!}

    <div class="form-group">
        {!! Form::label('name','活动名称：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="text" class="form-control" name="name" value="{{$activities->name}}" required>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','活动地点：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="text" class="form-control" name="address" value="{{$activities->address}}">
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','活动名额：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="number" min="0" class="form-control" name="num" value="{{$activities->num}}">
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','活动抵用券:', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <select class="form-control m-b" id="type" name="coupon_id">
                <option value="0">请选择抵用券(不需要可以不选择)</option>
                @foreach($coupons as $key => $val)
                    <option value="{{$val->id}}" @if($val->id == $activities->coupon_id ) selected @endif >{{$val->name}}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="form-group" id="two-inputs">
        <label class="col-sm-2 control-label">活动周期：</label>
        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                    <span class="input-group-addon" style="cursor: pointer">
                        <i class="fa fa-calendar"></i>&nbsp;&nbsp;开始</span>
                <input type="text" name="start_time" class="form-control inline" id="date-range200" size="20" value="{{$activities->start_time}}"
                       placeholder="点击选择活动时间" readonly>
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
            <div id="date-range12-container"></div>
        </div>

        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                        <span class="input-group-addon" style="cursor: pointer">
                             <i class="fa fa-calendar"></i>&nbsp;&nbsp;截止</span>
                <input type="text" name="end_time" class="form-control inline" id="date-range201" size="20" value="{{$activities->end_time}}"
                       placeholder="" readonly>
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
        </div>
    </div>

    <div class="form-group" id="two-inputs-sign-up">
        <label class="col-sm-2 control-label">报名时间：</label>
        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                        <span class="input-group-addon" style="cursor: pointer">
                            <i class="fa fa-calendar"></i>&nbsp;&nbsp;开始</span>
                <input type="text" name="start_sign_up_time" class="form-control inline" id="date-range300" size="20" value="{{$activities->start_sign_up_time}}"
                       placeholder="点击选择报名时间" readonly>
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
            <div id="date-range13-container"></div>
        </div>

        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                            <span class="input-group-addon" style="cursor: pointer">
                                 <i class="fa fa-calendar"></i>&nbsp;&nbsp;截止</span>
                <input type="text" name="end_sign_up_time" class="form-control inline" id="date-range301" size="20" value="{{$activities->end_sign_up_time}}"
                       placeholder="" readonly>
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','活动封面：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-2" id="AuthorAvatarPicker">选择图片</div>
        <div class="col-md-3">
            <input type="hidden" name="img" value="{{$activities->img }}"/>
            <img class="banner-image" src="{{env('APP_URL'). $activities->img }}" style="max-width:360px;max-height:360px" alt="">
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','是否启用：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <div class="radio">
                <label>
                    <input type="radio" name="status" value="1" @if($activities->status==1) checked @endif >
                    启用
                </label>
                <label>
                    <input type="radio" name="status" value="0" @if($activities->status==0) checked @endif >
                    禁用
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','活动简介：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <textarea class="form-control" name="description">{{$activities->description}}</textarea>
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-2 control-label">活动说明：</label>
        <div class="col-md-9">
            <script id="container" name="body" type="text/plain">
                {!! $activities->body !!}
            </script>
        </div>
    </div>

    <div class="hr-line-dashed"></div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-8 controls">
            <button type="submit" class="btn btn-primary">保存</button>
        </div>
    </div>
@include('UEditor::head')
{!! Html::script(env("APP_URL").'/vendor/libs/webuploader-0.1.5/webuploader.js') !!}
<script>
    $('#two-inputs').dateRangePicker(
        {
            separator: ' to ',
            time: {
                enabled: true
            },
            language: 'cn',
            format: 'YYYY-MM-DD HH:mm',
            inline: true,
            container: '#date-range12-container',
            startDate: '{{\Carbon\Carbon::now()}}',
            showShortcuts:false,
            getValue: function () {
                if ($('#date-range200').val() && $('#date-range201').val())
                    return $('#date-range200').val() + ' to ' + $('#date-range201').val();
                else
                    return '';
            },
            setValue: function (s, s1, s2) {
                $('#date-range200').val(s1);
                $('#date-range201').val(s2);
            }
        });

    $('#two-inputs-sign-up').dateRangePicker(
        {
            separator: ' to ',
            time: {
                enabled: true
            },
            language: 'cn',
            format: 'YYYY-MM-DD HH:mm',
            inline: true,
            container: '#date-range13-container',
            startDate: '{{\Carbon\Carbon::now()}}',
            showShortcuts:false,
            getValue: function () {
                if ($('#date-range300').val() && $('#date-range301').val())
                    return $('#date-range300').val() + ' to ' + $('#date-range301').val();
                else
                    return '';
            },
            setValue: function (s, s1, s2) {
                $('#date-range300').val(s1);
                $('#date-range301').val(s2);
            }
        });

    $(function () {
        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            swf: '{{url(env("APP_URL").'/assets/backend/libs/webuploader-0.1.5/Uploader.swf')}}',
            server: '{{route('ibrand.file.upload',['_token'=>csrf_token()])}}',
            pick: '#AuthorAvatarPicker',
            fileVal: 'upload_file',
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
        });
        // 文件上传成功，给item添加成功class, 用样式标记上传成功。
        uploader.on('uploadSuccess', function (file, response) {
            $('.banner-image').attr('src', response.data.url).show();
            $("input[name='banner_pic']").val(response.data.file);
            $("input[name='img']").val(response.data.path);

        });
    });

    var ue = UE.getEditor('container', {
        // autoHeightEnabled: false,
        initialFrameHeight: 500
    });
    ue.ready(function () {
        ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.

    });
</script>