gdsx/WebRoot/Html5/1234/ceshi.js

/*@WebApiFunc@*/
var varList = [];
var varListObj = {};
var tagInfoDic={};
// 用于保存所有的lib
var mouseX=0,mouseY=0;
var zoomNodeList = zoomNodeList || [];
zoomNodeList.length = 0;
var contextMenuOnViewList = contextMenuOnViewList || [];
var globalVarNameList = globalVarNameList || [];
var ratio = {ratioX: 1, ratioY: 1};
// 保存加上图形旋转之后的缩放比例
var _ratio = {ratioX: 1, ratioY: 1};
var autoAdaptive = '@autoAdaptive@';
var browserSize = {
    width: window.innerWidth || $window.innerWidth(),
    height: window.innerHeight || $window.innerHeight()
}
var globalVarObj = {};
var globarParamsObj = {};
var globalAliasObj = {};
var pageSizeRatioValue;
var PAGESCALABLE; // 页面是否可通过滚轮缩放
var PageAdaptMode = {
    value: 'adaptBrowser',
    minWidth: 1366,
    minHeight: 768
};
function calcRatio (backSize, browserSize, ratio) {
    var value = GD.getParams('pageSizeRatioValue') || {}, rt;

    function cr(adaptMode) {
        var rx=1, ry=1, w, h;
        switch (adaptMode) {
            case 'adaptWidth':
                rx = ry =  browserSize.width / backSize.width;
                break;
            case 'adaptHeight':
                rx = ry =  browserSize.width / backSize.width;
                break;
            case 'adaptBrowser':
                rx = browserSize.width / backSize.width;
                ry = browserSize.height / backSize.height;
                break;
            case 'originSize':
                rx = ry = 1;
                break;
            case 'autoResize':
                w = browserSize.width < PageAdaptMode.minWidth ? PageAdaptMode.minWidth : browserSize.width;
                h = browserSize.height < PageAdaptMode.minHeight ? PageAdaptMode.minHeight : browserSize.height;
                rx = w / backSize.width;
                ry = h / backSize.height;
                rx > ry ? rx = ry : ry = rx;
                break;
        }
        return {rx: rx,ry: ry}
    }
    
    value = value.value || PageAdaptMode.value;
    pageSizeRatioValue = value;   
    
    if ($.isNumeric(value)) {
        rt = cr(PageAdaptMode.value);
        ratio.ratioX = value*rt.rx;
        ratio.ratioY = value*rt.ry;
    } else {
        rt = cr(value);
        ratio.ratioX = rt.rx;
        ratio.ratioY = rt.ry;
    }
    ratio.originRatioX = rt.rx;
    ratio.originRatioY = rt.ry;
    window.backSize = backSize;
}
// 页面的依赖
(function (W, GD) {
    W.GD = GD = GD || {};
    GD.relationship = {
        // hash: ['a.js', 'b.js', 'c.js'],
        
    }
})(window, window.GD);
(function () {
    for (var i = 0, len = varList.length; i < len; i++) {
        var varStr = varList[i];
        varStr = varStr && varStr.toLowerCase && varStr.toLowerCase();
        varStr && (varListObj[varStr] = 0);
    }
})();

jQuery.support.cors = true;
ht.Default.appendTimeStamp = function(url) { return url };
function init() {
    initPage(); 
    // dataModel._libModel = _libModel;
    try {
        VarValue = JSON.parse(sessionStorage.getItem(location.pathname)) || VarValue;
    } catch (err) {}
    for(var i=0;i< 0 ;i++){VarValue[i] =0;}
    graphView.handleScroll = function () {}; graphView.setPannable(false); graphView.setMovableFunc(function(data){return false});PAGESCALABLE = false
    view.style.background = 'rgba(255,255,255,1)'; 
    /*@PageBeforeInit@*/
    ;(function () {
        var GD = window.GD;
        if (!GD || typeof GD.useParams !== 'function') return ;
        GD.useParams();
    })();
    var backSize = {width: 1280, height: 1024};calcRatio(backSize, browserSize, ratio);_ratio = GD.getRatioWithRotation(0*Math.PI/180, ratio);
var PageBackgroundtype = 'rect';
var PageBackground = new ht.Node(),
    PageBackgroundBorderWidth = 0*2;

if (PageBackgroundtype === 'arc') {
    PageBackgroundBorderWidth *= 0;
}

PageBackground.setImage(GD.getRectJSON(1280*_ratio.ratioX, 1024*_ratio.ratioY, PageBackgroundtype, '@arcFrom@', '@arcTo@', '@arcClose@'));

PageBackground.setPosition(640*ratio.ratioX, 512*ratio.ratioY);
PageBackground.setSize(1280*_ratio.ratioX, 1024*_ratio.ratioY);
PageBackground.s({
    'pixelPerfect':true
/*@AddPara@*/
});  
PageBackground.a('node.width', 1280*_ratio.ratioX);
PageBackground.a('node.height', 1024*_ratio.ratioY);
PageBackground.a('node.type', PageBackgroundtype);
PageBackground.a('node.rect', [0, 0, 1280*_ratio.ratioX, 1024*_ratio.ratioY]);
PageBackground.a('node.background', 'rgba(255,255,255,1)');
PageBackground.a('node.gradientcolor', 'rgba(255,255,255,1)');
PageBackground.a('node.gradient', '');
PageBackground.a('node.borderwidth', PageBackgroundBorderWidth);
PageBackground.a('node.color', 'rgba(0,0,0,1)');
PageBackground.a('node.fillrect', [0,0,0,0]);
PageBackground.a('node.fillbackcolor', 'rgba(0,0,0,0)');
PageBackground.a('node.fillgradientcolor', 'rgba(0,0,0,0)');
PageBackground.a('node.fillgradient', '');

if (PageBackgroundtype !== 'rect') {
    PageBackground.a('node.arcFrom', parseFloat('@arcFrom@'));
    PageBackground.a('node.arcTo', parseFloat('@arcTo@'));
    PageBackground.a('node.arcClose', '@arcClose@' === 'true' ? true : false);
}
if (PageBackgroundtype === 'arc') {
    PageBackground.a('node.arcOval', true);
}

PageBackground.setRotation(0*Math.PI/180);
PageBackground.borderWidth = PageBackgroundBorderWidth;
PageBackground.borderFillwidth = PageBackgroundBorderWidth;

dataModel.add(PageBackground);
PageBackground._nodename = 'PageBackground'
PageBackground._nodeType = 'rect';
zoomNodeList.push({
    node: PageBackground,
    attr: 'node.borderwidth'
});
(function (node, _img) {
    var setWidth = node.setWidth,
        setHeight = node.setHeight;

    node.setWidth = function (width) {
        if (width === this.getWidth()) return ; 
        var height = this.getHeight();

        this.a('node.width', width);
        this.a('node.rect', [0,0,width, height]);
        setWidth.apply(this, arguments);
    }
    node.setHeight = function (height) {
        if (height === this.getHeight()) return ;
        var width = this.getWidth();

        this.a('node.height', height);
        this.a('node.rect', [0,0,width, height]);
        setHeight.apply(this, arguments);
    }
})(PageBackground, PageBackground.getImage());PageBackground.s({'2d.selectable': false,'2d.movable': false});
/*@GraphList@*/
    var datas = dataModel.getDatas();
    /*@PageInit@*/	
    
function DatarefreshTask(callback){          	
    /*@DataVarText@*/
    callback = callback || function () {};
    if(varList.length <= 0){
        return callback();
    }
    var ajaxdata = {};
    var ajaxtype = 'GET';
    var str = "http://" + webServiceIP + ":" + webServicePort + "/api/Snapshot?tagName=";
    var para = "";
    for(var i=0;i<varList.length;i++){
            para = para + varList[i];
            if(i!==varList.length-1)	
                para = para +',';
    }
    str = str + encodeURIComponent(para);

    if (str.length > 2000) {
        para = encodeURIComponent(para);
        str = "http://" + webServiceIP + ":" + webServicePort + "/api/Snapshot/tags";
        ajaxdata = {'': para};
        ajaxtype = 'POST';
    }

    $.ajax({
        url: str ,
        type: ajaxtype,
        dataType: 'json',
        data: ajaxdata,
        cache: false,
        success: function (data) {
            if (data === null) return;
            var snapshots = eval(data);
            //判断快照是否为空
            if (snapshots != null) {
                        for (var i = 0; i < snapshots.length; i++) {
                            var index = varList.indexOf (snapshots[i].TagName);
                            var tagName = snapshots[i].TagName.toLowerCase();

                            if(index >= 0 && index< varList.length){
                                if(parseFloat(snapshots[i].Value).toString()==snapshots[i].Value){
                                    varListObj[tagName] = VarValue[index] = parseFloat(snapshots[i].Value);
                                    VarSnapshotTime[tagName]=snapshots[i].Time;
                                }else{
                                    varListObj[tagName] = VarValue[index] = snapshots[i].Value;
                                    VarSnapshotTime[tagName]=snapshots[i].Time;
                                }
                            }
                        }
            }
        },
        complete: function (XHR, TS) { 
            XHR = null; 
            callback();
            } 
        }   
    );
}
;(function () {
    var i = 0;
    function getdata() {
        DatarefreshTask(function () {
            i++;
            Timer1sCmd();
            Timer100msCmd();
            Timer500msCmd();
            if (i <= 4) {
                setTimeout(getdata, 50);
            }
        });
    }
    setTimeout(getdata, 20);
})();
intervalTimers.push(setInterval(DatarefreshTask, 500));
/*@DataRefresh@*/
    
function GetTagsProperty(){
    /*@DataVarText@*/
    if(varList.length <= 0){
        return;
    }
    var ajaxtype = 'GET';
    var ajaxdata = {};
    var str = "http://" + webServiceIP + ":" + webServicePort + "/api/Point?tagName=";
    var para = "";
    for(var i=0;i<varList.length;i++){
            para = para + varList[i];
            if(i!==varList.length-1)	
                para = para +',';
    }
    str = str + encodeURIComponent(para);
    if (str.length > 2000) {
        para = encodeURIComponent(para);
        str = "http://" + webServiceIP + ":" + webServicePort + "/api/Point/property";
        ajaxdata = {'': para};
        ajaxtype = 'POST';
    }
    $.ajax({
        url: str ,
        type: ajaxtype,
        dataType: 'json',
        data: ajaxdata,
        cache: false,
        success: function (data) {
            if (data === null) return;
            for(var i=0;i<data.length;i++){
                var basePointInfo=data[i].BasePointInfo;
                tagInfoDic[basePointInfo.TableDotTag.toLowerCase()]=basePointInfo;
                // console.log(tagInfoDic);
            }
        },
        complete: function (XHR, TS) { 
            XHR = null; 
            } 
        }   
    );
}
GetTagsProperty();
window.GD && (GD.GetTagsProperty = GetTagsProperty);
/*@TagInfoDic@*/
    var syscurrentTime="";
function getCurrentTime(timeformat){
    syscurrentTime= moment().format(timeformat);
    if(timeformat=="d"){
        if(syscurrentTime==1){
            syscurrentTime="星期一";
        }
        if(syscurrentTime==2){
            syscurrentTime="星期二";
        }
        if(syscurrentTime==3){
            syscurrentTime="星期三";
        }
        if(syscurrentTime==4){
            syscurrentTime="星期四";
        }
        if(syscurrentTime==5){
            syscurrentTime="星期五";
        }
        if(syscurrentTime==6){
            syscurrentTime="星期六";
        }
        if(syscurrentTime==7){
            syscurrentTime="星期日";
        }
      }
    }
    getCurrentTime();
/*@SysCurrentTime@*/
    var Counter10ms = 0;
var Counter100ms = 0;
var Counter500ms = 0;
var Counter1s = 0;
var Counter5s = 0;

function Timer10msCmd() {
	Counter10ms++;
	/*@Timer10ms@*/
}
// intervalTimers.push(setInterval(Timer10msCmd, 10));

function Timer100msCmd() {
	Counter100ms++;
	/*@Timer100ms@*/
	// graphView.redraw();
}
intervalTimers.push(setInterval(Timer100msCmd, 100));

function Timer500msCmd() {
	Counter500ms++;
	/*@Timer500ms@*/
	// graphView.redraw();
}
intervalTimers.push(setInterval(Timer500msCmd, 500));

function Timer1sCmd() {
	Counter1s++;
	if (moment(Date.now()).format('HH:mm:ss') === '23:59:59' && Counter1s > 5) location.reload();
	/*@Timer1000ms@*/
	// graphView.redraw();
}
Timer1sCmd();
intervalTimers.push(setInterval(Timer1sCmd, 1000));

function Timer5sCmd() {
	Counter5s++;
	/*@Timer5000ms@*/
	// graphView.redraw();
}
// intervalTimers.push(setInterval(Timer5sCmd, 5000));
/*@EventTimer@*/		
    //graphView.setInteractors(null);
if (!!view) {
    view.eventList = view.eventList || {};
}
function blockDataFilter (data) {
    return !(data instanceof ht.Block || data.isLibBackground || data.__clickable === false);
}
var type ='mousedown'; 
function doMouseDown (e, origin) {
    if(!ht.Default.isLeftButton(e)){return;}
    mouseX=e.clientX;
    mouseY=e.clientY;
    origin = origin || graphView;
    window.GD && GD.hideTagInfo();
    var data = origin.getDataAt(e, blockDataFilter); 
    if (data && data.__parentLib) {
        _libModel.getDataByKey(data.__parentLib).onEvent(e, data, 'mousedown', origin);
        return;
    }           
    /*@EvnentMouseDown@*/
}
view.eventList[type] = doMouseDown;
view['on'+type] = function(e){ 
                    doMouseDown(e);
                    e.preventDefault();
                };
type ='mouseup'; 
function doMouseUp (e, origin) {
    if(!ht.Default.isLeftButton(e)){return;}
    origin = origin || graphView;
    var data = origin.getDataAt(e, blockDataFilter);  
    if (data && data.__parentLib) {
        _libModel.getDataByKey(data.__parentLib).onEvent(e, data, 'mouseup', origin);
        return;
    }            
    /*@EvnentMouseUp@*/
}  
view.eventList[type] = doMouseUp;
view['on'+type] = function(e){                    
                    doMouseUp(e);
                    e.preventDefault();
                };    
type ='click';  
function doClick (e, origin) {
    if(!ht.Default.isLeftButton(e)){return;}
    origin = origin || graphView;
    var data = origin.getDataAt(e, blockDataFilter); 
    if (data && data.__parentLib) {
        _libModel.getDataByKey(data.__parentLib).onEvent(e, data, 'click', origin);
        return;
    }              
    /*@EvnentClicked@*/
}
view.eventList[type] = doClick;
view['on'+type] = function(e){                    
                    doClick(e);
                    e.preventDefault();
                };   
type ='mousemove';  
var objMouseOn  = null, _objMouseOn = null;
function doMouseMove (e, origin, offset) {
    var positon, data, zoom, _data, libData;
    
    origin = origin || graphView;
    position=origin.getLogicalPoint(e);
    zoom = graphView.getZoom();
    if (origin === graphView) {
        mouseX= position.x + origin.tx();
        mouseY = position.y + origin.ty();
    } else {
        offset = offset || {x: 0, y: 0};
        mouseX = position.x / zoom + offset.x + origin.tx();
        mouseY = position.y / zoom + offset.y + origin.ty();
    }
    data = origin.getDataAt(e, function (data) {return !(data instanceof ht.Block)});  
    if(data === objMouseOn || data === _objMouseOn) return;

    // 如果是图元内的小图形，给libData赋值为图元本身，方便下面使用
    if (data && data.__parentLib && _libModel.getDataByKey(data.__parentLib)) {
        _data = data;
        data = libData = _libModel.getDataByKey(_data.__parentLib);
    }

    /*@EvnentMouseLeave@*/
    if (objMouseOn && objMouseOn._baseClass && objMouseOn._baseClass.match(/^ht.lib/)) {
        objMouseOn.onEvent(e, _data, 'mousemove', origin, offset, _objMouseOn);
    }
    objMouseOn = data;
    _objMouseOn = _data;
    /*@EvnentMouseOver@*/
    if (data && data._baseClass && data._baseClass.match(/^ht.lib/)) {
        data.onEvent(e, _data, 'mousemove', origin, offset, _objMouseOn);
    }
}
view.eventList[type] = doMouseMove;
view['on'+type] = function(e){
                    doMouseMove(e);
                    e.preventDefault();
                };   
window.onkeydown = function doKeyDown(e) {  
    var keyID = e.keyCode ? e.keyCode :e.which;  
    //if(keyID === 87) { }
    /*@EvnentKeyDown@*/ 
    // if (keyID === 27 && graphView) {
    //     graphView.setZoom(1);
    //     graphView.tx(0);
    //     graphView.ty(0);
    // }
    return;
}        
/*@Event@*/	

    /*@Declare@*/
var contextmenu = new ht.widget.ContextMenu();
contextmenu.contextMenuHoverBackground='rgb(104,216,255)';
contextmenu.contextMenuBackground='rgb(255,255,255)';
contextmenu.contextMenuHoverLabelColor='rgb(255,255,255)';
contextmenu.contextMenuLabelColor='rgb(48,48,48)';
contextmenu.beforeShow = function(e, gv) {
    gv = gv || graphView;
    if (e.originEvent && e.originEvent.currentTarget && e.originEvent.currentTarget.className  === 'main') {
        gv = graphView;
    }
    this.setItems(null);
    window.GD && GD.hideTagInfo();
    var data = gv.getDataAt(e) || graphView.getDataAt(e);
    if (data && data.__parentLib) {
        _libModel.getDataByKey(data.__parentLib).onEvent(e, data, 'contextmenu', gv, {}, {}, this);
        return;
    }
    //if(false);
    /*@SetNodeContextMenu@*/
    /*@SetPageContextMenu@*/
};
contextmenu.afterShow = function (e) {
    var fontSize = 14,
        screenWidth = window.screen.width,
        screenHeight = window.screen.height,
        rx = screenWidth / 1920,
        ry = screenHeight / 1080,
        itemHeight = 30 * ry,
        fontFamily = '',
        width = 150 * rx;
        itemHeight = itemHeight > 30 ? itemHeight : 30;
    var $contextMenu = $(this.getView());
    $contextMenu.find('.contextmenu-item-icon').css({
        width: 14,
        height: 14,
        marginRight: 10
    });
    $contextMenu.find('li.menu-item').css({
        fontSize: fontSize,
        fontWeight: 600,
        height: itemHeight,
        minHeight: 25,
        lineHeight: itemHeight + 'px',
        fontFamily: fontFamily,
        padding: 0
    });
    $contextMenu.find('ul').css({
        width: width,
        minWidth: 100
    });
    contextmenu.setLabelMaxWidth((width > 120 ? width : 120) - 40);
};
view.eventList && (view.eventList['contextMenu'] = contextmenu);
contextmenu.addTo(view);
contextMenuOnViewList.push(contextmenu);
/*@ControlContextMenu@*/
    graphView.getSelectWidth = function() { return 0; };

    (function () {
        var $mainContainer,
            mainContainerHeight,
            mainContainerWidth,
            originHeight,
            originWidth,
            ratioX,
            ratioY,
            isPageContainer = false;
        graphView._pageBackgroundNode = PageBackground; 
        if (pageSizeRatioValue !== 'adaptBrowser') {
            window.GD && GD.setPageToCenterOrLeftTop();  
        }
        function throttle () {
            var timer = null;

            return function () {
                timer && clearTimeout(timer);
                timer = setTimeout(function () {
                    var value = GD.getParams('pageSizeRatioValue') || {};
                    value = value.value || PageAdaptMode.value;
                    GD.setPageSizeWithRatio(value, ratio, backSize);
                }, 200)
            }
        }
        try {
            if (window.parent && window.parent.openDialog) {
                autoAdaptive = false;
            }
        } catch (error) {}
        try {
            if (window.parent && window.parent.pageContainer) {
                graphView.handleScroll = function (data) {
                    var t = graphView.ty() - data.deltaY;
                    var contentSize = graphView.getContentRect();
                    var min = contentSize.height - graphView.getHeight() + 50;
            
                    if (min <= 50) 
                        return ;
                    graphView.setTranslate(0, t, true);
                    graphView.setScrollBarSize(8);
                }  
                graphView.adjustTranslateY = function (value) {
                    var contentSize = graphView.getContentRect();
                    var min = graphView.getHeight() - contentSize.height - 50;
                    
                    value = value > 0 ? 0 : value;
                    value = value < min ? min : value;
                    return value;
                }
                autoAdaptive = false;
                isPageContainer = true;
            }
        } catch (error) {}
        if (autoAdaptive !== false && autoAdaptive !== 'false' && autoAdaptive !== 'False') {
            graphView.setScrollBarVisible(false);
            if (!graphView._pannable) {
                graphView.adjustTranslateX = function () {return 0};
                graphView.adjustTranslateY = function () {return 0};
            }
            $window.off('resize').on('resize', throttle());
            // setTimeout(resizePage, 100);
            showPage();
        } else {
            showPage();
            graphView.fitContent(false,0,true);
            $window.off('resize').on('resize', function (e) {
                if (!!isPageContainer) {
                    window.parent.postMessage('getZoom', '*');
                } else {
                    graphView.fitContent(false,0,true);
                }
            })
        }
        var graphViewTimer = null;
        // 监听鼠标缩放页面事件
        graphView.adjustZoom = function (value) {
            graphViewTimer && clearTimeout(graphViewTimer);
            graphViewTimer = setTimeout(function () {
                $window.trigger('graphViewZoomEnded', [value]);
                GD.resetNodeBorderWidth(zoomNodeList, 1/value);
            }, 80)
            return value;
        }
        $window.off('customEventResizeNodes').on('customEventResizeNodes', function (e) {
            var data = e.args;
            var value = GD.getParams('pageSizeRatioValue') || {};
            value = value.value || PageAdaptMode.value;
            GD.setPageSizeWithRatio(value, ratio, backSize);
            graphView.setZoom(data.zoom);
            graphView.tx(0);
            graphView.ty(0);
        }); 
        $window.off('beforeunload').on("beforeunload", function( event ) {
            try {
                sessionStorage.setItem(location.pathname, JSON.stringify(VarValue));
            } catch (error) {console.log(error.message);}
            ;(function () {
                var GD = window.GD;
                if (!GD || typeof GD.removeParams !== 'function') return ;
                GD.removeParams(); 
                GD.removeParams('pageSizeRatioValue'); 
            })();
               
        });
        graphView.setScrollBarColor('rgba(211,211,211,1)');
        graphView.setAutoHideScrollBar(false);
        GD.autoToggleScrollBar();
        // ;(function () {
        //     var oriX=browserSize.width/backSize.width;
        //     var oriY=browserSize.height/backSize.height;
        //     var json = [
        //         {
        //             label: "25%",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio(0.25);
        //             }
        //         },
        //         {
        //             label: "50%",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio(0.5);
        //             }
        //         },
        //         {
        //             label: "100%",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio(1);
        //             }
        //         },
        //         {
        //             label: "200%",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio(2);
        //             }
        //         },
               
        //         {
        //             label: "400%",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio(4);
        //             }
        //         },
    
        //         {
        //             label: "实际大小",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio('originSize');
        //             }
        //         },
        //         {
        //             label: '适合屏幕',
        //             action: function (item, event) {
        //                 GD.setPageSizeWithRatio('adaptBrowser');
        //             }
        //         },
        //         {
        //             label: "适合宽度",
        //             action: function(item, event) {
        //               GD.setPageSizeWithRatio('adaptWidth');
        //             }
        //         },
        //         {
        //             label: "适合高度",
        //             action: function(item, event) {
        //                 GD.setPageSizeWithRatio('adaptHeight');
        //             }
        //         },
        //     ];
            
        //     var zoomMenu = new ht.widget.ContextMenu(json);
        //     zoomMenu.disableGlobalKey();
        //     zoomMenu.setLabelMaxWidth(100);
        //     zoomMenu.addTo($('.main')[0]);
        //  })();
        
        (function () {
            var btnstr="停止数据刷新";
            var json = [], item1, item2;
                item1 = {
                    label: btnstr,
                    action: function(item, event) {
                        if(btnstr=="停止数据刷新"){
                            clearInterval(intervalTimers[0]);
                            intervalTimers.shift(intervalTimers[0]);
                            btnstr="开启数据刷新";
                            json[0].label=btnstr;
                        }else{
                            intervalTimers.unshift(setInterval(DatarefreshTask, 1000));
                            btnstr="停止数据刷新";
                            json[0].label=btnstr;
                        }
                    }
                };
                item2 = {
                    label: "下载本页所有测点",
                    action: function(item, event) {
                        var time = new Date();
                        var t=time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate() + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
                        var str= "测点名\n";
                        for(var i=0;i<varList.length;i++){
                            str+=varList[i]+"\n"
                        } 
                        str =  encodeURIComponent(str);  
                        var link = document.createElement("a");
                        link.download = t+"测点名称集合.csv";
                        link.href ="data:text/csv;charset=utf-8,\ufeff"+str; 
                        link.click();
                    }
                };
                item3 = {
                    label: "历史回放",
                    action: function(item, event) {
                        createHisBackDialog(DatarefreshTask);
                    }
                };
                item4 = {
                    label: "保存页面图片",
                    action: function(item, event) {
                        savehtmlToJpg();
                    }
                };
                if (false) {
                    json.push(item1);
                }
                if (false) {
                    json.push(item2);
                }
                if(false){
                    json.push(item3);
                }
                if(false){
                    json.push(item4);
                }
            function addContextMenu() {
                var dataMenu = new ht.widget.ContextMenu();

                dataMenu.enableGlobalKey();
                dataMenu.setLabelMaxWidth(120);
                dataMenu.addTo(view);
                contextMenuOnViewList.push(dataMenu);
                dataMenu.beforeShow=function(e){
                    if(e.originEvent.target.className=="main"){
                        if(typeof(graphView.getDataAt(e))=="undefined"){
                            this.setItems(json);
                        }else if(typeof(graphView.getDataAt(e)._attrObject)=="undefined"){
                            this.setItems(json);
                        }else{
                             this.setItems(null);
                        }
                    }else{
                        this.setItems(null);
                    }
                }
            };

            if (json.length > 0) {
                addContextMenu();
            }
        })();
         
    })();
}