course-server/modules/Custom.Course.Backend/resources/views/shop/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') !!}
<style>
    .map {
        height: 300px;
        min-width: 500px;
        max-width:1200px;
    }
</style>

    <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="{{$shop->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="manager" value="{{$shop->manager}}">
        </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="mobile" value="{{$shop->mobile}}">
        </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="wechat_no" value="{{$shop->wechat_no}}">
        </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="cover" value="{{$shop->cover }}"/>
            <img class="banner-image" src="{{env('APP_URL'). $shop->cover }}" 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($shop->status==1) checked @endif >
                    启用
                </label>
                <label>
                    <input type="radio" name="status" value="0" @if($shop->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">
            <input type="text" id="lnglat" name="coordinates" class="form-control" value="{{$shop->coordinates }}" readonly/>
        </div>
    </div>
    <div class="form-group">
        {!! Form::label('name','省市区：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-2">
            <input type="text" id="country" name="country" placeholder="国家" class="form-control" value="{{$shop->country }}" readonly/>
        </div>
        <div class="col-md-2">
            <input type="text" id="province" name="province" placeholder="省" class="form-control" value="{{$shop->province }}" readonly/>
        </div>
        <div class="col-md-2">
            <input type="text" id="city" name="city" placeholder="市" class="form-control" value="{{$shop->city }}" readonly/>
        </div>
        <div class="col-md-2">
            <input type="text" id="district" name="district" placeholder="区" class="form-control" value="{{$shop->district }}" readonly/>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','拖拽选择：', ['class' => 'col-md-2 control-label']) !!}
        <div id="containerMap" class="map col-md-9" tabindex="0"></div>
    </div>

    <div class="form-group">
        {!! Form::label('name','详细地址：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="text" name="address" class="form-control" value="{{$shop->address }}"/>
        </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">{{$shop->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">
                {!! $shop->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>
    $(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='cover']").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>
<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=ef0c1fde016f4cab6babfe484004724a&plugin=AMap.ToolBar'></script>
<!-- UI组件库 1.0 -->
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript">
    AMapUI.loadUI(['misc/PositionPicker'], function(PositionPicker) {
        var map = new AMap.Map('containerMap', {
            zoom: 16,
            scrollWheel: false
        });

        var positionPicker = new PositionPicker({
            mode: 'dragMap',
            map: map
        });

        positionPicker.on('success', function(positionResult) {
            document.getElementById('lnglat').value = positionResult.position;
            document.getElementById('country').value = positionResult.regeocode.addressComponent.country;
            document.getElementById('province').value = positionResult.regeocode.addressComponent.province;
            document.getElementById('city').value = positionResult.regeocode.addressComponent.city;
            document.getElementById('district').value = positionResult.regeocode.addressComponent.district;
        });
        positionPicker.on('fail', function(positionResult) {
            document.getElementById('lnglat').value = '';
            document.getElementById('country').value = '';
            document.getElementById('province').value = '';
            document.getElementById('city').value = '';
            document.getElementById('district').value = '';
        });

        var location=$(" input[ name='coordinates' ]").attr("value");
        if(location == "" || location == null || location == undefined){
            positionPicker.start();
        }else{
            positionPicker.start(location.split(","));
        }

        map.panBy(0, 1);
        map.addControl(new AMap.ToolBar({
            liteStyle: true
        }))
    });
</script>