jucai/public/themes/default/views/app/company/company_img.blade.php

@extends('module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_user.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css') }}" >
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/common_ajax_dialog.css') }}" >

@endpush
@push('js')
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
@endpush
@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.company_left')
        </div>
        <div class="mright">
            <div class="user_pagetitle">
                <div class="pat_l">企业风采</div>
                <div class="clear"></div>
            </div>
            <div class="user_tip w680">
                <div class="tiptit">小提示</div>
                <div class="tiptxt">
                    最多可上传 <span class="s_link_blue">8</span> 张，已上传 <span class="s_link_blue" id="upload_count">{{ count($imgList) }}</span>
                    张，每张最大800KB，支持jpg/gif/bmp/png格式。
                </div>
            </div>
            <div class="com_img_title">
                <div class="title_txt">选择上传方式</div>
                <div class="title_dashed_line"></div>
                <div class="clear"></div>
            </div>
            <div class="upload_box">
                <div class="upload_type">
                    {{--<div class="new-up-cell width328">--}}
                        {{--<div class="img-box">--}}
                            {{--<img src="">--}}
                        {{--</div>--}}
                        {{--<div class="sp-line-16"></div>--}}
                        {{--<div class="l-txt co-333 ft-16">方式一：手机扫码上传</div>--}}
                        {{--<div class="sp-line-13"></div>--}}
                        {{--<div class="l-txt co-b9 ft-14">推荐使用手机扫码上传图片，更方便</div>--}}
                    {{--</div>--}}
                    <div class="new-up-cell width328 last moreimg" style="float: none;margin: 0 auto;">
                        <div class="img-box local-up J_hoverbut" id="company_img" name="images[]">
                            <div class="i-ic"></div>
                            <div class="sp-line-19"></div>
                            <div class="l-txt ft-16">点击上传</div>
                        </div>
                        <div class="sp-line-16"></div>
                        <div class="l-txt co-333 ft-16">本地上传</div>
                        <div class="sp-line-13"></div>
                        <div class="l-txt co-b9 ft-14">jpg/gif/png格式（大小800KB以内）</div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="com_img_title">
                <div class="title_txt">已上传企业照片</div>
                <div class="title_dashed_line"></div>
                <div class="clear"></div>
            </div>
            <div class="img_wrap">

                @if(!$imgList->isEmpty())
                    @foreach($imgList as $key=>$val)
                        <div class="img_item">
                            <div class="img_main">
                                <img src="{{upload_asset($val->image)}}" width="198" height="148" alt="img"
                                     title="{{ $val->title }}">
                            </div>
                            <div class="img_foot">
                                <div class="date fl">
                                    {{ date('Y-m-d',strtotime($val->created_at)) }}（
                                    @switch($val->audit)
                                        @case(0) 未审核 @break
                                        @case(1) 审核通过 @break
                                        @case(2) 等待审核 @break
                                        @case(3) 未通过 @break
                                    @endswitch
                                    ）
                                </div>
                                <div class="op link_blue fl">
                                    <a href="javascript:;" class="remark" pid="{{ $val->id }}"  url="{{route('remark')}}">备注</a>
                                    <span class="split">|</span>
                                    <a class="del" href="javascript:;"  url="{{route('img.del',['id'=>$val->id])}}">删除</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                   @endforeach
                @endif
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/ajaxfileupload.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/aix.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script type="text/javascript">
        var uid = "{{ auth('web-company')->user()->id }}";
        //本地上传

        $.upload("#company_img", {path: 'company/img'}, function (result) {
            // var myDate = new Date();
            // var html = '<div class="img_item"><div class="img_main">';
            // html += '<img src="'+ result.data.url[0] +'" width="198" height="148" alt="img">';
            // html += '</div><div class="img_foot">';
            // html += '<div class="date fl">' + myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + myDate.getDate() + '（等待审核）</div>';
            // html += '<div class="op link_blue fl">';
            // html += '<a href="javascript:;" class="remark" pid="' + result.data + '" url="' + result.data.url[0] + '">备注</a><span class="split"> | </span>';
            // html += '<a class="del" href="javascript:;" url="' + result.data.url[0] + '">删除</a>';
            // html += '</div><div class="clear"></div></div></div>';
            // $(html).prependTo($(".img_wrap"));
            // $("#upload_count").html(parseInt($("#upload_count").html()) + 1);
            // // disapperTooltip("remind", '上传成功！');

            $.post("{{route('save.img')}}", {_token: "{{csrf_token()}}", image: result.data.path[0]}, function (r) {
                if(r.status) {
                    if (r.data.points) {
                        disapperTooltip("goldremind", '上传企业风采增加' + r.data.points + '积分<span class="point">+' + r.data.points + '</span>');
                    } else {
                        disapperTooltip("success", "添加成功");
                        window.location.reload();
                    }
                } else
                {
                    disapperTooltip("success", r.msg);
                }

            })
        },function(){
            if(parseInt($("#upload_count").html()) >=8){
                disapperTooltip("remind", '上传图片已达上限');
                return false;
            }
        })

        // 扫码上传
        // var waiting_img_scan = function(){
        //     $.getJSON("{:U('Company/ajax_company_img_waiting')}", {uid:uid}, function(result){
        //         if(result.status == 1){
        //             var htmlImg = '';
        //             var scanimgArr = result.data.img;
        //             var imgTotal = result.data.total;
        //             for (var i = 0; i < scanimgArr.length; i++) {
        //                 htmlImg += [
        //                     '<div class="img_item"><div class="img_main">',
        //                     '<img src="' + scanimgArr[i]['img'] + '" width="198" height="148" alt="img">',
        //                     '</div><div class="img_foot">',
        //                     '<div class="date fl">' + scanimgArr[i]['addtime_cn'] + '（等待审核）</div>',
        //                     '<div class="op link_blue fl">',
        //                     '<a href="javascript:;" class="remark" pid="' + scanimgArr[i]['id'] + '" url="' + scanimgArr[i]['remark_url'] + '">备注</a><span class="split"> | </span>',
        //                     '<a class="del" href="javascript:;" url="' + scanimgArr[i]['delete_url'] + '">删除</a>',
        //                     '</div><div class="clear"></div></div></div>'
        //                 ].join('');
        //                 $('.img_wrap').html(htmlImg);
        //             }
        //         }
        //     })
        // };
        // var scanimg_time = setInterval(waiting_img_scan,5000);
        //删除
        //删除
        $(".img_wrap").on('click','.del', function () {
            var obj = $(this);
            var url = obj.attr('url');
            var qsDialog = $(this).dialog({
                title: '删除企业风采',
                loading: true,
                border: false,
                showFooter:false,
                yes: function () {
                    $.get(url,{type:1}, function (result) {
                        if (result.status == 1) {
                            obj.closest('.img_item').remove();
                            var num = parseInt($("#upload_count").html());
                            if (num > 0) {
                                $("#upload_count").html(num - 1);
                                disapperTooltip("success", "删除成功");
                            }
                        }
                    });
                }
            });
            $.get(url, function (result) {
                qsDialog.setContent(result);
                qsDialog.showFooter(true);
            });
        });
        //备注
        $(".img_wrap").on('click',".remark", function () {
            var obj = $(this);
            var url = obj.attr('url');
            var id = obj.attr('pid');
            var qsDialog = $(this).dialog({
                title: '备注',
                loading: true,
                border: false,
                yes: function () {
                    var title = $("#remark").val();
                    $.post("{{route('save.remark')}}", {id: id, remark: $('#remark').val(),_token:"{{csrf_token()}}"}, function (result) {
                        if (result.status == 1) {
                            disapperTooltip("success", result.msg);
                        } else {
                            disapperTooltip("remind", result.msg);
                        }
                    }, 'json');
                }
            });
            $.getJSON(url,{id:id}, function (result) {
                if (result.status == 1) {
                    qsDialog.setContent(result.data);
                } else {
                    disapperTooltip("remind", result.msg);
                }
            });
        });

    </script>
@endsection