course-server/modules/Custom.Course.Backend/resources/views/vipcard/script.blade.php

@include('UEditor::head')
<script>
        $('#base-form').ajaxForm({
            success: function (result) {
                $("input[name='id']").val(result.data);
                if(result.status){
                    swal({
                        title: "保存成功！",
                        text: "",
                        type: "success"
                    }, function() {
                        location = '{{route('admin.course.vipcard.index')}}';
                    });
                }else{
                    swal({
                        title: result.message,
                        text: "",
                        type: "error"
                    })
                }

            }
        });


        (function($,window,document,undefined){ //用一个自调用匿名函数把插架代码包裹起来，防止代码污染
            $.fn.mySelect = function (options) {
                var defaults = {          //defaults 使我们设置的默认参数。
                    Event : "click",      //触发响应事件
                    msg : "Holle word!"   //显示内容
                };
                var options = $.extend(defaults, options);    //将传入参数和默认参数合并
                console.log(options);
                var $this = $(".selectPicker");      //当然响应事件对象
                // $this.live(options.Event, function (e) {   //功能代码部分，绑定事件
                //     alert(options.msg);
                // });
                //生成option-item并追加展示
                var html = '';
                html += '<div class="select-picker-search">';
                html += '<div class="select-picker-search-checked">@if($vipcard->couponsInfo){{$vipcard->couponsInfo}}@else请选择@endif</div>';
                html += '</div>';
                html += '<div class="select-picker-options-wrp">';
                // html += '<div class="select-picker-options-serch">';
                // html += '<input type="text" placeholder="">';
                // html += '</div>';
                html += '<div class="select-picker-options-list">';
                $this.find("option").each(function(){
                    let _this = $(this);
                    html += '<div class="select-picker-options-list-item">';
                    html += '<p style="display:inline-block" class="checkButton"><b class="duihao '+_this.attr("pid")+'"></b></p>';
                    html += '<span cid="'+_this.attr("cid")+'">'+_this.text()+'</span>';
                    html += '<input type="number" min="1" value="'+_this.attr("nid")+'" class="num" style="float:right;width:50px;height:30px" onblur="toSort()">';
                    html += '</div>';
                })
                html += '</div>';
                html += '</div>';
                $(".selectPicker").append(html);
                // 下拉显示隐藏
                $this.on('click',".select-picker-search", function (e) {   //功能代码部分，绑定事件
                    $(this).next('.select-picker-options-wrp').toggle();
                    $(this).next('.select-picker-options-wrp').find('.select-picker-options-serch input').focus();
                });
                // 点击选中或不选
                $this.on('click',".checkButton",function(){
                    let _this = $(this);
                    if(_this.find('.duihao-nocheck').length > 0){
                        _this.find('.duihao').removeClass('duihao-nocheck').addClass('duihao-checked');
                    }else{
                        _this.find('.duihao').addClass('duihao-nocheck').removeClass('duihao-checked');
                    }
                    // 循环遍历options中选中的项添加到选项栏中
                    var checkedArr = [];
                    var checkedId = [];
                    $this.find(".checkButton").each(function(){
                        let _this = $(this);
                        if(_this.find('.duihao-checked').length > 0){
                            checkedArr.push($.trim(_this.siblings("span").text()+'X'+_this.siblings(".num").val()));
                            checkedId.push($.trim(_this.siblings("span").attr("cid")+'*'+_this.siblings(".num").val()))
                        }
                    });
                    if (checkedArr.length > 0) {
                        $this.find('.select-picker-search-checked').text(checkedArr.join(','));
                        $this.find('.coupons').attr('value',checkedId.join(','));
                        // $this.find('.select-picker-search-checked').text(checkedArr.join(',')).css('color', '#fff');
                    } else {
                        $this.find('.select-picker-search-checked').text('请选择').css('color', '#757575');
                        $this.find('.coupons').attr('value','');
                    }
                });
                // 前端实现下拉搜索
                $this.on('keyup',".select-picker-options-serch input",function(){
                    var text = $(this).val();
                    var html = '';
                    $this.find("option").each(function(){
                        let _this = $(this);
                        if(_this.text().indexOf(text) != -1){
                            html += '<div class="select-picker-options-list-item">';
                            html += '<b class="duihao duihao-nocheck"></b>';
                            html += '<span>'+_this.text()+'</span>';
                            html += '</div>';
                        }
                    })
                    if(html == ''){
                        html += '<p style="text-align:center;">没有相关内容</p>';
                    }
                    $this.find(".select-picker-options-list").html('').append(html);
                })
            }
            // 点击document任意地方 下拉消失
            $(document).click(function (event) {
                var _con = $('.select-picker-options-wrp'); // 设置目标区域
                var _con2 = $('.select-picker-search-checked'); // 设置目标区域
                if (!_con2.is(event.target) && !_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
                    $('.select-picker-options-wrp').hide(); //淡出消失
                }
            });
        })(jQuery,window,document);

        $(function () {
            $("#demo1").mySelect();
        });

        function toSort() {
            $this=$('.selectPicker');
            // 循环遍历options中选中的项添加到选项栏中
            var checkedArr = [];
            var checkedId = [];
            $this.find(".checkButton").each(function(){
                let _this = $(this);
                if(_this.find('.duihao-checked').length > 0){
                    checkedArr.push($.trim(_this.siblings("span").text()+'X'+_this.siblings(".num").val()));
                    checkedId.push($.trim(_this.siblings("span").attr("cid")+'*'+_this.siblings(".num").val()))
                }
            });
            if (checkedArr.length > 0) {
                $this.find('.select-picker-search-checked').text(checkedArr.join(','));
                $this.find('.coupons').attr('value',checkedId.join(','));
            } else {
                $this.find('.select-picker-search-checked').text('请选择').css('color', '#757575');
            }
        }

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