var mqttMpcode = "";
var switchHiddenPoints = "";
var switchAllPoints = [];

//人员定位自定义mq主题
var personnelPositioning_auto_mq_theme = [];

//摄像头_报警_自定义列表
var cameraAlarmList = [];
//摄像头_报警_自定义mq主题
var cameraAlarm_auto_mq_theme = [];

//svg_报警_自定义列表
var svgAlarmList = [];
//svg_报警_自定义mq主题
var svgAlarm_auto_mq_theme = [];

//任务点_报警_自定义mq主题
var taskPointslarm_auto_mq_theme = [];


/**
 * 测量点组件 DI
 */
function showAssembly_mpdata_DI(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualMPoint/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            var datas = eval('(' + data + ')');

            var parmValue = datas[0].mPoint.parmvalue;
            var ledtype = datas[0].mPoint.ledtype;//DI的情况下类别状态 1运行点0故障点
            var ledcolor = datas[0].mPoint.ledcolor;//颜色状态 1红开绿停0绿开红停;黄色永远表示故障
            let signaltag = "";

            if (datas[0].mPoint.signaltag != '') {
                signaltag = datas[0].mPoint.signaltag;
            }
            let signaltag_color = "0"; //0绿色 1红色 2黄色  -1 透明

            var showColor = "#000000";
            if (ledtype == '1') {//运行点
                if (ledcolor == '1') {//红开绿停
                    if (Number(parmValue) == 0) {
                        showColor = '#00ff00';//绿
                        signaltag_color = '0';
                    } else if (Number(parmValue) == 1) {
                        showColor = '#FF0000';//红
                        signaltag_color = '1';
                    } else if (Number(parmValue) == 2) {
                        showColor = 'yellow';
                        signaltag_color = '2';
                    }
                } else if (ledcolor == '0') {//绿开红停
                    if (Number(parmValue) == 0) {
                        showColor = '#FF0000';//红
                        signaltag_color = '1';
                    } else if (Number(parmValue) == 1) {
                        showColor = '#00ff00';//绿
                        signaltag_color = '0';
                    } else if (Number(parmValue) == 2) {
                        showColor = 'yellow';
                        signaltag_color = '2';
                    }
                }
            } else if (ledtype == '0') {//故障点
                //透明正常黄故障
                if (Number(parmValue) == 0) {
                    showColor = 'transparent';
                    signaltag_color = '-1';
                } else if (Number(parmValue) == 1) {
                    showColor = 'yellow';
                    signaltag_color = '2';
                }
            }

            var style = "";
            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }
            // if (content.isfull == 'true') {
            //     width = width.replace("%", "") + "%";
            //     height = height.replace("%", "") + "%";
            // } else {
            //     if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            //         width += "px";
            //     }
            //     if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            //         height += "px";
            //     }
            // }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv\" onmouseup=\"doUp2('" + content.id + "');\" ";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            let showStyle = "style1";
            if (datas[0].showStyle != null && datas[0].showStyle != '') {
                showStyle = datas[0].showStyle;
            }

            if (showStyle == 'style1') {
                divHtml += "<div " + onmouseupSt + " title=\"" + datas[0].mPoint.parmname + "\" style=\"cursor:move;color:" + datas[0].fontcolor + ";font-size:" + datas[0].fontsize + "px;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editDI('" + content.id + "');\">";
                divHtml += "<i class=\"fa fa-circle\" style=\"color:" + showColor + ";font-size:" + datas[0].fontsize + "px;\"></i>";
            } else {
                var width = "25px";
                var height = "25px";

                if (content.width != '') {
                    width = content.width;
                }
                if (content.height != '') {
                    height = content.height;
                }

                if (width.indexOf("%") < 0) {
                    width = width.replace("px", "") + "px";
                }
                if (height.indexOf("%") < 0) {
                    height = height.replace("px", "") + "px";
                }

                divHtml += "<div " + onmouseupSt + " title=\"" + datas[0].mPoint.parmname + "\" style=\"cursor:move;width:" + width + ";height:" + height + ";color:" + datas[0].fontcolor + ";font-size:" + datas[0].fontsize + "px;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editDI('" + content.id + "');\">";

                let img_path = "";
                if (signaltag == 'KQWINDOW') {
                    if (signaltag_color == '0') {
                        img_path = ext.contextPath + "/IMG/dataVisual/开启窗-绿.png";
                    } else if (signaltag_color == '1') {
                        img_path = ext.contextPath + "/IMG/dataVisual/开启窗-红.png";
                    } else if (signaltag_color == '2') {
                        img_path = ext.contextPath + "/IMG/dataVisual/开启窗-黄.png";
                    }
                } else if (signaltag == 'XHFAN') {
                    if (signaltag_color == '0') {
                        img_path = ext.contextPath + "/IMG/dataVisual/循环风机-绿.png";
                    } else if (signaltag_color == '1') {
                        img_path = ext.contextPath + "/IMG/dataVisual/循环风机-红.png";
                    } else if (signaltag_color == '2') {
                        img_path = ext.contextPath + "/IMG/dataVisual/循环风机-黄.png";
                    }
                } else if (signaltag == 'CZFAN') {
                    if (signaltag_color == '0') {
                        img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-绿.png";
                    } else if (signaltag_color == '1') {
                        img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-红.png";
                    } else if (signaltag_color == '2') {
                        img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-黄.png";
                    }
                }

                divHtml += "<div style='position:absolute;width: 100%;height: 100%;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
            }
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_mpdata_DI_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualMPoint/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         var datas = eval('(' + data + ')');
    let parmValue = "0";
    let ledtype = "1";//DI的情况下类别状态 1运行点0故障点
    let ledcolor = "1";//颜色状态 1红开绿停0绿开红停;黄色永远表示故障
    let parmName = "";
    let mpid = "";
    let signaltag = "";


    if (showData.mPoint != null) {
        parmValue = showData.mPoint.parmvalue;
        ledtype = showData.mPoint.ledtype;//DI的情况下类别状态 1运行点0故障点
        ledcolor = showData.mPoint.ledcolor;//颜色状态 1红开绿停0绿开红停;黄色永远表示故障
        parmName = showData.mPoint.parmname;
        mpid = showData.mPoint.id;
        mqttMpcode = mqttMpcode + mpid + ",";

        if (showData.mPoint.signaltag != null) {
            if (showData.mPoint.signaltag != '') {
                signaltag = showData.mPoint.signaltag;
            }
        }
    }

    let showColor = getDIColor(ledtype, ledcolor, parmValue);

    var style = "";
    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }

    let showStyle = "style1";
    if (showData.showStyle != null && showData.showStyle != '') {
        showStyle = showData.showStyle;
    }

    if (showStyle == 'style1') {
        divHtml += "<div class=\"moveDiv\" eqid=\"" + showData.eqid + "\" title=\"" + parmName + "\" style=\"position:absolute;top:" + postY + ";left:" + postX + ";color:" + showData.fontcolor + ";font-size:" + showData.fontsize + "px;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
        divHtml += "<i id=\"" + mpid + "\" class=\"fa fa-circle\" style=\"color:" + showColor + ";font-size:" + showData.fontsize + "px;\"></i>";
    } else {
        let signaltag_color = "0"; //0绿色 1红色 2黄色  -1 透明
        if (showColor == '#00ff00') {
            signaltag_color = '0';
        } else if (showColor == '#FF0000') {
            signaltag_color = '1';
        } else if (showColor == 'yellow') {
            signaltag_color = '2';
        }

        var width = "25px";
        var height = "25px";

        if (content.width != '') {
            width = content.width;
        }
        if (content.height != '') {
            height = content.height;
        }

        if (width.indexOf("%") < 0) {
            width = width.replace("px", "") + "px";
        }
        if (height.indexOf("%") < 0) {
            height = height.replace("px", "") + "px";
        }

        divHtml += "<div class=\"moveDiv\" eqid=\"" + showData.eqid + "\" title=\"" + parmName + "\" style=\"position:absolute;width:" + width + ";height:" + height + ";top:" + postY + ";left:" + postX + ";color:" + showData.fontcolor + ";font-size:" + showData.fontsize + "px;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
        let img_path = "";
        if (signaltag == 'KQWINDOW') {
            if (signaltag_color == '0') {
                img_path = ext.contextPath + "/IMG/dataVisual/开启窗-绿.png";
            } else if (signaltag_color == '1') {
                img_path = ext.contextPath + "/IMG/dataVisual/开启窗-红.png";
            } else if (signaltag_color == '2') {
                img_path = ext.contextPath + "/IMG/dataVisual/开启窗-黄.png";
            }
        } else if (signaltag == 'XHFAN') {
            if (signaltag_color == '0') {
                img_path = ext.contextPath + "/IMG/dataVisual/循环风机-绿.png";
            } else if (signaltag_color == '1') {
                img_path = ext.contextPath + "/IMG/dataVisual/循环风机-红.png";
            } else if (signaltag_color == '2') {
                img_path = ext.contextPath + "/IMG/dataVisual/循环风机-黄.png";
            }
        } else if (signaltag == 'CZFAN') {
            if (signaltag_color == '0') {
                img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-绿.png";
            } else if (signaltag_color == '1') {
                img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-红.png";
            } else if (signaltag_color == '2') {
                img_path = ext.contextPath + "/IMG/dataVisual/垂直风机-黄.png";
            }
        }

        divHtml += "<div style='position:absolute;width: 100%;height: 100%;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
    }
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function getDIColor(ledtype, ledcolor, parmValue) {
    let showColor = "#000000";
    if (ledtype == '1') {//运行点
        if (ledcolor == '1') {//红开绿停
            if (Number(parmValue) == 0) {
                showColor = '#00ff00';
            } else if (Number(parmValue) == 1) {
                showColor = '#FF0000';
            } else if (Number(parmValue) == 2) {
                showColor = 'yellow';
            }
        } else if (ledcolor == '0') {//绿开红停
            if (Number(parmValue) == 0) {
                showColor = '#FF0000';
            } else if (Number(parmValue) == 1) {
                showColor = '#00ff00';
            } else if (Number(parmValue) == 2) {
                showColor = 'yellow';
            }
        }
    } else if (ledtype == '0') {//故障点
        //透明正常黄故障
        if (Number(parmValue) == 0) {
            showColor = 'transparent';
        } else if (Number(parmValue) == 1) {
            showColor = 'yellow';
        }
    }

    return showColor;
}


/**
 * 测量点组件 AI
 */
function showAssembly_mpdata_AI(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualMPoint/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            var showData = data[0];
            var parmValue = "0";
            var unit = "";
            if (showData.mPoint != null) {
                parmValue = showData.mPoint.parmvalue;
                if (showData.mPoint.unit != '') {
                    unit = showData.mPoint.unit;
                }
            }
            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }
            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let onmouseupSt2 = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\" ";
                    onmouseupSt2 = "onmouseup=\"doUp2('" + content.id + "');\"";
                }

            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            let showStyle = "style1";
            if (showData.showStyle != null && showData.showStyle != '') {
                showStyle = showData.showStyle;
            }
            let signaltag = "";
            if (showData.mPoint != null) {
                if (showData.mPoint.signaltag != null) {
                    if (showData.mPoint.signaltag != '') {
                        signaltag = showData.mPoint.signaltag;
                    }
                }
            }

            let titleSwitch = "true";
            if (showData.titleSwitch != null && showData.titleSwitch != '') {
                titleSwitch = showData.titleSwitch;
            }

            let unitSwitch = "true";
            if (showData.unitSwitch != null && showData.unitSwitch != '') {
                unitSwitch = showData.unitSwitch;
            }

            if (showStyle == 'style1') {
                divHtml = "<div " + onmouseupSt + " title=\"" + showData.name + "：" + parmValue + "" + unit + "\" style=\"padding:1px;font-size:" + showData.fontsize + "px;font-weight:" + showData.fontweight + ";color:" + showData.fontcolor + ";position:absolute;top:" + postY + ";left:" + postX + ";background-color:#7A7A7A;width:" + content.width + "px;height:" + content.height + "px;text-align:center;cursor: move;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editAI('" + content.id + "');\">";
                if (titleSwitch == 'true' && unitSwitch == 'true') {
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + "\" style=\"background-color:#434343;cursor:move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.6);height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + showData.name + "</div>";
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + ":" + parmValue + "\" style=\"background-color: #000000;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.4);height:100%;color:#00ff00;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + unit + "\" style=\"background-color:#434343;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40px;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + unit + "</div>";
                }
                if (titleSwitch == 'false' && unitSwitch == 'true') {
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + ":" + parmValue + "\" style=\"background-color: #000000;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*1);height:100%;color:#00ff00;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + unit + "\" style=\"background-color:#434343;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40px;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + unit + "</div>";
                }
                if (titleSwitch == 'true' && unitSwitch == 'false') {
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + "\" style=\"background-color:#434343;cursor:move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:60%;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + showData.name + "</div>";
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + ":" + parmValue + "\" style=\"background-color: #000000;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40%;height:100%;color:#00ff00;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
                }
                if (titleSwitch == 'false' && unitSwitch == 'false') {
                    divHtml += "<div " + onmouseupSt2 + " title=\"" + showData.name + ":" + parmValue + "\" style=\"background-color: #000000;cursor: move;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:100%;height:100%;color:#00ff00;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
                }
                divHtml += "</div>";
            } else {
                let img_path = "";
                if (signaltag == 'H2S') {
                    img_path = ext.contextPath + "/IMG/dataVisual/H2S.png";
                } else if (signaltag == 'CH4') {
                    img_path = ext.contextPath + "/IMG/dataVisual/CH4.png";
                } else if (signaltag == 'LT') {
                    img_path = ext.contextPath + "/IMG/dataVisual/LT.png";
                } else if (signaltag == 'TT' || signaltag == 'HT') {
                    img_path = ext.contextPath + "/IMG/dataVisual/TT.png";
                }
                let showContent = parmValue;
                if (unit != '') {
                    showContent += unit;
                }
                divHtml = "<div title=\"" + showData.name + "\" " + onmouseupSt2 + " style=\"padding:1px;position:absolute;top:" + postY + ";left:" + postX + ";width:" + content.width + "px;height:" + content.height + "px;z-index:" + content.zIndex + ";cursor: move;top:" + postY + ";left:" + postX + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editAI('" + content.id + "');\">";
                divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
                divHtml += "<div style='float: left;width: 100%;height: 24px;line-height: 20px;background: #D2ECFF;border: 2px solid #0d96ff;border-radius: 11px;color:#0D96FF;font-size: 12px;text-align: center;'>" + showContent + "</div>";
                divHtml += "</div>";
            }
        }
    });
    return divHtml;
}

function showAssembly_mpdata_AI_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualMPoint/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         var datas = eval('(' + data + ')');

    let parmValue = "0";
    let unit = "";
    let mpid = "";
    let color = showData.textColor;
    if (showData.mPoint != null) {
        let mp = showData.mPoint;
        parmValue = mp.parmvalue;
        if (mp.unit != '') {
            unit = mp.unit;
        }
        mpid = mp.id;
        mqttMpcode = mqttMpcode + mpid + ",";
    }
    let style = "";
    if (content.style != '') {
        style = content.style;
    }

    let zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }

    let showStyle = "style1";
    if (showData.showStyle != null && showData.showStyle != '') {
        showStyle = showData.showStyle;
    }
    let signaltag = "";
    if (showData.mPoint != null) {
        if (showData.mPoint.signaltag != null) {
            if (showData.mPoint.signaltag != '') {
                signaltag = showData.mPoint.signaltag;
            }
        }
    }

    let titleSwitch = "true";
    if (showData.titleSwitch != null && showData.titleSwitch != '') {
        titleSwitch = showData.titleSwitch;
    }

    let unitSwitch = "true";
    if (showData.unitSwitch != null && showData.unitSwitch != '') {
        unitSwitch = showData.unitSwitch;
    }

    if (showStyle == 'style1') {
        // divHtml="<div class=\"moveDiv\" title=\""+showData.name+"："+parmValue+""+unit+"\" style=\"font-size:"+showData.fontsize+"px;font-weight:"+showData.fontweight+";color:"+showData.fontcolor+";position:absolute;top:"+content.posty+"px;left:"+content.postx+"px;background-color: "+showData.background+";width:"+content.width+"px;height:"+content.height+"px;text-align:center;line-height:"+content.height+"px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;"+style+"\" id=\""+content.id+"\" name=\""+content.id+"\"  ondblclick=\"showCurveForMp('"+content.id+"');\">"+showData.name+"："+parmValue+""+unit+"</div>";
        divHtml = "<div class=\"moveDiv\" title=\"" + showData.name + "：" + parmValue + "" + unit + "\" style=\"padding:1px;font-size:" + showData.fontsize + "px;font-weight:" + showData.fontweight + ";color:" + showData.fontcolor + ";position:absolute;top:" + postY + ";left:" + postX + ";background-color:#7A7A7A;width:" + content.width + "px;height:" + content.height + "px;text-align:center;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"showCurveForMp('" + content.id + "');\">";
        if (titleSwitch == 'true' && unitSwitch == 'true') {
            divHtml += "<div title=\"" + showData.name + "\" style=\"background-color:#434343;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.6);height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + showData.name + "</div>";
            divHtml += "<div class=\"" + mpid + "\" id=\"" + content.id + "value\" title=\"" + parmValue + "\" style=\"background-color: #000000;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.4);height:100%;color:" + color + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
            divHtml += "<div title=\"" + unit + "\" style=\"background-color:#434343;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40px;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + unit + "</div>";
        }
        if (titleSwitch == 'false' && unitSwitch == 'true') {
            divHtml += "<div class=\"" + mpid + "\" id=\"" + content.id + "value\" title=\"" + parmValue + "\" style=\"background-color: #000000;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*1);height:100%;color:" + color + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
            divHtml += "<div title=\"" + unit + "\" style=\"background-color:#434343;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40px;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + unit + "</div>";
        }
        if (titleSwitch == 'true' && unitSwitch == 'false') {
            divHtml += "<div title=\"" + showData.name + "\" style=\"background-color:#434343;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.6);height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + showData.name + "</div>";
            divHtml += "<div id=\"" + content.id + "value\" title=\"" + parmValue + "\" style=\"background-color: #000000;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*0.4);height:100%;color:" + color + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
            divHtml += "<div title=\"" + unit + "\" style=\"background-color:#434343;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:40px;height:100%;color:#ffffff;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + unit + "</div>";
        }
        if (titleSwitch == 'false' && unitSwitch == 'false') {
            divHtml += "<div class=\"" + mpid + "\" id=\"" + content.id + "value\" title=\"" + parmValue + "\" style=\"background-color: #000000;line-height:" + Number(content.height - 2) + "px;float:left;text-align:center;width:calc((100% - 40px)*1);height:100%;color:" + color + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;\">" + parmValue + "</div>";
        }
        divHtml += "</div>";
    } else {
        let img_path = "";
        if (signaltag == 'H2S') {
            img_path = ext.contextPath + "/IMG/dataVisual/H2S.png";
        } else if (signaltag == 'CH4') {
            img_path = ext.contextPath + "/IMG/dataVisual/CH4.png";
        } else if (signaltag == 'LT') {
            img_path = ext.contextPath + "/IMG/dataVisual/LT.png";
        } else if (signaltag == 'TT' || signaltag == 'HT') {
            img_path = ext.contextPath + "/IMG/dataVisual/TT.png";
        }
        let showContent = parmValue;
        if (unit != '') {
            showContent += unit;
        }
        divHtml = "<div title=\"" + showData.name + "\" style=\"padding:1px;position:absolute;top:" + postY + ";left:" + postX + ";width:" + content.width + "px;height:" + content.height + "px;z-index:" + content.zIndex + ";top:" + postY + ";left:" + postX + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
        divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
        divHtml += "<div style='float: left;width: 100%;height: 24px;line-height: 20px;background: #D2ECFF;border: 2px solid #0d96ff;border-radius: 11px;color:#0D96FF;font-size: 12px;text-align: center;'>" + showContent + "</div>";
        divHtml += "</div>";
    }

    //     }
    // });
    return divHtml;
}


/**
 * 文本组件
 */
function showAssembly_Text(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualText/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            var datas = eval('(' + data + ')');

            var textContent = "";
            let mpid = "";
            if (datas[0].mpid != null && datas[0].mpid != "") {
                mpid = datas[0].mpid;
            }
            if (mpid != "") {
                textContent = mpid;
            } else if (datas[0].urldata != null && datas[0].urldata != '') {
                textContent = "urldata";
            } else {
                if (datas[0].textcontent != null && datas[0].textcontent != '') {
                    textContent = datas[0].textcontent;
                }
            }

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            // if (width.indexOf("{value}") >= 0) {
            //     width = width.replace("{value}", textContent);
            //     width = width.replace("px", "");
            //     width = eval('(' + width + ')');
            //     width += "px";
            // }

            var textHeight = (datas[0].textheight).replace("px", "") + "px";

            // divHtml = "<div class=\"moveDiv reSize\" onmouseup=\"doUp2('" + content.id + "');\"  title=\"" + textContent + "\" style=\"border:2px solid red;font-size:" + datas[0].fontsize + "px;font-weight:" + datas[0].fontweight + ";color:" + datas[0].fontcolor + ";background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";text-align:" + datas[0].textalign + ";cursor: move;line-height:" + textHeight + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editText('" + content.id + "');\">";
            divHtml = "<div " + onmouseupSt + " title=\"" + textContent + "\" style=\"border:2px solid red;font-size:" + datas[0].fontsize + "px;font-weight:" + datas[0].fontweight + ";color:" + datas[0].fontcolor + ";background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";text-align:" + datas[0].textalign + ";line-height:" + textHeight + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editText('" + content.id + "');\">";
            divHtml += textContent;
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_Text_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualText/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         var datas = eval('(' + data + ')');

    var textContent = "";
    let mpid = "";
    if (showData.mpid != null && showData.mpid != "") {
        mpid = showData.mpid;
    }
    if (mpid != "") {
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
        //     async: false,
        //     globle: false,
        //     data: {
        //         mpid: mpid,
        //         valuemethod: showData.valuemethod,
        //         sdt: sdt,
        //         edt: edt
        //     },
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (result) {
        textContent = showData.textcontent;
        //系数
        if (showData.rate != null && showData.rate != "") {
            let rate = showData.rate;
            if ("+-*/".indexOf(rate.substring(0, 1)) == -1) {
                rate = "*" + rate;
            }
            textContent = eval(textContent + rate);
        }
        if (showData.numtail != null && showData.numtail != "") {
            textContent = Number(textContent).toFixed(Number(showData.numtail));
        }
        if (showData.unitst != '' && (showData.unitst == "true" || showData.unitst == "TRUE")) {
            if (showData.mPoint.unit != null) {
                textContent += showData.mPoint.unit;
            }
        }
        //     }
        // });
        mqttMpcode = mqttMpcode + mpid + ",";
    } else if (showData.urldata != null && showData.urldata != '') {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + showData.urldata,
            async: false,
            globle: false,
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (result) {
                textContent = result.result;
                if (showData.numtail != null && showData.numtail != "") {
                    textContent = Number(textContent).toFixed(Number(showData.numtail));
                }
            }
        });
    } else {
        if (showData.textcontent != null && showData.textcontent != '') {
            textContent = showData.textcontent;
        }
    }

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    if (width.indexOf("{value}") >= 0) {
        width = width.replace("{value}", textContent);
        width = width.replace("px", "");
        width = eval('(' + width + ')');
        width += "px";
    }

    var clickName = "";
    var clickparameter = "";
    var onmouseoverAndoutName = "";
    var onmouseoverAndoutparameter = "";
    if (showData.clickname != '' && showData.clickname != '-') {
        clickName = showData.clickname;
        style += "cursor:pointer;";
        if (showData.clickparameter != '') {
            if (clickName == 'showFrame') {
                clickparameter = "'" + showData.clickparameter + "'";
            } else if (clickName == 'openFrame') {
                clickparameter = "'" + showData.clickparameter + "'";
            } else if (clickName == 'tabFrame') {
                clickparameter = "'" + showData.clickparameter + "'";
            }
        }
        if (clickName == 'openLine') {
            let chartMpid = mpid;
            if (showData.chartmpids != null && showData.chartmpids != '') {
                chartMpid = showData.chartmpids;
            }
            clickparameter = "'" + chartMpid + "'";
        } else if (clickName == 'roundTime') {
            clickName = "";
            onmouseoverAndoutName = "showRoundtimeOne";
            onmouseoverAndoutparameter = "'" + showData.roundtimeid + "'";
        }

        if (showData.urlstring != '' && clickName == 'showFrame') {
            clickName = "reFrame";
            clickparameter = "'" + showData.urlstring + "'";
        } else if (showData.urlstring != '' && clickName == 'openFrame') {
            clickName = "urlClick";
            clickparameter = "'openFrame','" + showData.urlstring + "'";
        } else if (showData.urlstring != '' && clickName == 'tabFrame') {
            let tabFrameUrls = showData.urlstring.split(",");
            let tabFrameName = "标签页";
            if (tabFrameUrls.length > 1) {
                tabFrameName = tabFrameUrls[1];
            }
            clickName = "urlClick";
            clickparameter = "'tabFrame','" + tabFrameUrls[0] + "','" + showData.id + "','" + tabFrameName + "'";
        }
    }

    var textHeight = (showData.textheight).replace("px", "") + "px";

    divHtml = "<div  title=\"" + textContent + "\" onmouseover=\"" + onmouseoverAndoutName + "(" + onmouseoverAndoutparameter + ",'in');\" onmouseout=\"" + onmouseoverAndoutName + "(" + onmouseoverAndoutparameter + ",'out');\" style=\"font-size:" + showData.fontsize + "px;font-weight:" + showData.fontweight + ";color:" + showData.fontcolor + ";background-color: " + showData.background + ";width:" + width + ";height:" + height + ";text-align:" + showData.textalign + ";line-height:" + textHeight + ";overflow: hidden;text-overflow:ellipsis; white-space: nowrap;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" class=\"" + mpid + "\" onclick=\"" + clickName + "(" + clickparameter + ");\" >";
    // if (clickName != '' && clickName != '-') {
    //     divHtml += "<a style=\"text-decoration:underline;color:" + showData.fontcolor + ";\">" + textContent + "</a>";
    // } else {
    //     divHtml += textContent;
    // }
    divHtml += textContent;

    divHtml += "</div>";
    //     }
    // });
    return divHtml;
}

/**
 * 摄像头组件
 */
function showAssembly_Camera(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualCamera/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            var datas = eval('(' + data + ')');

            var color = datas[0].color;
            var camera = datas[0].camera;

            var showContent = "";
            var cameraId = "";
            var cameraName = "";
            if (camera != null) {
                cameraId = camera.id;
                cameraName = camera.name;
                if (camera.style == '0') {//枪机
                    showContent += "<svg class=\"icon\" viewBox=\"0 0 1024 1024\" width=\"" + content.width + "\" height=\"" + content.height + "\">";
                    showContent += "<path fill=\"" + color + "\" d=\"M1024.2 480L861.9 710c-9.3 13.2-21.5 23.7-35.4 30.9-13.9 7.2-29.5 11.1-45.7 11.1-18.7 0-37-5.3-52.8-15.2L98.4 341.5C87.8 334.8 79.2 325.6 73.3 315c-5.9-10.7-9.1-22.8-9.1-35.3 0-15.3 4.8-30.3 13.8-42.8l117.6-163c9.3-12.9 21.4-23.1 35.1-30.1 13.7-7 29.1-10.8 45-10.8 18.4 0 36.4 5.1 52.1 14.8L1024.2 480zM754.1 768c-11.1 0-22-1.5-32.6-4.5-10.6-3-20.7-7.4-30.2-13.2l-611.8-373c-6.7-4.1-15.3 0.7-15.3 8.6v22.6c0 14.6 7.6 28.2 20 35.8l182.5 112.3C241.2 572 224.2 600 224.2 632c0 20.2 6.8 38.8 18.3 53.7a62.518 62.518 0 0 1-44.2 18.3H64.2v-46.8c0-29-19.5-54.4-47.6-61.9L0.2 591l-0.2 369 28.8-14.3c21.7-10.8 35.5-33 35.5-57.3V768h135.5c25.9 0 50.8-10.3 69.2-28.7l3.1-3.1c10.6-10.6 25-16.3 40-16.3h0.2c46.4 0 84.4-35.9 87.8-81.4L674.2 807.2c9.2 5.7 19.9 8.7 30.7 8.7 9.8 0 19.3-2.5 27.7-6.9 8.4-4.5 15.7-11 21.1-19.2l6.8-10.1c3.2-5-0.4-11.7-6.4-11.7zM312.2 656c-13.2 0-24-10.8-24-24s10.8-24 24-24 24 10.8 24 24-10.8 24-24 24z\" ></path>";
                    showContent += "</svg>";
                } else if (camera.style == '1') {//球机
                    showContent += "<svg class=\"icon\" viewBox=\"0 0 1024 1024\" width=\"" + content.width + "\" height=\"" + content.height + "\">";
                    showContent += "<path fill=\"" + color + "\" d=\"M969.4 532.9c-16.2 10.3-26.8 27.3-29 46.4-22.6 197-205.2 350.6-427.6 350.6-221.6 0-403.7-152.7-427.3-349-2.3-18.7-12.7-35.6-28.5-45.8-2.2-1.4-4.4-2.8-6.5-4.3C20.1 510 1.9 475.5 1.4 438.6c-0.6-44.5 0.1-104.1 0.7-150 0.6-47.1 27.1-90.1 69-111.8 206.5-106.9 673-108.3 882.4-0.4 42.5 21.9 69.4 65.7 69.4 113.6v146.2c0 38.4-19.1 74.4-51.3 95.3-0.8 0.5-1.5 0.9-2.2 1.4z m-617 251.4c22 37.2 91.1 65.7 160.4 65.7s136.9-26.9 158.8-64l-0.7-210c-14.8-73-81.1-126.1-158.1-126.1s-145.7 53.7-160.4 126.8v207.6z m574.8-533.8C767 157.4 298 150.8 100 248.5c-10.8 5.3-17.6 16.3-17.8 28.3-0.3 32.8-0.9 92.2 1.5 115.6 151.5-95.3 703.3-93.9 859.4 0V278.1c0.1-11.4-6-21.9-15.9-27.6zM512.8 609.9c43.9 0 79.7 39.4 79.7 88.1 0 48.7-35.7 88.1-79.7 88.1s-79.7-39.4-79.7-88.1c-0.1-48.7 35.7-88.1 79.7-88.1z\"></path>";
                    showContent += "</svg>";
                }
            }

            var style = "";
            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " class=\"moveDiv\" title=\"" + cameraName + "\" style=\"width:" + (Number(content.width)) + "px;height:" + (Number(content.height) * 2) + "px;cursor: move;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editCrame('" + content.id + "');\">";
            divHtml += "<div style=\"float:left;color:" + color + ";width:" + content.width + "px;height:" + content.height + "px;\">" + showContent + "</div>"
            divHtml += "<div style=\"float:left;color:" + color + ";width:" + content.width + "px;height:" + content.height + "px;text-align:center;\">" + camera.name + "</div>"
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_Camera_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualCamera/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         var datas = eval('(' + data + ')');

    var color = showData.color;
    var camera = showData.camera;

    var showContent = "";
    var cameraId = "";
    var cameraName = "";
    if (camera != null) {
        cameraId = camera.id;
        cameraName = camera.name;
        if (camera.style == '0') {//枪机
            showContent += "<svg id='" + showData.cameraid + "' fill=\"" + color + "\" class=\"icon\" viewBox=\"0 0 1024 1024\" width=\"" + content.width + "\" height=\"" + content.height + "\">";
            showContent += "<path  d=\"M1024.2 480L861.9 710c-9.3 13.2-21.5 23.7-35.4 30.9-13.9 7.2-29.5 11.1-45.7 11.1-18.7 0-37-5.3-52.8-15.2L98.4 341.5C87.8 334.8 79.2 325.6 73.3 315c-5.9-10.7-9.1-22.8-9.1-35.3 0-15.3 4.8-30.3 13.8-42.8l117.6-163c9.3-12.9 21.4-23.1 35.1-30.1 13.7-7 29.1-10.8 45-10.8 18.4 0 36.4 5.1 52.1 14.8L1024.2 480zM754.1 768c-11.1 0-22-1.5-32.6-4.5-10.6-3-20.7-7.4-30.2-13.2l-611.8-373c-6.7-4.1-15.3 0.7-15.3 8.6v22.6c0 14.6 7.6 28.2 20 35.8l182.5 112.3C241.2 572 224.2 600 224.2 632c0 20.2 6.8 38.8 18.3 53.7a62.518 62.518 0 0 1-44.2 18.3H64.2v-46.8c0-29-19.5-54.4-47.6-61.9L0.2 591l-0.2 369 28.8-14.3c21.7-10.8 35.5-33 35.5-57.3V768h135.5c25.9 0 50.8-10.3 69.2-28.7l3.1-3.1c10.6-10.6 25-16.3 40-16.3h0.2c46.4 0 84.4-35.9 87.8-81.4L674.2 807.2c9.2 5.7 19.9 8.7 30.7 8.7 9.8 0 19.3-2.5 27.7-6.9 8.4-4.5 15.7-11 21.1-19.2l6.8-10.1c3.2-5-0.4-11.7-6.4-11.7zM312.2 656c-13.2 0-24-10.8-24-24s10.8-24 24-24 24 10.8 24 24-10.8 24-24 24z\" ></path>";
            showContent += "</svg>";
        } else if (camera.style == '1') {//球机
            showContent += "<svg id='" + showData.cameraid + "' fill=\"" + color + "\" class=\"icon\" viewBox=\"0 0 1024 1024\" width=\"" + content.width + "\" height=\"" + content.height + "\">";
            showContent += "<path d=\"M969.4 532.9c-16.2 10.3-26.8 27.3-29 46.4-22.6 197-205.2 350.6-427.6 350.6-221.6 0-403.7-152.7-427.3-349-2.3-18.7-12.7-35.6-28.5-45.8-2.2-1.4-4.4-2.8-6.5-4.3C20.1 510 1.9 475.5 1.4 438.6c-0.6-44.5 0.1-104.1 0.7-150 0.6-47.1 27.1-90.1 69-111.8 206.5-106.9 673-108.3 882.4-0.4 42.5 21.9 69.4 65.7 69.4 113.6v146.2c0 38.4-19.1 74.4-51.3 95.3-0.8 0.5-1.5 0.9-2.2 1.4z m-617 251.4c22 37.2 91.1 65.7 160.4 65.7s136.9-26.9 158.8-64l-0.7-210c-14.8-73-81.1-126.1-158.1-126.1s-145.7 53.7-160.4 126.8v207.6z m574.8-533.8C767 157.4 298 150.8 100 248.5c-10.8 5.3-17.6 16.3-17.8 28.3-0.3 32.8-0.9 92.2 1.5 115.6 151.5-95.3 703.3-93.9 859.4 0V278.1c0.1-11.4-6-21.9-15.9-27.6zM512.8 609.9c43.9 0 79.7 39.4 79.7 88.1 0 48.7-35.7 88.1-79.7 88.1s-79.7-39.4-79.7-88.1c-0.1-48.7 35.7-88.1 79.7-88.1z\"></path>";
            showContent += "</svg>";
        }
    }

    var style = "";
    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    divHtml = "<div title=\"" + cameraName + "\" style=\"width:" + (Number(content.width)) + "px;height:" + (Number(content.height)) + "px;cursor:pointer;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"viewCameraFun('" + cameraId + "');\">";
    divHtml += "<div style=\"float:left;color:" + color + ";width:" + content.width + "px;height:" + content.height + "px;\">" + showContent + "</div>"
    divHtml += "</div>";


    if (showData.mqTheme != '') {
        let addthemeSt = true;
        if (cameraAlarm_auto_mq_theme.length > 0) {
            for (let i = 0; i < cameraAlarm_auto_mq_theme.length; i++) {
                if (cameraAlarm_auto_mq_theme[i] == showData.mqTheme) {
                    addthemeSt = false;
                }
            }
            if (addthemeSt) {
                cameraAlarm_auto_mq_theme.push(showData.mqTheme);
            }
        } else {
            cameraAlarm_auto_mq_theme.push(showData.mqTheme);
        }
    }

    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualCameraAlarm/getJson.do?pid=" + showData.id,
        async: false,
        error: function () {
            return false;
        },
        success: function (data) {
            var datas = eval('(' + data + ')');
            cameraAlarmList.push({
                id: showData.cameraid,
                child: datas
            })
        }
    });
    return divHtml;
}

/**
 * 表格组件
 */
function showAssembly_Form(content) {
    var style = content.style;

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    // var divwidth = content.width;
    // var divheight = content.height;
    // let postX = content.postx;
    // let postY = content.posty;
    // if (postX.indexOf("%") < 0) {
    //     postX += "px";
    // }
    // if (postY.indexOf("%") < 0) {
    //     postY += "px";
    // }
    // if (divwidth.indexOf("px") < 0 && divwidth.indexOf("%") < 0) {
    //     divwidth += "px";
    // }
    // if (divheight.indexOf("px") < 0 && divheight.indexOf("%") < 0) {
    //     divheight += "px";
    // }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;position:absolute;top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";cursor: move;padding:2px;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"showContainerForm('" + content.id + "');\">";
    divHtml += "<table id=\"" + content.id + "choiceTable\" class=\"" + content.id + "choiceTable\" draggable=\"false\" style=\"width: 100%;height: 100%;border-collapse: collapse;cursor: pointer;table-layout: fixed;\">";
    //table-layout: fixed;
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualForm/getJson.do?pid=" + content.id + "&unitId=" + unitId,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            data = eval('(' + data + ')');
            for (var i = 0; i < data.length; i++) {
                var r = data[i];
                divHtml += "<tr >"
                if (r.nodes != '') {
                    for (var j = 0; j < r.nodes.length; j++) {
                        let c = r.nodes[j];
                        let tdStyle = c.style;

                        let width = c.width + "%";
                        let height = c.height + "%";
                        let bkcolor = c.background;
                        let textcontent = "";
                        // if (c.textcontent != null && c.textcontent != '') {
                        //     textcontent = c.textcontent;
                        // }
                        if (c.formSql != null && c.formSql == 'true') {
                            textcontent = "s";
                        } else if (c.mpid != null && c.mpid != '') {
                            textcontent = "m";
                        } else if (c.urldata != null && c.urldata != '') {
                            textcontent = "u";
                        } else {
                            if (c.textcontent != null && c.textcontent != '') {
                                textcontent = c.textcontent;
                            }
                        }
                        let fontsize = (c.fontsize).replace("px", "") + "px";
                        let fontcolor = c.fontcolor;
                        let textalign = c.textalign;
                        let verticalalign = c.verticalalign;
                        if (verticalalign == "center") {
                            verticalalign = "middle";
                        }
                        let fontweight = c.fontweight;
                        let border = c.border;
                        if (border != '') {
                            tdStyle += border;
                        }
                        let borderradius = c.borderradius;
                        if (borderradius != '') {
                            tdStyle += borderradius;
                        }
                        let padding = c.padding;
                        if (padding != '') {
                            tdStyle += padding;
                        }

                        divHtml += "<td id=" + c.id + " title=\"" + textcontent + "\"  frameId=" + content.id + " rowspan=" + c.rows + " colspan=" + c.columns + " showRow=" + (r.insertRow) + " showColumn=" + (c.insertColumn) + " ondblclick=\"containerFormEdit('" + c.id + "','" + content.id + "');\" ";
                        divHtml += "style=\"width:" + width + ";height:" + height + ";background:" + bkcolor + ";font-size:" + fontsize + ";color:" + fontcolor + ";text-align:" + textalign + ";vertical-align:" + verticalalign + ";font-weight:" + fontweight + ";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;" + tdStyle + "\" > ";
                        divHtml += "" + textcontent + "</td>";
                    }
                }
                divHtml += "</tr>";
            }
        }
    });
    divHtml += "</table>";
    divHtml += "</div>";
    return divHtml;
}

var roundtimecontentList = "";
var formSqlPointList = [];
var formRowStyleList = [];

function showAssembly_Form_View(content, showData) {
    var style = content.style;

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var divwidth = content.width;
    var divheight = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (divwidth.indexOf("px") < 0 && divwidth.indexOf("%") < 0) {
        divwidth += "px";
    }
    if (divheight.indexOf("px") < 0 && divheight.indexOf("%") < 0) {
        divheight += "px";
    }

    if (content.roundtimecontent != null && content.roundtimecontent != '') {
        style += "display:none;";
        roundtimecontentList += content.id + ",";
    } else {
        style += "display:block;";
    }

    var divHtml = "<div style=\"position:absolute;top:" + postY + ";left:" + postX + ";width:" + divwidth + ";height:" + divheight + ";" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "<table id=\"" + content.id + "choiceTable\" class=\"" + content.id + "choiceTable\" style=\"width: 100%;height: 100%;border-collapse: collapse;table-layout: fixed;\">";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualForm/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         data = eval('(' + data + ')');
    for (var i = 0; i < showData.length; i++) {
        var r = showData[i];
        divHtml += "<tr >"
        if (r.nodes != '') {
            for (var j = 0; j < r.nodes.length; j++) {
                let c = r.nodes[j];
                let tdStyle = c.style;

                let width = c.width + "%";
                let height = c.height + "%";
                let bkcolor = c.background;
                let textcontent = "";

                let fontsize = (c.fontsize).replace("px", "") + "px";
                let fontcolor = c.fontcolor;
                let textalign = c.textalign;
                let verticalalign = c.verticalalign;
                if (verticalalign == "center") {
                    verticalalign = "middle";
                }
                let fontweight = c.fontweight;
                let border = c.border;
                if (border != '') {
                    tdStyle += border;
                }
                let borderradius = c.borderradius;
                if (borderradius != '') {
                    tdStyle += borderradius;
                }
                let padding = c.padding;
                if (padding != '') {
                    tdStyle += padding;
                }

                if (c.formSql != null && c.formSql != '') {
                    // console.log(c.formSql)
                    formSqlPointList.push(c.formSql)
                }
                if (c.showStyle != null && c.showStyle != '') {
                    formRowStyleList.push(c.showStyle);
                }

                if (c.mpid != null && c.mpid != '') {
                    let mp = c.textcontent;
                    // console.log(mp)
                    if (c.timest != null && c.timest != "" && c.timest == 'true') {
                        let timestnum = "";
                        if (c.timestnum != null && c.timestnum != "") {
                            if (c.timestnum.indexOf(",") >= 0) {
                                timestnum = c.timestnum;
                            } else {
                                timestnum = "0," + c.timestnum;
                            }
                        }
                        let timestnumS = timestnum.split(",");
                        textcontent = mp.substring(Number(timestnumS[0]), Number(timestnumS[1]));
                    } else {
                        textcontent = mp;
                        //系数
                        if (c.rate != null && c.rate != "") {
                            let rate = c.rate;
                            if ("+-*/".indexOf(rate.substring(0, 1)) == -1) {
                                rate = "*" + rate;
                            }
                            textcontent = eval(textcontent + rate);
                        }
                        if (c.numtail != null && c.numtail != "") {
                            textcontent = Number(textcontent).toFixed(Number(c.numtail));
                        }
                        if (c.unitst != '' && c.unitst == "true") {
                            if (mp.unit != null) {
                                textcontent += mp.unit;
                            }
                        }
                    }
                    // console.log(textcontent)
                    mqttMpcode = mqttMpcode + c.mpid + ",";
                } else if (c.urldata != null && c.urldata != '') {
                    $.ajax({
                        type: 'GET',
                        url: ext.contextPath + c.urldata,
                        async: false,
                        globle: false,
                        dataType: 'json',
                        error: function () {
                            return false;
                        },
                        success: function (result) {
                            textcontent = result.result;
                            if (c.numtail != null && c.numtail != "") {
                                textcontent = Number(textcontent).toFixed(Number(c.numtail));
                            }
                        }
                    });
                } else {
                    if (c.textcontent != null && c.textcontent != '') {
                        textcontent = c.textcontent;
                    }
                }

                divHtml += "<td id=" + c.id + " class=\"" + c.mpid + "\" title=\"" + textcontent + "\" frameId=" + content.id + " rowspan=" + c.rows + " colspan=" + c.columns + " showRow=" + (r.insertRow) + " showColumn=" + (c.insertColumn) + " ";
                divHtml += "style=\"width:" + width + ";height:" + height + ";text-overflow: ellipsis;white-space: nowrap;overflow:hidden;background:" + bkcolor + ";font-size:" + fontsize + ";color:" + fontcolor + ";text-align:" + textalign + ";vertical-align:" + verticalalign + ";font-weight:" + fontweight + ";" + tdStyle + "\" > ";
                divHtml += "" + textcontent + "</td>";
            }
        }
        divHtml += "</tr>";
    }
    //     }
    // });
    divHtml += "</table>";
    divHtml += "</div>";
    return divHtml;
}

/**
 * 折线图组件
 */
function showAssembly_LineChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualLineChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editLineChart('" + content.id + "');\">";
            divHtml += "<i class=\"fa fa-line-chart\"></i>";
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_LineChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualLineChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let onmouseupSt = "";
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showLineChart(contentId, refreshtime, showData, showSeriesData, showYAxisData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualLineChart/getChartJson.do?contentId=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    var dataVisualLineChart = showData;
    var dataVisualLineChartSeries = showSeriesData;
    var dataVisualLineChartYAxis = showYAxisData;

    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let colors = dataVisualLineChart.colors.split(',');

    let titleData = [];
    let titleColor = "";
    if (dataVisualLineChart.titleColor != null && dataVisualLineChart.titleColor != '') {
        titleColor = dataVisualLineChart.titleColor
    }
    let titleFontSize = "18";
    if (dataVisualLineChart.titleFontSize != null && dataVisualLineChart.titleFontSize != '') {
        titleFontSize = dataVisualLineChart.titleFontSize
    }
    let titleFontWeight = "bolder";
    if (dataVisualLineChart.titleFontWeight != null && dataVisualLineChart.titleFontWeight != '') {
        titleFontWeight = dataVisualLineChart.titleFontWeight
    }
    let subtitleColor = "#aaa";
    if (dataVisualLineChart.subtitleColor != null && dataVisualLineChart.subtitleColor != '') {
        subtitleColor = dataVisualLineChart.subtitleColor
    }
    let subtitleFontSize = "12";
    if (dataVisualLineChart.subtitleFontSize != null && dataVisualLineChart.subtitleFontSize != '') {
        subtitleFontSize = dataVisualLineChart.subtitleFontSize
    }
    let subtitleFontWeight = "normal";
    if (dataVisualLineChart.subtitleFontWeight != null && dataVisualLineChart.subtitleFontWeight != '') {
        subtitleFontWeight = dataVisualLineChart.subtitleFontWeight
    }
    titleData.push({
        text: dataVisualLineChart.titleText,
        textStyle: {
            // color: titleColor,
            fontSize: titleFontSize,
            fontWeight: titleFontWeight
        },
        subtext: dataVisualLineChart.subtitleText,
        subtextStyle: {
            color: subtitleColor,
            fontSize: subtitleFontSize,
            fontWeight: subtitleFontWeight
        },
        left: dataVisualLineChart.titlePosition
    })
    if (titleColor != '') {
        titleData[0].textStyle.color = titleColor;
    }

    let datazoomst = [];
    if (dataVisualLineChart.datazoomst == 'true') {
        datazoomst.push({
            type: 'inside',
            start: 0,
            end: 100
        })
        datazoomst.push({
            start: 0,
            end: 100,
            handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '50%',
            height: '25px',
            handleStyle: {
                color: '#fff',
                shadowBlur: 3,
                shadowColor: 'rgba(0, 0, 0, 0.6)',
                shadowOffsetX: 2,
                shadowOffsetY: 2
            }
        })
    }

    let xAxisData = [];
    let xaxisd = "";
    if (dataVisualLineChart.xaxisdata != null && dataVisualLineChart.xaxisdata != '') {
        xaxisd = dataVisualLineChart.xaxisdata;
    }
    let xaxislinecolor = "#ccc";
    if (dataVisualLineChart.xaxislinecolor != null && dataVisualLineChart.xaxislinecolor != '') {
        xaxislinecolor = dataVisualLineChart.xaxislinecolor;
    }
    let xaxisaxislabelfontsize = "12";
    if (dataVisualLineChart.xaxisaxislabelfontsize != null && dataVisualLineChart.xaxisaxislabelfontsize != '') {
        xaxisaxislabelfontsize = dataVisualLineChart.xaxisaxislabelfontsize;
    }
    let xaxisaxislabelcolor = "#ccc";
    if (dataVisualLineChart.xaxisaxislabelcolor != null && dataVisualLineChart.xaxisaxislabelcolor != '') {
        xaxisaxislabelcolor = dataVisualLineChart.xaxisaxislabelcolor;
    }

    let xaxissplitlinetype = "solid";
    if (dataVisualLineChart.xaxissplitlinetype != null && dataVisualLineChart.xaxissplitlinetype != '') {
        xaxissplitlinetype = dataVisualLineChart.xaxissplitlinetype;
    }
    let xaxissplitlinecolor = "#ccc";
    if (dataVisualLineChart.xaxissplitlinecolor != null && dataVisualLineChart.xaxissplitlinecolor != '') {
        xaxissplitlinecolor = dataVisualLineChart.xaxissplitlinecolor;
    }

    let xaxisLabel = [];

    let xaxistype = dataVisualLineChart.xaxistype;
    if (xaxistype == 'time') {
        xaxisLabel = ({
            show: eval(dataVisualLineChart.xaxisaxislabelshow.toLowerCase()),
            fontSize: xaxisaxislabelfontsize,
            color: xaxisaxislabelcolor,
            formatter: {
                none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}'
            }
        })
    } else {
        xaxisLabel = ({
            show: eval(dataVisualLineChart.xaxisaxislabelshow.toLowerCase()),
            fontSize: xaxisaxislabelfontsize,
            color: xaxisaxislabelcolor
        })
    }

    if (xaxisd != '') {
        xAxisData.push({
            data: xaxisd.split(","),
            type: dataVisualLineChart.xaxistype,
            boundaryGap: false,
            axisLine: {
                show: eval(dataVisualLineChart.xaxislineshow.toLowerCase()),
                lineStyle: {
                    color: xaxislinecolor
                }
            },
            axisTick: {
                show: eval(dataVisualLineChart.xaxisaxistickshow.toLowerCase())
            },
            splitLine: {
                show: eval(dataVisualLineChart.xaxissplitlineshow.toLowerCase()),
                lineStyle: {
                    color: xaxissplitlinecolor,
                    type: xaxissplitlinetype
                }
            },
            axisLabel: xaxisLabel
        })
    } else {
        xAxisData.push({
            type: dataVisualLineChart.xaxistype,
            boundaryGap: false,
            axisLine: {
                show: eval(dataVisualLineChart.xaxislineshow.toLowerCase()),
                lineStyle: {
                    color: xaxislinecolor
                }
            },
            axisTick: {
                show: eval(dataVisualLineChart.xaxisaxistickshow.toLowerCase())
            },
            splitLine: {
                show: eval(dataVisualLineChart.xaxissplitlineshow.toLowerCase()),
                lineStyle: {
                    color: xaxissplitlinecolor,
                    type: xaxissplitlinetype
                }
            },
            axisLabel: xaxisLabel
        })
    }

    let legendDataD = [];
    let series = [];
    let reMpids = "";
    let selectedSt = {};

    for (let i = 0; i < dataVisualLineChartSeries.length; i++) {
        let seriesData = dataVisualLineChartSeries[i];
        legendDataD.push(seriesData.name);

        let markPointData = [];
        let markLineData = [];
        let maxshow = seriesData.maxshow;
        if (maxshow == "true") {
            markPointData.push({
                type: "max",
                name: "最大值"
            })
        }
        let minshow = seriesData.minshow;
        if (minshow == "true") {
            markPointData.push({
                type: "min",
                name: "最小值"
            })
        }
        let avgshow = seriesData.avgshow;
        if (avgshow == "true") {
            markLineData.push({
                type: "average",
                name: "平均值",
                label: {
                    position: 'insideEndTop'
                }
            })
        }
        if (seriesData.markerline != null && seriesData.markerline != '') {
            let markerlines = seriesData.markerline.split(",");
            for (let m = 0; m < markerlines.length; m++) {
                markLineData.push({
                    label: {
                        position: 'insideEndTop'
                    },
                    yAxis: markerlines[m]
                })
            }

        }

        let stackst = "";
        if (seriesData.stackst != null && seriesData.stackst != '') {
            stackst = seriesData.stackst
        }

        let areaStyleData = [];
        if (seriesData.areastyle == "true") {
            areaStyleData.push({
                opacity: 0.2
            })
        } else if (seriesData.areastyle == "false") {
            areaStyleData.push({
                opacity: 0
            })
        }

        let symbolst = "none";
        if (seriesData.symbolst == "true") {
            symbolst = "emptyCircle";
        }

        let mpid = "";
        if (seriesData.mpid != null && seriesData.mpid != '') {
            mpid = seriesData.mpid;
            reMpids += mpid + ",";
        }

        let seriesPushData = [];
        if (seriesData.ishistorydata == 'true') {
            let timerange = seriesData.timerange;
            let lsdt = "";
            let ledt = "";

            if (timerange != 'dateSelect') {
                let nowTime = getNowTime();
                lsdt = "";
                ledt = nowTime;
                if (timerange == "hour") {
                    lsdt = getPlusTime(nowTime, -1, 'hour');
                } else if (timerange == "day") {
                    lsdt = getPlusTime(nowTime, -1, 'day');
                } else if (timerange == "week") {
                    lsdt = getPlusTime(nowTime, -7, 'day');
                } else if (timerange == "month") {
                    lsdt = getPlusTime(nowTime, -1, 'month');
                } else if (timerange == "year") {
                    lsdt = getPlusTime(nowTime, -1, 'year');
                    ledt = ledt.substring(0, 4) + "-12-31 23:59";
                }
            } else {
                lsdt = sdt;
                ledt = edt;
            }

            let xsubstring = "all";
            if (dataVisualLineChart.xsubstring != null && dataVisualLineChart.xsubstring != '') {
                xsubstring = dataVisualLineChart.xsubstring;
            }

            $.ajax({
                type: 'GET',
                url: ext.contextPath + "/data/getDetailDataForEXAndDV.do",
                async: false,
                globle: false,
                data: {
                    mpcode: mpid,
                    sdt: lsdt,
                    edt: ledt,
                    timerange: timerange,
                    xsubstring: xsubstring
                },
                dataType: 'json',
                error: function () {
                    return false;
                },
                success: function (result) {
                    for (let i = 0; i < result.length; i++) {
                        seriesPushData.push(result[i].data);
                    }
                }
            });
            seriesPushData = seriesPushData[0];
        } else {
            if (mpid != "") {
                let mpids = mpid.split(",");
                for (let i = 0; i < mpids.length; i++) {
                    $.ajax({
                        type: 'GET',
                        url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
                        async: false,
                        globle: false,
                        data: {
                            mpid: mpids[i]
                        },
                        dataType: 'json',
                        error: function () {
                            return false;
                        },
                        success: function (result) {
                            let mp = result[0];
                            seriesPushData.push(mp.parmvalue);
                        }
                    });
                }

            } else if (seriesData.urldata != null && seriesData.urldata != '') {
                $.ajax({
                    type: 'GET',
                    url: ext.contextPath + seriesData.urldata,
                    async: false,
                    globle: false,
                    dataType: 'json',
                    error: function () {
                        return false;
                    },
                    success: function (result) {
                        seriesPushData.push(result.result);
                        seriesPushData = seriesPushData[0];
                    }
                });
            } else {
                let fixedvalue = "";
                if (seriesData.fixedvalue != null && seriesData.fixedvalue != '') {
                    fixedvalue = seriesData.fixedvalue;
                }
                seriesPushData = fixedvalue.split(",");
            }

        }

        series.push({
            data: seriesPushData,
            symbol: symbolst,
            name: seriesData.name,
            type: 'line',
            stack: stackst,
            smooth: true,
            markPoint: {
                data: markPointData
            },
            markLine: {
                data: markLineData
            },
            areaStyle: areaStyleData[0],
            yAxisIndex: seriesData.yaxisindex
        })

        let selecteSt = "true";
        if (seriesData.selectst != '') {
            selecteSt = seriesData.selectst;
        }
        selectedSt[seriesData.name] = eval(selecteSt.toLowerCase());
    }

    let yAxis = [];
    let leftMorder = 0;
    let rightMorder = 0;
    for (let i = 0; i < dataVisualLineChartYAxis.length; i++) {
        let yAxisData = dataVisualLineChartYAxis[i];

        let offset = 0;
        let position = yAxisData.position;
        if (position == 'left') {
            offset = leftMorder * 40;
            leftMorder++;
        } else if (position == 'right') {
            offset = rightMorder * 40;
            rightMorder++;
        }

        let linecolor = "#ccc";
        if (yAxisData.linecolor != null && yAxisData.linecolor != '') {
            linecolor = yAxisData.linecolor;
        }
        let axislabelcolor = "#ccc";
        if (yAxisData.axislabelcolor != null && yAxisData.axislabelcolor != '') {
            axislabelcolor = yAxisData.axislabelcolor;
        }
        let axislabelfontsize = "12";
        if (yAxisData.axislabelfontsize != null && yAxisData.axislabelfontsize != '') {
            axislabelfontsize = yAxisData.axislabelfontsize;
        }

        let yaxissplitlinetype = "solid";
        if (yAxisData.splitlinetype != null && yAxisData.splitlinetype != '') {
            yaxissplitlinetype = yAxisData.splitlinetype;
        }
        let yaxissplitlinecolor = "#ccc";
        if (yAxisData.splitlinecolor != null && yAxisData.splitlinecolor != '') {
            yaxissplitlinecolor = yAxisData.splitlinecolor;
        }

        yAxis.push({
            type: 'value',
            name: yAxisData.unit,
            position: position,
            offset: offset,//循环显示Y轴位置
            axisLine: {
                show: eval(yAxisData.lineshow.toLowerCase()),
                lineStyle: {
                    color: linecolor
                }
            },
            axisTick: {
                show: eval(yAxisData.axistickshow.toLowerCase())
            },
            splitLine: {
                show: eval(yAxisData.splitlineshow.toLowerCase()),
                lineStyle: {
                    color: yaxissplitlinecolor,
                    type: yaxissplitlinetype
                }
            },
            axisLabel: {
                show: eval(yAxisData.axislabelshow.toLowerCase()),
                color: axislabelcolor,
                fontSize: axislabelfontsize
            },
            scale: eval(yAxisData.scale.toLowerCase())//设置成 true 后坐标刻度不会强制包含零刻度。
        });

        if (yAxisData.max != null && yAxisData.max != '') {
            yAxis[i].max = yAxisData.max
        }
        if (yAxisData.min != null && yAxisData.min != '') {
            yAxis[i].min = yAxisData.min
        }
        // console.log(yAxis[i])
    }

    let legendData = [];
    let legendShow = eval("true".toLowerCase());
    let legendPosition = "center";
    let legendTextFontsize = "12";
    let legendSt = dataVisualLineChart.legendPosition;
    if (legendSt == 'false') {
        legendShow = eval("false".toLowerCase());
    } else {
        legendPosition = legendSt;
        legendShow = eval("true".toLowerCase());
        if (dataVisualLineChart.legendTextFontsize != '') {
            legendTextFontsize = dataVisualLineChart.legendTextFontsize;
        }
    }

    let xsubstring = "all";
    if (dataVisualLineChart.xsubstring != null && dataVisualLineChart.xsubstring != '') {
        xsubstring = dataVisualLineChart.xsubstring;
    }

    legendData.push({
        show: legendShow,
        data: legendDataD,
        left: legendPosition,
        textStyle: {
            color: colors,
            fontSize: legendTextFontsize
        },
        selected: selectedSt
    })

    let option = {
        color: colors,
        animation: false,
        title: titleData,
        legend: legendData,
        grid: {
            left: '10px',   // 与容器左侧的距离
            right: '10px', // 与容器右侧的距离
            top: '60px',   // 与容器顶部的距离
            bottom: '15px', // 与容器底部的距离
            containLabel: true
        },
        xAxis: xAxisData,
        yAxis: yAxis,
        series: series,
        tooltip: {
            trigger: 'axis'
        },
        dataZoom: datazoomst
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    if (refreshtime != null && refreshtime != '' && refreshtime != '0') {
        if (reMpids != '') {
            reMpids = reMpids.substring(0, reMpids.length - 1);
            reMpids = reMpids.split(",");
            setInterval(function () {
                for (var i = 0; i < reMpids.length; i++) {
                    let seriesData = dataVisualLineChartSeries[i];
                    if (seriesData.ishistorydata == 'true') {
                        let timerange = seriesData.timerange;
                        let lsdt = "";
                        let ledt = "";

                        if (timerange != 'dateSelect') {
                            let nowTime = getNowTime();
                            lsdt = "";
                            ledt = nowTime;
                            if (timerange == "hour") {
                                lsdt = getPlusTime(nowTime, -1, 'hour');
                            } else if (timerange == "day") {
                                lsdt = getPlusTime(nowTime, -1, 'day');
                            } else if (timerange == "week") {
                                lsdt = getPlusTime(nowTime, -7, 'day');
                            } else if (timerange == "month") {
                                lsdt = getPlusTime(nowTime, -1, 'month');
                            } else if (timerange == "year") {
                                lsdt = getPlusTime(nowTime, -1, 'year');
                            }
                        } else {
                            lsdt = sdt;
                            ledt = edt;
                        }
                        // console.log(reMpids[i]);
                        $.ajax({
                            type: 'GET',
                            url: ext.contextPath + "/data/getDetailDataForEXAndDV.do",
                            async: false,
                            globle: false,
                            data: {
                                mpcode: reMpids[i],
                                sdt: lsdt,
                                edt: ledt,
                                timerange: timerange,
                                xsubstring: xsubstring
                            },
                            dataType: 'json',
                            error: function () {
                                return false;
                            },
                            success: function (result) {
                                option.series[i].data = result[0].data;
                                // myChart.setOption({
                                //     series: [{
                                //         data: result[0].data
                                //     }]
                                // });
                                // myChart.appendData({
                                //     seriesIndex: i,
                                //     data: result[0].data
                                // });
                                //刷新
                                myChart.setOption(option, true);
                            }
                        });
                    } else {
                        $.ajax({
                            type: 'GET',
                            url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
                            async: false,
                            globle: false,
                            data: {
                                mpid: reMpids[i]
                            },
                            dataType: 'json',
                            error: function () {
                                return false;
                            },
                            success: function (result) {
                                var mpvalue = new Array();
                                mpvalue[0] = result[0].parmvalue;
                                option.series[i].data = mpvalue;
                                //刷新
                                myChart.setOption(option, true);
                            }
                        });
                    }

                }
            }, Number(refreshtime) * 30000);
        }
    }
    //     }
    // });
}

/**
 * 柱状图组件
 */
function showAssembly_BarChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualBarChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editBarChart('" + content.id + "');\">";
            divHtml += "<i class=\"fa fa-bar-chart\"></i>";
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_BarChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualBarChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let onmouseupSt = "";
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showBarChart(contentId, refreshtime, showData, showSeriesData, showYAxisData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualBarChart/getChartJson.do?contentId=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         if (data != '' && data.length == 3) {
    var dataVisualBarChart = showData;
    var dataVisualBarChartSeries = showSeriesData;
    var dataVisualBarChartYAxis = showYAxisData;

    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let colors = dataVisualBarChart.colors.split(',');

    let titleData = [];
    let titleColor = "";
    if (dataVisualBarChart.titleColor != null && dataVisualBarChart.titleColor != '') {
        titleColor = dataVisualBarChart.titleColor
    }
    let titleFontSize = "18";
    if (dataVisualBarChart.titleFontSize != null && dataVisualBarChart.titleFontSize != '') {
        titleFontSize = dataVisualBarChart.titleFontSize
    }
    let titleFontWeight = "bolder";
    if (dataVisualBarChart.titleFontWeight != null && dataVisualBarChart.titleFontWeight != '') {
        titleFontWeight = dataVisualBarChart.titleFontWeight
    }
    let subtitleColor = "#aaa";
    if (dataVisualBarChart.subtitleColor != null && dataVisualBarChart.subtitleColor != '') {
        subtitleColor = dataVisualBarChart.subtitleColor
    }
    let subtitleFontSize = "12";
    if (dataVisualBarChart.subtitleFontSize != null && dataVisualBarChart.subtitleFontSize != '') {
        subtitleFontSize = dataVisualBarChart.subtitleFontSize
    }
    let subtitleFontWeight = "normal";
    if (dataVisualBarChart.subtitleFontWeight != null && dataVisualBarChart.subtitleFontWeight != '') {
        subtitleFontWeight = dataVisualBarChart.subtitleFontWeight
    }
    titleData.push({
        text: dataVisualBarChart.titleText,
        textStyle: {
            // color: titleColor,
            fontSize: titleFontSize,
            fontWeight: titleFontWeight
        },
        subtext: dataVisualBarChart.subtitleText,
        subtextStyle: {
            color: subtitleColor,
            fontSize: subtitleFontSize,
            fontWeight: subtitleFontWeight
        },
        left: dataVisualBarChart.titlePosition
    })
    if (titleColor != '') {
        titleData[0].textStyle.color = titleColor;
    }

    let datazoomst = [];
    if (dataVisualBarChart.datazoomst == 'true') {
        datazoomst.push({
            type: 'inside',
            start: 0,
            end: 100
        })
        datazoomst.push({
            start: 0,
            end: 100,
            handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '50%',
            height: '25px',
            handleStyle: {
                color: '#fff',
                shadowBlur: 3,
                shadowColor: 'rgba(0, 0, 0, 0.6)',
                shadowOffsetX: 2,
                shadowOffsetY: 2
            }
        })
    }

    let xAxisData = [];
    let xaxisd = "";
    if (dataVisualBarChart.xaxisdata != null && dataVisualBarChart.xaxisdata != '') {
        xaxisd = dataVisualBarChart.xaxisdata;
    }
    let xaxislinecolor = "#ccc";
    if (dataVisualBarChart.xaxislinecolor != null && dataVisualBarChart.xaxislinecolor != '') {
        xaxislinecolor = dataVisualBarChart.xaxislinecolor;
    }
    let xaxisaxislabelfontsize = "12";
    if (dataVisualBarChart.xaxisaxislabelfontsize != null && dataVisualBarChart.xaxisaxislabelfontsize != '') {
        xaxisaxislabelfontsize = dataVisualBarChart.xaxisaxislabelfontsize;
    }
    let xaxisaxislabelcolor = "#ccc";
    if (dataVisualBarChart.xaxisaxislabelcolor != null && dataVisualBarChart.xaxisaxislabelcolor != '') {
        xaxisaxislabelcolor = dataVisualBarChart.xaxisaxislabelcolor;
    }

    let xsubstring = "all";
    if (dataVisualBarChart.xsubstring != null && dataVisualBarChart.xsubstring != '') {
        xsubstring = dataVisualBarChart.xsubstring;
    }

    let direction = "0";
    if (dataVisualBarChart.direction != null && dataVisualBarChart.direction != '') {
        direction = dataVisualBarChart.direction
    }

    let xaxisLabel = [];

    let xaxistype = dataVisualBarChart.xaxistype;
    if (xaxistype == 'time') {
        xaxisLabel = ({
            show: eval(dataVisualBarChart.xaxisaxislabelshow.toLowerCase()),
            fontSize: xaxisaxislabelfontsize,
            color: xaxisaxislabelcolor,
            formatter: {
                none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}'
            }
        })
    } else {
        xaxisLabel = ({
            show: eval(dataVisualBarChart.xaxisaxislabelshow.toLowerCase()),
            fontSize: xaxisaxislabelfontsize,
            color: xaxisaxislabelcolor
        })
    }

    if (direction == '0') {
        if (xaxisd != '') {
            xAxisData.push({
                data: xaxisd.split(","),
                type: dataVisualBarChart.xaxistype,
                axisLine: {
                    show: eval(dataVisualBarChart.xaxislineshow.toLowerCase()),
                    lineStyle: {
                        color: xaxislinecolor
                    }
                },
                axisTick: {
                    show: eval(dataVisualBarChart.xaxisaxistickshow.toLowerCase())
                },
                splitLine: {
                    show: eval(dataVisualBarChart.xaxissplitlineshow.toLowerCase())
                },
                axisLabel: xaxisLabel
            })
        } else {
            xAxisData.push({
                type: dataVisualBarChart.xaxistype,
                axisLine: {
                    show: eval(dataVisualBarChart.xaxislineshow.toLowerCase()),
                    lineStyle: {
                        color: xaxislinecolor
                    }
                },
                axisTick: {
                    show: eval(dataVisualBarChart.xaxisaxistickshow.toLowerCase())
                },
                splitLine: {
                    show: eval(dataVisualBarChart.xaxissplitlineshow.toLowerCase())
                },
                axisLabel: xaxisLabel
            })
        }
    } else if (direction == '1') {
        xAxisData.push({
            type: "value",
            axisLine: {
                show: eval(dataVisualBarChart.xaxislineshow.toLowerCase()),
                lineStyle: {
                    color: xaxislinecolor
                }
            },
            axisTick: {
                show: eval(dataVisualBarChart.xaxisaxistickshow.toLowerCase())
            },
            splitLine: {
                show: eval(dataVisualBarChart.xaxissplitlineshow.toLowerCase())
            },
            axisLabel: xaxisLabel
        })
    }


    let legendDataD = [];
    let series = [];
    let reMpids = [];
    let selectedSt = {};

    for (let i = 0; i < dataVisualBarChartSeries.length; i++) {
        let seriesData = dataVisualBarChartSeries[i];
        legendDataD.push(seriesData.name);

        let markPointData = [];
        let markBarData = [];
        let maxshow = seriesData.maxshow;
        if (maxshow == "true") {
            markPointData.push({
                type: "max",
                name: "最大值"
            })
        }
        let minshow = seriesData.minshow;
        if (minshow == "true") {
            markPointData.push({
                type: "min",
                name: "最小值"
            })
        }
        let avgshow = seriesData.avgshow;
        if (avgshow == "true") {
            markBarData.push({
                type: "average",
                name: "平均值",
                label: {
                    position: 'insideEndTop'
                }
            })
        }
        if (seriesData.markerline != null && seriesData.markerline != '') {
            let markerlines = seriesData.markerline.split(",");
            for (let m = 0; m < markerlines.length; m++) {
                markBarData.push({
                    label: {
                        position: 'insideEndTop'
                    },
                    yAxis: markerlines[m]
                })
            }

        }

        let stackst = "";
        if (seriesData.stackst != null && seriesData.stackst != '') {
            stackst = seriesData.stackst
        }

        let mpid = "";
        if (seriesData.mpid != null && seriesData.mpid != '') {
            mpid = seriesData.mpid;
            reMpids.push(mpid);
        }

        let seriesPushData = [];
        if (seriesData.ishistorydata == 'true') {
            let timerange = seriesData.timerange;
            let lsdt = "";
            let ledt = "";

            if (timerange != 'dateSelect') {
                let nowTime = getNowTime();
                lsdt = "";
                ledt = nowTime;
                if (timerange == "hour") {
                    lsdt = getPlusTime(nowTime, -1, 'hour');
                } else if (timerange == "day") {
                    lsdt = getPlusTime(nowTime, -1, 'day');
                } else if (timerange == "week") {
                    lsdt = getPlusTime(nowTime, -7, 'day');
                } else if (timerange == "month") {
                    lsdt = getPlusTime(nowTime, -1, 'month');
                } else if (timerange == "year") {
                    lsdt = getPlusTime(nowTime, -1, 'year');
                    ledt = ledt.substring(0, 4) + "-12-31 23:59";
                }
            } else {
                lsdt = sdt;
                ledt = edt;
            }

            $.ajax({
                type: 'GET',
                url: ext.contextPath + "/data/getDetailDataForEXAndDV.do",
                async: false,
                globle: false,
                data: {
                    mpcode: mpid,
                    sdt: lsdt,
                    edt: ledt,
                    timerange: timerange,
                    xsubstring: xsubstring
                },
                dataType: 'json',
                error: function () {
                    return false;
                },
                success: function (result) {
                    for (let i = 0; i < result.length; i++) {
                        seriesPushData.push(result[i].data);
                    }
                }
            });
            seriesPushData = seriesPushData[0];
        } else {
            if (mpid != "") {
                let mpids = mpid.split(",");
                for (let i = 0; i < mpids.length; i++) {
                    $.ajax({
                        type: 'GET',
                        url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
                        async: false,
                        globle: false,
                        data: {
                            mpid: mpids[i]
                        },
                        dataType: 'json',
                        error: function () {
                            return false;
                        },
                        success: function (result) {
                            let mp = result[0];
                            seriesPushData.push(mp.parmvalue);
                        }
                    });
                }

            } else if (seriesData.urldata != null && seriesData.urldata != '') {
                $.ajax({
                    type: 'GET',
                    url: ext.contextPath + seriesData.urldata,
                    async: false,
                    globle: false,
                    dataType: 'json',
                    error: function () {
                        return false;
                    },
                    success: function (result) {
                        seriesPushData.push(result.result);
                        seriesPushData = seriesPushData[0];
                    }
                });
            } else {
                let fixedvalue = "";
                if (seriesData.fixedvalue != null && seriesData.fixedvalue != '') {
                    fixedvalue = seriesData.fixedvalue;
                }
                seriesPushData = fixedvalue.split(",");
            }

        }

        let barwidth = "";
        if (seriesData.barwidth != null && seriesData.barwidth != '') {
            barwidth = seriesData.barwidth;
        }
        let borderradius = "";
        if (seriesData.borderradius != null && seriesData.borderradius != '') {
            if (seriesData.borderradius.indexOf(",") >= 0) {
                borderradius = eval('(' + seriesData.borderradius + ')');
            } else {
                borderradius = Number(seriesData.borderradius);
            }
        }

        let bkstylecolor = "";
        let showBackground = "";
        if (seriesData.bkstylecolor != null && seriesData.bkstylecolor != '') {
            showBackground = eval("true".toLowerCase());
            bkstylecolor = seriesData.bkstylecolor;
        } else {
            showBackground = eval("false".toLowerCase());
        }
        let bkstyleborderradius = "";
        if (seriesData.bkstyleborderradius != null && seriesData.bkstyleborderradius != '') {
            if (seriesData.bkstyleborderradius.indexOf(",") >= 0) {
                bkstyleborderradius = eval('(' + seriesData.bkstyleborderradius + ')');
            } else {
                bkstyleborderradius = Number(seriesData.bkstyleborderradius);
            }
        }

        let stype = "bar";
        if (seriesData.type != null && seriesData.type != '') {
            stype = seriesData.type
        }

        let labelposition = "false";
        if (seriesData.labelposition != null && seriesData.labelposition != '') {
            labelposition = seriesData.labelposition
        }
        let labelpositionSt = 'false';
        if (labelposition != 'false') {
            labelpositionSt = 'true';
        }
        let labelpositionfontsize = "12";
        if (seriesData.labelpositionfontsize != null && seriesData.labelpositionfontsize != '') {
            labelpositionfontsize = seriesData.labelpositionfontsize
        }
        let labelpositioncolor = "#ccc";
        if (seriesData.labelpositioncolor != null && seriesData.labelpositioncolor != '') {
            labelpositioncolor = seriesData.labelpositioncolor
        }
        let labelpositionunit = "";
        if (seriesData.labelpositionunit != null && seriesData.labelpositionunit != '') {
            labelpositionunit = seriesData.labelpositionunit
        }

        series.push({
            data: seriesPushData,
            name: seriesData.name,
            type: stype,
            stack: stackst,
            smooth: true,
            barWidth: barwidth,
//                        barGap:bargap,
            itemStyle: {
                borderRadius: borderradius
            },
            markPoint: {
                data: markPointData
            },
            markLine: {
                data: markBarData
            },
            showBackground: showBackground,
            backgroundStyle: {
                color: bkstylecolor,
                borderRadius: bkstyleborderradius
            },
            yAxisIndex: seriesData.yaxisindex,
            label: {
                show: eval(labelpositionSt.toLowerCase()),
                position: labelposition,
                color: labelpositioncolor,
                fontSize: labelpositionfontsize,
                formatter: function (params) {
                    if (params.value.length > 1) {
                        return params.value[1] + labelpositionunit
                    } else {
                        return params.value + labelpositionunit
                    }
                }
            }
        })
        if (i == 0) {
            if (seriesData.bargap != null && seriesData.bargap != '') {
                series[0].barGap = seriesData.bargap;
            }
        }

        let selecteSt = "true";
        if (seriesData.selectst != '') {
            selecteSt = seriesData.selectst;
        }
        selectedSt[seriesData.name] = eval(selecteSt.toLowerCase());
    }

    let yAxis = [];
    let leftMorder = 0;
    let rightMorder = 0;
    for (let i = 0; i < dataVisualBarChartYAxis.length; i++) {
        let yAxisData = dataVisualBarChartYAxis[i];

        let offset = 0;
        let position = yAxisData.position;
        if (position == 'left') {
            offset = leftMorder * 40;
            leftMorder++;
        } else if (position == 'right') {
            offset = rightMorder * 40;
            rightMorder++;
        }

        let linecolor = "#ccc";
        if (yAxisData.linecolor != null && yAxisData.linecolor != '') {
            linecolor = yAxisData.linecolor;
        }

        let axislabelcolor = "#ccc";
        if (yAxisData.axislabelcolor != null && yAxisData.axislabelcolor != '') {
            axislabelcolor = yAxisData.axislabelcolor;
        }

        let axislabelfontsize = "12";
        if (yAxisData.axislabelfontsize != null && yAxisData.axislabelfontsize != '') {
            axislabelfontsize = yAxisData.axislabelfontsize;
        }

        if (direction == '0') {
            yAxis.push({
                type: 'value',
                name: yAxisData.unit,
                position: position,
                offset: offset,//循环显示Y轴位置
                axisLine: {
                    show: eval(yAxisData.lineshow.toLowerCase()),
                    lineStyle: {
                        color: linecolor
                    }
                },
                axisTick: {
                    show: eval(yAxisData.axistickshow.toLowerCase())
                },
                splitLine: {
                    show: eval(yAxisData.splitlineshow.toLowerCase())
                },
                axisLabel: {
                    show: eval(yAxisData.axislabelshow.toLowerCase()),
                    color: axislabelcolor,
                    fontSize: axislabelfontsize
                },
                scale: eval(yAxisData.scale.toLowerCase())//设置成 true 后坐标刻度不会强制包含零刻度。
            });
        } else if (direction == '1') {
            if (xaxisd != '') {
                yAxis.push({
                    data: xaxisd.split(","),
                    type: dataVisualBarChart.xaxistype,
                    name: yAxisData.unit,
                    position: position,
                    offset: offset,//循环显示Y轴位置
                    axisLine: {
                        show: eval(yAxisData.lineshow.toLowerCase()),
                        lineStyle: {
                            color: linecolor
                        }
                    },
                    axisTick: {
                        show: eval(yAxisData.axistickshow.toLowerCase())
                    },
                    splitLine: {
                        show: eval(yAxisData.splitlineshow.toLowerCase())
                    },
                    axisLabel: {
                        show: eval(yAxisData.axislabelshow.toLowerCase()),
                        color: axislabelcolor,
                        fontSize: axislabelfontsize
                    },
                    scale: eval(yAxisData.scale.toLowerCase())//设置成 true 后坐标刻度不会强制包含零刻度。
                })
            } else {
                yAxis.push({
                    type: dataVisualBarChart.xaxistype,
                    name: yAxisData.unit,
                    position: position,
                    offset: offset,//循环显示Y轴位置
                    axisLine: {
                        show: eval(yAxisData.lineshow.toLowerCase()),
                        lineStyle: {
                            color: linecolor
                        }
                    },
                    axisTick: {
                        show: eval(yAxisData.axistickshow.toLowerCase())
                    },
                    splitLine: {
                        show: eval(yAxisData.splitlineshow.toLowerCase())
                    },
                    axisLabel: {
                        show: eval(yAxisData.axislabelshow.toLowerCase()),
                        color: axislabelcolor,
                        fontSize: axislabelfontsize
                    },
                    scale: eval(yAxisData.scale.toLowerCase())//设置成 true 后坐标刻度不会强制包含零刻度。
                })
            }
        }

        if (yAxisData.max != null && yAxisData.max != '') {
            yAxis[i].max = yAxisData.max
        }
        if (yAxisData.min != null && yAxisData.min != '') {
            yAxis[i].min = yAxisData.min
        }
        // console.log(yAxis[i])
    }

    let legendData = [];
    let legendShow = eval("true".toLowerCase());
    let legendPosition = "center";
    let legendTextFontsize = "12";
    let legendSt = dataVisualBarChart.legendPosition;
    if (legendSt == 'false') {
        legendShow = eval("false".toLowerCase());
    } else {
        legendPosition = legendSt;
        legendShow = eval("true".toLowerCase());
        if (dataVisualBarChart.legendTextFontsize != '') {
            legendTextFontsize = dataVisualBarChart.legendTextFontsize;
        }
    }

    legendData.push({
        show: legendShow,
        data: legendDataD,
        left: legendPosition,
        textStyle: {
            color: colors,
            fontSize: legendTextFontsize
        },
        selected: selectedSt
    })

    let option = {
        color: colors,
        animation: false,
        title: titleData,
        legend: legendData,
        grid: {
            left: '0px',   // 与容器左侧的距离
            right: '0px', // 与容器右侧的距离
            top: '60px',   // 与容器顶部的距离
            bottom: '15px', // 与容器底部的距离
            containLabel: true
        },
        xAxis: xAxisData,
        yAxis: yAxis,
        series: series,
        tooltip: {
            trigger: 'axis'
        },
        dataZoom: datazoomst
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    if (refreshtime != null && refreshtime != '' && refreshtime != '0') {
        if (reMpids.length > 0) {
            setInterval(function () {
                for (var i = 0; i < reMpids.length; i++) {
                    let seriesData = dataVisualBarChartSeries[i];
                    if (seriesData.ishistorydata == 'true') {
                        let timerange = seriesData.timerange;
                        let lsdt = "";
                        let ledt = "";

                        if (timerange != 'dateSelect') {
                            let nowTime = getNowTime();
                            lsdt = "";
                            ledt = nowTime;
                            if (timerange == "hour") {
                                lsdt = getPlusTime(nowTime, -1, 'hour');
                            } else if (timerange == "day") {
                                lsdt = getPlusTime(nowTime, -1, 'day');
                            } else if (timerange == "week") {
                                lsdt = getPlusTime(nowTime, -7, 'day');
                            } else if (timerange == "month") {
                                lsdt = getPlusTime(nowTime, -1, 'month');
                            } else if (timerange == "year") {
                                lsdt = getPlusTime(nowTime, -1, 'year');
                            }
                        } else {
                            lsdt = sdt;
                            ledt = edt;
                        }
                        // console.log(reMpids[i]);
                        $.ajax({
                            type: 'GET',
                            url: ext.contextPath + "/data/getDetailDataForEXAndDV.do",
                            async: false,
                            globle: false,
                            data: {
                                mpcode: reMpids[i],
                                sdt: lsdt,
                                edt: ledt,
                                timerange: timerange
                            },
                            dataType: 'json',
                            error: function () {
                                return false;
                            },
                            success: function (result) {
                                option.series[i].data = result[0].data;
                                //刷新
                                myChart.setOption(option, true);
                            }
                        });
                    } else {
                        for (let i = 0; i < reMpids.length; i++) {
                            let nowmpids = reMpids[i].split(",");
                            let barNhisData = [];
                            for (let j = 0; j < nowmpids.length; j++) {
                                $.ajax({
                                    type: 'GET',
                                    url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
                                    async: false,
                                    globle: false,
                                    data: {
                                        mpid: nowmpids[j]
                                    },
                                    dataType: 'json',
                                    error: function () {
                                        return false;
                                    },
                                    success: function (result) {
                                        barNhisData.push(result[0].parmvalue);
                                    }
                                });
                            }
                            option.series[i].data = barNhisData;
                            //刷新
                            myChart.setOption(option, true);
                        }
                    }
                }
            }, Number(refreshtime) * 30000);
        }
    }
    //         }
    //     }
    // });
}


/**
 * 分值环图组件
 */
function showAssembly_PercentChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualPercentChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editPercentChart('" + content.id + "');\">";
            divHtml += "<svg t='1632552511161' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='3303' data-spm-anchor-id='a313x.7781069.0.i12' width='16' height='16'>";
            divHtml += "<path d='M512 901.94598388C296.94262695 901.94598388 122.05401612 727.05737305 122.05401612 512S296.94262695 122.05401612 512 122.05401612s389.94598388 174.88861084 389.94598388 389.94598388-174.88861084 389.94598388-389.94598388 389.94598388z m0-682.86895752c-161.29302979 0-292.92297364 131.62994385-292.92297364 292.92297364s131.62994385 292.92297364 292.92297364 292.92297363 292.92297364-131.62994385 292.92297364-292.92297363S673.29302979 219.07702636 512 219.07702636z' fill='#DEDEE1' p-id='3304'></path>";
            divHtml += "<path d='M832.7321167 679.47283935c-26.57318115 0-48.8204956-21.62933349-48.82049561-48.8204956 0-5.56182862 1.23596192-11.12365723 3.08990479-16.68548584 11.74163818-32.75299073 17.92144776-67.35992432 17.92144775-101.96685791 0-161.29302979-131.62994385-292.92297364-292.92297363-292.92297364-26.57318115 0.61798096-48.8204956-21.01135254-49.43847656-47.58453368-0.61798096-26.57318115 21.01135254-48.8204956 47.58453369-49.43847656h1.85394287c215.05737305 0 389.94598388 174.88861084 389.94598388 389.94598388 0 46.34857177-8.03375244 92.0791626-24.10125732 135.33782959-6.79779052 19.15740967-24.71923828 31.51702881-45.11260986 32.13500976z' fill='#2c2c2c' p-id='3305' data-spm-anchor-id='a313x.7781069.0.i11' class=''></path>";
            divHtml += "<path d='M412.50506592 488.51672363c0-6.79779052-1.85394287-11.74163818-6.17980957-15.44952392-4.3258667-3.70788575-9.88769531-5.56182862-17.3034668-5.56182862-5.56182862 0-10.50567627 1.23596192-15.44952393 3.70788575-5.56182862 3.08990479-10.50567627 6.79779052-14.213562 11.12365722v-14.83154297c3.70788575-4.3258667 8.6517334-7.41577148 13.59558105-9.26971435 4.94384766-2.47192383 11.12365723-3.08990479 17.92144775-3.08990479 11.12365723 0 19.77539063 3.08990479 26.57318115 8.65173341 6.79779052 6.17980958 9.88769531 14.21356201 9.88769531 24.10125732 0 9.26971435-1.85394287 16.68548584-6.17980956 23.48327636-4.3258667 6.79779052-11.12365723 13.59558106-21.01135255 20.39337158-10.50567627 6.79779052-17.3034668 12.35961914-20.39337157 15.44952393-3.70788575 3.08990479-6.17980958 6.17980958-7.41577148 8.6517334-1.23596192 3.08990479-1.85394287 6.79779052-1.85394288 10.50567627H431.66247558V579.97790528H354.41485596v-6.17980958c0-6.79779052 1.23596192-12.9776001 3.08990478-17.92144775 2.47192383-5.56182862 5.56182862-10.50567627 9.26971436-14.21356201 4.3258667-4.94384766 11.12365723-10.50567627 20.39337157-16.68548584 9.88769531-6.79779052 16.06750489-12.35961914 19.77539063-17.92144776 3.70788575-6.17980958 5.56182862-12.35961914 5.56182862-18.53942871z m114.32647705-22.86529541c-12.9776001 22.24731445-22.86529541 43.258667-30.2810669 62.41607666-7.41577148 19.15740967-11.74163818 35.84289551-13.59558105 50.67443848h-16.06750489c1.85394287-14.21356201 6.79779052-30.89904786 13.59558106-49.43847656 7.41577148-18.53942872 17.3034668-38.31481934 29.04510498-59.32617188h-60.56213379V456.38171386h77.86560059v9.26971437z m14.83154297 21.6293335c0-9.88769531 2.47192383-17.92144776 8.03375244-24.10125732s12.35961914-8.6517334 21.62933349-8.65173341c8.6517334 0 15.44952393 2.47192383 20.39337159 8.03375245s7.41577148 12.9776001 7.41577148 22.86529541-2.47192383 17.3034668-8.03375244 23.48327636-12.35961914 9.26971435-21.62933349 9.26971436c-8.6517334 0-15.44952393-3.08990479-20.39337159-8.6517334s-7.41577148-12.9776001-7.41577148-22.24731445z m12.35961914-0.61798096c0 6.79779052 1.23596192 11.74163818 4.3258667 15.44952393 3.08990479 3.70788575 6.79779052 5.56182862 12.35961914 5.56182861 5.56182862 0 9.26971435-1.85394287 12.35961914-5.56182861s4.3258667-9.26971435 4.3258667-16.06750489-1.23596192-12.35961914-4.3258667-16.06750488c-3.08990479-3.70788575-6.79779052-5.56182862-11.74163818-5.56182861-4.94384766 0-9.26971435 1.85394287-12.35961915 5.56182861s-4.94384766 9.26971435-4.94384765 16.68548584zM652.28167724 456.38171386L573.7980957 579.35992432h-12.9776001L639.30407715 456.38171386h12.97760009z m-37.07885742 93.31512452c0-9.88769531 2.47192383-17.92144776 8.03375245-24.10125733s12.35961914-9.26971435 21.62933349-9.26971435c8.6517334 0 15.44952393 2.47192383 20.39337158 8.03375244 4.94384766 5.56182862 7.41577148 12.9776001 7.41577149 22.86529541s-2.47192383 17.3034668-8.03375245 23.48327637-12.35961914 8.6517334-21.01135253 9.26971435c-8.6517334 0-15.44952393-3.08990479-20.39337158-8.65173339s-8.03375244-12.35961914-8.03375245-21.6293335z m11.74163819-0.61798096c0 6.79779052 1.23596192 11.74163818 4.3258667 15.44952393 3.08990479 3.70788575 6.79779052 5.56182862 12.35961914 5.56182861 5.56182862 0 9.26971435-1.85394287 12.35961914-5.56182861 3.08990479-3.70788575 4.3258667-9.26971435 4.3258667-16.06750489s-1.23596192-12.35961914-4.3258667-15.44952393-6.79779052-5.56182862-11.74163818-5.5618286c-5.56182862 0-9.26971435 1.85394287-12.35961914 5.5618286-3.08990479 3.70788575-4.94384766 9.26971435-4.94384766 16.06750489z' fill='#2c2c2c' p-id='3306' data-spm-anchor-id='a313x.7781069.0.i13' class=''></path>";
            divHtml += "</svg>";
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_PercentChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPercentChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showPercentChart(contentId, showData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPercentChart/getJson.do?pid=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    let data = showData;
    // console.log(data)
    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let titleText = "";
    if (data.mpid != null && data.mpid != "") {
        titleText = data.showData;
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
        //     async: false,
        //     globle: false,
        //     data: {
        //         mpid: data.mpid,
        //         valuemethod: data.valuemethod,
        //         sdt: sdt,
        //         edt: edt
        //     },
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (result) {
        //         let mp = result[0];
        //         titleText = mp.parmvalue;
        //     }
        // });
    } else if (data.urldata != null && data.urldata != "") {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + data.urldata,
            async: false,
            globle: false,
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (result) {
                titleText = result.result;
            }
        });
    } else {
        titleText = data.titleText;
    }

    //系数
    if (data.rate != null && data.rate != "") {
        let rate = data.rate;
        if ("+-*/".indexOf(rate.substring(0, 1)) == -1) {
            rate = "*" + rate;
        }
        titleText = eval(titleText + rate);
    }

    if (data.numtail != null && data.numtail != "") {
        titleText = Number(titleText).toFixed(Number(data.numtail));
    }
    let titleColor = "#000000";
    if (data.titleColor != null && data.titleColor != "") {
        titleColor = data.titleColor;
    }
    let titleFontSize = "18";
    if (data.titleFontSize != null && data.titleFontSize != "") {
        titleFontSize = data.titleFontSize;
    }
    let titleFontWeight = "normal";
    if (data.titleFontWeight != null && data.titleFontWeight != "") {
        titleFontWeight = data.titleFontWeight;
    }

    let unittitleText = "";
    if (data.unittitleText != null && data.unittitleText != "") {
        unittitleText = data.unittitleText;
    }
    let unittitleColor = "#000000";
    if (data.unittitleColor != null && data.unittitleColor != "") {
        unittitleColor = data.unittitleColor;
    }
    let unittitleFontSize = "16";
    if (data.unittitleFontSize != null && data.unittitleFontSize != "") {
        unittitleFontSize = data.unittitleFontSize;
    }
    let unittitleFontWeight = "normal";
    if (data.unittitleFontWeight != null && data.unittitleFontWeight != "") {
        unittitleFontWeight = data.unittitleFontWeight;
    }
    let unitisneedbr = "";
    if (data.unitisneedbr != null && data.unitisneedbr != "") {
        if (data.unitisneedbr == "true") {
            unitisneedbr = "\n";
        }
    }
    let titleData = ['{a|' + titleText + '}', '{b|' + unittitleText + '}'].join('' + unitisneedbr + '');

    let subtitleText = "";
    if (data.subtitleText != null && data.subtitleText != "") {
        subtitleText = data.subtitleText;
    }
    let subtitleColor = "#000000";
    if (data.subtitleColor != null && data.subtitleColor != "") {
        subtitleColor = data.subtitleColor;
    }
    let subtitleFontSize = "18";
    if (data.subtitleFontSize != null && data.subtitleFontSize != "") {
        subtitleFontSize = data.subtitleFontSize;
    }
    let subtitleFontWeight = "normal";
    if (data.subtitleFontWeight != null && data.subtitleFontWeight != "") {
        subtitleFontWeight = data.subtitleFontWeight;
    }
    let subtitlePosition = "-50";
    if (data.subtitlePosition != null && data.subtitlePosition != "") {
        subtitlePosition = data.subtitlePosition;
    }

    let titleLeftPosition = "44%";
    if (data.titleLeftPosition != null && data.titleLeftPosition != "") {
        titleLeftPosition = data.titleLeftPosition;
    }
    let titleTopPosition = "50%";
    if (data.titleTopPosition != null && data.titleTopPosition != "") {
        titleTopPosition = data.titleTopPosition;
    }

    let clockwise = eval("true".toLowerCase());
    if (data.clockwise != null && data.clockwise != "") {
        clockwise = eval(data.clockwise.toLowerCase())
    }

    let radius = "100%";
    if (data.radius != null && data.radius != "") {
        if (data.radius.indexOf(",") > 0) {
            radius = data.radius.split(",");
        } else {
            radius = data.radius;
        }
    }

    let scoreringwidth = "12";
    if (data.scoreringwidth != null && data.scoreringwidth != "") {
        scoreringwidth = data.scoreringwidth;
    }
    let scoreringcolor = "#2ec7c9";
    if (data.scoreringcolor != null && data.scoreringcolor != "") {
        scoreringcolor = data.scoreringcolor;
    }

    let bgringwidth = "18";
    if (data.bgringwidth != null && data.bgringwidth != "") {
        bgringwidth = data.bgringwidth;
    }
    let bgringcolor = "#eeeeee";
    if (data.bgringcolor != null && data.bgringcolor != "") {
        bgringcolor = data.bgringcolor;
    }
    let bgringposition = "22";
    if (data.bgringposition != null && data.bgringposition != "") {
        bgringposition = data.bgringposition;
    }
    bgringposition = -100 - Number(bgringposition) + "%";
    let angleaxismax = "100";
    if (data.angleaxismax != null && data.angleaxismax != "") {
        angleaxismax = data.angleaxismax;
    }
    let startangle = "100";
    if (data.startangle != null && data.startangle != "") {
        startangle = data.startangle;
    }

    let option = {
        animation: false,
        title: {
            text: titleData,
            textStyle: {
                rich: {
                    a: {
                        color: titleColor,
                        fontSize: titleFontSize,
                        fontWeight: titleFontWeight
                    },
                    b: {
                        color: unittitleColor,
                        fontSize: unittitleFontSize,
                        fontWeight: unittitleFontWeight
                    }
                }
            },
            subtext: subtitleText,
            subtextStyle: {
                color: subtitleColor,
                fontSize: subtitleFontSize,
                fontWeight: subtitleFontWeight
            },
            itemGap: Number(subtitlePosition), // 主副标题距离
            left: titleLeftPosition,
            top: titleTopPosition,
            textAlign: 'center'
        },
        angleAxis: {
            max: Number(angleaxismax),
            clockwise: clockwise, // 顺时针
            startAngle: Number(startangle),
            // 隐藏刻度线
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            },
            splitLine: {
                show: false
            }
        },
        radiusAxis: {
            type: 'category',
            // 隐藏刻度线
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            },
            splitLine: {
                show: false
            }
        },
        polar: {
            center: ['50%', '50%'],
            radius: radius //图形大小
        },
        series: [{
            type: 'bar',
            data: [{
                name: '百分比',
                value: Number(titleText),
                itemStyle: {
                    color: scoreringcolor
                }
            }],
            coordinateSystem: 'polar',
            roundCap: true,
            barWidth: scoreringwidth,
            barGap: '-100%', // 两环重叠
            z: 2
        }, { // 灰色环
            type: 'bar',
            data: [{
                value: 100,
                itemStyle: {
                    color: bgringcolor,
                    shadowColor: 'rgba(0, 0, 0, 0.2)',
                    shadowBlur: 2,
                    shadowOffsetY: 2
                }
            }],
            coordinateSystem: 'polar',
            roundCap: true,
            barWidth: bgringwidth,
            barGap: bgringposition, // 两环重叠
            z: 1
        }]
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    //     }
    // });
}

/**
 * 雷达图组件
 */
function showAssembly_RadarChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualRadarChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editRadarChart('" + content.id + "');\">";
            divHtml += "<svg t='1632552240692' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2194' width='16' height='16'>";
            divHtml += "<path d='M683.52 798.515H340.992L234.496 465.101l278.016-206.08L790.528 465.1 683.52 798.515z m-324.096-26.112h305.664l94.72-297.37L512 291.38 264.192 475.034l95.232 297.37z'  p-id='2195'></path>";
            divHtml += "<path d='M827.904 1023.898H196.608L0 409.293 512 29.49l512 379.802-196.096 614.605z m-609.792-30.772H806.4l182.784-572.364L512 67.072 34.816 420.762l183.296 572.364z' p-id='2196'></path>";
            divHtml += "<path d='M499.2 39.424h25.6v487.27h-25.6z' p-id='2197'></path>";
            divHtml += " <path d='M1011.251 398.694l5.632 25.447-502.016 115.097-5.632-25.446z' p-id='2198'></path>";
            divHtml += " <path d='M522.65 519.475l305.766 481.28-21.504 14.234-305.715-481.331z' p-id='2199'></path>";
            divHtml += " <path d='M500.94 519.475l21.505 14.183-308.839 486.144-21.504-14.132z' p-id='2200'></path>";
            divHtml += " <path d='M19.2 400.18l495.514 113.612-5.632 25.446L13.568 425.626z' p-id='2201'></path>";
            divHtml += " </svg>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_RadarChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualRadarChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let onmouseupSt = "";
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showRadarChart(contentId, showData, showSeriesData, showAxisData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualRadarChart/getChartJson.do?contentId=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    var dataVisualRadarChart = showData;
    var dataVisualRadarChartSerieslist = showSeriesData;
    var dataVisualRadarChartAxislist = showAxisData;
    // console.log(data)
    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let colors = dataVisualRadarChart.colors.split(',');

    let titleText = "";
    if (dataVisualRadarChart.titleText != null && dataVisualRadarChart.titleText != "") {
        titleText = dataVisualRadarChart.titleText;
    }
    let titlePosition = "left";
    if (dataVisualRadarChart.titlePosition != null && dataVisualRadarChart.titlePosition != "") {
        titlePosition = dataVisualRadarChart.titlePosition;
    }
    let titleColor = "#000000";
    if (dataVisualRadarChart.titleColor != null && dataVisualRadarChart.titleColor != "") {
        titleColor = dataVisualRadarChart.titleColor;
    }
    let titleFontSize = "18";
    if (dataVisualRadarChart.titleFontSize != null && dataVisualRadarChart.titleFontSize != "") {
        titleFontSize = dataVisualRadarChart.titleFontSize;
    }
    let titleFontWeight = "bolder";
    if (dataVisualRadarChart.titleFontWeight != null && dataVisualRadarChart.titleFontWeight != "") {
        titleFontWeight = dataVisualRadarChart.titleFontWeight;
    }
    let radius = 100;
    if (dataVisualRadarChart.radius != null && dataVisualRadarChart.radius != "") {
        radius = dataVisualRadarChart.radius;
    }
    let shapeData = "polygon";
    if (dataVisualRadarChart.shape != null && dataVisualRadarChart.shape != "") {
        shapeData = dataVisualRadarChart.shape;
    }
    let axisNameData = [];
    let axisnameformatter = "{value}";
    if (dataVisualRadarChart.axisnameformatter != null && dataVisualRadarChart.axisnameformatter != "") {
        axisnameformatter = dataVisualRadarChart.axisnameformatter;
    }
    let axisnamecolor = "#333";
    if (dataVisualRadarChart.axisnamecolor != null && dataVisualRadarChart.axisnamecolor != "") {
        axisnamecolor = dataVisualRadarChart.axisnamecolor;
    }
    let axisnamefontSize = "16";
    if (dataVisualRadarChart.axisnamefontSize != null && dataVisualRadarChart.axisnamefontSize != "") {
        axisnamefontSize = dataVisualRadarChart.axisnamefontSize;
    }
    let axisnamefontWeight = "normal";
    if (dataVisualRadarChart.axisnamefontWeight != null && dataVisualRadarChart.axisnamefontWeight != "") {
        axisnamefontWeight = dataVisualRadarChart.axisnamefontWeight;
    }
    axisNameData.push({
        formatter: axisnameformatter,
        color: axisnamecolor,
        fontSize: axisnamefontSize,
        fontWeight: axisnamefontWeight
    })
    let splitNumber = 5;
    if (dataVisualRadarChart.splitNumber != null && dataVisualRadarChart.splitNumber != "") {
        splitNumber = dataVisualRadarChart.splitNumber;
    }
    let axislinecolor = "#e0e0e0";
    if (dataVisualRadarChart.axislinecolor != null && dataVisualRadarChart.axislinecolor != "") {
        axislinecolor = dataVisualRadarChart.axislinecolor;
    }
    let splitlinecolor = "#e0e0e0";
    if (dataVisualRadarChart.splitlinecolor != null && dataVisualRadarChart.splitlinecolor != "") {
        splitlinecolor = dataVisualRadarChart.splitlinecolor;
    }
    let splitareacolors = "#FFFFFF|#F6F8FC";
    if (dataVisualRadarChart.splitareacolors != null && dataVisualRadarChart.splitareacolors != "") {
        splitareacolors = dataVisualRadarChart.splitareacolors;
    }
    splitareacolors = splitareacolors.split("|");

    let legendPushData = [];
    let seriesPushDatas = [];
    for (let s = 0; s < dataVisualRadarChartSerieslist.length; s++) {
        legendPushData.push(dataVisualRadarChartSerieslist[s].name);

        let seriesPushData = [];
        let mpid = "";
        if (dataVisualRadarChartSerieslist[s].mpid != null && dataVisualRadarChartSerieslist[s].mpid != "") {
            mpid = dataVisualRadarChartSerieslist[s].mpid;
        }
        if (mpid != "") {
            let mpvalues = dataVisualRadarChartSerieslist[s].fixedvalue.split(",");
            for (let i = 0; i < mpvalues.length; i++) {
                seriesPushData.push(mpvalues[i]);
                // $.ajax({
                //     type: 'GET',
                //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
                //     async: false,
                //     globle: false,
                //     data: {
                //         mpid: mpids[i],
                //         valuemethod: dataVisualRadarChartSerieslist[s].valuemethod,
                //         sdt: sdt,
                //         edt: edt
                //     },
                //     dataType: 'json',
                //     error: function () {
                //         return false;
                //     },
                //     success: function (result) {
                //         let mp = result[0];
                //         seriesPushData.push(mp.parmvalue);
                //     }
                // });
            }
        } else {
            let fixedvalue = "";
            if (dataVisualRadarChartSerieslist[s].fixedvalue != null && dataVisualRadarChartSerieslist[s].fixedvalue != "") {
                fixedvalue = dataVisualRadarChartSerieslist[s].fixedvalue;
            }
            seriesPushData = fixedvalue.split(",");
        }

        let areaStyleData = [];
        if (dataVisualRadarChartSerieslist[s].areastyle == "true") {
            let areastylecolor = colors[s];
            if (dataVisualRadarChartSerieslist[s].areastylecolor != null && dataVisualRadarChartSerieslist[s].areastylecolor != "") {
                areastylecolor = dataVisualRadarChartSerieslist[s].areastylecolor;
            }
            areaStyleData.push({
                color: areastylecolor,
                opacity: 1
            })
        } else if (dataVisualRadarChartSerieslist[s].areastyle == "false") {
            areaStyleData.push({
                opacity: 0
            })
        }

        seriesPushDatas.push({
            value: seriesPushData,
            name: dataVisualRadarChartSerieslist[s].name,
            areaStyle: areaStyleData[0]
        });
    }

    let legendData = [];
    let legendShow = eval("true".toLowerCase());
    let legendPosition = "center";
    let legendSt = dataVisualRadarChart.legendPosition;
    if (legendSt == 'false') {
        legendShow = eval("false".toLowerCase());
    } else {
        legendPosition = legendSt;
        legendShow = eval("true".toLowerCase());
    }

    legendData.push({
        show: legendShow,
        data: legendPushData,
        left: legendPosition,
        textStyle: {
            color: colors
        }
    })

    let indicatorData = [];
    for (let s = 0; s < dataVisualRadarChartAxislist.length; s++) {

        if (dataVisualRadarChartAxislist[s].max != null && dataVisualRadarChartAxislist[s].max != '') {
            indicatorData.push({
                name: dataVisualRadarChartAxislist[s].name,
                max: dataVisualRadarChartAxislist[s].max
            })
        } else {
            indicatorData.push({
                name: dataVisualRadarChartAxislist[s].name
            })
        }

    }

    let option = {
        color: colors,
        title: {
            text: titleText,
            textStyle: {
                color: titleColor,
                fontSize: titleFontSize,
                fontWeight: titleFontWeight
            },
            left: titlePosition
        },
        legend: legendData,
        tooltip: {
            trigger: 'item'
        },
        radar: {
            shape: shapeData,
            indicator: indicatorData,
            center: ['50%', '50%'],
            radius: radius,
            axisName: axisNameData[0],
            splitNumber: splitNumber,
            splitArea: {
                areaStyle: {
                    color: splitareacolors
                }
            },
            axisLine: {
                lineStyle: {
                    color: axislinecolor
                }
            },
            splitLine: {
                lineStyle: {
                    color: splitlinecolor
                }
            }
        },
        series: [
            {
                type: 'radar',
                data: seriesPushDatas
            }
        ]
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    //     }
    // });
}

/**
 * 饼图组件
 */
function showAssembly_PieChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualPieChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editPieChart('" + content.id + "');\">";
            divHtml += " <i class=\"fa fa-pie-chart\"></i>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_PieChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPieChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let onmouseupSt = "";
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showPieChart(contentId, showData, showSeriesData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPieChart/getChartJson.do?contentId=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    var dataVisualPieChart = showData;
    var dataVisualPieChartSerieslist = showSeriesData;
    // console.log(data)
    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let colors = dataVisualPieChart.colors.split(',');

    let titleText = "";
    if (dataVisualPieChart.titleText != null && dataVisualPieChart.titleText != "") {
        titleText = dataVisualPieChart.titleText;
    }
    let titlePosition = "left";
    if (dataVisualPieChart.titlePosition != null && dataVisualPieChart.titlePosition != "") {
        titlePosition = dataVisualPieChart.titlePosition;
    }
    let titleColor = "#000000";
    if (dataVisualPieChart.titleColor != null && dataVisualPieChart.titleColor != "") {
        titleColor = dataVisualPieChart.titleColor;
    }
    let titleFontSize = "18";
    if (dataVisualPieChart.titleFontSize != null && dataVisualPieChart.titleFontSize != "") {
        titleFontSize = dataVisualPieChart.titleFontSize;
    }
    let titleFontWeight = "bolder";
    if (dataVisualPieChart.titleFontWeight != null && dataVisualPieChart.titleFontWeight != "") {
        titleFontWeight = dataVisualPieChart.titleFontWeight;
    }
    let subtitleText = "";
    if (dataVisualPieChart.subtitleText != null && dataVisualPieChart.subtitleText != "") {
        subtitleText = dataVisualPieChart.subtitleText;
    }
    let subtitleColor = "#333";
    if (dataVisualPieChart.subtitleColor != null && dataVisualPieChart.subtitleColor != "") {
        subtitleColor = dataVisualPieChart.subtitleColor;
    }
    let subtitleFontSize = "16";
    if (dataVisualPieChart.subtitleFontSize != null && dataVisualPieChart.subtitleFontSize != "") {
        subtitleFontSize = dataVisualPieChart.subtitleFontSize;
    }
    let subtitleFontWeight = "normal";
    if (dataVisualPieChart.subtitleFontWeight != null && dataVisualPieChart.subtitleFontWeight != "") {
        subtitleFontWeight = dataVisualPieChart.subtitleFontWeight;
    }
    let radius = "60%";
    if (dataVisualPieChart.radius != null && dataVisualPieChart.radius != "") {
        radius = dataVisualPieChart.radius;
    }
    if (radius.indexOf(",") >= 0) {
        radius = radius.split(",");
    }
    let lableShow = eval("true".toLowerCase());
    if (dataVisualPieChart.lableShow != null && dataVisualPieChart.lableShow != "") {
        lableShow = eval(dataVisualPieChart.lableShow.toLowerCase());
    }
    let lablePosition = "outside";
    if (dataVisualPieChart.lablePosition != null && dataVisualPieChart.lablePosition != "") {
        lablePosition = dataVisualPieChart.lablePosition;
    }
    let lableColor = "#333";
    if (dataVisualPieChart.lableColor != null && dataVisualPieChart.lableColor != "") {
        lableColor = dataVisualPieChart.lableColor;
    }
    let lableFontsize = "12";
    if (dataVisualPieChart.lableFontsize != null && dataVisualPieChart.lableFontsize != "") {
        lableFontsize = dataVisualPieChart.lableFontsize;
    }
    let lableFontweight = "normal";
    if (dataVisualPieChart.lableFontweight != null && dataVisualPieChart.lableFontweight != "") {
        lableFontweight = dataVisualPieChart.lableFontweight;
    }
    let borderradius = "0";
    if (dataVisualPieChart.borderradius != null && dataVisualPieChart.borderradius != "") {
        borderradius = dataVisualPieChart.borderradius;
    }


    let legendDataD = [];
    let seriesData = [];
    for (let i = 0; i < dataVisualPieChartSerieslist.length; i++) {
        let seriesPushData = [];
        let dataVisualPieChartSeries = dataVisualPieChartSerieslist[i];
        legendDataD.push(dataVisualPieChartSeries.name);

        let mpid = "";
        if (dataVisualPieChartSeries.mpid != null && dataVisualPieChartSeries.mpid != "") {
            mpid = dataVisualPieChartSeries.mpid;
        }

        if (mpid != "") {
            let outData = dataVisualPieChartSeries.fixedvalue;
            //系数
            if (dataVisualPieChartSeries.rate != null && dataVisualPieChartSeries.rate != "") {
                let rate = dataVisualPieChartSeries.rate;
                if ("+-*/".indexOf(rate.substring(0, 1)) == -1) {
                    rate = "*" + rate;
                }
                outData = eval(outData + rate);
            }
            if (dataVisualPieChartSeries.numtail != null && dataVisualPieChartSeries.numtail != "") {
                outData = Number(outData).toFixed(Number(dataVisualPieChartSeries.numtail));
            }

            seriesPushData.push(outData);
            // $.ajax({
            //     type: 'GET',
            //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
            //     async: false,
            //     globle: false,
            //     data: {
            //         mpid: mpid,
            //         valuemethod: dataVisualPieChartSeries.valuemethod,
            //         sdt: sdt,
            //         edt: edt
            //     },
            //     dataType: 'json',
            //     error: function () {
            //         return false;
            //     },
            //     success: function (result) {
            //         let mp = result[0];
            //         seriesPushData.push(mp.parmvalue);
            //     }
            // });
        } else {
            let fixedvalue = "";
            if (dataVisualPieChartSeries.fixedvalue != null && dataVisualPieChartSeries.fixedvalue != "") {
                fixedvalue = dataVisualPieChartSeries.fixedvalue;
            }
            seriesPushData = fixedvalue.split(",");
        }
        seriesData.push({
            value: seriesPushData,
            name: dataVisualPieChartSeries.name
        })
    }

    let legendData = [];
    let legendShow = eval("true".toLowerCase());
    let legendPosition = "center";
    let legendSt = dataVisualPieChart.legendPosition;
    if (legendSt == 'false') {
        legendShow = eval("false".toLowerCase());
    } else {
        legendPosition = legendSt;
        legendShow = eval("true".toLowerCase());
    }

    legendData.push({
        show: legendShow,
        data: legendDataD,
        left: legendPosition,
        textStyle: {
            color: colors
        }
    })

    let option = {
        color: colors,
        title: {
            text: titleText,
            textStyle: {
                color: titleColor,
                fontSize: titleFontSize,
                fontWeight: titleFontWeight
            },
            subtext: subtitleText,
            subtextStyle: {
                color: subtitleColor,
                fontSize: subtitleFontSize,
                fontWeight: subtitleFontWeight
            },
            left: dataVisualPieChart.titlePositionX,
            top: dataVisualPieChart.titlePositionY
        },
        tooltip: {
            trigger: 'item'
        },
        legend: legendData,
        series: [
            {
                type: 'pie',
                radius: radius,
                itemStyle: {
                    borderRadius: borderradius
                },
                label: {
                    show: lableShow,
                    position: lablePosition,
                    color: lableColor,
                    fontSize: lableFontsize,
                    fontWeight: lableFontweight
                },
                labelLine: {
                    show: true
                },
                data: seriesData
            }
        ]
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    //     }
    // });
}

/**
 * 图片组件
 */
function showAssembly_Picture(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var paths = getFilePictureShowList(content.id, 'tb_pro_dataVisual_picture_file').split(",");

    let borderStyle = "border:2px solid red;";
    if (paths != "") {
        borderStyle = "border:0px solid transparent;";
    }

    divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"" + borderStyle + "background-color: " + content.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editPicture('" + content.id + "');\">";
    if (paths.length > 1) {
        divHtml += "<img onmouseup=\"doUp2('" + content.id + "');\" style=\"position: absolute;width:100%;height:100%;\" src=\"" + paths[paths.length - 2] + "\" >";
    } else {
        divHtml += " <i class=\"fa fa-picture-o\"></i>";
    }
    divHtml += "</div>";

    return divHtml;
}

function showAssembly_Picture_View(content, showData) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    //需要绑定开关组件加
    let hiddenSt = "display:block;";
    if (switchHiddenPoints.indexOf(content.id) != -1) {
        hiddenSt = "display:none;";
    }
    style += hiddenSt;

    // var paths = getFilePictureShowList(content.id, 'tb_pro_dataVisual_picture_file').split(",");

    let path = "";
    if (showData != null) {
        if (showData.length > 0) {
            for (let p = 0; p < showData.length; p++) {
                let nowPath = showData[p].abspath;
                nowPath = nowPath.substring(nowPath.indexOf('webapps') + 7, nowPath.length);
                nowPath = ext.basePath.replace(ext.contextPath, '') + nowPath.replace(/\\/g, "\/");
                path += nowPath + ",";
            }
        }
    }

    var paths = path.split(",");

    // let voiceSt = "";
    // if (content.isvoiceknow != null && content.isvoiceknow != '') {
    //     if (content.isvoiceknow == 'true') {
    //         voiceSt += "onclick=\"voiceClick('" + content.voicetext + "','" + content.voicemethod + "','" + paths + "','" + content.id + "');\" ";
    //         // voiceSt += "onmousedown=\"voicemousedown();\" ";
    //         // voiceSt += "onmouseup=\"voicemouseup('"+content.voicetext+"','"+content.voicemethod+"');\" ";
    //     }
    // }

    divHtml = "<div style=\"background-color: " + content.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    if (paths.length > 1) {
        divHtml += "<img id=\"" + content.id + "Img\" style=\"position: absolute;width:100%;height:100%;\" ondragstart=\"return false\" src=\"" + paths[paths.length - 2] + "\" >";
    }
    // else {
    //     divHtml += " <i class=\"fa fa-picture-o\"></i>";
    // }
    divHtml += "</div>";

    return divHtml;
}

function getFilePictureShowList(masterId, tbName) {
    var path = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/base/getInputFileList.do",
        async: false,
        globle: false,
        data: {masterId: masterId, tbName: tbName},
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            if (data.length > 0) {
                for (let p = 0; p < data.length; p++) {
                    let nowPath = data[p].abspath;
                    nowPath = nowPath.substring(nowPath.indexOf('webapps') + 7, nowPath.length);
                    nowPath = ext.basePath.replace(ext.contextPath, '') + nowPath.replace(/\\/g, "\/");
                    path += nowPath + ",";
                }

            }
        }
    });
    return path;
};

/**
 * 仪表盘组件
 */
function showAssembly_GaugeChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualGaugeChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editGaugeChart('" + content.id + "');\">";
            divHtml += "<svg t='1634179849674' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='2967' width='16' height='16'>";
            divHtml += "<path d='M956.5 601.2V794h-50V605c0-53.3-10.4-104.9-31-153.5-19.9-47-48.3-89.2-84.6-125.4-36.2-36.2-78.4-64.7-125.4-84.6-48.6-20.6-100.3-31-153.5-31-53.3 0-104.9 10.4-153.5 31-47 19.9-89.2 48.3-125.4 84.6-36.2 36.2-64.7 78.4-84.6 125.4-20.6 48.6-31 100.3-31 153.5v189h-50V601.2c2-243.7 200.3-440.7 444.5-440.7s442.4 196.9 444.5 440.7zM186.3 454.4l409.1 282.8v126.3H469.2L186.3 454.4z m359.2 309.1L383.2 651.3l112.2 162.2h50.1v-50z' fill='' p-id='2968'></path>";
            divHtml += "</svg>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_GaugeChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualGaugeChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let onmouseupSt = "";
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showGaugeChart(contentId, showData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualGaugeChart/getJson.do?pid=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    // console.log(data)
    var dataVisualGaugeChart = showData;
    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let showValue = "0";
    let mpid = "";
    if (dataVisualGaugeChart.mpid != null && dataVisualGaugeChart.mpid != "") {
        mpid = dataVisualGaugeChart.mpid;
    }
    if (mpid != "") {
        showValue = dataVisualGaugeChart.fixedvalue;
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
        //     async: false,
        //     globle: false,
        //     data: {
        //         mpid: mpid,
        //         valuemethod: dataVisualGaugeChart.valuemethod,
        //         sdt: sdt,
        //         edt: edt
        //     },
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (result) {
        //         let mp = result[0];
        //         showValue = mp.parmvalue;
        //     }
        // });
    } else {
        let fixedvalue = "";
        if (dataVisualGaugeChart.fixedvalue != null && dataVisualGaugeChart.fixedvalue != "") {
            fixedvalue = dataVisualGaugeChart.fixedvalue;
            showValue = fixedvalue;
        }
    }
    showValue = Number(showValue);
    let jsshowValue = "0";
    let max = "100";
    if (dataVisualGaugeChart.max != null && dataVisualGaugeChart.max != "") {
        max = dataVisualGaugeChart.max;
    }
    max = Number(max);
    let min = "0";
    if (dataVisualGaugeChart.min != null && dataVisualGaugeChart.min != "") {
        min = dataVisualGaugeChart.min;
    }
    min = Number(min);
    jsshowValue = (showValue - min) / (max - min);

    let startAngle = "225";
    if (dataVisualGaugeChart.startAngle != null && dataVisualGaugeChart.startAngle != "") {
        startAngle = dataVisualGaugeChart.startAngle;
    }
    let endAngle = "-45";
    if (dataVisualGaugeChart.endAngle != null && dataVisualGaugeChart.endAngle != "") {
        endAngle = dataVisualGaugeChart.endAngle;
    }
    let radius = "100%";
    if (dataVisualGaugeChart.radius != null && dataVisualGaugeChart.radius != "") {
        radius = dataVisualGaugeChart.radius;
    }

    let pointerst = eval("true".toLowerCase());
    if (dataVisualGaugeChart.pointerst != null && dataVisualGaugeChart.pointerst != "") {
        pointerst = eval(dataVisualGaugeChart.pointerst.toLowerCase());
    }
    let pointerLength = "60%";
    if (dataVisualGaugeChart.pointerLength != null && dataVisualGaugeChart.pointerLength != "") {
        pointerLength = dataVisualGaugeChart.pointerLength;
    }
    let pointerWidth = "6";
    if (dataVisualGaugeChart.pointerWidth != null && dataVisualGaugeChart.pointerWidth != "") {
        pointerWidth = dataVisualGaugeChart.pointerWidth;
    }
    let pointerColor = "#2ec7c9";
    if (dataVisualGaugeChart.pointerColor != null && dataVisualGaugeChart.pointerColor != "") {
        pointerColor = dataVisualGaugeChart.pointerColor;
    }

    let splitlinest = eval("true".toLowerCase());
    if (dataVisualGaugeChart.splitlinest != null && dataVisualGaugeChart.splitlinest != "") {
        splitlinest = eval(dataVisualGaugeChart.splitlinest.toLowerCase());
    }
    let splitlineDistance = "10";
    if (dataVisualGaugeChart.splitlineDistance != null && dataVisualGaugeChart.splitlineDistance != "") {
        splitlineDistance = dataVisualGaugeChart.splitlineDistance;
    }
    let splitlineLength = "10";
    if (dataVisualGaugeChart.splitlineLength != null && dataVisualGaugeChart.splitlineLength != "") {
        splitlineLength = dataVisualGaugeChart.splitlineLength;
    }
    let splitlineColor = "#63677A";
    if (dataVisualGaugeChart.splitlineColor != null && dataVisualGaugeChart.splitlineColor != "") {
        splitlineColor = dataVisualGaugeChart.splitlineColor;
    }
    let splitlineWidth = "3";
    if (dataVisualGaugeChart.splitlineWidth != null && dataVisualGaugeChart.splitlineWidth != "") {
        splitlineWidth = dataVisualGaugeChart.splitlineWidth;
    }

    let axistickst = eval("true".toLowerCase());
    if (dataVisualGaugeChart.axistickst != null && dataVisualGaugeChart.axistickst != "") {
        axistickst = eval(dataVisualGaugeChart.axistickst.toLowerCase());
    }
    let axistickSplitnumber = "5";
    if (dataVisualGaugeChart.axistickSplitnumber != null && dataVisualGaugeChart.axistickSplitnumber != "") {
        axistickSplitnumber = dataVisualGaugeChart.axistickSplitnumber;
    }
    let axistickDistance = "10";
    if (dataVisualGaugeChart.axistickDistance != null && dataVisualGaugeChart.axistickDistance != "") {
        axistickDistance = dataVisualGaugeChart.axistickDistance;
    }
    let axistickLength = "6";
    if (dataVisualGaugeChart.axistickLength != null && dataVisualGaugeChart.axistickLength != "") {
        axistickLength = dataVisualGaugeChart.axistickLength;
    }
    let axistickColor = "#63677A";
    if (dataVisualGaugeChart.axistickColor != null && dataVisualGaugeChart.axistickColor != "") {
        axistickColor = dataVisualGaugeChart.axistickColor;
    }
    let axistickWidth = "10";
    if (dataVisualGaugeChart.axistickWidth != null && dataVisualGaugeChart.axistickWidth != "") {
        axistickWidth = dataVisualGaugeChart.axistickWidth;
    }

    let axislabelst = eval("true".toLowerCase());
    if (dataVisualGaugeChart.axislabelst != null && dataVisualGaugeChart.axislabelst != "") {
        axislabelst = eval(dataVisualGaugeChart.axislabelst.toLowerCase());
    }
    let axislabelDistance = "15";
    if (dataVisualGaugeChart.axislabelDistance != null && dataVisualGaugeChart.axislabelDistance != "") {
        axislabelDistance = dataVisualGaugeChart.axislabelDistance;
    }
    let axislabelColor = "#000000";
    if (dataVisualGaugeChart.axislabelColor != null && dataVisualGaugeChart.axislabelColor != "") {
        axislabelColor = dataVisualGaugeChart.axislabelColor;
    }
    let axislabelFontSize = "12";
    if (dataVisualGaugeChart.axislabelFontSize != null && dataVisualGaugeChart.axislabelFontSize != "") {
        axislabelFontSize = dataVisualGaugeChart.axislabelFontSize;
    }
    let axislabelFontWeight = "normal";
    if (dataVisualGaugeChart.axislabelFontWeight != null && dataVisualGaugeChart.axislabelFontWeight != "") {
        axislabelFontWeight = dataVisualGaugeChart.axislabelFontWeight;
    }

    let titleText = "";
    if (dataVisualGaugeChart.titleText != null && dataVisualGaugeChart.titleText != "") {
        titleText = dataVisualGaugeChart.titleText;
    }
    let titleColor = "#464646";
    if (dataVisualGaugeChart.titleColor != null && dataVisualGaugeChart.titleColor != "") {
        titleColor = dataVisualGaugeChart.titleColor;
    }
    let titleFontSize = "16";
    if (dataVisualGaugeChart.titleFontSize != null && dataVisualGaugeChart.titleFontSize != "") {
        titleFontSize = dataVisualGaugeChart.titleFontSize;
    }
    let titleFontWeight = "normal";
    if (dataVisualGaugeChart.titleFontWeight != null && dataVisualGaugeChart.titleFontWeight != "") {
        titleFontWeight = dataVisualGaugeChart.titleFontWeight;
    }
    let titleXPosition = "0";
    if (dataVisualGaugeChart.titleXPosition != null && dataVisualGaugeChart.titleXPosition != "") {
        titleXPosition = dataVisualGaugeChart.titleXPosition;
    }
    let titleYPosition = "20%";
    if (dataVisualGaugeChart.titleYPosition != null && dataVisualGaugeChart.titleYPosition != "") {
        titleYPosition = dataVisualGaugeChart.titleYPosition;
    }

    let datast = eval("true".toLowerCase());
    if (dataVisualGaugeChart.datast != null && dataVisualGaugeChart.datast != "") {
        datast = eval(dataVisualGaugeChart.datast.toLowerCase());
    }
    let dataColor = "#464646";
    if (dataVisualGaugeChart.dataColor != null && dataVisualGaugeChart.dataColor != "") {
        dataColor = dataVisualGaugeChart.dataColor;
    }
    let dataFontSize = "20";
    if (dataVisualGaugeChart.dataFontSize != null && dataVisualGaugeChart.dataFontSize != "") {
        dataFontSize = dataVisualGaugeChart.dataFontSize;
    }
    let dataFontWeight = "normal";
    if (dataVisualGaugeChart.dataFontWeight != null && dataVisualGaugeChart.dataFontWeight != "") {
        dataFontWeight = dataVisualGaugeChart.dataFontWeight;
    }
    let dataXPosition = "0";
    if (dataVisualGaugeChart.dataXPosition != null && dataVisualGaugeChart.dataXPosition != "") {
        dataXPosition = dataVisualGaugeChart.dataXPosition;
    }
    let dataYPosition = "40%";
    if (dataVisualGaugeChart.dataYPosition != null && dataVisualGaugeChart.dataYPosition != "") {
        dataYPosition = dataVisualGaugeChart.dataYPosition;
    }

    let axislinest = eval("true".toLowerCase());
    if (dataVisualGaugeChart.axislinest != null && dataVisualGaugeChart.axislinest != "") {
        axislinest = eval(dataVisualGaugeChart.axislinest.toLowerCase());
    }
    let axislineWidth = "10";
    if (dataVisualGaugeChart.axislineWidth != null && dataVisualGaugeChart.axislineWidth != "") {
        axislineWidth = dataVisualGaugeChart.axislineWidth;
    }
    let axislineColors = [];
    let axislineColor = "";
    let firstColor = "";
    let endColor = "";
    if (dataVisualGaugeChart.axislineColor != null && dataVisualGaugeChart.axislineColor != "") {
        axislineColor = dataVisualGaugeChart.axislineColor.split(",");
    }
    if (axislineColor != null && axislineColor.length >= 2) {
        endColor = axislineColor[axislineColor.length - 1];
        for (let c = 0; c < axislineColor.length - 1; c++) {
            firstColor = axislineColor[c];
            axislineColors.push(axislineColor[c])
        }
    }
    let axislineColorsData = [];
    if (axislineColors != '' && axislineColors.length > 1) {
        let axislineColorsDataD = [];
        for (let c = 0; c < axislineColors.length; c++) {
            axislineColorsDataD.push({
                offset: (1 / (axislineColors.length - 1)) * c,
                color: axislineColors[c]
            })
        }
        axislineColorsData = [ //颜色为渐变色
            [
                jsshowValue,
                new echarts.graphic.LinearGradient(0, 0, 1, 0, axislineColorsDataD)
            ],
            [1, endColor]
        ]
    } else {
        axislineColorsData = [[jsshowValue, firstColor], [1, endColor]];
    }

    let option = {
        series: [{
            type: 'gauge',
            startAngle: startAngle,
            endAngle: endAngle,
            max: max,
            min: min,
            radius: radius,//仪表盘半径
            pointer: {//是否显示指针
                show: pointerst,
                length: pointerLength,
                width: pointerWidth,
                itemStyle: {
                    color: pointerColor
                }
            },
            splitLine: {//是否显示分隔线
                show: splitlinest,
                distance: Number(splitlineDistance),
                length: Number(splitlineLength),
                lineStyle: {
                    color: splitlineColor,
                    width: Number(splitlineWidth)
                }
            },
            axisLine: {//仪表盘轴线
                show: axislinest,
                lineStyle: {
                    width: Number(axislineWidth),
                    color: axislineColorsData
                }
            },
            axisTick: {//刻度
                show: axistickst,
                splitNumber: Number(axistickSplitnumber),
                distance: Number(axistickDistance),
                length: Number(axistickLength),
                lineStyle: {
                    color: axistickColor,
                    width: Number(axistickWidth)
                }
            },
            axisLabel: {
                show: axislabelst,
                distance: Number(axislabelDistance),
                color: axislabelColor,
                fontSize: axislabelFontSize,
                fontWeight: axislabelFontWeight
            },
            data: [{
                value: showValue,
                name: titleText,
                title: {
                    show: true,
                    color: titleColor,
                    offsetCenter: [titleXPosition, titleYPosition],
                    fontSize: titleFontSize,
                    fontWeight: titleFontWeight
                },
                detail: {
                    show: datast,
                    color: dataColor,
                    offsetCenter: [dataXPosition, dataYPosition],
                    fontSize: dataFontSize,
                    fontWeight: dataFontWeight
                },
            }]
        }]
    };
    myChart.setOption(option, true);
    myChart.hideLoading();

    //     }
    // });
}

/**
 * 日期控件
 */
function showAssembly_Date(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualDate/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            data = data[0];
            // console.log(data)

            let style = "";
            let zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";";

            if (data.background != null && data.background != '') {
                style += "background:" + data.background + ";";
            }
            if (data.fontcolor != null && data.fontcolor != '') {
                style += "color:" + data.fontcolor + ";";
            } else {
                style += "color:#000000;";
            }
            let fontsize = "font-size:14px;";
            if (data.fontsize != null && data.fontsize != '') {
                fontsize = data.fontsize.replace("px", "");
                style += "font-size:" + fontsize + "px;";
            } else {
                style += fontsize;
            }
            if (data.fontweight != null && data.fontweight != '') {
                style += "font-weight:" + data.fontweight + ";";
            } else {
                style += "font-weight:400;";
            }
            if (data.textAlign != null && data.textAlign != '') {
                style += "text-align:" + data.textAlign + ";";
            } else {
                style += "text-align:center;";
            }

            let showContent = "";
            if (data.types != null && data.types != '') {
                showContent = data.types;
            }
            // let nowDate = getNowTime();
            let myDate = new Date;
            if (showContent.indexOf("year") >= 0) {
                let year = myDate.getFullYear(); //获取当前年
                showContent = showContent.replaceAll("year", year);
            }

            if (showContent.indexOf("month") >= 0) {
                let mon = myDate.getMonth() + 1; //获取当前月
                if (mon < 10) {
                    mon = "0" + mon;
                }
                showContent = showContent.replaceAll("month", mon);
            }

            if (showContent.indexOf("day") >= 0) {
                let day = myDate.getDate(); //获取当前日
                if (day < 10) {
                    day = "0" + day;
                }
                showContent = showContent.replaceAll("day", day);
            }

            if (showContent.indexOf("12hour") >= 0) {
                let h = myDate.getHours();//获取当前小时数(0-23)
                if (h < 10) {
                    h = "0" + h;
                }
                if (Number(h) > 12) {
                    if ((Number(h) - 12) < 10) {
                        h = "下午 0" + ((Number(h) - 12));
                    } else {
                        h = "下午 " + ((Number(h) - 12));
                    }

                } else {
                    h = "上午 " + h;
                }
                showContent = showContent.replaceAll("12hour", h);
            }

            if (showContent.indexOf("24hour") >= 0) {
                let h = myDate.getHours();//获取当前小时数(0-23)
                if (h < 10) {
                    h = "0" + h;
                }
                showContent = showContent.replaceAll("24hour", h);
            }

            if (showContent.indexOf("min") >= 0) {
                let m = myDate.getMinutes();//获取当前分钟数(0-59)
                if (m < 10) {
                    m = "0" + m;
                }
                showContent = showContent.replaceAll("min", m);
            }

            if (showContent.indexOf("sec") >= 0) {
                let s = myDate.getSeconds();//获取当前秒
                if (s < 10) {
                    s = "0" + s;
                }
                showContent = showContent.replaceAll("sec", s);
            }

            if (showContent.indexOf("week") >= 0) {
                var weekday = myDate.getDay();
                var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
                let week = weeks[weekday];
                showContent = showContent.replaceAll("week", week);
            }

            if (showContent.indexOf("lunar") >= 0) {
                var yy = myDate.getFullYear();
                var mm = myDate.getMonth() + 1;
                var dd = myDate.getDate();
                console.log(yy + "-" + mm + "-" + dd);
                let lunar = GetLunarDay(yy, mm, dd);
                console.log(lunar);
                showContent = showContent.replaceAll("lunar", lunar);
            }

            if (content.style != null && content.style != '') {
                style += content.style;
            }

            divHtml += "<div " + onmouseupSt + " onmousemove=\"doMove();\" style=\"border:2px solid red;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editDate('" + content.id + "');\">";
            divHtml += showContent;
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_Date_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualDate/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    let data = showData;
    // console.log(data)

    let style = "";
    let zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let width = content.width;
    let height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    style += "top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";line-height:" + height + ";";

    if (data.background != null && data.background != '') {
        style += "background:" + data.background + ";";
    }
    if (data.fontcolor != null && data.fontcolor != '') {
        style += "color:" + data.fontcolor + ";";
    } else {
        style += "color:#000000;";
    }
    if (data.fontsize != null && data.fontsize != '') {
        style += "font-size:" + data.fontsize + ";";
    } else {
        style += "font-size:14px;";
    }
    if (data.fontweight != null && data.fontweight != '') {
        style += "font-weight:" + data.fontweight + ";";
    } else {
        style += "font-weight:400;";
    }
    if (data.textAlign != null && data.textAlign != '') {
        style += "text-align:" + data.textAlign + ";";
    } else {
        style += "text-align:center;";
    }

    let showContent = "";
    if (data.types != null && data.types != '') {
        showContent = data.types;
    }
    // let nowDate = getNowTime();
    let myDate = new Date;
    if (showContent.indexOf("year") >= 0) {
        let year = myDate.getFullYear(); //获取当前年
        showContent = showContent.replaceAll("year", year);
    }

    if (showContent.indexOf("month") >= 0) {
        let mon = myDate.getMonth() + 1; //获取当前月
        if (mon < 10) {
            mon = "0" + mon;
        }
        showContent = showContent.replaceAll("month", mon);
    }

    if (showContent.indexOf("day") >= 0) {
        let day = myDate.getDate(); //获取当前日
        if (day < 10) {
            day = "0" + day;
        }
        showContent = showContent.replaceAll("day", day);
    }

    if (showContent.indexOf("12hour") >= 0) {
        let h = myDate.getHours();//获取当前小时数(0-23)
        if (h < 10) {
            h = "0" + h;
        }
        if (Number(h) > 12) {
            if ((Number(h) - 12) < 10) {
                h = "下午 0" + ((Number(h) - 12));
            } else {
                h = "下午 " + ((Number(h) - 12));
            }

        } else {
            h = "上午 " + h;
        }
        showContent = showContent.replaceAll("12hour", h);
    }

    if (showContent.indexOf("24hour") >= 0) {
        let h = myDate.getHours();//获取当前小时数(0-23)
        if (h < 10) {
            h = "0" + h;
        }
        showContent = showContent.replaceAll("24hour", h);
    }

    if (showContent.indexOf("min") >= 0) {
        let m = myDate.getMinutes();//获取当前分钟数(0-59)
        if (m < 10) {
            m = "0" + m;
        }
        showContent = showContent.replaceAll("min", m);
    }

    if (showContent.indexOf("sec") >= 0) {
        let s = myDate.getSeconds();//获取当前秒
        if (s < 10) {
            s = "0" + s;
        }
        showContent = showContent.replaceAll("sec", s);
    }

    if (showContent.indexOf("week") >= 0) {
        var weekday = myDate.getDay();
        var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        let week = weeks[weekday];
        showContent = showContent.replaceAll("week", week);
    }

    if (content.style != null && content.style != '') {
        style += content.style;
    }

    divHtml += "<div class=\"moveDiv\"  style=\"position:absolute;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    divHtml += showContent;
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showAssembly_Date_View_Show(contentId, types) {
    let showContent = types;
    // let nowDate = getNowTime();
    let myDate = new Date;
    if (showContent.indexOf("year") >= 0) {
        let year = myDate.getFullYear(); //获取当前年
        showContent = showContent.replaceAll("year", year);
    }

    if (showContent.indexOf("month") >= 0) {
        let mon = myDate.getMonth() + 1; //获取当前月
        if (mon < 10) {
            mon = "0" + mon;
        }
        showContent = showContent.replaceAll("month", mon);
    }

    if (showContent.indexOf("day") >= 0) {
        let day = myDate.getDate(); //获取当前日
        if (day < 10) {
            day = "0" + day;
        }
        showContent = showContent.replaceAll("day", day);
    }

    if (showContent.indexOf("12hour") >= 0) {
        let h = myDate.getHours();//获取当前小时数(0-23)
        if (h < 10) {
            h = "0" + h;
        }
        if (Number(h) > 12) {
            if ((Number(h) - 12) < 10) {
                h = "下午 0" + ((Number(h) - 12));
            } else {
                h = "下午 " + ((Number(h) - 12));
            }

        } else {
            h = "上午 " + h;
        }
        showContent = showContent.replaceAll("12hour", h);
    }

    if (showContent.indexOf("24hour") >= 0) {
        let h = myDate.getHours();//获取当前小时数(0-23)
        if (h < 10) {
            h = "0" + h;
        }
        showContent = showContent.replaceAll("24hour", h);
    }

    if (showContent.indexOf("min") >= 0) {
        let m = myDate.getMinutes();//获取当前分钟数(0-59)
        if (m < 10) {
            m = "0" + m;
        }
        showContent = showContent.replaceAll("min", m);
    }

    if (showContent.indexOf("sec") >= 0) {
        let s = myDate.getSeconds();//获取当前秒
        if (s < 10) {
            s = "0" + s;
        }
        showContent = showContent.replaceAll("sec", s);
    }

    if (showContent.indexOf("week") >= 0) {
        var weekday = myDate.getDay();
        var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        let week = weeks[weekday];
        showContent = showContent.replaceAll("week", week);
    }

    $('#' + contentId).html(showContent);
}

/**
 * 日期选择控件
 */
function showAssembly_DateSelect(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualDateSelect/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            data = data[0];
            // console.log(data)

            let style = "";
            if (content.style != null && content.style != '') {
                style += content.style;
            }
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            let width = content.width;
            let height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX += "px";
            }
            if (postY.indexOf("%") < 0) {
                postY += "px";
            }
            if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                width += "px";
            }
            if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                height += "px";
            }

            style += "top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";";

            let inputStyle = "";
            if (data.style != null && data.style != '') {
                inputStyle += data.style;
            }
            let background = "transparent";
            if (data.background != null && data.background != '') {
                inputStyle += "background:" + data.background + ";";
                background = data.background;
            }
            let fontsize = "14px";
            if (data.fontsize != null && data.fontsize != '') {
                inputStyle += "font-size:" + data.fontsize + "px;";
                fontsize = data.fontsize + "px";
            }
            let fontcolor = "#333";
            if (data.fontcolor != null && data.fontcolor != '') {
                inputStyle += "color:" + data.fontcolor + ";";
                fontcolor = data.fontcolor;
            }
            let fontweight = "400";
            if (data.fontweight != null && data.fontweight != '') {
                inputStyle += "font-weight:" + data.fontweight + ";";
                fontweight = data.fontweight;
            }

            let jsWidth = 20 * Number(width.replace("px", "")) / 200;
            if (jsWidth < 20) {
                jsWidth = 20;
            }

            divHtml += "<div onmouseup=\"doUp2('" + content.id + "');\" style=\"position:absolute;border:2px solid red;cursor:move;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editDateSelect('" + content.id + "');\">";
            divHtml += " <input type=\"text\" class=\"form-control pull-left\" id=\"" + content.id + "reservationtime\" style=\"width:calc(100% - " + jsWidth + "px);height:100%;" + inputStyle + ";border:0px;\" autocomplete=\"off\"></input>";
            divHtml += "<i style=\"width:" + jsWidth + "px;text-align: center;line-height:" + height + ";font-size:" + fontsize + ";font-weight:" + fontweight + ";background:" + background + ";color:" + fontcolor + ";\" class=\"fa fa-calendar\"></i>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_DateSelect_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualDateSelect/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    data = showData;
    // console.log(data)

    let style = "";
    if (content.style != null && content.style != '') {
        style += content.style;
    }
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let width = content.width;
    let height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    style += "top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";";

    let inputStyle = "";
    if (data.style != null && data.style != '') {
        inputStyle += data.style;
    }
    let background = "transparent";
    if (data.background != null && data.background != '') {
        inputStyle += "background:" + data.background + ";";
        background = data.background;
    }
    let fontsize = "14px";
    if (data.fontsize != null && data.fontsize != '') {
        inputStyle += "font-size:" + data.fontsize + "px;";
        fontsize = data.fontsize + "px";
    }
    let fontcolor = "#333";
    if (data.fontcolor != null && data.fontcolor != '') {
        inputStyle += "color:" + data.fontcolor + ";";
        fontcolor = data.fontcolor;
    }
    let fontweight = "400";
    if (data.fontweight != null && data.fontweight != '') {
        inputStyle += "font-weight:" + data.fontweight + ";";
        fontweight = data.fontweight;
    }

    let jsWidth = 20 * Number(width.replace("px", "")) / 200;
    if (jsWidth < 20) {
        jsWidth = 20;
    }

    divHtml += "<div style=\"position:absolute;cursor:move;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    divHtml += " <input type=\"text\" class=\"form-control pull-left\" id=\"" + content.id + "reservationtime\" style=\"width:calc(100% - " + jsWidth + "px);height:100%;" + inputStyle + ";border:0px;\" autocomplete=\"off\"></input>";
    divHtml += "<i style=\"width:" + jsWidth + "px;text-align: center;line-height:" + height + ";font-size:" + fontsize + ";font-weight:" + fontweight + ";background:" + background + ";color:" + fontcolor + ";\" class=\"fa fa-calendar\"></i>";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showDateSelect(contentId, type) {
    var beginTimeStore = '';
    var endTimeStore = '';

    let separator = " ~ ";
    let singleDatePicker = "false";
    let calendarMode = "day";
    let format = "YYYY-MM-DD";
    if (type == '0') {
        singleDatePicker = "true";
        calendarMode = "day";
        format = "YYYY-MM-DD";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 10);
        } else {
            beginTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore);
    } else if (type == '1') {
        singleDatePicker = "true";
        calendarMode = "month";
        format = "YYYY-MM";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 7);
        } else {
            beginTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore);
    } else if (type == '2') {
        singleDatePicker = "true";
        calendarMode = "year";
        format = "YYYY";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 4);
        } else {
            beginTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore);
    } else if (type == '3') {
        singleDatePicker = "false";
        calendarMode = "day";
        format = "YYYY-MM-DD";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 10);
        } else {
            beginTimeStore = moment().subtract(6, 'days').format(format);
        }
        if (edt != '') {
            endTimeStore = edt.substring(0, 10);
        } else {
            endTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
    } else if (type == '4') {
        singleDatePicker = "false";
        calendarMode = "month";
        format = "YYYY-MM";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 7);
        } else {
            beginTimeStore = moment().subtract(1, 'month').format(format);
        }
        if (edt != '') {
            endTimeStore = edt.substring(0, 7);
        } else {
            endTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
    } else if (type == '5') {
        singleDatePicker = "false";
        calendarMode = "year";
        format = "YYYY";
        if (sdt != '') {
            beginTimeStore = sdt.substring(0, 4);
        } else {
            beginTimeStore = moment().subtract(1, 'year').format(format);
        }
        if (edt != '') {
            endTimeStore = edt.substring(0, 4);
        } else {
            endTimeStore = moment().subtract(0, 'days').format(format);
        }
        $('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
    }

    var locale = {
        "format": format,
        "separator": separator,
        "applyLabel": "确定",
        "cancelLabel": "取消",
        "fromLabel": "起始时间",
        "toLabel": "结束时间",
        "customRangeLabel": "自定义",
        "weekLabel": "W",
        "daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
        "monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        "firstDay": 1
    };

    $('#' + contentId + 'reservationtime').daterangepicker({
        startDate: beginTimeStore,
        endDate: endTimeStore,
        singleDatePicker: eval(singleDatePicker.toLowerCase()), //单日历
        // minDate: '1937-01-01',
        // maxDate: moment(),
        // dateLimit: {
        // days: 14000
        // },
        calendarMode: calendarMode,
        showDropdowns: false,
        showWeekNumbers: false,
        timePicker: false,
        timePickerIncrement: 1,
        timePicker12Hour: false,
        linkedCalendars: false,
        autoUpdateInput: false,
        timePickerSeconds: false,
        // buttonClasses: ['btn'],
        // applyClass: 'green',
        // cancelClass: 'default',
        format: format,
        separator: separator,
        // alwaysShowCalendars:true,
        // autoApply:true,
        // ranges: {
        //     // '今日': [moment(), moment().subtract(-1, 'days')],
        //     '昨日': [moment().subtract(1, 'days'), moment()],
        //     '最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
        //     '本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
        //     '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(-1, 'days')]
        // },
        locale: locale
    }, function (start, end, label) {
        beginTimeStore = start.format(format);
        endTimeStore = end.format(format);

        sdt = beginTimeStore;
        edt = endTimeStore;

        if (sdt.length == 7) {
            sdt = sdt + "-01";
        } else if (sdt.length == 4) {
            sdt = sdt + "-01-01";
        }

        if (type == '0') {
            edt = sdt.substring(0, 10) + " 23:59";
        } else if (type == '1') {
            let lastDay = getMonthMaxDay(sdt);
            edt = sdt.substring(0, 7) + "-" + lastDay + " 23:59";
        } else if (type == '2') {
            edt = sdt.substring(0, 4) + "-12-31 23:59";
        }

        if (edt.length == 7) {
            edt = edt + "-01";
        } else if (edt.length == 4) {
            edt = edt + "-01-01";
        }

        // console.log(sdt)
        // console.log(edt)

        showFrame(frameId);

    });

    // if (sdt != '') {
    //     sdt = sdt;
    // } else {
    sdt = beginTimeStore;
    // }

    // if (edt != '') {
    //     edt = edt;
    // } else {
    edt = endTimeStore;
    // }

    if (sdt.length == 7) {
        sdt = sdt + "-01";
    } else if (sdt.length == 4) {
        sdt = sdt + "-01-01";
    }

    if (type == '0') {
        edt = sdt.substring(0, 10) + " 23:59";
    } else if (type == '1') {
        let lastDay = getMonthMaxDay(sdt);
        edt = sdt.substring(0, 7) + "-" + lastDay + " 23:59";
    } else if (type == '2') {
        edt = sdt.substring(0, 4) + "-12-31 23:59";
    }

    if (edt.length == 7) {
        edt = edt + "-01";
    } else if (edt.length == 4) {
        edt = edt + "-01-01";
    }

    // console.log(sdt)
    // console.log(edt)

}

/**
 * 外部链接组件
 */
function showAssembly_Iframe(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let showName = "";
    if (content.name != "") {
        showName = content.name;
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + content.background + ";color:#00ff00;text-align:center;width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editIframe('" + content.id + "');\">" +
        "" + showName + "";
    divHtml += "<svg t='1634724475152' class='icon' viewBox='0 0 1024 1024' p-id='1780' data-spm-anchor-id='a313x.7781069.0.i1' width='16' height='16'>";
    divHtml += "<path d='M554.4 611.3l-20-20c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l20 20c13.6 13.6 21.4 31.4 21.9 50 0.5 18.3-6.1 35.2-18.5 47.7L356.8 910c-26 26-69.8 24.5-97.7-3.4L117.6 765.1c-13.6-13.6-21.4-31.4-21.9-50-0.5-18.3 6.1-35.2 18.5-47.7L292.6 489c26-26 69.8-24.5 97.7 3.4l23.2 23.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6l-23.2-23.2c-40.3-40.3-104.5-41.9-142.9-3.4L91.6 644.8c-18.8 18.8-28.7 44-27.9 71.2 0.8 26.8 11.9 52.3 31.3 71.7l141.5 141.5c20.8 20.8 47.9 31.3 74.6 31.3 25 0 49.7-9.2 68.3-27.9l178.4-178.4c18.8-18.8 28.7-44 27.9-71.2-0.7-26.8-11.9-52.3-31.3-71.7zM928.3 237.4L786.9 95.9c-19.4-19.4-44.9-30.5-71.7-31.3-27.2-0.8-52.5 9.1-71.2 27.9L465.5 270.9c-38.5 38.5-36.9 102.6 3.4 142.9l20 20c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6l-20-20c-27.9-27.9-29.4-71.7-3.4-97.7l178.4-178.4c12.5-12.5 29.4-19 47.7-18.5 18.6 0.5 36.4 8.3 50 21.9L905.7 260c27.9 27.9 29.4 71.7 3.4 97.7L730.7 536.1c-12.5 12.5-29.4 19.1-47.7 18.5-18.6-0.5-36.4-8.3-50-21.9l-23.2-23.2c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l23.2 23.2c19.4 19.4 44.9 30.5 71.7 31.3h2.9c26 0 50.2-9.9 68.3-27.9l178.4-178.4c38.5-38.5 37-102.6-3.4-142.9z' fill='#2c2c2c' p-id='1781'></path>";
    divHtml += "<path d='M349.1 676.1c-13.7-13.7-13.7-36 0-49.7l278.1-278.1c13.7-13.7 36-13.7 49.7 0 13.7 13.7 13.7 36 0 49.7L398.8 676.1c-13.7 13.8-36 13.8-49.7 0z' fill='#2c2c2c' p-id='1782'></path>";
    divHtml += "</svg>";
    divHtml += "</div>";

    return divHtml;
}

/**
 * 外部链接组件
 */
function showAssembly_Iframe_View(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    //需要绑定开关组件加
    let hiddenSt = "display:block;";
    if (switchHiddenPoints.indexOf(content.id) != -1) {
        hiddenSt = "display:none;";
    }
    style += hiddenSt;

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }
    if (content.isfull == 'true') {
        width = width.replace("%", "").replace("px", "") + "%";
        height = height.replace("%", "").replace("px", "") + "%";
    }
    let src = "";
    if (content.src != null && content.src != '') {
        src = content.src;
    }
    if (src.indexOf("http") >= 0) {
        src = src;
    } else {
        if (src.substring(0, 1) == '/') {
            src = ext.contextPath + src;
        } else {
            src = ext.contextPath + '/' + src;
        }

    }

    divHtml = "<div  style=\"position:absolute;top:" + postY + ";left:" + postX + ";background-color: " + content.background + ";width:" + width + ";height:" + height + ";cursor: move;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    divHtml += "<iframe scrolling=\"auto\" allowtransparency=\"yes\" style=\"height:100%;width:100%;border:0px;padding:0px;margin:0px;\" src=\"" + src + "\"></iframe>";
    divHtml += "</div>";

    return divHtml;
}

/**
 * 标签页组件
 */
function showAssembly_Tab(content) {
    var style = content.style;

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv\" onmouseup=\"doUp2('" + content.id + "');\" \"";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;width:" + width + ";height:" + height + ";" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"showContainerTab('" + content.id + "');\">";
    if (content.tabtype != null && content.tabtype == 'se') {//下拉
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
            async: false,
            globle: false,
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (data) {
                var ckData = JSON.stringify(data);
                for (let i = 0; i < data.length; i++) {
                    let tab = data[i];

                    let ckbackground = 'transparent';
                    if (tab.ckbackground != null && tab.ckbackground != '') {
                        ckbackground = tab.ckbackground;
                    }
                    let ckfontcolor = '#3c8dbc';
                    if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                        ckfontcolor = tab.ckfontcolor;
                    }
                    let ckfontsize = '14';
                    if (tab.ckfontsize != null && tab.ckfontsize != '') {
                        ckfontsize = tab.ckfontsize;
                    }
                    let ckfontweight = '400';
                    if (tab.ckfontweight != null && tab.ckfontweight != '') {
                        ckfontweight = tab.ckfontweight;
                    }
                    let height = '100%';
                    if (tab.height != null && tab.height != '') {
                        height = tab.height;
                    }
                    let ckstyle = '';
                    if (tab.ckstyle != null && tab.ckstyle != '') {
                        ckstyle = tab.ckstyle;
                    }

                    if (i == 0) {
                        divHtml += "<select id=\"" + content.id + "TabSelect\" class=\"form-control select2\" style=\"width:100%;height:100%;background-color: " + ckbackground + ";color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";" + ckstyle + "\" onchange='clickTab(this.value," + ckData + ")'>";
                    }

                    let text = '';
                    if (tab.text != null && tab.text != '') {
                        text = tab.text;
                    }
                    let firstck = 'false';
                    if (tab.firstck != null && tab.firstck != '') {
                        firstck = tab.firstck;
                    }
                    let selected = '';
                    if (firstck == 'true') {
                        selected = "selected='selected'";
                    }


                    divHtml += "<option value=\"" + tab.id + "\"  style='background-color: " + ckbackground + ";' " + selected + ">" + text + "</option>";
                }

            }
        })
        divHtml += "</select>";
    } else if (content.tabtype != null && content.tabtype == 'sheet') {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
            async: false,
            globle: false,
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (data) {
                var ckData = JSON.stringify(data);
                for (let i = 0; i < data.length; i++) {
                    let tab = data[i];

                    let text = '';
                    if (tab.text != null && tab.text != '') {
                        text = tab.text;
                    }

                    let firstck = 'false';
                    if (tab.firstck != null && tab.firstck != '') {
                        firstck = tab.firstck;
                    }
                    let width = '120';
                    if (tab.width != null && tab.width != '') {
                        width = tab.width;
                    }
                    let height = '60';
                    if (tab.height != null && tab.height != '') {
                        height = tab.height;
                    }
                    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                        width += "px";
                    }
                    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                        height += "px";
                    }


                    let ckbackground = 'transparent';
                    if (tab.ckbackground != null && tab.ckbackground != '') {
                        ckbackground = tab.ckbackground;
                        if (ckbackground.indexOf("/") >= 0) {
                            var path = getRootPath() + ckbackground;
                            ckbackground = 'url(' + path + ')  no-repeat';
                        }
                    }
                    let ckfontcolor = '#3c8dbc';
                    if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                        ckfontcolor = tab.ckfontcolor;
                    }
                    let ckfontsize = '14';
                    if (tab.ckfontsize != null && tab.ckfontsize != '') {
                        ckfontsize = tab.ckfontsize;
                    }
                    let ckfontweight = '400';
                    if (tab.ckfontweight != null && tab.ckfontweight != '') {
                        ckfontweight = tab.ckfontweight;
                    }
                    let cktextAlign = 'center';
                    // if (tab.cktextAlign != null && tab.cktextAlign != '') {
                    //     cktextAlign = tab.cktextAlign;
                    // }
                    let ckstyle = '';
                    if (tab.ckstyle != null && tab.ckstyle != '') {
                        ckstyle = tab.ckstyle;
                    }

                    let unckbackground = 'transparent';
                    if (tab.unckbackground != null && tab.unckbackground != '') {
                        unckbackground = tab.unckbackground;
                        if (unckbackground.indexOf("/") >= 0) {
                            var path = getRootPath() + unckbackground;
                            unckbackground = 'url(' + path + ') no-repeat';
                        }
                    }
                    let unckfontcolor = '#555555';
                    if (tab.unckfontcolor != null && tab.unckfontcolor != '') {
                        unckfontcolor = tab.unckfontcolor;
                    }
                    let unckfontsize = '14';
                    if (tab.unckfontsize != null && tab.unckfontsize != '') {
                        unckfontsize = tab.unckfontsize;
                    }
                    let unckfontweight = '400';
                    if (tab.unckfontweight != null && tab.unckfontweight != '') {
                        unckfontweight = tab.unckfontweight;
                    }
                    let uncktextAlign = 'center';
                    // if (tab.uncktextAlign != null && tab.uncktextAlign != '') {
                    //     uncktextAlign = tab.uncktextAlign;
                    // }
                    let unckstyle = '';
                    if (tab.unckstyle != null && tab.unckstyle != '') {
                        unckstyle = tab.unckstyle;
                    }

                    if (firstck == 'true') {
                        divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + ckbackground + ";background-size:100% 100%;color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";text-align: " + cktextAlign + ";cursor: pointer;" + ckstyle + "'  ondblclick='clickTab(\"" + tab.id + "\"," + ckData + ")' >";
                    } else {
                        divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + unckbackground + ";background-size:100% 100%;color: " + unckfontcolor + ";font-size: " + unckfontsize + "px;font-weight: " + unckfontweight + ";text-align: " + uncktextAlign + ";cursor: pointer;" + unckstyle + "' ondblclick='clickTab(\"" + tab.id + "\"," + ckData + ")'>";
                    }
                    divHtml += text;
                    divHtml += "</div>";

                }

            }
        });
    } else if (content.tabtype != null && content.tabtype == 'radio') {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
            async: false,
            globle: false,
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (data) {
                var ckData = JSON.stringify(data);
                for (let i = 0; i < data.length; i++) {
                    let tab = data[i];

                    let text = '';
                    if (tab.text != null && tab.text != '') {
                        text = tab.text;
                    }

                    let firstck = 'false';
                    if (tab.firstck != null && tab.firstck != '') {
                        firstck = tab.firstck;
                    }
                    let width = '120';
                    if (tab.width != null && tab.width != '') {
                        width = tab.width;
                    }
                    let height = '60';
                    if (tab.height != null && tab.height != '') {
                        height = tab.height;
                    }
                    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                        width += "px";
                    }
                    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                        height += "px";
                    }

                    let ckbackground = 'transparent';
                    if (tab.ckbackground != null && tab.ckbackground != '') {
                        ckbackground = tab.ckbackground;
                        if (ckbackground.indexOf("/") >= 0) {
                            var path = getRootPath() + ckbackground;
                            ckbackground = 'url(' + path + ')  no-repeat';
                        }
                    }
                    let ckfontcolor = '#3c8dbc';
                    if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                        ckfontcolor = tab.ckfontcolor;
                    }
                    let ckfontsize = '14';
                    if (tab.ckfontsize != null && tab.ckfontsize != '') {
                        ckfontsize = tab.ckfontsize;
                    }
                    let ckfontweight = '400';
                    if (tab.ckfontweight != null && tab.ckfontweight != '') {
                        ckfontweight = tab.ckfontweight;
                    }
                    let cktextAlign = 'center';
                    // if (tab.cktextAlign != null && tab.cktextAlign != '') {
                    //     cktextAlign = tab.cktextAlign;
                    // }
                    let ckstyle = '';
                    if (tab.ckstyle != null && tab.ckstyle != '') {
                        ckstyle = tab.ckstyle;
                    }

                    let unckbackground = 'transparent';
                    if (tab.unckbackground != null && tab.unckbackground != '') {
                        unckbackground = tab.unckbackground;
                        if (unckbackground.indexOf("/") >= 0) {
                            var path = getRootPath() + unckbackground;
                            unckbackground = 'url(' + path + ') no-repeat';
                        }
                    }
                    let unckfontcolor = '#555555';
                    if (tab.unckfontcolor != null && tab.unckfontcolor != '') {
                        unckfontcolor = tab.unckfontcolor;
                    }
                    let unckfontsize = '14';
                    if (tab.unckfontsize != null && tab.unckfontsize != '') {
                        unckfontsize = tab.unckfontsize;
                    }
                    let unckfontweight = '400';
                    if (tab.unckfontweight != null && tab.unckfontweight != '') {
                        unckfontweight = tab.unckfontweight;
                    }
                    let uncktextAlign = 'center';
                    // if (tab.uncktextAlign != null && tab.uncktextAlign != '') {
                    //     uncktextAlign = tab.uncktextAlign;
                    // }
                    let unckstyle = '';
                    if (tab.unckstyle != null && tab.unckstyle != '') {
                        unckstyle = tab.unckstyle;
                    }

                    let radioBackground = tab.radioBackground;
                    let radioCkBackground = tab.radioCkBackground;
                    let radioSize = tab.radioSize.replace("px", "");
                    let radioCkSize = tab.radioCkSize.replace("px", "");

                    let m_t = (height.replace("px", "") - radioSize) / 2;
                    let m_t2 = (radioSize - radioCkSize) / 2;


                    divHtml += "<div style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + ckbackground + ";background-size:100% 100%;color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";text-align: " + cktextAlign + ";cursor: pointer;" + ckstyle + "'  >";
                    if (firstck == 'true') {
                        divHtml += "<div id='" + tab.pid + "_" + i + "_out' style='float:left;margin-top: " + m_t + "px;width: " + radioSize + "px;height: " + radioSize + "px;border-radius: 50%;background: " + radioBackground + ";position: relative;' onclick='radioSelect(\"" + tab.pid + "\",\"" + data.length + "\",\"" + i + "\",\"" + radioCkBackground + "\",\"" + tab.id + "\"," + ckData + ")'>";
                        divHtml += "<div id='" + tab.pid + "_" + i + "_in' style='position: absolute;left: " + m_t2 + "px;top:" + m_t2 + "px;width:" + radioCkSize + "px;height:" + radioCkSize + "px;background: " + radioCkBackground + ";border-radius: 50%;'></div>";
                        divHtml += "</div>";
                        divHtml += "<div style='float:left;'>" + text + "</div>";
                    } else {
                        divHtml += "<div id='" + tab.pid + "_" + i + "_out' style='float:left;margin-top: " + m_t + "px;width: " + radioSize + "px;height: " + radioSize + "px;border-radius: 50%;background: #616161;position: relative;' onclick='radioSelect(\"" + tab.pid + "\",\"" + data.length + "\",\"" + i + "\",\"" + radioCkBackground + "\",\"" + tab.id + "\"," + ckData + ")'>";
                        divHtml += "<div id='" + tab.pid + "_" + i + "_in' style='position: absolute;left: " + m_t2 + "px;top:" + m_t2 + "px;width:" + radioCkSize + "px;height:" + radioCkSize + "px;background: transparent;border-radius: 50%;'></div>";
                        divHtml += "</div>";
                        divHtml += "<div style='float:left;'>" + text + "</div>";
                    }
                    divHtml += "</div>";
                }

            }
        });
    }
    divHtml += "</div>";
    return divHtml;
}

function showAssembly_Tab_View(content, showData) {
    var contentStyle = content.style;
    var divwidth = content.width;
    var divheight = content.height;
    let onmouseupSt = "";

    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        contentStyle += "z-index:" + content.zIndex + ";";
    }

    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (divwidth.indexOf("px") < 0 && divwidth.indexOf("%") < 0) {
        divwidth += "px";
    }
    if (divheight.indexOf("px") < 0 && divheight.indexOf("%") < 0) {
        divheight += "px";
    }

    var divHtml = "<div style=\"position:absolute;top:" + postY + ";left:" + postX + ";width:" + divwidth + ";height:" + divheight + ";" + contentStyle + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    var ckData = JSON.stringify(showData);
    if (content.tabtype != null && content.tabtype == 'se') {//下拉
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
        //     async: false,
        //     globle: false,
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (data) {
        for (let i = 0; i < showData.length; i++) {
            let tab = showData[i];

            let ckbackground = 'transparent';
            if (tab.ckbackground != null && tab.ckbackground != '') {
                ckbackground = tab.ckbackground;
            }
            let ckfontcolor = '#3c8dbc';
            if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                ckfontcolor = tab.ckfontcolor;
            }
            let ckfontsize = '14';
            if (tab.ckfontsize != null && tab.ckfontsize != '') {
                ckfontsize = tab.ckfontsize;
            }
            let ckfontweight = '400';
            if (tab.ckfontweight != null && tab.ckfontweight != '') {
                ckfontweight = tab.ckfontweight;
            }
            let ckstyle = '';
            if (tab.ckstyle != null && tab.ckstyle != '') {
                ckstyle = tab.ckstyle;
            }

            if (i == 0) {
                divHtml += "<select id=\"" + content.id + "TabSelect\" class=\"form-control select2\" style=\"width:100%;height:100%;background: " + ckbackground + ";color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";" + ckstyle + "\" onchange='clickTab(this.value," + ckData + ")'>";
            }

            let text = '';
            if (tab.text != null && tab.text != '') {
                text = tab.text;
            }
            let firstck = 'false';
            if (tab.firstck != null && tab.firstck != '') {
                firstck = tab.firstck;
            }
            let selected = '';
            if (firstck == 'true') {
                selected = "selected='selected'";
            }

            divHtml += "<option value=\"" + tab.id + "\" " + selected + ">" + text + "</option>";
        }

        //     }
        // })
        divHtml += "</select>";
    } else if (content.tabtype != null && content.tabtype == 'sheet') {
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
        //     async: false,
        //     globle: false,
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (data) {
        // console.log(showData)
        for (let i = 0; i < showData.length; i++) {
            let tab = showData[i];

            let text = '';
            if (tab.text != null && tab.text != '') {
                text = tab.text;
            }

            let firstck = 'false';
            if (tab.firstck != null && tab.firstck != '') {
                firstck = tab.firstck;
            }
            let width = '120';
            if (tab.width != null && tab.width != '') {
                width = tab.width;
            }
            let height = '60';
            if (tab.height != null && tab.height != '') {
                height = tab.height;
            }
            if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                width += "px";
            }
            if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                height += "px";
            }


            let ckbackground = 'transparent';
            if (tab.ckbackground != null && tab.ckbackground != '') {
                ckbackground = tab.ckbackground;
                if (ckbackground.indexOf("/") >= 0) {
                    var path = getRootPath() + ckbackground;
                    ckbackground = 'url(' + path + ') no-repeat';
                }
            }
            let ckfontcolor = '#3c8dbc';
            if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                ckfontcolor = tab.ckfontcolor;
            }
            let ckfontsize = '14';
            if (tab.ckfontsize != null && tab.ckfontsize != '') {
                ckfontsize = tab.ckfontsize;
            }
            let ckfontweight = '400';
            if (tab.ckfontweight != null && tab.ckfontweight != '') {
                ckfontweight = tab.ckfontweight;
            }
            let cktextAlign = 'center';
            // if (tab.cktextAlign != null && tab.cktextAlign != '') {
            //     cktextAlign = tab.cktextAlign;
            // }
            let ckstyle = '';
            if (tab.ckstyle != null && tab.ckstyle != '') {
                ckstyle = tab.ckstyle;
            }

            let unckbackground = 'transparent';
            if (tab.unckbackground != null && tab.unckbackground != '') {
                unckbackground = tab.unckbackground;
                if (unckbackground.indexOf("/") >= 0) {
                    var path = getRootPath() + unckbackground;
                    unckbackground = 'url(' + path + ') no-repeat';
                }
            }
            let unckfontcolor = '#555555';
            if (tab.unckfontcolor != null && tab.unckfontcolor != '') {
                unckfontcolor = tab.unckfontcolor;
            }
            let unckfontsize = '14';
            if (tab.unckfontsize != null && tab.unckfontsize != '') {
                unckfontsize = tab.unckfontsize;
            }
            let unckfontweight = '400';
            if (tab.unckfontweight != null && tab.unckfontweight != '') {
                unckfontweight = tab.unckfontweight;
            }
            let uncktextAlign = 'center';
            // if (tab.uncktextAlign != null && tab.uncktextAlign != '') {
            //     uncktextAlign = tab.uncktextAlign;
            // }
            let unckstyle = '';
            if (tab.unckstyle != null && tab.unckstyle != '') {
                unckstyle = tab.unckstyle;
            }

            // if (nowCk == '') {
            //     nowTabIds = tab.id;
            if (firstck == 'true') {
                divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + ckbackground + ";background-size:100% 100%;color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";text-align: " + cktextAlign + ";cursor: pointer;" + ckstyle + "'  onclick='clickTab(\"" + tab.id + "\"," + ckData + ")' >";
            } else {
                divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + unckbackground + ";background-size:100% 100%;color: " + unckfontcolor + ";font-size: " + unckfontsize + "px;font-weight: " + unckfontweight + ";text-align: " + uncktextAlign + ";cursor: pointer;" + unckstyle + "' onclick='clickTab(\"" + tab.id + "\"," + ckData + ")'>";
            }
            // } else {
            //     nowTabIds = nowCk;
            //     if(tab.id==nowCk){
            //         divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + ckbackground + ";color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";text-align: " + cktextAlign + ";cursor: pointer;' ondblclick='clickTab(\"" + tab.id + "\"," + ckData + ")' >";
            //     }else{
            //         divHtml += "<div id='" + tab.id + "' pid='" + tab.pid + "' style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + unckbackground + ";color: " + unckfontcolor + ";font-size: " + unckfontsize + "px;font-weight: " + unckfontweight + ";text-align: " + uncktextAlign + ";cursor: pointer;' ondblclick='clickTab(\"" + tab.id + "\"," + ckData + ")'>";
            //     }
            // }
            divHtml += text;
            divHtml += "</div>";
        }

        //     }
        // });
    } else if (content.tabtype != null && content.tabtype == 'radio') {
        for (let i = 0; i < showData.length; i++) {
            let tab = showData[i];

            let text = '';
            if (tab.text != null && tab.text != '') {
                text = tab.text;
            }

            let firstck = 'false';
            if (tab.firstck != null && tab.firstck != '') {
                firstck = tab.firstck;
            }
            let width = '120';
            if (tab.width != null && tab.width != '') {
                width = tab.width;
            }
            let height = '60';
            if (tab.height != null && tab.height != '') {
                height = tab.height;
            }
            if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                width += "px";
            }
            if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                height += "px";
            }


            let ckbackground = 'transparent';
            if (tab.ckbackground != null && tab.ckbackground != '') {
                ckbackground = tab.ckbackground;
                if (ckbackground.indexOf("/") >= 0) {
                    var path = getRootPath() + ckbackground;
                    ckbackground = 'url(' + path + ') no-repeat';
                }
            }
            let ckfontcolor = '#3c8dbc';
            if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
                ckfontcolor = tab.ckfontcolor;
            }
            let ckfontsize = '14';
            if (tab.ckfontsize != null && tab.ckfontsize != '') {
                ckfontsize = tab.ckfontsize;
            }
            let ckfontweight = '400';
            if (tab.ckfontweight != null && tab.ckfontweight != '') {
                ckfontweight = tab.ckfontweight;
            }
            let cktextAlign = 'center';
            // if (tab.cktextAlign != null && tab.cktextAlign != '') {
            //     cktextAlign = tab.cktextAlign;
            // }
            let ckstyle = '';
            if (tab.ckstyle != null && tab.ckstyle != '') {
                ckstyle = tab.ckstyle;
            }

            let unckbackground = 'transparent';
            if (tab.unckbackground != null && tab.unckbackground != '') {
                unckbackground = tab.unckbackground;
                if (unckbackground.indexOf("/") >= 0) {
                    var path = getRootPath() + unckbackground;
                    unckbackground = 'url(' + path + ') no-repeat';
                }
            }
            let unckfontcolor = '#555555';
            if (tab.unckfontcolor != null && tab.unckfontcolor != '') {
                unckfontcolor = tab.unckfontcolor;
            }
            let unckfontsize = '14';
            if (tab.unckfontsize != null && tab.unckfontsize != '') {
                unckfontsize = tab.unckfontsize;
            }
            let unckfontweight = '400';
            if (tab.unckfontweight != null && tab.unckfontweight != '') {
                unckfontweight = tab.unckfontweight;
            }
            let uncktextAlign = 'center';
            // if (tab.uncktextAlign != null && tab.uncktextAlign != '') {
            //     uncktextAlign = tab.uncktextAlign;
            // }
            let unckstyle = '';
            if (tab.unckstyle != null && tab.unckstyle != '') {
                unckstyle = tab.unckstyle;
            }

            let radioBackground = tab.radioBackground;
            let radioCkBackground = tab.radioCkBackground;
            let radioSize = tab.radioSize.replace("px", "");
            let radioCkSize = tab.radioCkSize.replace("px", "");

            let m_t = (height.replace("px", "") - radioSize) / 2;
            let m_t2 = (radioSize - radioCkSize) / 2;


            divHtml += "<div style='float:left;width:" + width + ";height:" + height + ";line-height:" + height + ";background: " + ckbackground + ";background-size:100% 100%;color: " + ckfontcolor + ";font-size: " + ckfontsize + "px;font-weight: " + ckfontweight + ";text-align: " + cktextAlign + ";cursor: pointer;" + ckstyle + "'  >";
            if (firstck == 'true') {
                divHtml += "<div id='" + tab.pid + "_" + i + "_out' style='float:left;margin-top: " + m_t + "px;width: " + radioSize + "px;height: " + radioSize + "px;border-radius: 50%;background: " + radioBackground + ";position: relative;' onclick='radioSelect(\"" + tab.pid + "\",\"" + showData.length + "\",\"" + i + "\",\"" + radioCkBackground + "\",\"" + tab.id + "\"," + ckData + ")'>";
                divHtml += "<div id='" + tab.pid + "_" + i + "_in' style='position: absolute;left: " + m_t2 + "px;top:" + m_t2 + "px;width:" + radioCkSize + "px;height:" + radioCkSize + "px;background: " + radioCkBackground + ";border-radius: 50%;'></div>";
                divHtml += "</div>";
                divHtml += "<div style='float:left;'>" + text + "</div>";
            } else {
                divHtml += "<div id='" + tab.pid + "_" + i + "_out' style='float:left;margin-top: " + m_t + "px;width: " + radioSize + "px;height: " + radioSize + "px;border-radius: 50%;background: #616161;position: relative;' onclick='radioSelect(\"" + tab.pid + "\",\"" + showData.length + "\",\"" + i + "\",\"" + radioCkBackground + "\",\"" + tab.id + "\"," + ckData + ")'>";
                divHtml += "<div id='" + tab.pid + "_" + i + "_in' style='position: absolute;left: " + m_t2 + "px;top:" + m_t2 + "px;width:" + radioCkSize + "px;height:" + radioCkSize + "px;background: transparent;border-radius: 50%;'></div>";
                divHtml += "</div>";
                divHtml += "<div style='float:left;'>" + text + "</div>";
            }
            divHtml += "</div>";
        }
    }
    divHtml += "</div>";
    return divHtml;
}

/**
 * 下拉跳转
 */
function showAssembly_SelectJump(content) {
    var style = content.style;

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv\" onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;position:absolute;width:" + width + ";height:" + height + ";padding:2px;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editSelectJump('" + content.id + "');\">";
    divHtml += "<svg t='1703644888986' class='icon' viewBox='0 0 1024 1024' p-id='7596' width='16' height='16'>";
    divHtml += "<path d='M839.68 445.44H614.4l112.64 122.88z' fill='#515151' p-id='7597'></path>";
    divHtml += "<path d='M957.44 194.56H81.92c-10.24 0-20.48 10.24-20.48 25.6V742.4c0 10.24 10.24 20.48 25.6 20.48h875.52c10.24 0 25.6-10.24 25.6-20.48V220.16c-5.12-15.36-15.36-25.6-30.72-25.6z m-51.2 471.04c0 10.24-10.24 15.36-20.48 15.36H158.72c-10.24 0-20.48-5.12-20.48-15.36V291.84c0-10.24 10.24-15.36 20.48-15.36h727.04c10.24 0 20.48 5.12 20.48 15.36V665.6z' fill='#515151' p-id='7598'></path>";
    divHtml += "</svg>";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualSelect/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (datas) {
            // console.log(datas)
            if (datas.length > 0) {
                divHtml += "<div id=\"" + content.id + "_select-menu-list\" style='display: none;background-color: transparent;margin-top: " + (Number(height.replace("px", "")) - 25) + "px;'>";
                for (let i = 0; i < datas.length; i++) {
                    let data = datas[i];
                    let text = data.textcontent;
                    let fontsize = '';
                    if (data.fontsize != null && data.fontsize != '') {
                        fontsize = data.fontsize;
                    }
                    let fontcolor = '';
                    if (data.fontcolor != null && data.fontcolor != '') {
                        fontcolor = data.fontcolor;
                    }
                    let fontweight = '';
                    if (data.fontweight != null && data.fontweight != '') {
                        fontweight = data.fontweight;
                    }
                    let height = '';
                    if (data.height != null && data.height != '') {
                        height = data.height.replace("px", "") + "px";
                    }
                    let background = '';
                    if (data.background != null && data.background != '') {
                        background = data.background;
                    }
                    let style = '';
                    if (data.style != null && data.style != '') {
                        style = data.style;
                    }
                    style += "color: " + fontcolor + ";font-size: " + fontsize + "px;font-weight: " + fontweight + ";height:" + height + ";line-height:" + height + ";background:" + background + ";";

                    divHtml += "<div id=\"" + data.id + "_select-menu-list-option\" style=\"padding-left: 10px;" + style + "cursor: pointer;\">" + text + "</div>";

                }
                divHtml += "</div>";
            }
        }
    });
    divHtml += "</div>";
    return divHtml;
}

function showAssembly_SelectJump_View(content, showData) {
    var style = content.style;

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv\" onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var divHtml = "<div " + onmouseupSt + " style=\"width:" + width + ";height:" + height + ";" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    // console.log(datas)
    if (showData.length > 0) {
        divHtml += "<div id=\"" + content.id + "_select-menu-list\" style='display: none;background-color: transparent;margin-top: " + (Number(height.replace("px", "")) - 2) + "px;'>";
        for (let i = 0; i < showData.length; i++) {
            let data = showData[i];
            let text = data.textcontent;
            let fontsize = '';
            if (data.fontsize != null && data.fontsize != '') {
                fontsize = data.fontsize;
            }
            let fontcolor = '';
            if (data.fontcolor != null && data.fontcolor != '') {
                fontcolor = data.fontcolor;
            }
            let fontweight = '';
            if (data.fontweight != null && data.fontweight != '') {
                fontweight = data.fontweight;
            }
            let height = '';
            if (data.height != null && data.height != '') {
                height = data.height.replace("px", "") + "px";
            }
            let background = '';
            if (data.background != null && data.background != '') {
                background = data.background;
            }
            let style = '';
            if (data.style != null && data.style != '') {
                style = data.style;
            }

            let urlstring = '';
            if (data.urlstring != null && data.urlstring != '') {
                urlstring = data.urlstring;
            }

            style += "color: " + fontcolor + ";font-size: " + fontsize + "px;font-weight: " + fontweight + ";height:" + height + ";line-height:" + height + ";background:" + background + ";";

            divHtml += "<div id=\"" + data.id + "_select-menu-list-option\" style=\"padding-left: 10px;" + style + "cursor: pointer;\" onclick=\"reFrame('" + urlstring + "');\">" + text + "</div>";

        }
        divHtml += "</div>";
    }

    divHtml += "</div>";
    return divHtml;
}

/**
 * 数据映射组件
 */
function showAssembly_MpView(content) {
    var style = content.style;

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "class=\"moveDiv\" onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }
    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    var divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;position:absolute;width:" + width + ";height:" + height + ";padding:2px;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"showContainerMpView('" + content.id + "');\">";
    divHtml += "<svg t='1635149151873' class='icon' viewBox='0 0 1217 1024' p-id='5835' width='16' height='16'>";
    divHtml += "<path d='M81.279482 403.912645l1.601294-0.055217 1054.866326-0.110434h0.55217a54.112699 54.112699 0 0 0 54.057482-53.33966 52.732273 52.732273 0 0 0-23.246374-44.78102L775.026368 35.780642a55.051389 55.051389 0 0 0-74.211701 11.871663l-1.766945 2.374333a52.014451 52.014451 0 0 0-8.503424 39.424966 51.904017 51.904017 0 0 0 21.755513 33.903263l253.611863 173.712806H83.101645a53.450094 53.450094 0 0 0-1.822163 106.844972zM1137.471016 619.976921H82.273389a54.112699 54.112699 0 0 0-54.057482 53.394877 52.897924 52.897924 0 0 0 23.301591 44.781019l394.028795 269.790456v0.055217c9.276463 6.294743 20.099002 9.607765 31.308061 9.607765h0.165651a55.051389 55.051389 0 0 0 44.449717-22.528552l1.104341-1.546077a52.621839 52.621839 0 0 0-14.35643-72.996927l-253.611863-173.712806H1137.471016a53.450094 53.450094 0 0 0 0-106.844972z'></path>";
    divHtml += "</svg>";
    divHtml += "</div>";
    return divHtml;
}

function showAssembly_MpView_View(content, showData, mqSt) {
    var contentStyle = content.style;
    var divwidth = content.width;
    var divheight = content.height;

    if (content.zIndex != null && content.zIndex != '') {
        contentStyle += "z-index:" + content.zIndex + ";";
    }

    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("px") < 0 && postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("px") < 0 && postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (divwidth.indexOf("px") < 0 && divwidth.indexOf("%") < 0) {
        divwidth += "px";
    }
    if (divheight.indexOf("px") < 0 && divheight.indexOf("%") < 0) {
        divheight += "px";
    }

    var divHtml = "<div style=\"position:absolute;top:" + postY + ";left:" + postX + ";width:" + divwidth + ";height:" + divheight + ";" + contentStyle + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualMpView/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    let background = "";

    for (let i = 0; i < showData.length; i++) {
        let mpView = showData[i];

        let mpid = "";
        if (mpView.mpid != null && mpView.mpid != '') {
            mpid = mpView.mpid;
            // mqttMpcode = mqttMpcode + mpid + ",";
        }
        let jsmpValue = "";
        if (mpView.jsmpValue != null) {
            jsmpValue = mpView.jsmpValue;
        }
        let jsvalue = "";
        if (jsmpValue != '') {
            jsvalue = jsmpValue;
        } else {
            if (mpView.jsvalue != null) {
                jsvalue = mpView.jsvalue;
            }
        }

        let jsmethod = "";
        if (mpView.jsmethod != null && mpView.jsmethod != '') {
            jsmethod = mpView.jsmethod;
        }

        let forbackground = "";

        if (mpView.background != null && mpView.background != '') {
            forbackground = mpView.background;
        } else {
            forbackground = "transparent";
        }

        let parmvalue = "";
        if (mpView.mpid != null && mpView.mpid != '') {
            parmvalue = mpView.mpValue;
        } else if (mpView.url != null && mpView.url != '') {
            $.ajax({
                type: 'GET',
                url: ext.contextPath + mpView.url,
                async: false,
                globle: false,
                dataType: 'json',
                error: function () {
                    return false;
                },
                success: function (result) {
                    parmvalue = result.result;
                }
            });
        }

        let showBackground = getMpValueForShow(parmvalue, jsvalue, jsmethod, forbackground, i);
        if (showBackground != '-') {
            background += showBackground + "|";
        } else {
            // background += "-|";
        }
    }

    background = background.substring(0, background.length - 1);
    background = background.split("|");
    // console.log(background)
    // mpValueDataJson

    if (background != null && background.length > 0) {
        // for (let j = 0; j < background.length; j++) {
        // mpValueDataJson.nowIndex = background[1];
        let bkData = background[0];
        if (bkData != '-' && bkData != '') {

            let bkS = bkData.split(",");

            //为mq更新使用 记录 首次或者上次采用的映射条件序号
            eval("mpValueDataJson.AA" + content.id + "").nowIndex = bkS[1];

            // console.log(eval("mpValueDataJson.AA" + content.id + ".nowIndex"))

            let backgroundT = "";

            let filest = "false";
            if (showData[Number(bkS[1])].filest != '') {
                filest = showData[Number(bkS[1])].filest;
            }

            let ckid = showData[Number(bkS[1])].id;
            let ckMinioId = "";
            if (filest == 'true') {
                ckMinioId = showData[Number(bkS[1])].id;
                if (mqSt == 'true') {
                    backgroundT = "url(" + getMinioFile(showData[Number(bkS[1])].id, 'tb_pro_dataVisual_mpView_file', 'datavisual') + ")";
                }
            } else {
                backgroundT = bkS[0];
            }

            let fontsize = "14px";
            if (showData[Number(bkS[1])].fontsize != null) {
                if (showData[Number(bkS[1])].fontsize != '') {
                    fontsize = showData[Number(bkS[1])].fontsize.replace("px") + "px";
                }
            }
            let fontcolor = "#000000";
            if (showData[Number(bkS[1])].fontcolor != null) {
                if (showData[Number(bkS[1])].fontcolor != '') {
                    fontcolor = showData[Number(bkS[1])].fontcolor;
                }
            }
            let fontweight = "400";
            if (showData[Number(bkS[1])].fontweight != null) {
                if (showData[Number(bkS[1])].fontweight != '') {
                    fontweight = showData[Number(bkS[1])].fontweight;
                }
            }

            let outValueType = "0";
            if (showData[Number(bkS[1])].outValueType != null) {
                if (showData[Number(bkS[1])].outValueType != '') {
                    outValueType = showData[Number(bkS[1])].outValueType;
                }
            }

            let autoBkSt = "false";
            let autoheight = "100";
            let textShow = "";
            if (outValueType == '0') {
                if (showData[Number(bkS[1])].textshow != null) {
                    if (showData[Number(bkS[1])].textshow != '') {
                        textShow = showData[Number(bkS[1])].textshow;
                    }
                }
            } else if (outValueType == '1') {
                if (showData[Number(bkS[1])].autoBkSt != null) {
                    if (showData[Number(bkS[1])].autoBkSt != '') {
                        autoBkSt = showData[Number(bkS[1])].autoBkSt;
                    }
                }
                if (autoBkSt == 'true') {
                    let autoBkStMaxvalue = "";
                    if (showData[Number(bkS[1])].autoBkStMaxvalue != null) {
                        if (showData[Number(bkS[1])].autoBkStMaxvalue != '') {
                            autoBkStMaxvalue = showData[Number(bkS[1])].autoBkStMaxvalue;
                        }
                    }
                    if (autoBkStMaxvalue != '') {
                        autoheight = ((Number(showData[Number(bkS[1])].mpValue) / Number(autoBkStMaxvalue)) * 100).toFixed(0);
                    }

                }

            }

            if (Number(autoheight) > 100) {
                autoheight = "100";
            }

            let opacity = "1";
            if (showData[Number(bkS[1])].opacity != null) {
                if (showData[Number(bkS[1])].opacity != '') {
                    opacity = showData[Number(bkS[1])].opacity;
                }
            }

            let style = "";
            if (showData[Number(bkS[1])].style != null) {
                if (showData[Number(bkS[1])].style != '') {
                    style = showData[Number(bkS[1])].style;
                }
            }

            if (autoBkSt == 'true') {
                let autoBkTextSt = "true";
                if (showData[Number(bkS[1])].autoBkTextSt != null) {
                    if (showData[Number(bkS[1])].autoBkTextSt != '') {
                        autoBkTextSt = showData[Number(bkS[1])].autoBkTextSt;
                    }
                }

                let autoBkTextType = "";
                if (showData[Number(bkS[1])].autoBkTextType != null) {
                    if (showData[Number(bkS[1])].autoBkTextType != '') {
                        autoBkTextType = showData[Number(bkS[1])].autoBkTextType;
                    }
                }

                if (autoBkTextSt == 'true') {
                    if (autoBkTextType == '1') {
                        textShow = showData[Number(bkS[1])].mpValue;
                    } else if (autoBkTextType == '2') {
                        textShow = autoheight + "%";
                    } else {
                        textShow = "";
                    }
                }


                let autoBkBackground = "";
                if (showData[Number(bkS[1])].autoBkBackground != null) {
                    if (showData[Number(bkS[1])].autoBkBackground != '') {
                        autoBkBackground = showData[Number(bkS[1])].autoBkBackground;
                    }
                }

                divHtml += "<div id=\"" + ckid + "\" ckMinioId=\"" + ckMinioId + "\" style='position: relative;width:100%;height:100%;text-align:center;font-size: " + fontsize + ";color: " + fontcolor + ";font-weight: " + fontweight + ";background: " + backgroundT + ";background-size:100% 100%;" + style + ";' ondblclick=\"openLine('" + showData[Number(bkS[1])].mpid + "');\" >" +
                    "<div style='position: absolute;top:0px;width:100%;height:" + (100 - autoheight) + "%;'></div>" +
                    "<div style='position: absolute;bottom:0px;width:100%;height:" + autoheight + "%;opacity:" + opacity + ";line-height:" + Number(divheight.replace("px", "")) * (Number(autoheight) / 100) + "px;background: " + autoBkBackground + ";background-size:100% 100%;'>" + textShow + "</div>" +
                    "</div>";
            } else {
                divHtml += "<div id=\"" + ckid + "\" ckMinioId=\"" + ckMinioId + "\" style='float:left;width:100%;height:100%;text-align:center;line-height:" + divheight + ";font-size: " + fontsize + ";color: " + fontcolor + ";font-weight: " + fontweight + ";opacity:" + opacity + ";background: " + backgroundT + ";background-size:100% 100%;" + style + ";' ondblclick=\"openLine('" + showData[Number(bkS[1])].mpid + "');\" >" + textShow + "</div>";
            }


        }
        // }

    }
    //     }
    // });

    divHtml += "</div>";
    return divHtml;
}

function getMpValueForShow(parmvalue, jsvalue, jsmethod, forbackground, index) {
    let showBackground = "-";

    if (jsmethod == '0') {
        if (Number(parmvalue) > Number(jsvalue)) {
            if (forbackground.indexOf("/") >= 0) {
                var path = getRootPath() + forbackground;
                showBackground = 'url(' + path + ') no-repeat';
            } else {
                showBackground = forbackground;
            }
            return showBackground + "," + index;
        }
    } else if (jsmethod == '1') {
        if (Number(parmvalue) >= Number(jsvalue)) {
            if (forbackground.indexOf("/") >= 0) {
                var path = getRootPath() + forbackground;
                showBackground = 'url(' + path + ') no-repeat';
            } else {
                showBackground = forbackground;
            }
            return showBackground + "," + index;
        }
    } else if (jsmethod == '2') {
        if (Number(parmvalue) == Number(jsvalue)) {
            if (forbackground.indexOf("/") >= 0) {
                var path = getRootPath() + forbackground;
                showBackground = 'url(' + path + ') no-repeat';
            } else {
                showBackground = forbackground;
            }
            return showBackground + "," + index;
        }
    } else if (jsmethod == '3') {
        if (Number(parmvalue) < Number(jsvalue)) {
            if (forbackground.indexOf("/") >= 0) {
                var path = getRootPath() + forbackground;
                showBackground = 'url(' + path + ') no-repeat';
            } else {
                showBackground = forbackground;
            }
            return showBackground + "," + index;
        }
    } else if (jsmethod == '4') {
        if (Number(parmvalue) <= Number(jsvalue)) {
            if (forbackground.indexOf("/") >= 0) {
                var path = getRootPath() + forbackground;
                showBackground = 'url(' + path + ') no-repeat';
            } else {
                showBackground = forbackground;
            }
            return showBackground + "," + index;
        }
    }
    return showBackground;
}

function getMinioFile(masterId, tbName, bucketName) {
    let path = "-";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/base/getInputFileList_minio.do",
        async: false,
        globle: false,
        data: {
            masterId: masterId,
            tbName: tbName,
            bucketName: bucketName
        },
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            if (data.length > 0) {
                path = 'data:image/png;base64,' + data[0].streamFile;
            }
        }
    });
    return path;
}

/**
 * 进度条组件
 */
function showAssembly_ProgressBarChart(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualProgressBarChart/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editProgressBarChart('" + content.id + "');\">";
            divHtml += "<svg t='1635173307290' class='icon' viewBox='0 0 1024 1024' p-id='7676' width='16' height='16'>";
            divHtml += "<path d='M199.111111 398.222222m28.444445 0l341.333333 0q28.444444 0 28.444444 28.444445l0 170.666666q0 28.444444-28.444444 28.444445l-341.333333 0q-28.444444 0-28.444445-28.444445l0-170.666666q0-28.444444 28.444445-28.444445Z' p-id='7677'></path><path d='M824.888889 312.888889H199.111111a85.333333 85.333333 0 0 0-85.333333 85.333333v227.555556a85.333333 85.333333 0 0 0 85.333333 85.333333h625.777778a85.333333 85.333333 0 0 0 85.333333-85.333333v-227.555556a85.333333 85.333333 0 0 0-85.333333-85.333333z m28.444444 298.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-597.333334A42.666667 42.666667 0 0 1 170.666667 611.555556v-199.111112A42.666667 42.666667 0 0 1 213.333333 369.777778h597.333334a42.666667 42.666667 0 0 1 42.666666 42.666666z' p-id='7678'></path>";
            divHtml += "</svg>";
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_ProgressBarChart_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualProgressBarChart/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showProgressBarChart(contentId, showData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualProgressBarChart/getJson.do?pid=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    // console.log(data)
    var dataVisualGaugeChart = showData;
    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let showValue = "0";
    let mpid = "";
    if (dataVisualGaugeChart.mpid != null && dataVisualGaugeChart.mpid != "") {
        mpid = dataVisualGaugeChart.mpid;
    }
    if (mpid != "") {
        showValue = dataVisualGaugeChart.text;
        // $.ajax({
        //     type: 'GET',
        //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEXAndDV.do",
        //     async: false,
        //     globle: false,
        //     data: {
        //         mpid: mpid,
        //         valuemethod: dataVisualGaugeChart.valuemethod,
        //         sdt: sdt,
        //         edt: edt
        //     },
        //     dataType: 'json',
        //     error: function () {
        //         return false;
        //     },
        //     success: function (result) {
        //         let mp = result[0];
        //         showValue = mp.parmvalue;
        //     }
        // });
    } else {
        if (dataVisualGaugeChart.text != null && dataVisualGaugeChart.text != "") {
            showValue = dataVisualGaugeChart.text;
        }
    }
    showValue = Number(showValue);

    let showbktextValue = "100";
    let bkmptext = "";
    if (dataVisualGaugeChart.bkmptext != null && dataVisualGaugeChart.bkmptext != "") {
        bkmptext = dataVisualGaugeChart.bkmptext;
    }
    if (bkmptext != "") {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
            async: false,
            globle: false,
            data: {
                mpid: bkmptext
            },
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (result) {
                let mp = result[0];
                showbktextValue = mp.parmvalue;
            }
        });
    } else {
        if (dataVisualGaugeChart.bktext != null && dataVisualGaugeChart.bktext != "") {
            showbktextValue = dataVisualGaugeChart.bktext;
        }
    }
    showbktextValue = Number(showbktextValue);

    let textPosition = "false";
    if (dataVisualGaugeChart.textPosition != null && dataVisualGaugeChart.textPosition != '') {
        textPosition = dataVisualGaugeChart.textPosition;
    }
    let labelShow = "false";
    if (textPosition != 'false') {
        labelShow = 'true';
    }
    labelShow = eval(labelShow.toLowerCase());
    let textColor = "#fff";
    if (dataVisualGaugeChart.textColor != null && dataVisualGaugeChart.textColor != '') {
        textColor = dataVisualGaugeChart.textColor;
    }
    let textFontsize = "16";
    if (dataVisualGaugeChart.textFontsize != null && dataVisualGaugeChart.textFontsize != '') {
        textFontsize = dataVisualGaugeChart.textFontsize;
    }
    let textFontweight = "normal";
    if (dataVisualGaugeChart.textFontweight != null && dataVisualGaugeChart.textFontweight != '') {
        textFontweight = dataVisualGaugeChart.textFontweight;
    }

    let datacolor = "#69F6F9";
    if (dataVisualGaugeChart.datacolors != null && dataVisualGaugeChart.datacolors != '') {
        datacolor = dataVisualGaugeChart.datacolors;
    }

    let datacolors = datacolor.split(",");

    let colorsData = [];

    if (datacolors != '' && datacolors.length > 1) {
        let colorsDataD = [];
        for (let c = 0; c < datacolors.length; c++) {
            colorsDataD.push({
                offset: (1 / (datacolors.length - 1)) * c,
                color: datacolors[c]
            })
        }
        colorsData = new echarts.graphic.LinearGradient(0, 0, 1, 0, colorsDataD)
    } else {
        colorsData = datacolor;
    }

    let databarwidth = "40";
    if (dataVisualGaugeChart.databarwidth != null && dataVisualGaugeChart.databarwidth != '') {
        databarwidth = dataVisualGaugeChart.databarwidth;
    }
    let dataradius = "20";
    if (dataVisualGaugeChart.dataradius != null && dataVisualGaugeChart.dataradius != '') {
        dataradius = dataVisualGaugeChart.dataradius;
    }

    let bkcolors = "#e0e0e0";
    if (dataVisualGaugeChart.bkcolors != null && dataVisualGaugeChart.bkcolors != '') {
        bkcolors = dataVisualGaugeChart.bkcolors;
    }
    let bkbarwidth = "40";
    if (dataVisualGaugeChart.bkbarwidth != null && dataVisualGaugeChart.bkbarwidth != '') {
        bkbarwidth = dataVisualGaugeChart.bkbarwidth;
    }
    let bkradius = "20";
    if (dataVisualGaugeChart.bkradius != null && dataVisualGaugeChart.bkradius != '') {
        bkradius = dataVisualGaugeChart.bkradius;
    }

    let option = {
        grid: {
            left: 0,   // 与容器左侧的距离
            right: 0, // 与容器右侧的距离
            top: 0,
            bottom: 0
        },
        xAxis: {
            show: false,
            type: "value",
            max: showbktextValue
//                    boundaryGap: [0, 0]
        },
        yAxis: [
            {
                show: false,
//                        type: "category",
                data: [""],
//                        axisLine: {show: false},
//                        axisTick: [
//                            {
//                                show: false
//                            }
//                        ]
            }
        ],
        series: [
            {
                name: "数据",
                type: "bar",
                zlevel: 1,
                itemStyle: {
                    normal: {
                        barBorderRadius: Number(dataradius),
                        color: colorsData
                    }
                },
                label: {
                    show: labelShow,
                    position: textPosition,
                    color: textColor,
                    fontSize: textFontsize,
                    fontWeight: textFontweight
                },
                barWidth: databarwidth,
                data: [showValue],
                showBackground: true,
                backgroundStyle: {
                    color: bkcolors,
                    borderRadius: Number(bkradius)
                }
            }
//                    ,
//                    {
//                        name: "背景",
//                        type: "bar",
//                        barWidth: bkbarwidth,
//                        barGap: "-100%",
//                        data: [showbktextValue],
//                        itemStyle: {
//                            normal: {
//                                color: bkcolors,
//                                barBorderRadius: Number(bkradius)
//                            }
//                        }
//                    }
        ]
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    //     }
    // });
}

/**
 * 线条组件
 */
function showAssembly_Line(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }

    divHtml = "<div " + onmouseupSt + " style=\"border:1px solid red;position:absolute;top:" + postY + ";left:" + postX + ";background-color: " + content.background + ";width:" + width + ";height:" + height + ";cursor: move;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editLine('" + content.id + "');\">";
    divHtml += "</div>";

    return divHtml;
}

function showAssembly_Line_View(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    //需要绑定开关组件加
    let hiddenSt = "display:block;";
    if (switchHiddenPoints.indexOf(content.id) != -1) {
        hiddenSt = "display:none;";
    }
    style += hiddenSt;

    divHtml = "<div style=\"position:absolute;top:" + postY + ";left:" + postX + ";background-color: " + content.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editPictureChart('" + content.id + "');\">";
    divHtml += "</div>";

    return divHtml;
}

/**
 * 开关组件
 */
function showAssembly_Switch(content) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    let onmouseupSt = "";
    let isfixed = content.isfixed;
    if (isfixed == 'true') {
    } else {
        if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
        } else {
            onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
        }
    }

    divHtml = "<div " + onmouseupSt + " style=\"border:2px solid red;position:absolute;top:" + postY + ";left:" + postX + ";background-color: " + content.background + ";width:" + width + ";height:" + height + ";cursor: move;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editSwitch('" + content.id + "');\">";
    divHtml += "<i class=\"fa fa-toggle-on\"></i>";
    divHtml += "</div>";

    return divHtml;
}

function showAssembly_Switch_View(content, showData) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let width = content.width;
    let height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    let opacityst = "1";
    if (content.opacityst != null && content.opacityst != '') {
        opacityst = content.opacityst;
    }

    style += "top:" + postY + ";left:" + postX + ";opacity:" + opacityst + ";";

    let switchId = "switch_" + showData.id;

    //获取绑定点
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualSwitchPoint/getPoints.do?pid=" + switchId.replace("switch_", ""),
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (datas) {
            if (showData.openst == 'false') {
                switchHiddenPoints += datas;
            }
            switchAllPoints["AA"+showData.id] = datas;
        }
    });

    divHtml += "<div style=\"position:absolute;width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    divHtml += "</div>";
    return divHtml;
}

/**
 * 悬浮框组件
 */
function showAssembly_SuspensionFrame(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualSuspensionFrame/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (datas) {
            let data = eval('(' + datas + ')');
            data = data[0];

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            var textcontent = "";
            if (data.textcontent != null && data.textcontent != "") {
                textcontent = data.textcontent;
            }

            divHtml += "<div " + onmouseupSt + " style=\"border:2px solid red;position:absolute;font-size:" + data.fontsize + "px;font-weight:" + data.fontweight + ";color:" + data.fontcolor + ";text-align:" + data.textalign + ";background-color: " + data.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editSuspensionFrame('" + content.id + "');\">";
            divHtml += textcontent;
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_SuspensionFrame_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualSuspensionFrame/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (datas) {
    //         let data = eval('(' + datas + ')');
    //         data = data[0];

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let width = content.width;
    let height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    style += "top:" + postY + ";left:" + postX + ";";

    var textcontent = "";
    if (showData.textcontent != null && showData.textcontent != "") {
        textcontent = showData.textcontent;
    }

    divHtml += "<div style=\"position:absolute;font-size:" + showData.fontsize + "px;font-weight:" + showData.fontweight + ";color:" + showData.fontcolor + ";text-align:" + showData.textalign + ";background-color: " + showData.background + ";width:" + width + ";height:" + height + ";cursor: pointer;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"showVoice('" + showData.id + "');\">";
    divHtml += textcontent;
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

function showVoice(id) {
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualSuspensionFrame/getById.do?id=" + id,
        async: true,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            let to_speak = window.speechSynthesis;
            to_speak = new SpeechSynthesisUtterance(data[0].textcontent);
            window.speechSynthesis.speak(to_speak);
        }
    });

}


/**
 * 极坐标组件
 */
function showAssembly_PolarCoordinates(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualPolarCoordinates/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " onmousemove=\"doMove();\"  style=\"border:2px solid red;background-color: " + datas[0].background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editPolarCoordinates('" + content.id + "');\">";
            divHtml += "<svg t='1636883916821' class='icon' viewBox='0 0 1024 1024' width='16' height='16'>";
            divHtml += " <path d='M512 672a161.92 161.92 0 0 1-69.44-15.68 32 32 0 0 1-14.72-42.88 32 32 0 0 1 42.56-14.72A96 96 0 0 0 512 608a96 96 0 0 0 0-192 32 32 0 0 1 0-64 160 160 0 0 1 0 320z' fill='#2c2c2c' p-id='6630'></path>";
            divHtml += " <path d='M512 832a314.24 314.24 0 0 1-142.72-32c-8.32-4.16-16-8.32-24-13.12a32 32 0 0 1 32-54.72c6.4 3.84 12.8 7.36 19.52 10.56A250.56 250.56 0 0 0 512 768a256 256 0 0 0 0-512 32 32 0 0 1 0-64 320 320 0 0 1 0 640z' fill='#2c2c2c' p-id='6631'></path>";
            divHtml += " <path d='M512 992a480 480 0 0 1-268.16-81.92 32 32 0 1 1 35.84-53.12A416 416 0 1 0 512 96a32 32 0 0 1 0-64 480 480 0 0 1 0 960z' fill='#2c2c2c' p-id='6632'></path>";
            divHtml += " <path d='M512 672a160 160 0 0 1-160-160 32 32 0 0 1 64 0 96 96 0 0 0 96 96 32 32 0 0 1 0 64z' fill='#2c2c2c' p-id='6633'></path>";
            divHtml += " <path d='M512 832A320 320 0 0 1 192 512a32 32 0 0 1 64 0 256 256 0 0 0 256 256 32 32 0 0 1 0 64z' fill='#2c2c2c' p-id='6634'></path>";
            divHtml += " <path d='M512 992A480 480 0 0 1 32 512a32 32 0 0 1 64 0 416 416 0 0 0 416 416 32 32 0 0 1 0 64z' fill='#2c2c2c' p-id='6635'></path>";
            divHtml += " </svg>";
            divHtml += "</div>";
            // divHtml+="<div style=\"position:absolute;top:"+(Number(content.posty)+Number(content.height))+"px;left:"+(Number(content.postx)+(Number(content.width)/2-20))+"px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color:#FFFFFF transparent transparent transparent;\">";

        }
    });
    return divHtml;
}

function showAssembly_PolarCoordinates_View(content, showData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPolarCoordinates/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    //         let datas = eval('(' + data + ')');

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        let postX = content.postx;
        let postY = content.posty;
        if (postX.indexOf("%") < 0) {
            postX += "px";
        }
        if (postY.indexOf("%") < 0) {
            postY += "px";
        }
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }

        style += "position:absolute;top:" + postY + ";left:" + postX + ";";
    }

    divHtml = "<div  style=\"background-color: " + showData.background + ";width:" + width + ";height:" + height + ";overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\"  >";
    divHtml += "</div>";
    //     }
    // });
    return divHtml;
}

function showPolarCoordinates(contentId, showData, showSeriesData) {
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualPolarCoordinates/getChartJson.do?contentId=" + contentId,
    //     async: true,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    // console.log(data)
    var dataVisualGaugeChart = showData;
    var dataVisualPolarCoordinatesSeries = showSeriesData;

    document.getElementById(contentId).removeAttribute("_echarts_instance_");
    var myChart = echarts.init(document.getElementById(contentId));
    myChart.showLoading({
        text: '数据正在加载...',
        textStyle: {fontSize: 30, color: '#444'},
        effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
        zlevel: 0
    });

    let colors = dataVisualGaugeChart.colors.split(',');

    let radius = '80%';
    if (dataVisualGaugeChart.radius != null && dataVisualGaugeChart.radius != '') {
        radius = dataVisualGaugeChart.radius;
    }
    let barWidth = '20';
    if (dataVisualGaugeChart.barwidth != null && dataVisualGaugeChart.barwidth != '') {
        barWidth = dataVisualGaugeChart.barwidth;
    }
    let roundCap = 'true';
    if (dataVisualGaugeChart.roundcapst != null && dataVisualGaugeChart.roundcapst != '') {
        roundCap = dataVisualGaugeChart.roundcapst;
    }
    let showBackground = 'true';
    if (dataVisualGaugeChart.backgroundst != null && dataVisualGaugeChart.backgroundst != '') {
        showBackground = dataVisualGaugeChart.backgroundst;
    }
    let backgroundcolor = '#27333F';
    if (dataVisualGaugeChart.backgroundcolor != null && dataVisualGaugeChart.backgroundcolor != '') {
        backgroundcolor = dataVisualGaugeChart.backgroundcolor;
    }
    let max = 100;
    if (dataVisualGaugeChart.max != null && dataVisualGaugeChart.max != '') {
        max = dataVisualGaugeChart.max;
    }

    let legendShow = eval("true".toLowerCase());
    let legendPosition = "center";
    let legendSt = dataVisualGaugeChart.legendPosition;
    if (legendSt == 'false') {
        legendShow = eval("false".toLowerCase());
    } else {
        legendPosition = legendSt;
        legendShow = eval("true".toLowerCase());
    }
    let legendFontsize = '16px';
    if (dataVisualGaugeChart.legendFontsize != null && dataVisualGaugeChart.legendFontsize != '') {
        legendFontsize = dataVisualGaugeChart.legendFontsize;
    }

    let legendData = [];
    let series = [];
    for (let s = 0; s < dataVisualPolarCoordinatesSeries.length; s++) {
        let seriesData = dataVisualPolarCoordinatesSeries[s];
        legendData.push(seriesData.name);

        let showValue = 0;
        if (seriesData.mpid != null && seriesData.mpid != '') {
            showValue = seriesData.fixedvalue;
            // $.ajax({
            //     type: 'GET',
            //     url: ext.contextPath + "/work/mpoint/getMpointJsonForEX.do",
            //     async: false,
            //     globle: false,
            //     data: {
            //         mpid: seriesData.mpid
            //     },
            //     dataType: 'json',
            //     error: function () {
            //         return false;
            //     },
            //     success: function (result) {
            //         let mp = result[0];
            //         showValue = mp.parmvalue;
            //     }
            // });
        } else {
            if (seriesData.fixedvalue != null && seriesData.fixedvalue != '') {
                showValue = seriesData.fixedvalue;
            }
        }

        let cdata = [];
        for (let i = 0; i < (s + 1); i++) {
            // console.log(s);
            if (i == s) {
                cdata.push(Number(showValue));
            } else {
                cdata[i] = 0;
            }
        }
        if (s == 0) {
            series.push({
                type: "bar",
                barWidth: barWidth,
                data: cdata,
                coordinateSystem: "polar",
                name: seriesData.name,
                stack: "a",
                roundCap: eval(roundCap.toLowerCase()),
                showBackground: eval(showBackground.toLowerCase()),
                backgroundStyle: {
                    color: backgroundcolor
                }
            })
        } else {
            series.push({
                type: "bar",
                data: cdata,
                coordinateSystem: "polar",
                name: seriesData.name,
                stack: "a",
                roundCap: eval(roundCap.toLowerCase()),
                showBackground: eval(showBackground.toLowerCase()),
                backgroundStyle: {
                    color: backgroundcolor
                }
            })
        }
    }

    let option = {
        color: colors,
        angleAxis: {
            max: max,
            type: "value",
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        radiusAxis: {
            type: "category",
            data: legendData,
            z: 100,
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            }
        },
        polar: {
            center: ["50%", "50%"],
            radius: radius
        },
        tooltip: {
            show: true
        },
        series: series,
        legend: {
            show: legendShow,
            left: legendPosition,
            data: legendData,
            textStyle: {
                fontSize: legendFontsize
            }
        }
    };
    myChart.setOption(option, true);
    myChart.hideLoading();
    window.addEventListener('resize', function () {//执行
        myChart.resize();
    })

    //     }
    // });

}

/**
 * 日期控件
 */
function showAssembly_Weather(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualWeather/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            data = data[0];
            // console.log(data)

            let style = "";
            let zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "class=\"moveDiv reSize\" onmousedown=\"doDown();\" onmouseup=\"doUp();\" onmousemove=\"doMove();\"";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";";

            if (data.background != null && data.background != '') {
                style += "background:" + data.background + ";";
            }
            if (data.fontcolor != null && data.fontcolor != '') {
                style += "color:" + data.fontcolor + ";";
            } else {
                style += "color:#000000;";
            }
            let fontsize = "font-size:14px;";
            if (data.fontsize != null && data.fontsize != '') {
                fontsize = data.fontsize.replace("px", "");
                style += "font-size:" + fontsize + "px;";
            } else {
                style += fontsize;
            }
            if (data.fontweight != null && data.fontweight != '') {
                style += "font-weight:" + data.fontweight + ";";
            } else {
                style += "font-weight:400;";
            }
            if (data.textAlign != null && data.textAlign != '') {
                style += "text-align:" + data.textAlign + ";";
            } else {
                style += "text-align:center;";
            }

            let type = "weather";
            if (data.type != null && data.type != '') {
                type = data.type;
            }

            // let showContent = "";

            if (content.style != null && content.style != '') {
                style += content.style;
            }

            divHtml += "<div " + onmouseupSt + " onmousemove=\"doMove();\" style=\"border:2px solid red;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editWeather('" + content.id + "');\">";
            divHtml += "<svg t='1652160662685' class='icon' viewBox='0 0 1024 1024' p-id='2000' width='16' height='16'>";
            divHtml += "<path d='M512 223.361137c16.954137 0 30.699186-13.745049 30.699186-30.699186L542.699186 94.429673c0-16.954137-13.745049-30.699186-30.699186-30.699186s-30.699186 13.745049-30.699186 30.699186l0 98.232279C481.300814 209.617112 495.04484 223.361137 512 223.361137z' p-id='2001'></path>";
            divHtml += " <path d='M264.485767 307.901579c5.994528 5.995551 13.850449 8.991792 21.707394 8.991792 7.855922 0 15.71389-2.998287 21.707394-8.991792 11.989055-11.989055 11.989055-31.426757 0-43.414789l-69.459978-69.461001c-11.988032-11.989055-31.426757-11.989055-43.414789 0-11.989055 11.989055-11.989055 31.426757 0 43.414789L264.485767 307.901579z' p-id='2002'></path>";
            divHtml += "<path d='M94.429673 542.698163l98.232279 0c16.954137 0 30.699186-13.744026 30.699186-30.699186s-13.745049-30.699186-30.699186-30.699186l-98.232279 0c-16.954137 0-30.699186 13.745049-30.699186 30.699186S77.475536 542.698163 94.429673 542.698163z' p-id='2003'></path>";
            divHtml += "<path d='M800.63784 512c0 16.954137 13.745049 30.699186 30.699186 30.699186l98.232279 0c16.954137 0 30.699186-13.744026 30.699186-30.699186s-13.745049-30.699186-30.699186-30.699186l-98.232279 0C814.382888 481.300814 800.63784 495.04484 800.63784 512z' p-id='2004'></path>";
            divHtml += "<path d='M737.805816 316.89337c7.856945 0 15.712867-2.997264 21.707394-8.991792l69.461001-69.461001c11.989055-11.989055 11.989055-31.426757 0-43.415812-11.988032-11.989055-31.426757-11.989055-43.414789 0l-69.461001 69.461001c-11.989055 11.989055-11.989055 31.426757 0 43.415812C722.091926 313.896106 729.948871 316.89337 737.805816 316.89337z' p-id='2005'></path>";
            divHtml += "<path d='M824.811402 636.81368c-4.625344-50.765197-24.583908-98.751095-57.501622-137.949862-3.197832-63.572898-29.557176-122.878608-74.978668-168.08009-48.234561-47.999201-112.277156-74.43427-180.329065-74.43427-68.288293 0-132.488477 26.592658-180.774203 74.878384-48.285726 48.28675-74.878384 112.486934-74.878384 180.774203 0 6.978948 0.300852 13.957897 0.865717 20.906146-17.141402 6.476505-32.683377 16.902972-45.360094 30.66951-19.584034 21.267373-30.651091 48.705282-31.338752 77.54512-28.018124 9.185196-53.315276 25.775037-73.081459 48.26219-26.650987 30.318516-41.328267 69.264527-41.328267 109.664655 0 91.629907 74.610278 166.175717 166.317956 166.175717l559.799656 0c43.736107 0 85.134982-17.198707 116.570949-48.425919 31.658024-31.448246 49.093115-73.135694 49.093115-117.380384 0-43.585681-16.817014-84.754313-47.351448-115.923196C886.962927 659.431817 857.222579 643.363863 824.811402 636.81368zM512.00307 317.748854c51.708686 0 100.369965 20.085454 137.019677 56.55711 18.577101 18.48705 32.961716 40.08188 42.660612 63.612807-4.607948-2.412956-9.302877-4.689812-14.08274-6.828522-32.242332-14.422478-66.62849-21.735024-102.204753-21.735024-92.582605 0-176.346357 50.889017-219.72226 130.127709-11.594059-6.268774-24.205285-10.57587-37.370119-12.701277-0.370437-4.910846-0.555655-9.843182-0.555655-14.777565C317.748854 404.89054 404.89054 317.748854 512.00307 317.748854zM865.523639 873.241414c-19.854187 19.723204-45.887097 30.586622-73.299423 30.586622l-559.799656 0c-57.852616 0-104.919585-47.003524-104.919585-104.777345 0-52.106752 38.842657-96.722902 90.349751-103.780645 8.607028-1.179872 16.311501-5.950526 21.202904-13.130042 4.891404-7.18054 6.512321-16.095583 4.459568-24.537859-1.086751-4.470825-1.638313-9.051143-1.638313-13.613042 0-14.431687 5.377474-28.216645 15.140839-38.820144 9.713222-10.54824 22.880103-17.042141 37.07643-18.285458 0.022513-0.002047 0.045025-0.00614 0.068562-0.008186 0.016373-0.001023 0.031722-0.002047 0.048095-0.00307 1.598404-0.146333 3.281743-0.220011 5.002944-0.220011 17.323551 0 33.540907 7.711636 44.493354 21.158902 5.888104 7.227612 14.665001 11.311627 23.799032 11.311627 1.789763 0 3.593851-0.156566 5.392824-0.477884 10.975982-1.957585 20.027126-9.711176 23.64656-20.25737 26.200732-76.342736 98.074689-127.634936 178.847318-127.634936 26.879184 0 52.831252 5.51255 77.134775 16.383132 23.502273 10.512425 44.313252 25.480324 61.853743 44.48926 0.00307 0.004093 0.007163 0.007163 0.010233 0.010233 32.279171 34.982746 50.057069 80.465636 50.057069 128.070864 0 0.937348 0.021489 1.852184 0.045025 2.761903 0.010233 0.38374 0.027629 0.76441 0.021489 1.152243-0.339738 16.871249 13.000082 30.853705 29.868261 31.308053 27.41642 0.73678 53.090149 11.935843 72.290443 31.534204 19.22383 19.62292 29.811979 45.532009 29.811979 72.955592C896.489908 827.187519 885.492436 853.404624 865.523639 873.241414z' p-id='2006'></path>";
            divHtml += " </svg>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_Weather_View(content, showData, showWeatherData) {
    var divHtml = "";
    // $.ajax({
    //     type: 'GET',
    //     url: ext.contextPath + "/process/dataVisualDate/getJson.do?pid=" + content.id,
    //     async: false,
    //     globle: false,
    //     dataType: 'json',
    //     error: function () {
    //         return false;
    //     },
    //     success: function (data) {
    let data = showData;

    // console.log(data)

    let style = "";
    let zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let width = content.width;
    let height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX += "px";
    }
    if (postY.indexOf("%") < 0) {
        postY += "px";
    }
    if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
        width += "px";
    }
    if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
        height += "px";
    }

    style += "top:" + postY + ";left:" + postX + ";width:" + width + ";height:" + height + ";line-height:" + height + ";";

    if (data.background != null && data.background != '') {
        style += "background:" + data.background + ";";
    }
    if (data.fontcolor != null && data.fontcolor != '') {
        style += "color:" + data.fontcolor + ";";
    } else {
        style += "color:#000000;";
    }
    if (data.fontsize != null && data.fontsize != '') {
        style += "font-size:" + data.fontsize + ";";
    } else {
        style += "font-size:14px;";
    }
    if (data.fontweight != null && data.fontweight != '') {
        style += "font-weight:" + data.fontweight + ";";
    } else {
        style += "font-weight:400;";
    }
    if (data.textAlign != null && data.textAlign != '') {
        style += "text-align:" + data.textAlign + ";";
    } else {
        style += "text-align:center;";
    }

    let type = "";
    if (data.type != null && data.type != '') {
        type = data.type;
    }

    let showContent = "";
    if (showWeatherData != null && showWeatherData.length > 0) {
        showWeatherData = showWeatherData[0];
        if (type == 'weather') {
            showContent = showWeatherData.weather;
        } else if (type == 'temp') {
            showContent = showWeatherData.temp;
        } else if (type == 'wind') {
            showContent = showWeatherData.wind;
        } else if (type == 'windPower') {
            showContent = showWeatherData.windPower;
        } else if (type == 'humidity') {
            showContent = showWeatherData.humidity;
        }
    }

    if (content.style != null && content.style != '') {
        style += content.style;
    }

    divHtml += "<div class=\"moveDiv\"  style=\"position:absolute;overflow: hidden;" + style + "\"  id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    divHtml += showContent;
    divHtml += "</div>";

    //     }
    // });
    return divHtml;
}

/**
 * 人员定位
 */
function showAssembly_PersonnelPositioning(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualPersonnelPositioning/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            let color = datas[0].color;

            var showContent = "";
            showContent += "<svg class=\"icon\" viewBox=\"0 0 1024 1024\"  p-id=\"4071\" width=\"" + content.width + "\" height=\"" + content.height + "\" ondblclick=\"editPersonnelPositioning('" + content.id + "');\">";
            showContent += "<path d=\"M507.712 157.696m-93.696 0a1.464 1.464 0 1 0 187.392 0 1.464 1.464 0 1 0-187.392 0Z\" fill=\"" + color + "\" p-id=\"4072\"></path>";
            showContent += "<path d=\"M570.624 292.864 448.704 292.864c-41.152 0-78.144 14.976-104.448 38.912l0 172.928 0 46.784 0 21.952 91.648 0 19.712 283.84L567.68 857.28l19.072-283.84 92.992 0L679.744 563.328 679.744 500.224 679.744 336.32C653.248 309.76 614.272 292.864 570.624 292.864z\" fill=\"" + color + "\" p-id=\"4073\"></path>";
            showContent += "<path d=\"M654.272 685.376l0 49.408c103.872 15.36 175.232 47.232 175.232 84.032 0 52.032-142.144 94.08-317.44 94.08s-317.504-42.048-317.504-94.08c0-36.928 71.872-68.864 176.448-84.288l0-49.344c-173.632 18.816-298.688 71.488-298.688 133.632C72.192 896.768 269.184 960 512 960c242.816 0 439.744-63.232 439.744-141.12C951.744 756.864 827.264 704.384 654.272 685.376z\" fill=\"" + color + "\" p-id=\"4074\"></path>";
            showContent += "</svg>";

            var style = "";
            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = Number(postX.replace("px", ""));
                postX = postX + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = Number(postY.replace("px", ""));
                postY = postY + "px";
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " class=\"moveDiv\" style=\"width:" + content.width + "px;height:" + content.width + "px;cursor: move;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
            divHtml += "<div style=\"float:left;color:" + color + ";width:" + content.width + "px;height:" + content.height + "px;\">" + showContent + "</div>"
            divHtml += "<div style=\"float: left;width: 100%;height: 20px;color: " + datas[0].fontcolor + ";font-size: " + (datas[0].fontsize).replace("px", "") + "px;text-align: center;\">人名</div>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_PersonnelPositioning_View(content, showData) {
    var divHtml = "";
    let color = showData.color;
    if (showData.mqTheme != '') {
        personnelPositioning_auto_mq_theme.push({
            themeName: showData.mqTheme
        })
    }

    var showContent = "";
    showContent += "<svg class=\"icon\" viewBox=\"0 0 1024 1024\"  p-id=\"4071\" width=\"" + content.width + "\" height=\"" + content.height + "\" >";
    showContent += "<path d=\"M507.712 157.696m-93.696 0a1.464 1.464 0 1 0 187.392 0 1.464 1.464 0 1 0-187.392 0Z\" fill=\"" + color + "\" p-id=\"4072\"></path>";
    showContent += "<path d=\"M570.624 292.864 448.704 292.864c-41.152 0-78.144 14.976-104.448 38.912l0 172.928 0 46.784 0 21.952 91.648 0 19.712 283.84L567.68 857.28l19.072-283.84 92.992 0L679.744 563.328 679.744 500.224 679.744 336.32C653.248 309.76 614.272 292.864 570.624 292.864z\" fill=\"" + color + "\" p-id=\"4073\"></path>";
    showContent += "<path d=\"M654.272 685.376l0 49.408c103.872 15.36 175.232 47.232 175.232 84.032 0 52.032-142.144 94.08-317.44 94.08s-317.504-42.048-317.504-94.08c0-36.928 71.872-68.864 176.448-84.288l0-49.344c-173.632 18.816-298.688 71.488-298.688 133.632C72.192 896.768 269.184 960 512 960c242.816 0 439.744-63.232 439.744-141.12C951.744 756.864 827.264 704.384 654.272 685.376z\" fill=\"" + color + "\" p-id=\"4074\"></path>";
    showContent += "</svg>";

    var style = "";
    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = Number(postX.replace("px", ""));
        postX = postX + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = Number(postY.replace("px", ""));
        postY = postY + "px";
    }
    let shiftingLeft = 0;
    let shiftingTop = 0;
    if (content.shiftingLeft != null && content.shiftingLeft != '') {
        shiftingLeft = content.shiftingLeft
    }
    if (content.shiftingTop != null && content.shiftingTop != '') {
        shiftingTop = content.shiftingTop
    }

    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    divHtml = "<div style=\"width:" + content.width + "px;height:" + (Number(content.height) + 20) + "px;transition:all 0.5s ease-in-out;display: none;" + style + "\" id=\"RYDW_" + showData.mqTheme + "\" pid=\"" + content.pid + "\" " +
        "peopleFontcolor='" + showData.fontcolor + "' peopleFontsize='" + showData.fontsize + "' shiftingLeft='" + shiftingLeft + "' shiftingTop='" + shiftingTop + "' >";
    divHtml += "<div style=\"float:left;color:" + color + ";width:" + content.width + "px;height:" + content.height + "px;\">" + showContent + "</div>"
    divHtml += "</div>";
    return divHtml;
}

/**
 * svg图形
 */
function showAssembly_Svg(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualSvg/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');
            // console.log(datas)
            let dataContent = datas[0];

            let type = dataContent.type;
            let fill = "none";
            if (dataContent.fill != null && dataContent.fill != '') {
                fill = dataContent.fill;
            }
            let stroke = "red";
            if (dataContent.stroke != null && dataContent.stroke != '') {
                stroke = dataContent.stroke;
            }

            let strokeWidth = dataContent.strokeWidth;
            let points = dataContent.points.split("|");

            var style = "";
            var zIndex = "";
            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = Number(postX.replace("px", "")) - (Number(strokeWidth) / 2);
                postX = postX + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = Number(postY.replace("px", "")) - (Number(strokeWidth) / 2);
                postY = postY + "px";
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                // if (postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                // } else {
                //     onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
                // }
            }

            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            divHtml = "<div " + onmouseupSt + " style=\"width:" + (Number(content.width) + Number(strokeWidth)) + "px;height:" + (Number(content.height) + Number(strokeWidth)) + "px;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\" ondblclick=\"editSvg('" + content.id + "');\">";
            divHtml += "<svg style='width: 100%;height: 100%;'>";
            let pointsContent = "";
            for (let i = 0; i < points.length; i++) {
                let point = points[i].split(",");
                let point_x = Number(point[0]) - Number(postX.replace("px", ""));
                let point_y = Number(point[1]) - Number(postY.replace("px", ""));
                // let point_x = Number(point[0]);
                // let point_y = Number(point[1]);
                pointsContent += point_x + "," + point_y + " ";
            }
            let dasharrayStyle = "";
            let dashedlinetype = "false";
            if (dataContent.dashedlinetype != null && dataContent.dashedlinetype != '') {
                dashedlinetype = dataContent.dashedlinetype;
            }
            if (dashedlinetype == 'true') {
                let dashedline1 = "10";
                let dashedline2 = "5";
                if (dataContent.dashedline1 != null && dataContent.dashedline1 != '') {
                    dashedline1 = dataContent.dashedline1;
                }
                if (dataContent.dashedline2 != null && dataContent.dashedline2 != '') {
                    dashedline2 = dataContent.dashedline2;
                }
                dasharrayStyle = "stroke-dasharray=\"" + dashedline1 + " " + dashedline2 + "\"";
            }
            if (type == 'polyline') {
                divHtml += "<polyline points=\"" + pointsContent + "\"  " + dasharrayStyle + " style=\"fill:" + fill + ";stroke:" + stroke + ";stroke-width:" + strokeWidth + ";\" />";
            } else if (type == 'polygon') {
                divHtml += "<polygon points=\"" + pointsContent + "\" " + dasharrayStyle + " style=\"fill:" + fill + ";stroke:" + stroke + ";stroke-width:" + strokeWidth + ";\" />";
            }
            divHtml += "</svg>";
            divHtml += "</div>";

        }
    });
    return divHtml;
}

function showAssembly_Svg_View(content, showData) {
    var divHtml = "";
    // let datas = eval('(' + data + ')');
    // // console.log(datas)
    // let dataContent = datas[0];

    if (showData.mqTheme != '') {
        svgAlarm_auto_mq_theme.push({
            themeName: showData.mqTheme
        })
        // personnelPositioning_auto_mq_theme += showData.mqTheme + ",";
    }

    let type = showData.type;
    let fill = "none";
    if (showData.fill != null && showData.fill != '') {
        fill = showData.fill;
    }
    let stroke = "transparent";
    if (showData.stroke != null && showData.stroke != '') {
        stroke = showData.stroke;
    }

    let strokeWidth = showData.strokeWidth;
    let points = showData.points.split("|");

    var style = "";
    var zIndex = "";
    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = Number(postX.replace("px", "")) - (Number(strokeWidth) / 2);
        postX = postX + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = Number(postY.replace("px", "")) - (Number(strokeWidth) / 2);
        postY = postY + "px";
    }

    let onmouseupSt = "";

    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    divHtml = "<div " + onmouseupSt + " style=\"width:" + (Number(content.width) + Number(strokeWidth)) + "px;height:" + (Number(content.height) + Number(strokeWidth)) + "px;overflow: hidden;" + style + "\" id=\"" + content.id + "\" name=\"" + content.id + "\">";
    divHtml += "<svg style='width: 100%;height: 100%;'>";
    let pointsContent = "";
    for (let i = 0; i < points.length; i++) {
        let point = points[i].split(",");
        let point_x = Number(point[0]) - Number(postX.replace("px", ""));
        let point_y = Number(point[1]) - Number(postY.replace("px", ""));
        // let point_x = Number(point[0]);
        // let point_y = Number(point[1]);
        pointsContent += point_x + "," + point_y + " ";
    }
    let dasharrayStyle = "";
    let dashedlinetype = "false";
    if (showData.dashedlinetype != null && showData.dashedlinetype != '') {
        dashedlinetype = showData.dashedlinetype;
    }
    if (dashedlinetype == 'true') {
        let dashedline1 = "10";
        let dashedline2 = "5";
        if (showData.dashedline1 != null && showData.dashedline1 != '') {
            dashedline1 = showData.dashedline1;
        }
        if (showData.dashedline2 != null && showData.dashedline2 != '') {
            dashedline2 = showData.dashedline2;
        }
        dasharrayStyle = "stroke-dasharray=\"" + dashedline1 + " " + dashedline2 + "\"";
    }
    if (type == 'polyline') {
        divHtml += "<polyline id='" + showData.mqTheme.replace("dataVisualData_svg_", "") + "_id' " + dasharrayStyle + " points=\"" + pointsContent + "\" style=\"fill:" + fill + ";stroke:" + stroke + ";stroke-width:" + strokeWidth + ";\" />";
    } else if (type == 'polygon') {
        divHtml += "<polygon id='" + showData.mqTheme.replace("dataVisualData_svg_", "") + "_id' " + dasharrayStyle + " points=\"" + pointsContent + "\" style=\"fill:" + fill + ";stroke:" + stroke + ";stroke-width:" + strokeWidth + ";\" />";
    }
    divHtml += "</svg>";
    divHtml += "</div>";

    if (showData.mqTheme != null && showData.mqTheme != '') {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/process/dataVisualSvgAlarm/getJson.do?pid=" + showData.id,
            async: true,
            error: function () {
                return false;
            },
            success: function (data) {
                var datas = eval('(' + data + ')');
                svgAlarmList.push({
                    id: showData.mqTheme.replace("dataVisualData_svg_", "") + "_id",
                    mqId: showData.mqTheme.replace("dataVisualData_svg_", ""),
                    child: datas
                })
            }
        });
    }
    return divHtml;
}

/**
 * 任务点
 */
function showAssembly_TaskPoints(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualTaskPoints/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            let point_code = datas[0].task_pointCode;
            let point_name = datas[0].task_name;

            divHtml = "<div title=\"" + point_name + "\" " + onmouseupSt + " style=\"padding:1px;width:" + content.width + "px;height:" + content.height + "px;border:2px solid red;" + style + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editTaskPoints('" + content.id + "');\">";
            let img_path = "";
            if (point_code == '1') {
                img_path = ext.contextPath + "/IMG/dataVisual/safe_tool_normal.png";
                divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
                divHtml += "<div style='float: left;width: 100%;height: 24px;line-height: 20px;padding-left: 18px;background: #FCE6FF;border: 2px solid #DF0DFF;border-radius: 11px;color:#DF0DFF;font-size: 12px;text-align: center;'></div>";
            } else if (point_code == '2') {
                img_path = ext.contextPath + "/IMG/dataVisual/fireFighting_tool_normal.png";
                divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
            } else {

            }
            divHtml += "</div>";
        }
    });
    return divHtml;
}

function showAssembly_TaskPoints_View(content, showData) {
    var divHtml = "";
    // let datas = showData;

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    // if (content.isfull == 'true') {
    //     width = width.replace("%", "") + "%";
    //     height = height.replace("%", "") + "%";
    // } else {
    //     if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
    //         width += "px";
    //     }
    //     if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
    //         height += "px";
    //     }
    // }

    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    let point_code = showData.task_pointCode;
    let point_name = showData.task_name;
    let task_id = showData.taskid;

    divHtml = "<div title=\"" + point_name + "\" style=\"padding:1px;width:" + content.width + "px;height:" + content.height + "px;" + style + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    let img_path = "";
    if (point_code == '1') {
        let outValue = "-";

        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/timeEfficiency/patrolPlan/getNextTime.do",
            async: false,
            globle: false,
            data: {
                id: task_id,
                type: 1
            },
            dataType: 'json',
            error: function () {
                return false;
            },
            success: function (data) {
                if (data.result != null) {
                    outValue = data.result;
                }
            }
        });

        img_path = ext.contextPath + "/IMG/dataVisual/safe_tool_normal.png";
        divHtml += "<div id=\"" + task_id + "_IMG\" style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
        divHtml += "<div id=\"" + task_id + "\" style='float: left;width: 100%;height: 24px;line-height: 20px;padding-left: 18px;background: #FCE6FF;border: 2px solid #DF0DFF;border-radius: 11px;color:#DF0DFF;font-size: 12px;text-align: center;'>" + outValue + "</div>";
    } else if (point_code == '2') {
        img_path = ext.contextPath + "/IMG/dataVisual/fireFighting_tool_normal.png";
        divHtml += "<div id=\"" + task_id + "_IMG\" style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
    }
    divHtml += "</div>";

    if (showData.mqTheme != '') {
        let addthemeSt = true;
        if (taskPointslarm_auto_mq_theme.length > 0) {
            for (let i = 0; i < taskPointslarm_auto_mq_theme.length; i++) {
                if (taskPointslarm_auto_mq_theme[i] == showData.mqTheme) {
                    addthemeSt = false;
                }
            }
            if (addthemeSt) {
                taskPointslarm_auto_mq_theme.push(showData.mqTheme);
            }
        } else {
            taskPointslarm_auto_mq_theme.push(showData.mqTheme);
        }

    }

    return divHtml;
}


/**
 * 设备点
 */
function showAssembly_EqPoints(content) {
    var divHtml = "";
    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/process/dataVisualEqPoints/getJson.do?pid=" + content.id,
        async: false,
        globle: false,
        error: function () {
            return false;
        },
        success: function (data) {
            let datas = eval('(' + data + ')');

            var style = "";
            if (content.style != '') {
                style = content.style;
            }

            if (content.zIndex != null && content.zIndex != '') {
                style += "z-index:" + content.zIndex + ";";
            }

            var width = content.width;
            var height = content.height;
            let postX = content.postx;
            let postY = content.posty;
            if (postX.indexOf("%") < 0) {
                postX = postX.replace("px", "") + "px";
            }
            if (postY.indexOf("%") < 0) {
                postY = postY.replace("px", "") + "px";
            }

            if (content.isfull == 'true') {
                width = width.replace("%", "") + "%";
                height = height.replace("%", "") + "%";
            } else {
                if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
                    width += "px";
                }
                if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
                    height += "px";
                }
            }

            let onmouseupSt = "";
            let isfixed = content.isfixed;
            if (isfixed == 'true') {
            } else {
                if (width.indexOf("%") >= 0 || height.indexOf("%") >= 0 || postX.indexOf("%") >= 0 || postY.indexOf("%") >= 0) {
                } else {
                    onmouseupSt = "onmouseup=\"doUp2('" + content.id + "');\" ";
                }
            }
            style += "position:absolute;top:" + postY + ";left:" + postX + ";";

            let eq_name = datas[0].eqName;

            divHtml = "<div title=\"" + eq_name + "\" " + onmouseupSt + " style=\"padding:1px;width:" + content.width + "px;height:" + content.height + "px;border:2px solid red;" + style + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\"  ondblclick=\"editEqPoints('" + content.id + "');\">";
            let img_path = "";
            img_path = ext.contextPath + "/IMG/dataVisual/special_eq.png";
            divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
            divHtml += "<div style='float: left;width: 100%;height: 24px;line-height: 20px;padding-left: 18px;background: #FFF4E4;border: 2px solid #FF9E0D;border-radius: 11px;color:#FF9E0D;font-size: 12px;text-align: center;'></div>";
            divHtml += "</div>";
        }
    });
    return divHtml;
}

function showAssembly_EqPoints_View(content, showData) {
    var divHtml = "";

    var style = "";
    if (content.style != '') {
        style = content.style;
    }

    if (content.zIndex != null && content.zIndex != '') {
        style += "z-index:" + content.zIndex + ";";
    }

    var width = content.width;
    var height = content.height;
    let postX = content.postx;
    let postY = content.posty;
    if (postX.indexOf("%") < 0) {
        postX = postX.replace("px", "") + "px";
    }
    if (postY.indexOf("%") < 0) {
        postY = postY.replace("px", "") + "px";
    }

    if (content.isfull == 'true') {
        width = width.replace("%", "") + "%";
        height = height.replace("%", "") + "%";
    } else {
        if (width.indexOf("px") < 0 && width.indexOf("%") < 0) {
            width += "px";
        }
        if (height.indexOf("px") < 0 && height.indexOf("%") < 0) {
            height += "px";
        }
    }

    style += "position:absolute;top:" + postY + ";left:" + postX + ";";

    let eq_name = showData.eqName;
    let eq_id = showData.eqid;
    let outValue = "-";

    $.ajax({
        type: 'GET',
        url: ext.contextPath + "/timeEfficiency/patrolPlan/getNextTime.do",
        async: false,
        globle: false,
        data: {
            id: eq_id,
            type: 0
        },
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
            if (data.result != null) {
                outValue = data.result;
            }
        }
    });

    divHtml = "<div title=\"" + eq_name + "\" style=\"padding:1px;width:" + content.width + "px;height:" + content.height + "px;" + style + ";\" id=\"" + content.id + "\" name=\"" + content.id + "\" >";
    let img_path = "";
    img_path = ext.contextPath + "/IMG/dataVisual/special_eq.png";
    divHtml += "<div style='position:absolute;width: 22px;height: 36px;background: url(" + img_path + ");background-size: 100% 100%;'></div>";
    divHtml += "<div style='float: left;width: 100%;height: 24px;line-height: 20px;padding-left: 18px;background: #FFF4E4;border: 2px solid #FF9E0D;border-radius: 11px;color:#FF9E0D;font-size: 12px;text-align: center;'>" + outValue + "</div>";
    divHtml += "</div>";

    return divHtml;
}

var client;

function getMqtt(mqttStatus, mqttHostWeb) {
    try {
        //初始化mqtt
        if (mqttStatus == '0') {
            let mqttId = "dataVisual_consumer_" + frameId + "_" + Math.random();

            initialMqtt(mqttId, mqttHostWeb);
            // setTimeout(function () {
            //
            // }, 10000);
        } else {
            console.log('mq已关闭')
        }
    } catch (err) {
        //处理错误
    }
}

function initialMqtt(mqttId, mqttHostWeb) {
    //动态拿取mq定制化数据
    $.ajax({
        type: 'POST',
        url: ext.contextPath + "/mqtt/addTopic.do",
        async: false,
        globle: false,
        data: {
            topic: 'topic_dataVisual_' + nowUnitId + '_' + frameId,
            mpointIds: mqttMpcode
        },
        dataType: 'json',
        error: function () {
            return false;
        },
        success: function (data) {
        }
    });
    // console.log(mqttMpcode);
    const options = {
        clean: true,
        // cleanSession : false,
        // reconnect : true,
        connectTimeout: 10000,
        clientId: mqttId,
        username: "admin",
        password: 'public'
    }
    const connectUrl = mqttHostWeb;
    client = mqtt.connect(connectUrl, options);

    //当重新连接启动触发回调
    client.on('reconnect', function () {
        // console.log('正在重连.....');
    });
    //连接断开后触发的回调
    client.on("close", function () {
        console.log('客户端已断开连接.....');
    });
    //从broker接收到断开连接的数据包后发出。MQTT 5.0特性
    client.on("disconnect", function (packet) {
        console.log('从broker接收到断开连接的数据包.....' + packet);
    });
    //客户端脱机下线触发回调
    client.on("offline", function () {
        console.log('客户端脱机下线.....');
    });
    //当客户端无法连接或出现错误时触发回调
    client.on("error", (error) => {
        console.log('客户端出现错误.....' + error);
    });
    //当客户端发送任何数据包时发出。这包括published()包以及MQTT用于管理订阅和连接的包
    client.on("packetsend", (packet) => {
        // console.log('客户端已发出数据包：' + packet);
    });
    //当客户端接收到任何数据包时发出。这包括来自订阅主题的信息包以及MQTT用于管理订阅和连接的信息包
    client.on("packetreceive", (packet) => {
        // console.log('收到：' + packet);
    });

    //成功连接后触发的回调
    client.on("connect", function (connack) {
        // layer.msg('成功连接上mq服务器');
        console.log('可视化' + mqttId + '成功连接上mqtt服务器');
        //订阅某主题
        /**
         * client.subscribe(topic/topic array/topic object, [options], [callback])
         * topic:一个string类型的topic或者一个topic数组,也可以是一个对象
         * options
         */
        let auto_mq_theme_in = ['dataVisualData_' + frameId, 'topic_dataVisual_' + nowUnitId + '_' + frameId, nowUnitId + '_' + frameId + "_dataVisual"];

        for (let i = 0; i < personnelPositioning_auto_mq_theme.length; i++) {
            // dataVisualData_personnel_positioning_xxxx  人员定位
            auto_mq_theme_in.push(personnelPositioning_auto_mq_theme[i].themeName);
        }
        for (let i = 0; i < cameraAlarm_auto_mq_theme.length; i++) {
            // dataVisualData_cameraAlarm_xxxx  摄像头报警
            auto_mq_theme_in.push(cameraAlarm_auto_mq_theme[i]);
        }
        for (let i = 0; i < svgAlarm_auto_mq_theme.length; i++) {
            // dataVisualData_personnel_positioning_xxxx  区域变色
            auto_mq_theme_in.push(svgAlarm_auto_mq_theme[i].themeName);
        }
        for (let i = 0; i < taskPointslarm_auto_mq_theme.length; i++) {
            // dataVisualData_taskPointsAlarm_xxxx  任务点报警
            auto_mq_theme_in.push(taskPointslarm_auto_mq_theme[i]);
        }
        client.subscribe(auto_mq_theme_in, {qos: 2});
        //每隔2秒发布一次数据
        // setInterval(publish, 2000)
    });

    function publish() {
        //发布数据
        /**
         * client.publish(topic,message,[options], [callback])
         *
         * message: Buffer or String
         * options:{
         * qos:0, //默认0
         * retain:false, //默认false
         * dup:false, //默认false
         * properties:{}
         * }
         * callback:function (err){}
         */
        const message = "h5 message " + Math.random() + new Date();
        client.publish("testtopic/123", message, {qos: 2});
    }

    //当客户端接收到发布消息时触发回调
    /**
     * topic:收到的数据包的topic
     * message:收到的数据包的负载playload
     * packet:收到的数据包
     */
    client.on('message', (topic, message, packet) => {
        // console.log(message.getpay);
        // console.log(topic);
        if (topic == 'dataVisualData_' + frameId) {
            let json = JSON.parse(message.toString());
            // console.log(json);
            if (json.length > 0) {
                for (let i = 0; i < json.length; i++) {
                    if (json[i].type == 'DI') {
                        if (document.getElementById(json[i].id)) {
                            let divHtml = showAssembly_mpdata_DI_View(json[i].content, json[i].showData);
                            $('#' + json[i].id).remove();
                            $('#' + json[i].cid + 'contentRelativeDiv').append(divHtml);
                        }
                    } else if (json[i].type == 'AI') {
                        if (document.getElementById(json[i].id)) {
                            let divHtml = showAssembly_mpdata_AI_View(json[i].content, json[i].showData);
                            $('#' + json[i].id).remove();
                            $('#' + json[i].cid + 'contentRelativeDiv').append(divHtml);
                            // $('#' + json[i].id+"value").text(json[i].value);
                        }
                    } else if (json[i].type == 'PercentChart') {
                        if (document.getElementById(json[i].id)) {
                            showPercentChart(json[i].id, json[i].showData);
                        }
                    } else if (json[i].type == 'MpView') {
                        if (document.getElementById(json[i].id)) {
                            let divHtml = showAssembly_MpView_View(json[i].content, json[i].showData, 'true');
                            $('#' + json[i].content.id).remove();
                            $('#' + json[i].cid + 'contentRelativeDiv').append(divHtml);
                        }
                    } else {
                        if (document.getElementById(json[i].id)) {
                            $('#' + json[i].id).text(json[i].value);
                        }
                    }

                }
            }

        } else if (topic == nowUnitId + '_01_UP_VUE') {
            let json = JSON.parse(message.toString());
            // console.log(json);
            if (json.length > 0) {
                for (let i = 0; i < json.length; i++) {
                    $('.' + json[i].id).text(json[i].parmvalue);
                }
            }
        } else if (topic == nowUnitId + "_" + frameId + "_dataVisual") {//以后这个推送方式为主
            let json = JSON.parse(message.toString());
            console.log(json);
            if (json.length > 0) {
                for (let i = 0; i < json.length; i++) {
                    if (json[i].type == 'DI' || json[i].type == 'AI' || json[i].type == 'Form') {
                        $('.' + json[i].mpid).text(json[i].parmvalue);
                    } else if (json[i].type == 'Text') {
                        let value = json[i].parmvalue;
                        let unitst = json[i].unitst;
                        let numtail = json[i].numtail;
                        if (numtail != '') {
                            value = Number(value).toFixed(Number(numtail));
                        }
                        value = value + unitst;

                        $('.' + json[i].mpid).text(value);
                    } else if (json[i].type == 'MpView') {
                        if (json[i].st != null && json[i].st == 'true') {
                            let mpViewData = eval("mpValueDataJson.AA" + json[i].contentId);
                            let mpViewData_showData = mpViewData.showData;

                            let showBackground = "";

                            let lastIndex = Number(eval("mpValueDataJson.AA" + json[i].contentId + ".nowIndex"));

                            //需要判断是否改变了值
                            if (eval("mpValueDataJson.AA" + json[i].contentId + ".nowIndex") != '-') {
                                if (mpViewData_showData[lastIndex].autoBkSt != null && mpViewData_showData[lastIndex].autoBkSt == 'true') {
                                    if (mpViewData_showData.length > 0) {
                                        if (Number(mpViewData_showData[0].mpValue) != Number(eval("json[" + i + "]." + mpViewData_showData[0].mpid))) {
                                            //console.log('in')
                                            mpViewData_showData[0].mpValue = eval("json[" + i + "]." + mpViewData_showData[0].mpid);
                                            let divHtml = showAssembly_MpView_View(mpViewData.contnent, mpViewData_showData, 'true');
                                            $('#' + mpViewData.contnent.id).remove();
                                            $('#' + mpViewData.contnent.pid + 'contentRelativeDiv').append(divHtml);
                                        }
                                    }
                                } else {
                                    for (let m = 0; m < mpViewData_showData.length; m++) {
                                        let for_mpViewData_showData = mpViewData_showData[m];
                                        if (eval("json[" + i + "]." + for_mpViewData_showData.mpid) != null) {
                                            for_mpViewData_showData.mpValue = eval("json[" + i + "]." + for_mpViewData_showData.mpid);
                                        }
                                    }

                                    let jsvalue = mpViewData_showData[lastIndex].jsvalue;
                                    let jsmethod = mpViewData_showData[lastIndex].jsmethod;
                                    let forbackground = "";
                                    if (mpViewData_showData[lastIndex].background != null && mpViewData_showData[lastIndex].background != '') {
                                        forbackground = mpViewData_showData[lastIndex].background;
                                    } else {
                                        forbackground = "transparent";
                                    }
                                    showBackground = getMpValueForShow(mpViewData_showData[lastIndex].mpValue, jsvalue, jsmethod, forbackground, lastIndex);
                                    if (showBackground == '-') {
                                        let divHtml = showAssembly_MpView_View(mpViewData.contnent, mpViewData_showData, 'true');
                                        $('#' + mpViewData.contnent.id).remove();
                                        $('#' + mpViewData.contnent.pid + 'contentRelativeDiv').append(divHtml);

                                    }
                                }

                            }
                        }
                    } else if (json[i].type == 'PercentChart') {
                        let percentChartData = eval("percentChartDataJson.AA" + json[i].contentId);
                        let percentChartData_showData = percentChartData.showData;

                        percentChartData_showData.showData = json[i].parmvalue;

                        showPercentChart(json[i].contentId, percentChartData_showData);
                    }

                }
            }
        } else if (topic == 'topic_dataVisual_' + nowUnitId + '_' + frameId) {
            let json = JSON.parse(message.toString());
            // console.log(json);
            // console.log(nowFrameDataJson)
            if (json.length > 0) {
                for (let i = 0; i < json.length; i++) {
                    if (nowFrameDataJson.length > 0) {
                        for (let j = 0; j < nowFrameDataJson.length; j++) {
                            let showData = nowFrameDataJson[j].showData;
                            let ctype = nowFrameDataJson[j].type;
                            // console.log(showData);
                            // console.log(ctype)
                            if (showData != null) {
                                if (showData.mPoint != null) {
                                    let nowMPoint = showData.mPoint;
                                    if (nowMPoint.id == json[i].id) {
                                        if (ctype == 'DI') {
                                            let showColor = getDIColor(nowMPoint.ledtype, nowMPoint.ledcolor, json[i].parmvalue);
                                            $('#' + json[i].id).css('color', showColor);
                                            continue;
                                        } else if (ctype == 'AI') {
                                            $('.' + json[i].id).text(json[i].parmvalue);
                                            continue;
                                        } else {
                                            $('.' + json[i].id).text(json[i].parmvalue);
                                            continue;
                                        }
                                    }
                                } else {
                                    // console.log(ctype)
                                    if (ctype == 'Form') {
                                        // console.log(json[i].parmvalue)
                                        $('.' + json[i].id).text(json[i].parmvalue);
                                        continue;
                                    } else if (ctype == 'Text') {
                                        // console.log(json[i].parmvalue)
                                        $('.' + json[i].id).text(json[i].parmvalue);
                                        continue;
                                    } else if (ctype == 'MpView') {
                                        // console.log(ctype)
                                        // console.log(nowFrameDataJson[j])
                                        if (showData.length > 0) {
                                            for (let k = 0; k < showData.length; k++) {
                                                if (showData[k].mpid == json[i].id) {
                                                    showData[k].mpValue = json[i].parmvalue;
                                                }
                                            }
                                        }
                                        // console.log(showData)
                                        let divHtml = showAssembly_MpView_View(nowFrameDataJson[j].content, showData);
                                        $('#' + nowFrameDataJson[j].content.id).remove();
                                        // $('#'+nowFrameDataJson[j].content.id).html(divHtml);
                                        $('#' + nowFrameDataJson[j].cid + 'contentRelativeDiv').append(divHtml);


                                        continue;
                                    }

                                }
                            }
                        }
                    }

                }
            }
        } else if (topic.indexOf("dataVisualData_personnel_positioning") != -1) {
            let json = JSON.parse(message.toString());
            // console.log(json);
            let name = json.name;
            let outType = json.out;
            let divContent = $('#RYDW_' + topic);
            let width = divContent.css("width").replace("px", "");
            let height = divContent.css("height").replace("px", "");
            let left = divContent.css("left").replace("px", "");
            let top = divContent.css("top").replace("px", "");
            let fontsize = divContent.attr("peopleFontsize").replace("px", "");
            let fontcolor = divContent.attr("peopleFontcolor");
            //偏移量
            let shiftingLeft = divContent.attr("shiftingLeft");
            let shiftingTop = divContent.attr("shiftingTop");

            if (document.getElementById("RYDW_" + json.name) == null) {
                let divHtml = "";
                divHtml += "<div style=\"width:" + width + "px;height:" + height + "px;transition:all 0.5s ease-in-out;position:absolute;top:0px;left:0px;z-index: 90;\" id=\"RYDW_" + name + "\" >";
                divHtml += "</div>";
                $("#" + divContent.attr("pid") + "contentRelativeDiv").append(divHtml);
                $("#RYDW_" + name).html(divContent.html());
            }

            if (document.getElementById(json.name) == null) {
                $('#RYDW_' + name).append("<div id='" + name + "' style=\"float: left;width: 100%;height: 20px;color: " + fontcolor + ";font-size: " + fontsize + "px;text-align: center;\">" + name + "</div>");
            }

            $('#RYDW_' + name).css("left", Number(left) + Number(json.left) + Number(shiftingLeft));
            $('#RYDW_' + name).css("top", Number(top) + Number(json.top) + Number(shiftingTop));
            if (outType == '1') {
                $('#RYDW_' + name).remove();
            }
        } else if (topic.indexOf("dataVisualData_cameraAlarm") != -1) {
            let json = JSON.parse(message.toString());
            // console.log(cameraAlarmList)
            for (let i = 0; i < cameraAlarmList.length; i++) {
                let cameraId = cameraAlarmList[i].id;
                if (cameraId == json.cameraid) {
                    let type = json.type;
                    let outColor = cameraAlarmSt(cameraAlarmList[i].child, type);
                    $('#' + cameraId).attr("fill", outColor);
                }
            }
        } else if (topic.indexOf("dataVisualData_svg") != -1) {
            let json = JSON.parse(message.toString());
            // console.log(json)
            // console.log(svgAlarmList)
            for (let i = 0; i < svgAlarmList.length; i++) {
                let mqId = svgAlarmList[i].mqId;
                if (mqId == json.id) {
                    let result = json.result;
                    let outColor = svgAlarmSt(svgAlarmList[i].child, result).split("|");
                    let fill = outColor[0];
                    let stroke = outColor[1];
                    if (fill != '-') {
                        $('#' + svgAlarmList[i].id).css("fill", fill);
                    }
                    if (stroke != '-') {
                        $('#' + svgAlarmList[i].id).css("stroke", stroke);
                    }
                }
            }
        } else if (topic.indexOf("dataVisualData_taskPointsAlarm") != -1) {
            let json = JSON.parse(message.toString());
            // console.log(json);
            if (json.length > 0) {
                for (let i = 0; i < json.length; i++) {
                    let taskPointId = json[i].id;
                    let status = json[i].status;
                    let nextDate = json[i].nextDate;
                    let type = json[i].type; // 1 安全用具;2 消防器具
                    let imgName = ext.contextPath + "/IMG/dataVisual/";

                    if (status == '0') {//正常
                        if (type == '1') {
                            imgName += "safe_tool_normal.png";
                        } else if (type == '2') {
                            imgName += "fireFighting_tool_normal.png";
                        }
                    } else if (status == '1') {//异常
                        if (type == '1') {
                            imgName += "safe_tool_abnormal.png";
                        } else if (type == '2') {
                            imgName += "fireFighting_tool_abnormal.png";
                        }
                    }
                    $('#' + taskPointId + '_IMG').css('background', 'url(' + imgName + ')');
                    $('#' + taskPointId + '_IMG').css('background-size', '100% 100%');
                    if (type == '1') {
                        $('#' + taskPointId).text(nextDate);

                        if (status == '0') {//正常
                            // $('#' + taskPointId).css("background", "#FCE6FF");
                            $('#' + taskPointId).css("border", "2px solid #DF0DFF");
                            $('#' + taskPointId).css("color", "#DF0DFF");
                        } else if (status == '1') {//异常
                            // $('#' + taskPointId).css("background", "#FCE6FF");
                            $('#' + taskPointId).css("border", "2px solid #FF0D0D");
                            $('#' + taskPointId).css("color", "#FF0D0D");
                        }
                    }

                }
            }
        }

        // else if (topic == nowUnitId + '_01_UP_VUE') {
        //     var json = JSON.parse(message.toString());
        //     // console.log(json);
        //     if (json.length > 0) {
        //         for (let i = 0; i < json.length; i++) {
        //             if (nowFrameDataJson.length > 0) {
        //                 for (let j = 0; j < nowFrameDataJson.length; j++) {
        //                     let showData = nowFrameDataJson[j].showData;
        //                     if (showData.mPoint != null) {
        //                         let nowMPoint = nowFrameDataJson[j].showData.mPoint;
        //                         if (nowMPoint.id == json[i].id) {
        //                             if (nowMPoint.signaltype == 'AI') {
        //                                 $('.' + json[i].id).text(json[i].parmvalue);
        //                                 break;
        //                             } else if (nowMPoint.signaltype == 'DI') {
        //                                 let showColor = getDIColor(nowMPoint.ledtype, nowMPoint.ledcolor, json[i].parmvalue);
        //                                 $('#' + json[i].id).css('color', showColor);
        //                                 break;
        //                             }
        //                         }
        //                     }
        //                 }
        //             }
        //
        //         }
        //     }
        // }
    });

    //页面离开自动断开连接
    $(window).bind("beforeunload", () => {
        // console.log("客户端窗口关闭,断开连接");
        client.disconnect();
    })
}


function showAllContent(data) {
    let divHtml = "";
    if (data.type == 'AADateSelect') {
        divHtml = showAssembly_DateSelect_View(data.content, data.showData);
    } else if (data.type == 'DI') {
        divHtml = showAssembly_mpdata_DI_View(data.content, data.showData);
    } else if (data.type == 'AI') {
        divHtml = showAssembly_mpdata_AI_View(data.content, data.showData);
    } else if (data.type == 'Text') {
        divHtml = showAssembly_Text_View(data.content, data.showData);
    } else if (data.type == 'Camera') {
        divHtml = showAssembly_Camera_View(data.content, data.showData);
    } else if (data.type == 'Form') {
        divHtml = showAssembly_Form_View(data.content, data.showData);
    } else if (data.type == 'PieChart') {
        divHtml = showAssembly_PieChart_View(data.content, data.showData);
    } else if (data.type == 'PercentChart') {
        divHtml = showAssembly_PercentChart_View(data.content, data.showData);
    } else if (data.type == 'RadarChart') {
        divHtml = showAssembly_RadarChart_View(data.content, data.showData);
    } else if (data.type == 'GaugeChart') {
        divHtml = showAssembly_GaugeChart_View(data.content, data.showData);
    } else if (data.type == 'Picture') {
        divHtml = showAssembly_Picture_View(data.content, data.showData);
    } else if (data.type == 'Date') {
        divHtml = showAssembly_Date_View(data.content, data.showData);
    } else if (data.type == 'Weather') {
        divHtml = showAssembly_Weather_View(data.content, data.showData, data.showWeatherData);
    } else if (data.type == 'Iframe') {
        divHtml = showAssembly_Iframe_View(data.content);
    } else if (data.type == 'Line') {
        divHtml = showAssembly_Line_View(data.content);
    } else if (data.type == 'MpView') {
        divHtml = showAssembly_MpView_View(data.content, data.showData);
    } else if (data.type == 'ProgressBar') {
        divHtml = showAssembly_ProgressBarChart_View(data.content, data.showData);
    } else if (data.type == 'SuspensionFrame') {
        divHtml = showAssembly_SuspensionFrame_View(data.content, data.showData);
    } else if (data.type == 'PolarCoordinates') {
        divHtml = showAssembly_PolarCoordinates_View(data.content, data.showData);
    } else if (data.type == 'LineChart') {
        divHtml = showAssembly_LineChart_View(data.content, data.showData);
    } else if (data.type == 'BarChart') {
        divHtml = showAssembly_BarChart_View(data.content, data.showData);
    } else if (data.type == '11Switch') {
        divHtml = showAssembly_Switch_View(data.content, data.showData);
    } else if (data.type == 'personnelPositioning') {
        divHtml = showAssembly_PersonnelPositioning_View(data.content, data.showData);
    } else if (data.type == 'svg') {
        divHtml = showAssembly_Svg_View(data.content, data.showData);
    } else if (data.type == 'TaskPoints') {
        divHtml = showAssembly_TaskPoints_View(data.content, data.showData);
    } else if (data.type == 'EqPoints') {
        divHtml = showAssembly_EqPoints_View(data.content, data.showData);
    } else if (data.type == 'SelectJump') {
        divHtml = showAssembly_SelectJump_View(data.content, data.showData);
    } else if (data.type == 'Tab') {
        divHtml = showAssembly_Tab_View(data.content, data.showData);
        $('#' + data.cid + 'contentRelativeDiv').append(divHtml);
        if (data.showTabData != null && data.showTabData.length > 0) {
            for (let i = 0; i < data.showTabData.length; i++) {
                data.showTabData[i].cid = data.cid;
                showAllContent(data.showTabData[i]);

                clearInterval(roundtimeT);
                if (roundtimecontentList != '' && roundtimecontentList.length > 0) {
                    let roundtimecontentLists = roundtimecontentList.substring(0, roundtimecontentList.length - 1).split(",");
                    roundtimeT = setInterval(function () {

                        for (let t = 0; t < roundtimecontentLists.length; t++) {
                            if (roundtimecontentLists[t] == roundtimecontentLists[nowTNum - 1]) {
                                $("#" + roundtimecontentLists[t]).css('display', 'block');
                            } else {
                                $("#" + roundtimecontentLists[t]).css('display', 'none');
                            }
                        }
                        if (nowTNum < roundtimecontentLists.length) {
                            nowTNum++;
                        } else {
                            nowTNum = 1;
                        }
                    }, 5000);
                }

            }
        }
    }

    if (data.type != 'Tab') {
        $('#' + data.cid + 'contentRelativeDiv').append(divHtml);
    }

    if (data.type == 'DI') {
        $("#" + data.content.id).mousedown(function (e) {
            //右键为3
            if (3 == e.which) {
                let eqid = $("#" + data.content.id).attr('eqid');
                if (eqid != '') {
                    stopBubbleDefaultEvent();
                    $.post(ext.contextPath + '/equipment/doview.do', {id: eqid}, function (data) {
                        $("#subDiv").html(data);
                        openModal('subModal');
                    });
                }
            } else if (1 == e.which) {
                //左键为1
                showCurveForMp(data.content.id);
            }
        })
    }

    if (data.type == 'PieChart') {
        showPieChart(data.content.id, data.showData, data.showSeriesData);
    } else if (data.type == 'PercentChart') {
        showPercentChart(data.content.id, data.showData);
    } else if (data.type == 'RadarChart') {
        showRadarChart(data.content.id, data.showData, data.showSeriesData, data.showAxisData);
    } else if (data.type == 'GaugeChart') {
        showGaugeChart(data.content.id, data.showData);
    } else if (data.type == 'ProgressBar') {
        showProgressBarChart(data.content.id, data.showData);
    } else if (data.type == 'PolarCoordinates') {
        showPolarCoordinates(data.content.id, data.showData, data.showSeriesData);
    } else if (data.type == 'Date') {
        if (data.content.refreshtime != null && data.content.refreshtime != '' && data.content.refreshtime != '0') {
            setInterval(function () {
                showAssembly_Date_View_Show(data.content.id, data.showData.types);
            }, Number(data.content.refreshtime) * 1000);
        }
    } else if (data.type == 'LineChart') {
        showLineChart(data.content.id, data.content.refreshtime, data.showData, data.showSeriesData, data.showYAxisData);
    } else if (data.type == 'BarChart') {
        showBarChart(data.content.id, data.content.refreshtime, data.showData, data.showSeriesData, data.showYAxisData);
    } else if (data.type == 'AADateSelect') {
        let dateSelectType = data.showData.type;
        showDateSelect(data.content.id, dateSelectType);
    } else if (data.type == 'Camera') {
        $.ajax({
            type: 'GET',
            url: ext.contextPath + "/work/camera/getCameraAlarmType.do?cameraid=" + data.showData.cameraid,
            async: false,
            error: function () {
                return false;
            },
            success: function (stData) {
                stData = eval('(' + stData + ')');
                if (stData != null && stData.length > 0) {
                    let type = stData[0].type;
                    for (let i = 0; i < cameraAlarmList.length; i++) {
                        let cameraId = cameraAlarmList[i].id;
                        if (cameraId == stData[0].cameraId) {
                            let outColor = cameraAlarmSt(cameraAlarmList[i].child, type);
                            $('#' + cameraId).attr("fill", outColor);
                        }
                    }
                }
            }
        });
    } else if (data.type == 'SelectJump') {
        // $("#"+data.content.id+"select-menu-list").hide();
        $("#" + data.content.id).on("click", function (e) {
            $("#" + data.content.id + "_select-menu-list").toggle();
        });
    } else if (data.type == 'Form') {
        // console.log(formSqlPointList)
        if (formSqlPointList.length > 0) {
            for (let fqMi = 0; fqMi < formSqlPointList.length; fqMi++) {
                let fqMContent = formSqlPointList[fqMi];
                for (let fqi = 0; fqi < fqMContent.length; fqi++) {
                    let nowSQLcontent = fqMContent[fqi];
                    $('#' + nowSQLcontent.id).text(nowSQLcontent.value);
                    $('#' + nowSQLcontent.id).attr('title', nowSQLcontent.value);
                }
            }

        }
        formSqlPointList = [];

        if (formRowStyleList.length > 0) {
            for (let i = 0; i < formRowStyleList.length; i++) {
                let formRowStyleMContent = formRowStyleList[i];
                // console.log(formRowStyleContent);
                for (let j = 0; j < formRowStyleMContent.length; j++) {
                    let formRowStyleContent = formRowStyleMContent[j];
                    let tdText = $.trim($('#' + formRowStyleContent.pid).html());
                    if (formRowStyleContent.ckmethod == '=') {
                        if (formRowStyleContent.ckcontent == tdText) {
                            formRowStyleShow(formRowStyleContent, formRowStyleContent.showst);
                            break;
                        }
                    } else {
                        if (formRowStyleContent.ckmethod == '>') {
                            if (Number(tdText) > Number(formRowStyleContent.ckcontent)) {
                                formRowStyleShow(formRowStyleContent, formRowStyleContent.showst);
                                break;
                            }
                        } else if (formRowStyleContent.ckmethod == '>=') {
                            if (Number(tdText) >= Number(formRowStyleContent.ckcontent)) {
                                formRowStyleShow(formRowStyleContent, formRowStyleContent.showst);
                                break;
                            }
                        } else if (formRowStyleContent.ckmethod == '<') {
                            if (Number(tdText) < Number(formRowStyleContent.ckcontent)) {
                                formRowStyleShow(formRowStyleContent, formRowStyleContent.showst);
                                break;
                            }
                        } else if (formRowStyleContent.ckmethod == '<=') {
                            if (Number(tdText) <= Number(formRowStyleContent.ckcontent)) {
                                formRowStyleShow(formRowStyleContent, formRowStyleContent.showst);
                                break;
                            }
                        }
                    }
                }
            }
        }
        formRowStyleList = [];

    } else if (data.type == '11Switch') {
        let divId = data.content.id;

        let switchType = "";
        if (data.showData.type != null && data.showData.type != "") {
            switchType = data.showData.type;
        }
        let background = "transparent";
        if (data.showData.background != null && data.showData.background != "") {
            background = data.showData.background;
        }

        let openst = "false";
        if (data.showData.openst != null && data.showData.openst != "") {
            openst = data.showData.openst;
        }

        if (switchType == 'point') {
            let showStyle = "switch";
            if (data.showData.showStyle != null && data.showData.showStyle != '') {
                showStyle = data.showData.showStyle;
            }
            

            if (showStyle == 'switch') {
                let switchId = "switch_" + data.showData.id;

                let switch_divHtml = "";
                switch_divHtml += "<div style='width: 100%;height: 100%;' class='switch' data-on='primary' data-off='info'>";
                switch_divHtml += "<input id='" + switchId + "' type='checkbox'/>";
                switch_divHtml += "</div>";
                $('#' + divId).append(switch_divHtml);

                $('#' + switchId).bootstrapSwitch({
                    onText: '显示',
                    offText: '隐藏',
                    size: "small",
                    onSwitchChange: function (event, state) {
                        let sid = event.target.id.replace("switch_", "");
                        let ck_datas = eval("switchAllPoints.AA" + sid);
                        ck_datas = ck_datas.substring(0, ck_datas.length - 1);
                        ck_datas = ck_datas.split(",");
                        if (state) {
                            for (let i = 0; i < ck_datas.length; i++) {
                                $('#' + ck_datas[i]).css("display", "block");
                            }
                        } else {
                            for (let i = 0; i < ck_datas.length; i++) {
                                $('#' + ck_datas[i]).css("display", "none");
                            }
                        }

                        // console.log(event.target.id);
                        //获取绑定点
                        // $.ajax({
                        //     type: 'GET',
                        //     url: ext.contextPath + "/process/dataVisualSwitchPoint/getPoints.do?pid=" + sid,
                        //     async: false,
                        //     globle: false,
                        //     error: function () {
                        //         return false;
                        //     },
                        //     success: function (datas) {
                        //         datas = datas.substring(0, datas.length - 1);
                        //         datas = datas.split(",");
                        //         if (state) {
                        //             for (let i = 0; i < datas.length; i++) {
                        //                 $('#' + datas[i]).css("display", "block");
                        //             }
                        //         } else {
                        //             for (let i = 0; i < datas.length; i++) {
                        //                 $('#' + datas[i]).css("display", "none");
                        //             }
                        //         }
                        //     }
                        // });

                    }
                });

                if (openst == 'false') {
                    $('#' + switchId).bootstrapSwitch('state', false, true);
                } else if (openst == 'true') {
                    $('#' + switchId).bootstrapSwitch('state', true, true);
                } else {
                    $('#' + switchId).bootstrapSwitch('state', false, true);
                }
            } else if (showStyle == 'check') {

                let ckColor = "#FFFFFF";
                if (data.showData.ckColor != null && data.showData.ckColor != "") {
                    ckColor = data.showData.ckColor;
                }

                let ckSize = "14";
                if (data.showData.ckSize != null && data.showData.ckSize != "") {
                    ckSize = data.showData.ckSize;
                }

                let ckStyle = "";
                if (data.showData.ckStyle != null && data.showData.ckStyle != "") {
                    ckStyle = data.showData.ckStyle;
                }

                // //获取绑定点
                // $.ajax({
                //     type: 'GET',
                //     url: ext.contextPath + "/process/dataVisualSwitchPoint/getPoints.do?pid=" + data.showData.id,
                //     async: false,
                //     globle: false,
                //     error: function () {
                //         return false;
                //     },
                //     success: function (datas) {
                //         ck_datas = datas.substring(0, datas.length - 1);
                //         // ck_datas = datas.substring(0, datas.length - 1);
                //         // ck_datas = ck_datas.split(",");
                //     }
                // });

                let showT = "";
                if (openst == 'true') {
                    showT = "✔";
                }

                let check_divHtml = "";
                check_divHtml += "<div id='" + data.showData.id + "' onclick='switch_check_click(\"" + divId + "\",\"" + data.showData.id + "\");' openst=\"" + openst + "\" style='width: 100%;height: 100%;padding:2px;background: " + background + ";cursor: pointer;color: " + ckColor + ";font-size:" + ckSize.replace("px","") + "px;text-align: center;line-height: " + (Number(data.content.height.replace("px", ""))-2) + "px;"+ckStyle+"' >" +
                    "" + showT + "";
                check_divHtml += "</div>";

                $('#' + divId).append(check_divHtml);

            }
        } else if (switchType == 'url') {
            $('#' + divId).css('cursor', 'pointer');
            $("#" + divId).on("click", function () {
                let switchUrl = switchType = data.showData.url;
                if (switchUrl.substring(0, 1) != '/') {
                    switchUrl = "/" + switchUrl;
                }
                if (data.showData.urlType == '0') {
                    let submodalName = switchType = data.showData.submodalName;

                    $.post(ext.contextPath + switchUrl, {}, function (data) {
                        $("#subDiv").html(data);
                        openModal(submodalName);
                    });
                } else if (data.showData.urlType == '1') {
                    let urlWidth = switchType = data.showData.urlWidth;
                    let urlHeight = switchType = data.showData.urlHeight;

                    $.post(ext.contextPath + "/process/dataVisualSwitch/urlOpen.do", {
                        switchUrl: switchUrl,
                        urlWidth: urlWidth.replace("px", ""),
                        urlHeight: urlHeight.replace("px", "")
                    }, function (data) {
                        $("#subDiv").html(data);
                        openModal('urlOpenSubModal');
                    });
                }
            })

        }
    } else if (data.type == 'MpView') {
        $('#' + data.content.id + ' div').each(function () {
            let ckMinioId = $(this).attr("ckMinioId");
            // console.log(ckMinioId);
            if (ckMinioId != null && ckMinioId != '') {
                $.ajax({
                    type: 'GET',
                    url: ext.contextPath + "/base/getInputFileList_minio.do",
                    async: true,
                    globle: true,
                    data: {
                        masterId: ckMinioId,
                        tbName: 'tb_pro_dataVisual_mpView_file',
                        bucketName: 'datavisual'
                    },
                    dataType: 'json',
                    error: function () {
                        return false;
                    },
                    success: function (data_minio) {
                        if (data_minio.length > 0) {
                            let mpView_minio = 'data:image/png;base64,' + data_minio[0].streamFile;
                            // console.log(mpView_minio);
                            $('#' + ckMinioId).css('background', "url(" + mpView_minio + ")");
                            $('#' + ckMinioId).css('background-size', "100% 100%");
                        }
                    }
                });
                // let mpView_minio = getMinioFile(ckMinioId, 'tb_pro_dataVisual_mpView_file', 'datavisual');
                // console.log(mpView_minio);
                // $('#' + ckMinioId).css('background', "url(" + mpView_minio + ")");
            }
        })
    }
}

function formRowStyleShow(formRowStyleContent, st) {
    // console.log(formRowStyleContent)
    if (formRowStyleContent.background != '') {
        if (st == '0') {
            $('#' + formRowStyleContent.pid).css('background', formRowStyleContent.background);
        } else {
            $('#' + formRowStyleContent.pid).parent().css('background', formRowStyleContent.background);
            $('#' + formRowStyleContent.pid).parent().children().css('background', formRowStyleContent.background);
        }
    }
    if (formRowStyleContent.fontcolor != '') {
        if (st == '0') {
            $('#' + formRowStyleContent.pid).css('color', formRowStyleContent.fontcolor);
        } else {
            $('#' + formRowStyleContent.pid).parent().css('color', formRowStyleContent.fontcolor);
            $('#' + formRowStyleContent.pid).parent().children().css('color', formRowStyleContent.fontcolor);
        }
    }
    if (formRowStyleContent.fontsize != '') {
        if (st == '0') {
            $('#' + formRowStyleContent.pid).css('font-size', formRowStyleContent.fontsize);
        } else {
            $('#' + formRowStyleContent.pid).parent().css('font-size', formRowStyleContent.fontsize);
            $('#' + formRowStyleContent.pid).parent().children().css('font-size', formRowStyleContent.fontsize);
        }
    }
    if (formRowStyleContent.fontweight != '') {
        if (st == '0') {
            $('#' + formRowStyleContent.pid).css('font-weight', formRowStyleContent.fontweight);
        } else {
            $('#' + formRowStyleContent.pid).parent().css('font-weight', formRowStyleContent.fontweight);
            $('#' + formRowStyleContent.pid).parent().children().css('font-weight', formRowStyleContent.fontweight);
        }
    }
}

function cameraAlarmSt(cameraAlarmList, value) {
    let outColor = "";
    for (let i = 0; i < cameraAlarmList.length; i++) {
        let jsmethod = cameraAlarmList[i].jsmethod;
        let jsvalue = cameraAlarmList[i].jsvalue;

        let colorSt = false;
        if (jsmethod == '>') {
            if (Number(value) > jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '>=') {
            if (Number(value) >= jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '=') {
            if (Number(value) == jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '<') {
            if (Number(value) < jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '<=') {
            if (Number(value) <= jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '!=') {
            if (Number(value) != jsvalue) {
                colorSt = true;
            }
        }

        if (colorSt) {
            outColor = cameraAlarmList[i].color;
        }
    }
    return outColor;
}

function svgAlarmSt(svgAlarmList, value) {
    let outColor = "";
    for (let i = 0; i < svgAlarmList.length; i++) {
        let jsmethod = svgAlarmList[i].jsmethod;
        let jsvalue = svgAlarmList[i].jsvalue;

        let colorSt = false;
        if (jsmethod == '>') {
            if (Number(value) > jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '>=') {
            if (Number(value) >= jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '=') {
            if (value == jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '<') {
            if (Number(value) < jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '<=') {
            if (Number(value) <= jsvalue) {
                colorSt = true;
            }
        } else if (jsmethod == '!=') {
            if (Number(value) != jsvalue) {
                colorSt = true;
            }
        }

        if (colorSt) {
            let fill = "-";
            let stroke = "-";
            if (svgAlarmList[i].fill != '') {
                fill = svgAlarmList[i].fill;
            }
            if (svgAlarmList[i].stroke != '') {
                stroke = svgAlarmList[i].stroke;
            }
            outColor = fill + "|" + stroke;
        }
    }
    return outColor;
}

function showSvgLine(points) {
    $("#lssvg").remove();
    let pointss = points.split("|");
    let linePoint = "";
    for (let i = 0; i < pointss.length; i++) {
        linePoint += pointss[i] + " ";
    }

    let html = "<div id='lssvg' style='width: 100%;height: 100%;'><svg style='width: 100%;height: 100%;'><polyline points=\"" + linePoint + "\" style=\"fill:none;stroke:red;stroke-width:2\" /></svg><div>";

    return html;

}

/*
 * 浏览器全屏
 */
function fullScreen() {
    $("#fullScreenSt1").css("display", "none");
    $("#fullScreenSt2").css("display", "block");

    var elem = document.body;
    if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.requestFullScreen) {
        elem.requestFullscreen();
    } else {
        //浏览器不支持全屏API或已被禁用
    }
}

/*
 * 浏览器退出全屏
 */
function exitFullScreen() {
    $("#fullScreenSt2").css("display", "none");
    $("#fullScreenSt1").css("display", "block");

    var de = document;
    if (de.exitFullscreen) {
        de.exitFullscreen();
    } else if (de.msExitFullscreen) {
        de.msExitFullscreen();
    } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
    } else if (de.webkitExitFullscreen) {
        de.webkitExitFullscreen();
    }
}


function radioSelect(pid, num, nowck, radioCkBackground, id, ckData) {
    for (let i = 0; i < num; i++) {
        if (i == nowck) {
            $('#' + pid + '_' + i + '_in').css('background', radioCkBackground);
        } else {
            $('#' + pid + '_' + i + '_in').css('background', 'transparent');
        }
    }

    clickTab(id, ckData);
}

function switch_check_click(divId, showDataId) {
//     console.log("switchAllPoints", switchAllPoints);
//     console.log("switchHiddenPoints", switchHiddenPoints);
    let ck_datas = eval("switchAllPoints.AA" + showDataId);
    ck_datas = ck_datas.substring(0, ck_datas.length - 1);
    ck_datas = ck_datas.split(",");
    // console.log("ck_datas",ck_datas);
    let obj = $('#' + showDataId);
    let st = obj.attr('openst');
    if (st == 'true') {
        obj.attr('openst', 'false');
        obj.text("");
        for (let i = 0; i < ck_datas.length; i++) {
            $('#' + ck_datas[i]).css("display", "none");
        }
    } else {
        obj.attr('openst', 'true');
        obj.text("✔");
        for (let i = 0; i < ck_datas.length; i++) {
            $('#' + ck_datas[i]).css("display", "block");
        }
    }

}