data_view/gitee-datav/智慧运维/PetsDataView/lib/createTip.js

/**
 * 生成卡片窗口
 */
function CreateTip(option){
    this.option = option;
    this.drop = false;
    this.init();
}
CreateTip.prototype = {
    init:function () {
        this.createContainer();
    },
    createContainer:function () {
        var _view_ = this;
        var html = '';
        html += '<div id="'+_view_.option.id+'" class="tip-container" style="width: '+_view_.option.width +'">';
        html += '<div class="tip-title"><span><img src="'+ compbase +'/'+_view_.option.icon+'"/></span><span>'+_view_.option.titleName+'</span><span class="tip-dropDown"><img src="'+ compbase +'/icon/fold.png"/></span></div>';
        html += '<div class="tip-content">';
        // html += _view_.option.html;
        html += '</div>';
        html += '</div>';
        if (_view_.option.parentId) {
            $('#' + _view_.option.parentId).append(html);
        } else {
            $("body").append(html);
        }
        
        var $container = $("#"+_view_.option.id);

        if (_view_.option.pos) {
            $container.css(_view_.option.pos);
        }        
        if (_view_.option.css) {
            $container.css(_view_.option.css);
        }        

        var $containerW = $container.width() - 32;
        $("#"+_view_.option.id+" .tip-content").width($containerW);

        $("#"+_view_.option.id+" .tip-dropDown").bind("click",function () {
            var $tipContent =  $("#"+_view_.option.id+" .tip-content");
            if(!_view_.drop){
                $tipContent.slideUp();
                $(this).find("img").attr("src",compbase + "/icon/unfold.png");
                _view_.drop = true;
            }else{
                $tipContent.slideDown();
                $(this).find("img").attr("src",compbase + "/icon/fold.png");
                _view_.drop = false;
            }
        });
    },
    setData:function (htmlText) {
        var _view_ = this;
        $("#"+_view_.option.id+" .tip-content").html(htmlText);
    }
};