/**加载iframe等待框 */
let m_iframe_loading_index = null
/** 关闭加载iframe时的loading*/
function closeLoading() {
    if (m_iframe_loading_index != null)
        layer.close(m_iframe_loading_index);
}
var runBim = function () {
    this.showColor = function () {
        //console.log("aa");
    };

    let m_corpID = 5;
    var m_StationID = 24;

    var m_stationInfo = null;
    var m_bimApp = null;
    var m_bimViewer = null;
    var m_BimfaceFileID = '';
    var m_current_active_product = null;//当前激活的机泵
    var m_allMonitorPanel = [];//监控面板
    var m_allProductTree = [];//机泵等资产树
    var m_layerList = null;//常规图层设置
    var m_layer4Builder = null;//建筑外墙图层
    var m_viewList = null;//视图设置

    var m_walkThroughList = null;//漫游路线
    var m_lastRecordsInBimPanel = [];//记录
    var m_isViewMinitorPanel = true;//是否显示监控面板
    var m_clusterItem;//聚合标签对象
    var m_selWalkRounteIndex = 0;//选择路线下标
    var m_currentWalk = null;//漫游对象
    var m_walkCamera4Pause = null;//巡游暂停视角
    var m_walkCameraDefault = null;//BIM加载默认视角

    var m_currentEmployeeID = 1;

    var m_setInterval = {};//定时器对象
    var m_chartMain = null;
    /**
     * 泵站下是所有测点
     */
    let m_stationMonitorList = [];
    let m_asideBoxIsShow = false;//放大展示容器是否显示中

    this.initDataStationCenter = function (station_id) {

        m_StationID = 24;
        m_currentEmployeeID = 1;
        if (m_currentEmployeeID == "" || m_currentEmployeeID <= 0)
            m_currentEmployeeID = 1;

        m_current_active_product = null;//当前激活的机泵

        //初始化layui
        layui.use(['table'], function () {
            initialBimfaceView();
        });
    }



    //获取泵站监控值
    function getStationMonitorData() {
        //Monitor/MonitorPoint/GetByBelongTypeAndBelongID@V1.0
        return new Promise(resolve => {
            $.ajax({
                type: "get",
                contentType: "application/json;utf-8",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Monitor/GetMasterGeneralRealMonitorPointListByStationID",
                data: { StationID : m_StationID,  CorpID: m_corpID, },
                success: function (result) {
                    // console.log(result, 54)
                    resolve(result)
                },
                error: function (textStatus, errorThrown) {
                    console.log("bim.station 与服务器交互错误, 错误代码 90,  信息: " + JSON.stringify(textStatus));
                }
            });
        })
    }
    //获取设备监控值
    function getProductMonitorData(id) {
        return new Promise(resolve => {
            $.ajax({
                type: "get",
                contentType: "application/json;utf-8",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Monitor/GetGeneralRealMonitorPointListByProductID",
                data: { ProductID: id, CorpID: m_corpID, },
                success: function (result) {
                    // console.log(result, 54)
                    resolve(result)
                },
                error: function (textStatus, errorThrown) {
                    console.log("bim.station 与服务器交互错误, 错误代码 90,  信息: " + JSON.stringify(textStatus));
                }
            });
        })
    }
    //获取泵站机泵列表
    function getPumpListByStationID() {
        // Product/Product/GetPumpListByBelongTypeAndBelongID@V1.0
        return new Promise(resolve => {
            $.ajax({
                type: "get",
                contentType: "application/json;utf-8",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/EnginePump/GetSimpleListByStationID",
                data: { StationID: m_StationID, CorpID: m_corpID, },
                success: function (result) {
                    //console.log(result, 81)
                    resolve(result)
                },
                error: function (textStatus, errorThrown) {
                    console.log("bim.station 与服务器交互错误, 错误代码 90,  信息: " + JSON.stringify(textStatus));
                }
            });
        })

    }
    //获取泵站详细信息
    function getStationDetailInfo() {
        return new Promise(resolve => {
            $.ajax({
                type: "get",
                contentType: "application/json;utf-8",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Station/GetDetailByID",
                data: { ID: m_StationID, CorpID: m_corpID, },
                success: function (result) {
                    //console.log(result, 81)
                    resolve(result)
                },
                error: function (textStatus, errorThrown) {
                    console.log("bim.station 与服务器交互错误, 错误代码 90,  信息: " + JSON.stringify(textStatus));
                }
            });
        })

    }
    //获取bim展示的基本信息
    async function getProdunctInfo() {
        let ProductTree = [{}, {}];
        let StattionResData = await getStationDetailInfo();
        let stationInfo = null
        if (StattionResData.Code != 0) {
            stationInfo = null
        }
        stationInfo = StattionResData.Data;

        let StationMonitorResData = await getStationMonitorData();
        let stationMonitor = null;
        if (StationMonitorResData.Code != 0) {
            stationMonitor = null
        }
        stationMonitor = StationMonitorResData.Data;

        let stationRecordList = [];
        if (stationMonitor != null) {
            m_stationMonitorList = stationMonitor;
            for (var i = 0; i < stationMonitor.length; i++) {
                let x = stationMonitor[i];
                let y = x.SignalList
                if (x.Name == "电流") {
                    continue;
                }
                if (x.Name == "运行状态") {
                    continue;
                }
                stationRecordList.push(
                    {
                        "RecordType": y && y.length > 0 ? y[0].SignalType : '',
                        "RecordName": x.Name,
                        "RecordUnitName": y && y.length > 0 ? y[0].UnitValue : '',
                        "SortCode": x.SortCode,
                        "Tag": "",
                        "RecordValueType": y && y.length > 0 ? y[0].ValueType : '',
                        "RecordValueEnumDict": null,
                        "PointID": y && y.length > 0 ? y[0].MonitorPointID : '',
                        "RecordTime": null,
                        "RecordValue": 0,
                        "RecordStatus": x.UseStatus
                    }
                )
            }


        }
        let stationBaseInfo = {
            "ID": '',
            "Name": "",
            "Address": "",
            "Longitude": '',
            "Latitude": '',
            "PumpNumber": 0
        }
        if (stationInfo != null) {
            ProductTree[0] = {
                "NodeID": "S4",
                "Name": "泵站",
                "ObjectType": "4",
                "Nodes": [
                    {
                        "NodeID": "S" + stationInfo.ID + "child",
                        "ObjectType": "4",
                        "ObjectID": stationInfo.ID,
                        "Name": stationInfo.Name,
                        "BimID": stationInfo.BimID ? stationInfo.BimID : null,
                        "RunStatus": 0,
                        "RecordList": stationRecordList
                    }
                ]
            }
            stationBaseInfo.ID = stationInfo.ID;
            stationBaseInfo.Name = stationInfo.Name;
            stationBaseInfo.Address = stationInfo.Address;
        }

        let pumpResData = await getPumpListByStationID()
        let pumpInfo = null;
        if (pumpResData.Code != 0) {
            pumpInfo = null;
        }
        pumpInfo = pumpResData.Data;

        if (pumpInfo != null) {
            stationBaseInfo.PumpNumber = pumpInfo.length;
            let Nodes = []
            pumpInfo.sort(function (a, b) { return a.ID - b.ID });
            for (var i = 0; i < pumpInfo.length; i++) {
                let x = pumpInfo[i];
                let pumpRecordList = [];
                let pumpRecordInfo = null
                let pumpResData = await getProductMonitorData(x.ID);
                if (pumpResData.Code != 0) {
                    pumpRecordInfo = null;
                }
                pumpRecordInfo = pumpResData.Data;
                if (pumpRecordInfo != null) {
                    pumpRecordInfo.forEach(z => {
                        let y = z.SignalList
                        pumpRecordList.push(
                            {
                                "RecordType": y && y.length > 0 ? y[0].SignalType : '',
                                "RecordName": z.Name,
                                "RecordUnitName": y && y.length > 0 ? y[0].UnitValue : '',
                                "SortCode": z.SortCode,
                                "Tag": "",
                                "RecordValueType": y && y.length > 0 ? y[0].ValueType : '',
                                "RecordValueEnumDict": {
                                    "-2": "未知",
                                    "-1": "故障",
                                    "0": "停机",
                                    "1": "开机",
                                    "2": "工频",
                                    "3": "变频"
                                },
                                "PointID": y && y.length > 0 ? y[0].MonitorPointID : '',
                                "RecordTime": null,
                                "RecordValue": 0,
                                "RecordStatus": z.UseStatus
                            }
                        )
                    })
                }
                Nodes.push({
                    "NodeID": "P" + x.ID,
                    "ObjectType": "7102",
                    "ObjectID": x.ID,
                    "Name": x.Name,
                    "BimID": "",
                    "RunStatus": 0,
                    "RecordList": pumpRecordList
                })
            }


            ProductTree[1] = {
                "NodeID": "M7102",
                "Name": "机泵",
                "ObjectType": "7102",
                "Nodes": Nodes
            }
        }
        m_allProductTree = ProductTree;
        m_stationInfo = stationBaseInfo;
        initialStaionInfo();
        // console.log(m_allProductTree, m_stationInfo, 260)
    }


    //初始化View
    function initialBimfaceView() {
        var bimfaceLoaderConfig;
        try {
            bimfaceLoaderConfig = new BimfaceSDKLoaderConfig();
        } catch (error) {
            var message = window.confirm("没有找到JSSDK，点击确定下载最新的JSSDK。");
            if (message) {
                return;
            }
        }
        bimfaceLoaderConfig.dataEnvType = BimfaceEnvOption.Local;
        bimfaceLoaderConfig.sdkPath = '/Scripts/demo/bim/jssdk';
        bimfaceLoaderConfig.path = '/Scripts/demo/bim/locFile/SHJ.json';
        BimfaceSDKLoader.load(bimfaceLoaderConfig, onSDKLoadSucceeded, function (error) {
            console.log("Failed to load SDK!");
        });
    }
    //加载成功
    function onSDKLoadSucceeded(viewMetaData) {
        var view_element = document.getElementById('bimface-viewer')
        var webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
        webAppConfig.domElement = view_element;
        var eventManager = Glodon.Bimface.Application.WebApplication3DEvent;
        m_bimApp = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
        m_bimViewer = m_bimApp.getViewer();
        m_bimViewer.addModel(viewMetaData);

        //自定义按钮 https://segmentfault.com/q/1010000012157247?utm_source=tag-newest
        //"Home","RectangleSelect","Measure","Section","Walk","Map","Property","Setting","Information","FullScreen"
        //修改按钮显示  https://segmentfault.com/q/1010000012519272?utm_source=tag-newest
        webAppConfig.Buttons = ["Home", "RectangleSelect", "Measure", "Walk", "Setting", "FullScreen"];

        //
        m_bimApp.addEventListener(Glodon.Bimface.Application.WebApplication3DEvent.ViewAdded, function () {

            //initialStaionInfo();

            getProdunctInfo()



        });

        //初始化DrawableContainer
        var drawableConfig = new Glodon.Bimface.Plugins.Drawable.DrawableContainerConfig();
        drawableConfig.viewer = m_bimViewer;
        m_drawableContainer = new Glodon.Bimface.Plugins.Drawable.DrawableContainer(drawableConfig);

        //// 监听添加view进行中的时间，可获取添加进度
        //app.addEventListener(Glodon.Bimface.Application.WebApplication3DEvent.ViewLoading, function (progress) {
        //    //console.log(progress);
        //});
    };

    //从后台获取数据
    function initialStaionInfo() {
        let loading_index = layer.load(2)
        $.ajax({
            type: "get",
            contentType: "application/json;utf-8",
            dataType: 'json',
            url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Bimface/GetDefaultWithViewTokenByStationID",
            data: { StationID: m_StationID, CorpID: m_corpID },
            success: function (result) {
                layer.close(loading_index);
                // console.log(result, 309)
                if (result.Code != 0) {
                    alert(result.Message);
                    return;
                }
                var data = result.Data;





                if (m_StationID == 24) {
                    m_allMonitorPanel_pump = [
                        {
                            "NodeID": "P638", "ObjectType": 7102, "ObjectID": 638, "Name": "1#机组", "BimID": "556792", "RunStatus": 1,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: -19388.94216280575, y: 36537.834941455614, z: 1032.7121236119422 }, "IsDispSignal": true
                        },
                        {
                            "NodeID": "P641", "ObjectType": 7102, "ObjectID": 641, "Name": "2#机组", "BimID": "577484", "RunStatus": 0,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: -14232.825622448117, y: 36670.5276060532, z: 1118.8246081718353 }, "IsDispSignal": true
                        },
                        {
                            "NodeID": "P644", "ObjectType": 7102, "ObjectID": 644, "Name": "3#机组", "BimID": "577763", "RunStatus": -2,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: -9225.393698254264, y: 36639.04270429188, z: 1103.3341939650677 }, "IsDispSignal": true
                        },
                        {
                            "NodeID": "P647", "ObjectType": 7102, "ObjectID": 647, "Name": "4#机组", "BimID": "577777", "RunStatus": 0,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: -3217.8937161791355, y: 36604.53761966858, z: 1084.890847366324 }, "IsDispSignal": true
                        },
                        {
                            "NodeID": "P650", "ObjectType": 7102, "ObjectID": 650, "Name": "5#机组", "BimID": "577777", "RunStatus": 0,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: 1674.1473669538157, y: 36567.261566113666, z: 1056.8619213851346 }, "IsDispSignal": true
                        },
                        {
                            "NodeID": "P653", "ObjectType": 7102, "ObjectID": 653, "Name": "6#机组", "BimID": "577777", "RunStatus": 0,
                            "RecordList": [
                                { "RecordType": 12203, "RecordName": "上次报警", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                                { "RecordType": 12203, "RecordName": "上次巡检", "RecordUnitName": " ", "SortCode": 0, "PointID": 1947, "RecordTime": '2021-01-06 10:25:46', "RecordValue": 0, "RecordStatus": 0 },
                            ],
                            "Posi": { x: 6673.249153824896, y: 36582.51354159763, z: 1069.3788946260677 }, "IsDispSignal": true
                        },

                    ];
                } else {
                    m_allMonitorPanel_pump = []
                }


                if (data.FileSettings) {
                    if (data.FileSettings.CustomCameraStatus3ds != null && data.FileSettings.CustomCameraStatus3ds.length > 0) {
                        let CustomCameraStatus3ds = data.FileSettings.CustomCameraStatus3ds;
                        let tempArr = []
                        CustomCameraStatus3ds.forEach(x => {
                            tempArr.push({
                                CameraStatus_3D: x.CameraStatus3d,
                                KeyFrame: x.KeyFrame,
                                ThumbnailImage: x.ThumbnailImage,
                                KeyFrame: x.KeyFrame,
                                ID: x.ID,
                                Name: x.Name,
                            })
                        })
                        m_viewList = tempArr
                    }

                    if (data.FileSettings.CustomWalkThroughs && data.FileSettings.CustomWalkThroughs.length > 0) {
                        let CustomWalkThroughs = data.FileSettings.CustomWalkThroughs
                        let tempArr = [];
                        CustomWalkThroughs.forEach(x => {
                            let CustomKeyFrames = []
                            if (x.CustomKeyFrames && x.CustomKeyFrames.length > 0) {
                                x.CustomKeyFrames.forEach(y => {
                                    CustomKeyFrames.push({
                                        id: y.KeyFrame.id,
                                        pauseTime: y.PauseTime,
                                        position: y.KeyFrame.position,
                                        target: y.KeyFrame.target,
                                        coordinateSystem: y.KeyFrame.coordinateSystem,
                                    })
                                })

                            }
                            tempArr.push({
                                id: x.ID,
                                name: x.Name,
                                totalTime: x.Time,
                                frames: CustomKeyFrames,
                            })
                        })
                        m_walkThroughList = tempArr
                    }


                    if (data.FileSettings.CustomComponentLayers && data.FileSettings.CustomComponentLayers.length > 0) {
                        m_layerList = data.FileSettings.CustomComponentLayers;//常规图层
                        let tempArr = [];
                        let CustomComponentLayers = data.FileSettings.CustomComponentLayers
                        let obj = {}
                        CustomComponentLayers.forEach(x => {
                            // x.Name == "建筑物" ||
                            if (x.ComponentType == 1) {
                                tempArr = tempArr.concat(x.ComponentIds)
                                obj.ID = x.ID;
                                obj.Name = "外墙";
                                obj.ComponentType = x.ComponentType;
                                obj.DisplayColor = x.DisplayColor
                                obj.Translucent = x.Translucent
                                obj.Visible = x.Visible
                            }
                        })
                        if (tempArr.length > 0) {
                            obj.ComponentIds = tempArr
                            m_layer4Builder = obj
                        }
                    }
                }

                let ComponentMappers = null
                if (data.MappingSettings) {
                    if (data.MappingSettings.MonitorPanelLayers && data.MappingSettings.MonitorPanelLayers.length > 0) {
                        let MonitorPanelLayers = data.MappingSettings.MonitorPanelLayers
                        let tempArr = [];

                        // console.log(m_stationMonitorList, 457)
                        MonitorPanelLayers.forEach(x => {
                            x.MonitorPanels.forEach(y => {
                                let RecordList = []
                                y.MonitorPointIds.forEach(z => {
                                    m_stationMonitorList.forEach(o => {
                                        let p = o.SignalList
                                        if (p && p.length > 0) {
                                            if (z == p[0].MonitorPointID) {
                                                RecordList.push({
                                                    "RecordType": p[0].SignalType,
                                                    "RecordName": o.Name, "RecordUnitName": p[0].UnitValue,
                                                    "SortCode": o.SortCode, "PointID": p[0].MonitorPointID,
                                                    "RecordTime": null, "RecordValue": 0, "RecordStatus": o.UseStatus
                                                })
                                            }
                                        }
                                    })
                                })
                                let obj = {
                                    "NodeID": "", "ObjectType": 7102, "ObjectID": "", "Name": y.Name, "BimID": "603301", "RunStatus": 0,
                                    "RecordList": RecordList,
                                    "Posi": y.WorldPostion, "IsDispSignal": y.ValuesVisible
                                }
                                tempArr.push(obj)
                            })
                        })
                        m_allMonitorPanel = tempArr;
                    }
                    if (data.MappingSettings.ComponentMappers && data.MappingSettings.ComponentMappers.length > 0) {
                        ComponentMappers = data.MappingSettings.ComponentMappers
                    }
                }
                //console.log(m_allMonitorPanel, 459)

                if (m_allProductTree != null && m_allProductTree.length == 2) {
                    // if (ComponentMappers != null) {
                    //     ComponentMappers.forEach(x => {
                    //         if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length > 0) {
                    //             m_allProductTree[1].Nodes.forEach(y => {
                    //                 if (y.ObjectID == x.ObjectID) {
                    //                     y.BimID = x.ComponentID
                    //                 }
                    //             })
                    //         }
                    //     })
                    // }
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 1)
                        m_allProductTree[1].Nodes[0].BimID = "1389485";
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 2)
                        m_allProductTree[1].Nodes[1].BimID = "1389429";
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 3)
                        m_allProductTree[1].Nodes[2].BimID = "1514145";
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 4)
                        m_allProductTree[1].Nodes[3].BimID = "1514086";
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 5)
                        m_allProductTree[1].Nodes[4].BimID = "1513993";
                    if (m_allProductTree[1].Nodes && m_allProductTree[1].Nodes.length >= 6)
                        m_allProductTree[1].Nodes[5].BimID = "1373960";

                }


                if (m_leftCustomMainMenu != null && m_allProductTree != null && m_allProductTree.length > 0) {
                    //产品菜单
                    buildMainTreeeMenu();

                    ////初始化属性和监控值，默认显示
                    buildStationPropHtml();
                    buildStationMonitorTable();
                }


                //BIM视图上的自定义按钮等
                buildBimfaceModelView();

                //报警状态闪烁
                //checkMachineStatus();

                //loadWaterMaterial();

                //setTimeout(flowEffect, 200);

                $(".btn_check").on("click", function () {
                    if ($(this).parent().hasClass("checked")) {
                        $(this).parent().removeClass("checked");
                    } else {
                        $(this).parent().addClass("checked");
                    }
                })


            },
            error: function (textStatus, errorThrown) {
                layer.close(loading_index);
                console.log("BIM.SHJ2 与服务器交互错误, 错误代码 165,  信息: " + JSON.stringify(textStatus));
            }
        });
    }

    //报警状态闪烁
    function setBlinkColor() {
        //console.log(1545554555)
        //有报警时传入构件ID，构件就开始闪烁
        m_bimViewer.addBlinkComponentsById(["1389485"]);
        m_bimViewer.setBlinkColor(new Glodon.Web.Graphics.Color("#ff0000", 0.8));
        m_bimViewer.enableBlinkComponents(true);
        m_bimViewer.setBlinkIntervalTime(500);
        m_bimViewer.render();


    }

    //BIM视图上的自定义按钮等
    function buildBimfaceModelView() {

        //点击事件
        m_bimViewer.addEventListener("MouseClicked", function (objectdata) {

            var click_bim_id = objectdata.objectId;
            console.log(objectdata)
            if (m_flow_meter_bimid_list.indexOf(click_bim_id) > -1) {
                showFlowMeterChart(m_flow_meter_bimid_list.indexOf(click_bim_id));
            } else if (m_press_meter_bimid_list_outlet.indexOf(click_bim_id) > -1) {
                showPressMeterChart(m_press_meter_bimid_list_outlet.indexOf(click_bim_id), true);
            } else if (m_press_meter_bimid_list_inlet.indexOf(click_bim_id) > -1) {
                showPressMeterChart(m_press_meter_bimid_list_inlet.indexOf(click_bim_id), false);
            } else if (m_video_bimid_list.indexOf(click_bim_id) > -1) {
                var position = objectdata.worldPosition
                showVideoInfo(m_video_bimid_list.indexOf(click_bim_id), position);
            } else if (m_vibration_bimdid_list.indexOf(click_bim_id) > -1) {
                showVibrationMeterChart(m_vibration_bimdid_list.indexOf(click_bim_id));
            }
            else {
                var product = findObjectByBimID(click_bim_id);
                if (product != null) {
                    highLightBimObject(product.BimID);
                    m_current_active_product = product;

                    if (product.ObjectType == "7102") {
                        $("#product_info_box").removeClass("isStation")
                        excuteMainMenuLiCmd("product", product.NodeID, '')
                    } else {
                        if (!$("#product_info_box").hasClass("isStation")) {
                            excuteMainMenuLiCmd("station", product.NodeID, '')
                        }
                    }
                }
            }
        });


        //设置背景颜色
        m_bimViewer.setBackgroundColor(new Glodon.Web.Graphics.Color(0, 7, 131, 1));// 230,230,250    31, 91, 117



        //设置背景图片S
        document.querySelector('.bf-view').style.background = "url(../../images/demo/center/bim_bg.jpg)";
        document.querySelector('.bf-view').style.backgroundSize = "cover";
        m_bimViewer.render();
        //设置背景图片E



        //获取机泵曲线
        getFeatCurveByStationIdAndDay();
        //上部菜单
        bulidBimTopCmdHtml();

        //记录BIM默认视角
        m_walkCameraDefault = m_bimViewer.getCameraStatus();

        //调用菜单命令
        initalCmdFuncCb();

        //构件巡游路线
        bulidWalkThroughList();



        //默认显示泵站的属性
        showPropGridPanel("station");

        showMinitorGridPanel("station");


        //初始化工具条
        buildBimMenToolBar();

        //
        m_bimViewer.render();

        // 
        setTimeout(function () {

            //初始化视图控件
            initialDispViewListPanel();

        }, 600);


        // 在BIM视图中
        setTimeout(function () {
            //添加水效果
            addWaterEffect();

            //,添加监控状态
            //createMinitorPanel();
        }, 1200);

    }
    //初始化工具条
    function buildBimMenToolBar() {

        $("div[title='目录树']").hide();//隐藏左上角的东西  
        $(".gld-bf-settings").hide();//设置
        $(".gld-bf-properties").hide();//构件详情
        $(".gld-bf-map").hide();//地图
        $(".gld-bf-firstperson").hide();//漫游
        $(".gld-bf-sectionbox").hide();//剖切
        $(".gld-bf-measure").hide();//测量  
        $(".gld-bf-information").hide();//基本信息
        $(".gld-bf-zoomrect").hide();//框选

        $(".bf-toolbar-bottom").hide();//主菜单

    }

    //BIM上添加的内容
    function bulidBimTopCmdHtml() {
        var CmdHtml = '';

        CmdHtml += '<ul id="walkThroughList"><li>暂无路线数据</li></ul>';


        CmdHtml += '    <div class="" id="cmdShowMachineMinitor">';
        CmdHtml += '        <a href="#"><i class="iconfont iconjiankong"> </i><span>监测</span></a>';
        CmdHtml += '    </div>';

        //wysBimWalkBox
        CmdHtml += '<ul id="wysBimWalkBox" class="layui-nav bim_walk" style="left: 450px;top:70px;">';
        CmdHtml += '    <li class="layui-nav-item Route" data-y_title="巡游路线"><a href="#"><i class="fa fa-sitemap"> </i><span>路线</span></a></li>';
        CmdHtml += '    <li class="layui-nav-item y_State"  data-y_title="开始巡游"><a href="#"><i class="layui-icon layui-icon-play"> </i><span>开始</span></a></li>';
        CmdHtml += '    <li class="layui-nav-item y_Suspend"  data-y_title="暂停巡游"><a href="#"><i class="layui-icon layui-icon-pause"> </i><span>暂停</span></a></li>';
        CmdHtml += '    <li class="layui-nav-item y_End"  data-y_title="结束巡游"><a href="#"><i class="fa fa-send-o"> </i><span>结束</span></a></li>';
        CmdHtml += '</ul>';

        //product_minitor_box
        CmdHtml += '<div id="product_minitor_box" style="width: 368px;">';
        CmdHtml += '    <div class="hander">监控</div>';
        CmdHtml += '    <i class="close iconfont iconguanbi"></i>';
        //CmdHtml += '    <img class="close" src="/Areas/BIM/images/close.png" alt="关闭" />';
        CmdHtml += '    <div class="" style="max-height: 560px;overflow:auto;">';
        CmdHtml += '        <div class="attr-box">';
        CmdHtml += '            <table id="MinitorInfoTable" class="table-attr" cellspacing="0" cellpadding="0"></table>';
        CmdHtml += '        </div>';
        CmdHtml += '    </div>';
        CmdHtml += '</div>';

        //swiper_container
        CmdHtml += '<div id="swiper_container" class="swiper-container" style="z-index:2"  ><ul class="swiper-wrapper"></ul></div>  ';


        //bim_tool_outbox
        CmdHtml += '<div class="bim_tool_outbox ">';
        CmdHtml += '    <span class="bim_tool checked" id="btn_bimCmd_bulid"><a class="bim_tool_inner  display_type_btn" title="建筑物" style="background-position-x:-252px"></a></span>';
        //CmdHtml += '    <span class="bim_tool" id="btn_bimCmd_search"><a class="bim_tool_inner btn_check" title="搜索" style="background-position-x:-468px"></a></span>';
        CmdHtml += '    <span class="bim_tool " id="btn_bimCmd_walk"><a class="bim_tool_inner iconfont btn_iconfont iconxuncharenwu btn_check" title="巡游" style="background-position-x:-596px"></a></span>';
        CmdHtml += '    <span class="bim_tool" id="btn_bimCmd_StationInfo"><a class="bim_tool_inner btn_iconfont iconfont icontishi " title="机泵提示" style="background-position-x:-596px"></a></span>';
        CmdHtml += '</div>';

        //product_info_box
        CmdHtml += '<div id="product_info_box" class="isStation">';
        CmdHtml += '    <div class="title hander" style="cursor:pointer;">设备管控</div>';
        CmdHtml += '    <div class="content_box">';
        CmdHtml += getProductInfoPanel("station", 0);
        CmdHtml += '    </div>';
        CmdHtml += '</div>';


        $(".bf-container").append(CmdHtml);

        $(".y_State").click(function () {
            hydrantplaykey();
        });
        $(".y_Suspend").click(function () {
            hydrantpause();
        });
        $(".y_End").click(function () {
            hydrantend();
        });

        $("#btn_bimCmd_search").click(function () {
            $("#product_search_box").toggle();
        });
        $("#btn_bimCmd_walk").click(function () {
            //$("#wysBimWalkBox").toggle();
            $(".layui-nav-item.Route,.y_State,.y_Suspend,.y_End").toggle();
        });

        $("#btn_bimCmd_StationInfo").click(function () {
            if ($(this).hasClass("checked")) {
                $(this).removeClass("checked");
                showMinitorTipPanel(false);
            } else {
                $(this).addClass("checked");
                showMinitorTipPanel(true);
            }
        });

        let diMian = []
        let shuiChiShangGai = []

        m_layerList && m_layerList.length && m_layerList.forEach(function (item) {

            if (item.Name == "地面" || item.ComponentType == 2) {
                diMian = item.ComponentIds
            }
            if (item.Name == "水池上盖" || item.ComponentType == 3) {
                shuiChiShangGai = item.ComponentIds
            }
        });
        $("#btn_bimCmd_DiMian").click(function () {
            var ComponentIds = diMian

            if ($(this).hasClass("checked")) {
                $(this).removeClass("checked");
                layersSlowHide(ComponentIds);
            } else {
                $(this).addClass("checked");
                layersSlowShow(ComponentIds);
            }
        });


        $("#btn_bimCmd_bulid").click(function () {
            var componentIds = [];
            var newComponentIds = componentIds.concat(m_layer4Builder.ComponentIds, shuiChiShangGai, diMian);

            if ($(this).hasClass("checked")) {
                $(this).removeClass("checked");
                layersSlowHide(newComponentIds);
            } else {
                $(this).addClass("checked");
                layersSlowShow(newComponentIds);
            }
        });
        $("#btn_bimCmd_shuiChi").click(function () {
            var ComponentIds = shuiChiShangGai
            if ($(this).hasClass("checked")) {
                $(this).removeClass("checked");
                layersSlowHide(ComponentIds);
            } else {
                $(this).addClass("checked");
                layersSlowShow(ComponentIds);
            }
        });

        productInfoCmd()

    }







    //模糊查询  S
    function findObjectByKeyWrd(keyWord) {
        var reg = new RegExp(keyWord);
        var arr = [];
        for (var g = 0; g < m_allProductTree.length; g++) {
            var child_nodes = m_allProductTree[g].Nodes;
            for (var c = 0; c < child_nodes.length; c++) {
                var item = child_nodes[c];
                if (reg.test(item.Name)) {
                    arr.push({ Name: item.Name, ID: item.ID });
                }
            }
        }

        return arr;
    }
    //根据节点ID查找
    function findObjectByNodeID(NodeID) {
        for (var g = 0; g < m_allProductTree.length; g++) {
            var child_nodes = m_allProductTree[g].Nodes;
            for (var c = 0; c < child_nodes.length; c++) {
                var item = child_nodes[c];
                if (item.NodeID == NodeID) {
                    return item;
                }
            }
        }

        return null;
    }

    //根据 BimID ID查找
    function findObjectByBimID(BimID) {
        for (var g = 0; g < m_allProductTree.length; g++) {
            var child_nodes = m_allProductTree[g].Nodes;
            for (var c = 0; c < child_nodes.length; c++) {
                var item = child_nodes[c];
                if (item.BimID == BimID) {
                    return item;
                }
            }
        }

        return null;
    }

    //菜单
    function initalCmdFuncCb() {
        //视图关闭
        $("#product_view_box .close").click(function () {
            $("#product_view_box").css("display", "none");
            $("#cmdShowMachineView").removeClass("wys_checked layui-this");
        });






        //监控显示/隐藏
        var lockMinitor = true;
        $("#cmdShowMachineMinitor").on("click", function () {
            if (lockMinitor) {
                //showMinitorGridPanel("product");
                $("#product_minitor_box").css({ "width": "0px" });
                $("#product_minitor_box").show();
                $("#cmdShowMachineMinitor").hide()
                $("#product_minitor_box").animate({ width: '368px', height: '600px' }, 1500, function () {
                    lockMinitor = true;
                })
            }
            lockMinitor = false;

        });
        $("#product_minitor_box .close").click(function () {
            if (lockMinitor) {
                $("#product_minitor_box").animate({ width: '0px', height: '0px' }, 1000, function () {
                    lockMinitor = true;
                    $("#cmdShowMachineMinitor").show()
                    $("#product_minitor_box").hide();
                })
            }
            lockMinitor = false;
        });


        $(".bim_walk li.Route").on("click", function () {
            $("#walkThroughList").css({ "display": "block", "left": "445px", "top": "130px" });
            if (m_currentWalk) {
                m_currentWalk.stop();
                $(".y_State").removeClass("wys_checked_start");
                m_walkCamera4Pause = null;//清空暂停视角
            }
        });


        $("#walkThroughList>li").on("click", function () {
            $("#walkThroughList").css("display", "none");
        });

    }


    //路径巡游
    function wayTrip(index) {
        //隐藏
        $(".y_State span").text("开始");
        $(".y_State").data("y_title", "开始巡游");
        $("#walkThroughList").css("display", "none");
        m_selWalkRounteIndex = index;

        // 构造路径漫游配置wtConfig
        var config = new Glodon.Bimface.Plugins.Walkthrough.WalkthroughConfig();
        // 设置路径漫游配置匹配的viewer对象
        config.viewer = m_bimViewer;
        // 构造路径漫游对象
        m_currentWalk = new Glodon.Bimface.Plugins.Walkthrough.Walkthrough(config);


        var hydrantKeyFrames = [];

        if (m_walkThroughList.length <= 0)
            return;

        var WTarr = m_walkThroughList[m_selWalkRounteIndex].frames;
        if (WTarr.length <= 0)
            return;
        for (var i = 0; i < WTarr.length; i++) {
            hydrantKeyFrames.push(WTarr[i])
        }
        m_currentWalk.setKeyFrames(hydrantKeyFrames);
        m_currentWalk.play();
        m_currentWalk.pause();
    }
    //巡游开始
    function hydrantplaykey() {
        if (!m_currentWalk) {
            layui.use("layer", function () {
                layer.msg('请选择路线', { icon: 5 });
            })
            return;
        }

        var time = m_walkThroughList[m_selWalkRounteIndex].totalTime;
        m_currentWalk.setKeyFrameCallback(keyFrameCallback);
        m_currentWalk.setWalkthroughTime(time);
        if (!$(".y_State").hasClass("wys_checked_start")) {
            $(".y_State span").text(" 继续");
            $(".y_State").data("y_title", "继续巡游");
            m_currentWalk.play();
            $(".y_State").addClass("wys_checked_start");
            $(".y_Suspend").removeClass("wys_checked_pause");
            $(".y_End").removeClass("wys_checked_stop");

        } else if (!$(".y_State").hasClass("wys_checked_continue")) {
            if (m_walkCamera4Pause) {
                m_bimViewer.setCameraStatus(m_walkCamera4Pause);
            }
            $(".y_State").addClass("wys_checked_continue");
            $(".y_Suspend").removeClass("wys_checked_pause");
            m_currentWalk.play();
        }
        $("#walkThroughList").css("display", "none");
        //console.log(!$(".y_State").hasClass("wys_checked_start"))
        //console.log(!$(".y_Suspend").hasClass("wys_checked_pause"))
        //console.log(!$(".y_End").hasClass("wys_checked_stop"))
    }
    //巡游暂停
    function hydrantpause() {
        if (!$(".y_Suspend").hasClass("wys_checked_pause")) {
            m_currentWalk.pause();
            $(".y_State").removeClass("wys_checked_continue");
            $(".y_Suspend").addClass("wys_checked_pause");
            m_walkCamera4Pause = null;//清空视角
            m_walkCamera4Pause = m_bimViewer.getCameraStatus();
        }
    }
    //巡游结束
    function hydrantend() {
        if (!$(".y_End").hasClass("wys_checked_stop")) {
            $(".y_State span").text("开始");
            $(".y_State").data("y_title", "开始巡游");
            if ($(".y_Suspend").hasClass("wys_checked_pause"))
                m_currentWalk.play();
            m_currentWalk.stop();
            $(".y_State").removeClass("wys_checked_start");
            $(".y_End").addClass("wys_checked_stop");
            $(".y_Suspend").addClass("wys_checked_pause");
            m_walkCamera4Pause = null;//清空暂停视角
            if (m_walkCameraDefault) {
                m_bimViewer.setCameraStatus(m_walkCameraDefault);
            }
        }

    }
    //巡游关键帧回调
    function keyFrameCallback(idx) {
        var index = m_walkThroughList[m_selWalkRounteIndex].frames.length - 1;
        if (idx == index) {
            m_currentWalk.stop();
            $(".y_State span").text("开始");
            $(".y_State").data("y_title", "开始巡游");
            $(".y_State").removeClass("wys_checked_start");
            m_walkCamera4Pause = null;//清空暂停视角
            //console.log("巡游结束");
        }
    }

    //巡游路线
    function bulidWalkThroughList() {
        var res = m_walkThroughList;
        var Route = '';
        if (res.length <= 0)
            return;
        for (var i = 0; i < res.length; i++) {
            Route += '<li class="bim_wayTrip" data-index="' + i + '">' + res[i].name + '</li>';
        }
        $("#walkThroughList").html(Route);
        $(".bim_wayTrip").off();
        $(".bim_wayTrip").on("click", function () {
            var index = $(this).data("index");
            wayTrip(index);
        })
    }


    //
    var m_leftCustomMainMenu = null;
    function buildLeftCustomMainMenu(mainMenu, successCb, failCb) {

        m_leftCustomMainMenu = {};
        m_leftCustomMainMenu.menu = mainMenu;
        m_leftCustomMainMenu.successCb = successCb;
        m_leftCustomMainMenu.failCb = failCb;

        if (m_allProductTree != null && m_allProductTree.length > 0) {
            buildMainTreeeMenu();

            return true;
        }
        else {
            return false;
        }
    }

    //构建产品主菜单
    function buildMainTreeeMenu() {
        //console.log(m_allPumpSystems)
        if (m_allProductTree == null || m_allProductTree.length == 0) {
            if (m_leftCustomMainMenu != null && m_leftCustomMainMenu.failCb != null)
                m_leftCustomMainMenu.failCb();
            return;
        }
        var cmd_tree_html = "";
        for (var g = 0; g < m_allProductTree.length; g++) {
            var group_node = m_allProductTree[g];

            if (group_node.ObjectType == 4) {
                var node_html = "";
                node_html = '<li class="treeview border1 active" data-level="0" >';
                node_html += '<a class="nav-link">';
                node_html += '   <i class="fa fa-shopping-bag"></i>';
                node_html += '   <span class="title menu-text">' + group_node.Name + '</span><span class="pull-right-container">';
                node_html += '       <i class="fa fa-circle-thin pull-right fontsize1"></i>';
                node_html += '   </span>';
                node_html += '</a>';

                node_html += '<ul class="treeview-menu " style="display: block;" >';

                node_html += ' <li class="treeview" data-level="1">';
                node_html += '    <a class="nav-link J_menuItem" data-operatetype="CMD" target="iframe0"  href="javascript:void(0);" data-cmdmainparas="station" data-cmdauxparas="station">';
                node_html += '        <span class="title menu-text paddingleft-50">泵站信息</span>';//<i class="cus-icon fa fa-circle-thin fontsize1"></i>

                node_html += '    </a>';
                node_html += ' </li>';

                node_html += '</ul> ';
                node_html += '</li>';

                cmd_tree_html += node_html;
            }
            else {
                var node_html = "";
                node_html = '<li class="treeview border1  " data-level="0">';
                node_html += '<a class="nav-link">';
                node_html += '   <i class="fa fa-shopping-bag"></i>';
                node_html += '   <span class="title menu-text">' + group_node.Name + '</span><span class="pull-right-container">';
                node_html += '       <i class="fa fa-circle-thin pull-right fontsize1"></i>';
                node_html += '   </span>';
                node_html += '</a>';

                node_html += '<ul class="treeview-menu menu-open" style="display: block;">';


                var product_nodes = group_node.Nodes;
                if (product_nodes != null && product_nodes.length > 0) {
                    for (var j = 0; j < product_nodes.length; j++) {
                        var product_model = product_nodes[j];
                        //console.log(product_model)
                        var disp_name = product_model.Name;
                        if (product_model.ObjectType == 7002) {
                            if (product_model.RunStatus == 1)
                                disp_name = disp_name + "(开)";
                            else
                                disp_name = disp_name + "(关)";
                        }

                        node_html += ' <li class="treeview" data-level="1">';
                        node_html += '    <a class="nav-link J_menuItem" data-operatetype="CMD" target="iframe0"  href="javascript:void(0);" data-cmdmainparas="product" data-cmdauxparas="' + product_model.NodeID + '">';
                        node_html += '        <span class="title menu-text paddingleft-50">' + disp_name + '</span>';//<i class="cus-icon fa fa-circle-thin fontsize1"></i>
                        node_html += '        <span data-cmdname="showorhide" data-cmdparas="' + product_model.NodeID + '" style="position:absolute;right:40px;top:0px; width:40px;height:40px;line-height:40px;font-size:18px;text-align:center;" ';
                        node_html += '  class="customer-cmd-btn fa fa-eye iconview fontsize1" ></span>';
                        node_html += '        <span data-cmdname="target" data-cmdparas="' + product_model.NodeID + '" style="position:absolute;right:0px;top:0px;width:40px;height:40px;line-height:40px;font-size:18px;text-align:center;" ';
                        node_html += '  class="customer-cmd-btn fa fa-paper-plane-o iconview fontsize1" ></span>';
                        node_html += '    </a>';
                        node_html += ' </li>';
                    }
                    node_html += '</ul> ';
                    node_html += '</li>';

                    cmd_tree_html += node_html;
                }
            }
        }
        //console.log(cmd_tree_html);
        $(m_leftCustomMainMenu.menu).html(cmd_tree_html);
        if (m_leftCustomMainMenu != null && m_leftCustomMainMenu.successCb != null)
            m_leftCustomMainMenu.successCb();

        return;
    }



    //主界面执行主界面的命令(点击li)
    function excuteMainMenuLiCmd(mainPara, auxPara, sourceElement) {
        if (m_bimViewer == null)
            return;

        var topCmdHtml = '';
        //console.log(mainPara, auxPara)
        if (mainPara == "product") {
            var node_id = auxPara;
            var product = findObjectByNodeID(node_id);
            //console.log(product)
            if (product != null) {
                m_current_active_product = product;

                $("#product_info_box").removeClass("isStation")

                topCmdHtml += getProductInfoPanel("product", node_id);
                $("#product_info_box .content_box").html(topCmdHtml);

                highLightBimObject(product.BimID);

                showPropGridPanel("product");

                showMinitorGridPanel("product");
            }
        }
        else if (mainPara == "station") {

            $("#product_info_box").addClass("isStation")
            topCmdHtml += getProductInfoPanel("station", 0);
            $("#product_info_box .content_box").html(topCmdHtml);

            showPropGridPanel("station");

            showMinitorGridPanel("station");
        }
        productInfoCmd(mainPara);

    }


    //获取泵站或机组 设备管控面板html
    function getProductInfoPanel(type, id) {
        var active_prop = ''
        var active_minitor = ''
        $("#product_prop_box").hide();
        if ($("#product_prop_box").is(":visible")) {
            active_prop = 'active'
        }
        if ($("#product_minitor_box").is(":visible")) {
            active_minitor = 'active'
        }
        let topCmdHtml = '';
        if (type == "station") {
            let name = "松花江泵站"
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >设备管理</div>';
            topCmdHtml += '            <div class="flex box_tr_btn  show_aside_box" id="cmdShowMachineProp" data-type="prop_box" style="cursor:pointer">松花江泵站</div>';
            topCmdHtml += '            <div id="product_prop_box" class="aside_box prop_box">';
            topCmdHtml += '                <i class="close iconfont iconguanbi"></i>';
            topCmdHtml += '                <div id="PropInfoBox" ></div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >累计流量</div>';
            topCmdHtml += '            <div class="flex value leijiliuliang_box"><span>45614511 </span><span> m³</span></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >累计电能</div>';
            topCmdHtml += '            <div class="flex value leijidianneng_box"><span>61154 </span><span> </span></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >安全运行</div>';
            topCmdHtml += '            <div class="flex value"><span>461 </span><span> 天</span></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >报警信息</div>';
            topCmdHtml += '            <div class="flex swiper_box1 swiper-container show_aside_box" data-type="baojing" data-url="./MiniAlarmList?id=' + m_StationID + '&pumpid=' + id + '" data-iframe="iframe" >';
            topCmdHtml += '                <div class="swiper-wrapper">';
            topCmdHtml += '                    <div class="swiper-slide" >2021-04-14 电机 温度过高</div>';
            topCmdHtml += '                    <div class="swiper-slide" >2021-03-14 电流 电流过高</div>';
            topCmdHtml += '                    <div class="swiper-slide" >2021-02-14 压力 压力过高</div>';
            topCmdHtml += '                </div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="baojing aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >巡检信息</div>';
            topCmdHtml += '            <div class="flex swiper_box2 swiper-container show_aside_box" data-type="xunjian" data-url="./MiniByProduct?id=' + m_StationID + '&pumpid=' + id + '" data-iframe="iframe">';
            topCmdHtml += '                <div class="swiper-wrapper">';
            topCmdHtml += '                    <div class="swiper-slide">2021-04-15 电机 振动过大</div>';
            topCmdHtml += '                    <div class="swiper-slide">2021-03-23 流量计 损坏</div>';
            topCmdHtml += '                    <div class="swiper-slide">2021-02-21 压力计 工作不正常</div>';
            topCmdHtml += '                </div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="xunjian aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn " >时间选择</div>';
            topCmdHtml += '            <div  class="flex box_tr_btn " ><input type="text" class="layui-input" id="btn_date_select"></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div id="liuLIangYaLi" class="flex_25 box_tr_btn box_tr_btn_tab active" data-chartname="流量" data-type="line" data-pointid="1521">流量</div>';
            topCmdHtml += '            <div class="flex_25 box_tr_btn box_tr_btn_tab " data-type="line" data-chartname="压力" data-pointid="1520">压力</div>';
            topCmdHtml += '            <div class="flex_25 box_tr_btn box_tr_btn_tab " data-type="nenghao" data-chartname="能耗" data-pointid="1073">能耗</div>';
            //topCmdHtml += '            <div class="flex_25 box_tr_btn box_tr_btn_tab " data-type="kpi" data-chartname="KPI" data-pointid="1073">KPI</div>';
            topCmdHtml += '            <div class="flex_25 box_tr_btn  show_aside_box"  data-type="nenghaozhibiao" data-url="./MiniEnergyAna?pumpid=' + pumpid + '&name=松花江泵站" data-iframe="iframe">KPI</div>';
            topCmdHtml += '            <div  class="nenghaozhibiao aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div id="prop_info_chart" class=""  style="width:368px;height:220px;"></div>';
            topCmdHtml += '            <div  class="xingneng aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '            <div  class="nenghao aside_box" ><i class="close iconfont iconguanbi"></i><div id="neng_hao_chart" style="width:100%;height:100%;"></div></div>';



        } else if (type == "product") {

            var pumpid = m_current_active_product.ObjectID;
            var name = m_current_active_product.Name.replace("#", "号");;
            var active_start = '';
            var active_text = '';
            if (m_current_active_product.RunStatus == 1) {
                active_start = 'iconjieshu'
                active_text = '关机'
            } else {
                active_start = 'iconon'
                active_text = '启动'
            }

            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >设备管理</div>';
            topCmdHtml += '            <div class="flex box_tr_btn show_aside_box ' + active_prop + '" id="cmdShowMachineProp" data-type="prop_box" style="cursor:pointer">' + name + '</div>';
            topCmdHtml += '            <div id="product_prop_box" class="aside_box prop_box">';
            topCmdHtml += '                <i class="close iconfont iconguanbi"></i>';
            topCmdHtml += '                <div id="PropInfoBox" ></div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '        </div>';

            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >安全运行</div>';
            topCmdHtml += '            <div class="flex value"><span>4561 </span><span> 小时</span></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >报警信息</div>';
            topCmdHtml += '            <div class="flex swiper_box1 swiper-container show_aside_box" data-type="baojing" data-url="./MiniAlarmList?id=' + m_StationID + '&pumpid=' + id + '" data-iframe="iframe" >';
            topCmdHtml += '                <div class="swiper-wrapper">';
            topCmdHtml += '                    <div class="swiper-slide" >2021-04-14 电机 温度过高</div>';
            topCmdHtml += '                    <div class="swiper-slide" >2021-03-14 电流 电流过高</div>';
            topCmdHtml += '                    <div class="swiper-slide" >2021-02-14 压力 压力过高</div>';
            topCmdHtml += '                </div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="baojing aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn" >巡检信息</div>';
            topCmdHtml += '            <div class="flex swiper_box2 swiper-container show_aside_box" data-type="xunjian" data-url="/MiniByProduct?id=' + m_StationID + '&pumpid=' + id + '" data-iframe="iframe">';
            topCmdHtml += '                <div class="swiper-wrapper">';
            topCmdHtml += '                    <div class="swiper-slide">2021-04-15 电机 振动过大</div>';
            topCmdHtml += '                    <div class="swiper-slide">2021-03-23 流量计 损坏</div>';
            topCmdHtml += '                    <div class="swiper-slide">2021-02-21 压力计 工作不正常</div>';
            topCmdHtml += '                </div>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="xunjian aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div class="flex_25 box_tr_btn  " >时间选择</div>';
            topCmdHtml += '            <div  class="flex box_tr_btn " ><input type="text" class="layui-input" id="btn_date_select"></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div class="display_flex box_tr" >';
            topCmdHtml += '            <div id="liuLIangYaLi" class="flex_25 box_tr_btn box_tr_btn_tab active" data-type="xingneng" data-name="' + name + '" data-pointid="' + pumpid + '">性能曲线</div>';
            topCmdHtml += '            <div class="flex_25 box_tr_btn  show_aside_box"  data-type="nenghaozhibiao" data-url="./MiniEnergyAna?pumpid=' + pumpid + '&name=' + name + '" data-iframe="iframe">能耗指标</div>';
            topCmdHtml += '            <div id="pumpStartBtn"  data-type="runstatus" data-pointid="' + pumpid + '" class="flex_25 box_tr_btn iconfont show_aside_box ' + active_start + '">' + active_text + '</div>';
            topCmdHtml += '            <div  class="flex_25 box_tr_btn show_aside_box" data-type="tiaopin" data-pointid="' + pumpid + '">调频</div>';
            topCmdHtml += '            <div  class="tiaopin aside_box placeholder_fff" >';
            topCmdHtml += '                <i class="close iconfont iconguanbi"></i>';
            topCmdHtml += '                <form class="layui-form" action="">';
            topCmdHtml += '                     <div class="layui-form-item">';
            topCmdHtml += '                         <label class="layui-form-label">频率:</label>';
            topCmdHtml += '                         <div class="layui-input-block">';
            topCmdHtml += '                             <input type="number" name="pinlv" required lay-verify="pinlv" placeholder="请输入10~50的频率" autocomplete="off" class="layui-input">';
            topCmdHtml += '                         </div>';
            topCmdHtml += '                     </div>';
            topCmdHtml += '                     <div class="layui-form-item">';
            topCmdHtml += '                         <label class="layui-form-label">密码:</label>';
            topCmdHtml += '                         <div class="layui-input-block">';
            topCmdHtml += '                             <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">';
            topCmdHtml += '                         </div>';
            topCmdHtml += '                     </div>';
            topCmdHtml += '                     <div class="layui-form-item">';
            topCmdHtml += '                         <div class="layui-input-block">';
            topCmdHtml += '                             <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>';
            topCmdHtml += '                             <button type="reset" class="layui-btn cancel">取消</button>';
            topCmdHtml += '                         </div>';
            topCmdHtml += '                     </div>';
            topCmdHtml += '                 </form>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="runstatus aside_box placeholder_fff" >';
            topCmdHtml += '                <i class="close iconfont iconguanbi"></i>';
            topCmdHtml += '                <form class="layui-form" action="">';
            topCmdHtml += '                     <div id="">你确认要' + active_text + '吗？</div>';
            topCmdHtml += '                     <div class="layui-form-item">';
            topCmdHtml += '                         <label class="layui-form-label">密码:</label>';
            topCmdHtml += '                         <div class="layui-input-block">';
            topCmdHtml += '                             <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">';
            topCmdHtml += '                         </div>';
            topCmdHtml += '                     </div>';
            topCmdHtml += '                     <div class="layui-form-item">';
            topCmdHtml += '                         <div class="layui-input-block">';
            topCmdHtml += '                             <button class="layui-btn" lay-submit lay-filter="runstatus">确认</button>';
            topCmdHtml += '                             <button type="reset" class="layui-btn cancel">取消</button>';
            topCmdHtml += '                         </div>';
            topCmdHtml += '                     </div>';
            topCmdHtml += '                 </form>';
            topCmdHtml += '            </div>';
            topCmdHtml += '            <div  class="nenghaozhibiao aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';
            topCmdHtml += '        </div>';
            topCmdHtml += '        <div id="prop_info_chart" class=""  style="width:368px;height:300px;"></div>';
            topCmdHtml += '        <div  class="xingneng aside_box" ><i class="close iconfont iconguanbi"></i><iframe></iframe></div>';

        }
        return topCmdHtml;
    }

    /**
     * 文字长度过长时提示效果
     * @param {any} ele jquery 选择器名称
     * @param {any} tiptext 提示文字
     * @param {any} l 文字长度大于 l 显示提示文字，默认为8
     */
    function setTips(ele, tiptext, l) {
        l = l || 8
        $(ele).css({ "cursor": "pointer" });
        layui.use(['layer'], function () {
            var layer = layui.layer
            var subtips;
            $(ele).on('mouseover', function (event) {
                var tipname = $(this).text()
                if (tiptext.length > l) {
                    subtips = layer.tips(tiptext, $(this), { tips: [1, '#1E9FFF'], wysoffset: 1, offset: [0, -15], time: 10000 });
                }
            });
            $(ele).on('mouseout', function (event) {
                layer.close(subtips);
            });
        })
    }

    /**
 * 根据测点ids 获取测点最后一条数据
 * @param {Array} ids 测点集合
 */
    function getMonitorDataByMonitorIds(ids) {
        return new Promise((r, e) => {
            $.ajax({
                type: "get",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Run/GetLastRecordByMonitorPointIds",
                data: { MonitorPointIds: ids.join(','), CorpID: m_corpID },
                success: function (res) {
                    if (res.Code != 0) { r([]); return; }
                    let records = res.Data || []
                    r(records)
                },
                error: function (err, errorThrown) {
                    e(err)
                }
            });
        })
    }

    //设备管控操作指令
    async function productInfoCmd(type_alarm_use) {
        //累计流量
        let qresdata = await getMonitorDataByMonitorIds([1528])
        let value = 0;
        let unit = "m³";
        let orginVal = 0
        if (qresdata.length > 0) {
            let record = qresdata[0]
            orginVal = record.DataValue;
            if (orginVal < 999999) {
                value = orginVal;
                unit = "m³";
            } else if (orginVal < 999999999) {
                value = orginVal / 1000;
                unit = "Km³";
            } else {
                value = orginVal / 1000000;
                unit = "Mm³";
            }
        }

        value = parseFloat(parseFloat(value).toFixed(3))

        var html = value + ' ' + unit;
        $(".leijiliuliang_box").html(html)

        setTips(".leijiliuliang_box", orginVal + " m³")


        //累计电度
        getLeiJiDianDu()





        layui.use('form', function () {
            var form = layui.form;
            //调频验证表单
            form.verify({
                pinlv: function (value, item) { //value：表单的值、item：表单的DOM对象
                    if (value > 50 || value < 10) {
                        return '请输入合理范围的频率';
                    }
                }
            });
            //调频
            form.on('submit(formDemo)', function (data) {
                //layer.msg(JSON.stringify(data.field));
                console.log(data)
                return false;
            });

            //开关机
            form.on('submit(runstatus)', function (data) {
                //console.log(data)

                var pwd = data.field.password;
                var text = "";
                if ($("#pumpStartBtn").hasClass("iconon")) {
                    text = "开机";
                } else {
                    text = "关机"
                }
                if (pwd == '') {
                    layer.msg("密码不能为空", { icon: 5 })
                    return;
                }
                if (pwd == '123456') {
                    if (m_current_active_product) {
                        if (text == '开机') {
                            m_current_active_product.RunStatus = 1;
                            $("#pumpStartBtn").addClass("iconjieshu").removeClass("iconon").text("关机");
                            //console.log(m_current_active_product)
                        } else {
                            m_current_active_product.RunStatus = 0;
                            $("#pumpStartBtn").addClass("iconon").removeClass("iconjieshu").text("启动");
                        }
                        BuildProductPropHtml();
                        layer.msg(text + "成功", { icon: 1 })
                        $("#kaiji_PWD").val("");
                    }
                    $(".runstatus").hide();

                } else {
                    layer.msg("密码不正确", { icon: 5 })
                    return;
                }
                return false;
            });


        });
        //开关机关闭按钮
        $(".runstatus .cancel").off();
        $(".runstatus .cancel").on("click", function () {
            $(".runstatus").hide();
            $(".show_aside_box").removeClass("active");
        })
        //调频关闭按钮
        $(".tiaopin .cancel").off();
        $(".tiaopin .cancel").on("click", function () {
            $(".tiaopin").hide();
            $(".show_aside_box").removeClass("active");
        })

        //获取最近报警信息
        getAlarmListLastInfo(getDay(-3), type_alarm_use)



        //报警信息 轮播
        new Swiper('.swiper_box1', {
            direction: 'vertical',
            loop: true,
            autoplay: 10 * 1000,
            speed: 500,
            preventClicks: false,//默认true
            preventClicksPropagation: false,
        })

        //巡检信息 轮播
        new Swiper('.swiper_box2', {
            direction: 'vertical',
            loop: true,
            autoplay: 10 * 1000,
            speed: 500,
            preventClicks: false,//默认true
            preventClicksPropagation: false,
        })



        $(".aside_box .close").off();
        $(".aside_box .close").on("click", function () {
            $(".aside_box").hide();
            $(".show_aside_box").removeClass("active");
        })


        $(".show_aside_box").off();
        $(".show_aside_box").on("click", function () {
            let type = $(this).data("type");
            //console.log(type)
            $(".aside_box").hide();
            $(".show_aside_box").removeClass("active");
            $(this).addClass("active");
            if (type == "xunjian") {
                return;
            }
            $("." + type).show();
            //console.log($(this).data("iframe"))
            if ($(this).data("iframe")) {
                let url = $(this).data("url");
                m_iframe_loading_index = layer.load(1);
                if ($(this).data("alarmday")) {
                    url = url + "&alarmday=" + $(this).data("alarmday")
                }
                if ($(this).data("resdata")) {
                    url = url + "&resdata=" + $(this).data("resdata")
                }
                $("." + type).children("iframe").attr("src", url);
                //console.log(url)
            }
        })




        //时间选择器
        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#btn_date_select' //指定元素
                , value: getDay(0)
                , max: getDay(0)
                , showBottom: false
                , done: function (value, date, endDate) {
                    let type = $(".box_tr_btn_tab.active").data("type");
                    let pointid = $(".box_tr_btn_tab.active").data("pointid");
                    let chartname = $(".box_tr_btn_tab.active").data("chartname");
                    //console.log(value, type); //得到日期生成的值，如：2017-08-18

                    $(".aside_box").hide();
                    $(".show_aside_box").removeClass("active");

                    if (m_setInterval.qp != null) {
                        clearInterval(m_setInterval.qp);
                        m_setInterval.qp = null;
                    }
                    if (m_setInterval.qp_lastpoint != null) {
                        clearInterval(m_setInterval.qp_lastpoint);
                        m_setInterval.qp_lastpoint = null;
                    }
                    if (type == "line") {
                        initialMonitorRecord(pointid, value, chartname)
                    } else if (type == "xingneng") {
                        InitialRatedCurveInfo(pointid, value)
                    }
                    else if (type == "nenghao") {
                        InitialNengHao(pointid, value)
                    }
                }
            });
        });
        let pointid = $(".box_tr_btn_tab.active").data("pointid");
        let type = $(".box_tr_btn_tab.active").data("type");
        let day = $("#btn_date_select").val();
        let chartname = $(".box_tr_btn_tab.active").data("chartname");




        //切换展示相应的曲线
        $(".box_tr_btn_tab").on("click", function () {
            if ($(this).hasClass("active")) {
                return;
            }
            $(".box_tr_btn_tab").removeClass("active");
            $(this).addClass("active");

            if (!m_asideBoxIsShow) {
                $(".aside_box").hide();
            }
            $(".show_aside_box").removeClass("active");

            type = $(this).data("type");
            pointid = $(this).data("pointid");
            chartname = $(this).data("chartname");
            day = $("#btn_date_select").val();
            if (m_setInterval.qp != null) {
                clearInterval(m_setInterval.qp);
                m_setInterval.qp = null;
            }
            if (m_setInterval.qp_lastpoint != null) {
                clearInterval(m_setInterval.qp_lastpoint);
                m_setInterval.qp_lastpoint = null;
            }
            if (type == "line") {
                initialMonitorRecord(pointid, day, chartname)
            } else if (type == "xingneng") {
                InitialRatedCurveInfo(pointid, day)
            }
            else if (type == "nenghao") {
                InitialNengHao(pointid, day)
            }
        })
        if (m_setInterval.qp != null) {
            clearInterval(m_setInterval.qp);
            m_setInterval.qp = null;
        }
        if (m_setInterval.qp_lastpoint != null) {
            clearInterval(m_setInterval.qp_lastpoint);
            m_setInterval.qp_lastpoint = null;
        }
        if (type == "line") {
            initialMonitorRecord(pointid, getDay(0), "流量")
        } else if (type == "xingneng") {
            InitialRatedCurveInfo(pointid, getDay(0))
        }

    }


    /**机泵运行时间 根据累计电度简单计算 */
    let m_productRunTimeList = [
        { ObjectID: "409", MonitorPointID: 1549, Name: "1#机泵", runTime: "", },
        { ObjectID: "412", MonitorPointID: 1575, Name: "2#机泵", runTime: "", },
        { ObjectID: "415", MonitorPointID: 1601, Name: "3#机泵", runTime: "", },
        { ObjectID: "418", MonitorPointID: 1627, Name: "4#机泵", runTime: "", },
        { ObjectID: "421", MonitorPointID: 1653, Name: "5#机泵", runTime: "", },
        { ObjectID: "424", MonitorPointID: 1678, Name: "6#机泵", runTime: "", },
    ]
    /**获取累计电度 */
    async function getLeiJiDianDu() {
        let d_ids = [1549, 1575, 1601, 1627, 1653, 1678];// 1549 一号机组  1575二号 1601三号 1627四号 1653五号 1678六号

        let records = await getMonitorDataByMonitorIds(d_ids);

        function getSum(total, num) {
            return total + num;
        }
        var sumval = 0;
        if (records && records.length > 0) {
            sumval = records.map((item) => {
                m_productRunTimeList.forEach(x => {
                    if (x.MonitorPointID == item.MonitorPointID) {
                        let shijian = 0
                        let unit = '小时'
                        let tempval = item.DataValue
                        if (tempval && (tempval - 0) > 0) {
                            shijian = parseInt(tempval / 280)
                            if (shijian > 24) {
                                shijian = parseInt(tempval / 280 / 24)
                                unit = '天'
                            }
                        }
                        x.runTime = shijian > 0 ? shijian + ' ' + unit : ''
                    }
                })
                return item.DataValue - 0
            }).reduce(getSum)
        }
        console.log(m_productRunTimeList, 2029)
        var value = sumval;
        var unit = "KW.h";
        if (sumval < 999999) {
            value = sumval;
            unit = "KW.h";
        } else if (sumval < 999999999) {
            value = sumval / 1000;
            unit = "MW.h";
        } else {
            value = sumval / 1000000;
            unit = "GW.h";
        }
        let shijian_s = 0
        let unit_s = '小时'
        if (sumval && (sumval - 0) > 0) {
            shijian_s = parseInt(sumval / 280)
            if (shijian_s > 24) {
                shijian_s = parseInt(sumval / 280 / 24)
                unit_s = '天'
            }
        }
        $(".runTimeByStation span:first-of-type").text(shijian_s > 0 ? shijian_s + ' ' + unit_s : '')
        //console.log(value,records,1993)
        value = parseFloat(parseFloat(value).toFixed(3))
        var html = value + ' ' + unit;
        $(".leijidianneng_box").html(html)
        setTips(".leijidianneng_box", sumval + " KW.h")
    }

    /**
     * 根据产品id获取产品下所有测点id
     * @param {any} productID
     */
    function getProductMonitorIds(productID) {
        return new Promise((r, e) => {
            $.ajax({
                type: "get",
                // dataType: 'json',
                url: GlobalParas.Url.MainApi + 'LargeScreen/Demo/Monitor/GetGeneralRealMonitorPointListByProductID',
                data: {
                    ProductID: productID,
                    CorpID: m_corpID,
                },
                success: function (res) {
                    console.log(res, 1992)
                    if (res.Code != 0) {
                        r([])
                    }
                    let resdata = res.Data || []
                    let ids = []
                    if (resdata.length > 0) {
                        ids = resdata.map(x => {
                            return x.ID
                        })
                    }
                    r(ids)
                },
                error: function (textStatus, errorThrown) {
                    e(textStatus)
                }
            });
        })
    }
    /**获取泵站下所有测点id */
    function getStationMonitorIds() {
        return new Promise((r, e) => {
            $.ajax({
                type: "get",
                // dataType: 'json',
                url: GlobalParas.Url.MainApi + 'LargeScreen/Demo/Monitor/GetGeneralRealMonitorPointListByStationID',
                data: {
                    StationID: m_StationID,
                    CorpID: m_corpID,
                },
                success: function (res) {
                    //console.log(res)
                    if (res.Code != 0) {
                        r([])
                    }
                    let resdata = res.Data || []
                    let ids = []
                    if (resdata.length > 0) {
                        ids = resdata.map(x => {
                            return x.ID
                        })
                    }
                    r(ids)
                },
                error: function (textStatus, errorThrown) {
                    e(textStatus)
                }
            });
        })
    }
    /**
     * 获取最近时间范围内的报警信息
     * @param {any} day
     */
    async function getAlarmListLastInfo(day, type) {


        var m_rows = [
            {
                "ID": 5523, "MonitorObjectName": null, "MonitorPointName": "噪音", "MonitorPointID": 0,
                "DataTime": getDay(-3) + " 09:32:42", "DataValue": 90.1, "AlarmContent": "数据越上限", "AlarmType": "数据越上限",
                "ThresholdValue": null, "AlarmTime": getDay(-3) + " 09:32:42", "AlarmLevel": 1,
                "HandleStatus": "0", "Description": null
            },
            {
                "ID": 5522, "MonitorObjectName": null, "MonitorPointName": "噪音", "MonitorPointID": 0,
                "DataTime": getDay(-2) + " 09:28:42", "DataValue": 90.9, "AlarmContent": "数据越上限", "AlarmType": "数据越上限",
                "ThresholdValue": null, "AlarmTime": getDay(-2) + " 09:28:42", "AlarmLevel": 1,
                "HandleStatus": "0", "Description": null
            },
            {
                "ID": 5521, "MonitorObjectName": null, "MonitorPointName": "噪音", "MonitorPointID": 0,
                "DataTime": getDay(-1) + " 09:22:41", "DataValue": 90.8, "AlarmContent": "数据越上限", "AlarmType": "数据越上限",
                "ThresholdValue": null, "AlarmTime": getDay(-1) + " 09:22:41", "AlarmLevel": 1,
                "HandleStatus": "0", "Description": null
            },
        ]


        let tempids = []
        if (type == "station") {
            tempids = await getStationMonitorIds()

        } else if (type == "product") {
            if (m_current_active_product != null) {
                tempids = await getProductMonitorIds(m_current_active_product.ObjectID)
                m_productRunTimeList.forEach(x => {
                    if (x.ObjectID == m_current_active_product.ObjectID) {
                        $(".runTime span:first-of-type").text(x.runTime)
                    }
                })
            }
        }

        let ids = tempids.length > 0 ? tempids.join(',') : ''
        let getdata = {
            CorpID: m_corpID,
            StartTime: getDay(-60),
            EndTime: getDay(0) + " 23:59:59",
            PageIndex: 1,
            PageSize: 5,
            MonitorPointIds: ids,
            AlarmType: '',
            AlarmLevel: '',
            HandleStatus: '',
        }


        //最近报警信息
        $.ajax({
            dataType: 'json',
            url: GlobalParas.Url.MainApi + 'LargeScreen/Demo/Run/GetMonitorAlarmRecordFluzzyPageList',
            type: 'get',
            data: getdata,
            success: function (result) {
                //console.log(result, 2082)
                let isResData = false
                if (result.Code != 0) {
                    isResData = true
                }
                var record = result.Data;

                var topCmdHtml = '';
                var list = record.List;
                if (!list) {
                    isResData = true
                }
                $(".swiper_box1").data("resdata", isResData)
                $(".swiper_box1").data("alarmday", day)
                list = list || m_rows
                topCmdHtml += '<div class="swiper-wrapper">';
                for (var i = 0; i < list.length; i++) {
                    var item = list[i];
                    var time = getDay(0, item.AlarmTime)
                    topCmdHtml += '<div class="swiper-slide" >' + time + ' ' + item.MonitorPointName + ' ' + item.AlarmType + '</div>';
                }
                topCmdHtml += '</div>';

                $(".swiper_box1").html(topCmdHtml)

                //报警信息 轮播
                new Swiper('.swiper_box1', {
                    direction: 'vertical',
                    loop: true,
                    autoplay: 10 * 1000,
                    speed: 500,
                    preventClicks: false,//默认true
                    preventClicksPropagation: false,
                })


            },
            error: function (textStatus, errorThrown) {
                console.log("Station.Bim.SHJ2 报警信息 与服务器交互错误, 错误代码,  信息: " + JSON.stringify(textStatus));
            }
        });

    }

    /**
     * 根据泵站id和日期获取能耗数据
     * @param {any} day
     */
    function getNormalContentByStationIDOfDay(day) {
        return new Promise((r, e) => {
            $.ajax({
                type: "get",
                cache: false,
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Eta/GetMultiRealRecordNormalContentByStationIDOfDay",
                data: {
                    StationID: m_StationID,//m_StationID
                    CorpID: m_corpID,//m_corpID
                    Day: day
                },
                success: function (res) {
                    let resdata = []
                    if (res.Code != 0) {
                        resdata = []
                    }
                    resdata = res.Data || []
                    r(resdata)
                },
                error: function (err, errorThrown) {
                    e(err)
                }
            });
        })
    }

    /**
     * 格式化能耗数据
     * @param {any} id 
     * @param {any} day
     */
    async function InitialNengHao(id, day) {
        let qp = {};
        qp.day = day;
        qp.id = 0;
        qp.name = "千吨耗能";
        let resdata = await getNormalContentByStationIDOfDay(day);
        let nenghao = resdata.map((item) => {
            return { RecordTime: item.DataTime, RecordValue: item.WPa }
        })

        qp.q = nenghao;
        if (day == getDay(0)) {
            let yday = getDay(-1)
            let yresdata = await getNormalContentByStationIDOfDay(yday);
            var nenghaoy = yresdata.map((item) => {
                return { RecordTime: item.DataTime, RecordValue: item.WPa }
            })
            qp.qy = nenghaoy;
        }
        console.log(qp, 2223)
        initialChartOfNengHao(qp);
    }


    /**
     * 渲染能耗图表
     * @param {any} data
     */
    function initialChartOfNengHao(data) {
        $(".show_chart_last_point_tip").remove();
        if (m_chartMain) {
            m_chartMain.clear();
        }
        m_chartMain = echarts.init(document.getElementById('prop_info_chart'));
        //console.log(data)
        m_chartRecordList = [];
        var recordList_q = data.q;
        if (recordList_q == null || recordList_q.length == 0)
            recordList_q = []

        //console.log(data);//所有记录

        var series_data_station_power_per_q_arr = [];
        var series_data_station_power_per_qy_arr = [];
        var series_data_station_power_per_q = [];
        var series_data_station_power_per_qy = [];
        var lastTime = null;

        var ignore_time = 1000 * 60 * 10;
        for (var i = 0; i < recordList_q.length; i++) {
            var record = recordList_q[i];
            var real_time = record.RecordTime;
            var real_value = record.RecordValue;

            if (lastTime == null) {
                lastTime = new Date(real_time).getTime();
            }

            if ((new Date(real_time).getTime() - lastTime) > ignore_time) {

                if (series_data_station_power_per_q.length > 3) {
                    series_data_station_power_per_q_arr.push(series_data_station_power_per_q);
                }

                series_data_station_power_per_q = [];
            }

            series_data_station_power_per_q.push({ value: [real_time, real_value] });

            lastTime = new Date(real_time).getTime();

        }
        if (series_data_station_power_per_q.length > 3) {
            series_data_station_power_per_q_arr.push(series_data_station_power_per_q);
        }
        //console.log(series_data_station_power_per_q)


        var series = [];

        if (data.day == getDay(0)) {
            var recordList_qy = data.qy;
            if (recordList_qy == null || recordList_qy.length == 0)
                recordList_qy = [];

            var lastTime_qy = null;
            for (var i = 0; i < recordList_qy.length; i++) {
                var record = recordList_qy[i];

                var real_time = data.day + " " + (record.RecordTime.split(" ")[1]);
                var real_value = record.RecordValue;



                if (lastTime_qy == null) {
                    lastTime_qy = new Date(real_time).getTime();
                }

                if ((new Date(real_time).getTime() - lastTime_qy) > ignore_time) {

                    if (series_data_station_power_per_qy.length > 3) {
                        series_data_station_power_per_qy_arr.push(series_data_station_power_per_qy);
                    }

                    series_data_station_power_per_qy = [];
                }

                series_data_station_power_per_qy.push({ value: [real_time, real_value] });

                lastTime_qy = new Date(real_time).getTime();

            }
            if (series_data_station_power_per_qy.length > 3) {
                series_data_station_power_per_qy_arr.push(series_data_station_power_per_qy);
            }



            series_data_station_power_per_qy_arr.forEach((item, index) => {
                series.push({
                    name: '昨日' + data.name,
                    type: 'line',
                    symbolSize: 10,
                    hoverAnimation: false,
                    showSymbol: false,
                    itemStyle: {
                        color: "rgba(204, 204, 204, 0.8)"
                    },
                    data: item
                });
            });
        }


        series_data_station_power_per_q_arr.forEach((item, index) => {
            series.push({
                name: data.name,
                type: 'line',
                symbolSize: 10,
                hoverAnimation: false,
                showSymbol: false,
                itemStyle: {
                    color: "#0f0"
                },
                data: item
            });
        });



        var valeuDate = data.day;
        var main_chart_option = {
            title: {
                text: ""
            },

            tooltip: {
                trigger: 'axis',
                show: false,
            },
            grid: {
                containLabel: true,
                x: '25',
                y: '30',
                x2: '25',
                y2: '10'
            },
            xAxis: {
                type: 'time',
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLabel: {
                    color: '#fff',
                    formatter: function (v, index) {
                        var date = new Date(v);
                        //console.log(date);
                        var texts = [date.getHours(), date.getMinutes()];
                        return texts.join(':');
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    },
                },
                min: getDay(0, new Date(valeuDate)) + " 00:00:00",
                max: getDay(0, new Date(valeuDate)) + " 23:59:59",
                interval: 60 * 60 * 1000 * 4,
            },
            yAxis: [{
                name: data.name,
                nameLocation: 'end',
                nameGap: 10,
                nameTextStyle: {
                    fontSize: 10
                },
                type: 'value',
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLabel: {
                    color: '#fff',
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    },
                },
                scale: true
            }
            ],
            series: series
        };

        m_chartMain.setOption(main_chart_option);

        //点击跳转页面
        $("#prop_info_chart canvas").css({ "cursor": "pointer" });
        $("#prop_info_chart").off("click");
        $("#prop_info_chart").on('click', function () {

            m_asideBoxIsShow = true
            m_iframe_loading_index && layer.close(m_iframe_loading_index)
            m_iframe_loading_index = layer.load(1);
            $(".aside_box").hide();
            $(".show_aside_box").removeClass("active");
            $(".xingneng").show();
            let url = "./GeneralNH?id=" + m_StationID + "&day=" + data.day

            $(".xingneng").children("iframe").attr("src", url);
        });

        if (m_asideBoxIsShow) {
            $("#prop_info_chart").click();
        }

        //console.log(m_chartMain.getOption())
        //日期为今天时 定时两分钟刷新数据
        if (m_setInterval.qp != null) {
            clearInterval(m_setInterval.qp);
            m_setInterval.qp = null;
        }
        if (m_setInterval.qp_lastpoint != null) {
            clearInterval(m_setInterval.qp_lastpoint);
            m_setInterval.qp_lastpoint = null;
        }



        if (data.day == getDay(0)) {
            if (recordList_q == null || recordList_q.length == 0) {
                return;
            }
            //开启定时器
            m_setInterval.qp = setInterval(function () {
                refreshMonitorNengHaoInChart(data.id);
                //InitialNengHao(0,getDay(0))
            }, 2 * 60 * 1000);

            var series = m_chartMain.getOption().series;
            var seriesIndex = series.length - 1;
            var dataIndex = series[seriesIndex].data.length - 1;

            showChartLastPointTip(m_chartMain);


            m_chartMain.dispatchAction({
                type: 'downplay',
                seriesIndex: seriesIndex,
                dataIndex: dataIndex - 1,
            })

            //设置最后一个点闪烁
            m_setInterval.qp_lastpoint = setInterval(function () {
                m_chartMain.dispatchAction({
                    type: 'highlight',
                    seriesIndex: seriesIndex,
                    dataIndex: dataIndex,
                })

                setTimeout(function () {
                    m_chartMain.dispatchAction({
                        type: 'downplay',
                        seriesIndex: seriesIndex,
                        dataIndex: dataIndex,
                    })
                }, 1000 * 1)
            }, 2 * 1000);
        }




    }

    //定时刷新数据
    function refreshMonitorNengHaoInChart() {
        $.ajax({
            type: "get",
            cache: false,
            dataType: 'json',
            url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Eta/GetLastNormalLogicRealRecord",
            data: {
                ObjectID: m_StationID,//m_StationID
                CorpID: m_corpID,//m_corpID
                ObjectType: '泵站'
            },
            success: function (res) {
                let resdata = []
                if (res.Code != 0) {
                    resdata = []
                }
                resdata = res.Data || {}

                var ignore_time = 1000 * 60 * 10;
                var real_time = resdata.DataTime
                var real_value = resdata.WPa


                var series = m_chartMain.getOption().series;
                var seriesIndex = series.length - 1;
                var data = series[seriesIndex].data;
                var lastTime_q = data[data.length - 1].value[0];
                var name = series[seriesIndex].name;



                if (new Date(real_time).getTime() == lastTime_q) {
                    series = series;
                } else if ((new Date(real_time).getTime() - lastTime_q) > ignore_time) {
                    series.push({
                        name: name,
                        type: 'line',
                        symbolSize: 10,
                        hoverAnimation: false,
                        showSymbol: false,
                        itemStyle: {
                            color: "#0f0"
                        },
                        data: [{ value: [real_time, real_value] }]
                    });
                } else {
                    series[seriesIndex].data.push({ value: [real_time, real_value] })
                }

                if (m_chartMain) {
                    m_chartMain.setOption({
                        series: series
                    });
                }


                var series = m_chartMain.getOption().series;
                var seriesIndex = series.length - 1;
                var dataIndex = series[seriesIndex].data.length - 1;
                //console.log(series)

                showChartLastPointTip(m_chartMain);

                if (m_setInterval.qp_lastpoint != null) {
                    clearInterval(m_setInterval.qp_lastpoint);
                    m_setInterval.qp_lastpoint = null;
                }

                m_chartMain.dispatchAction({
                    type: 'downplay',
                    seriesIndex: seriesIndex,
                    dataIndex: dataIndex - 1,
                })

                //设置最后一个点闪烁
                m_setInterval.qp_lastpoint = setInterval(function () {
                    m_chartMain.dispatchAction({
                        type: 'highlight',
                        seriesIndex: seriesIndex,
                        dataIndex: dataIndex,
                    })

                    setTimeout(function () {
                        m_chartMain.dispatchAction({
                            type: 'downplay',
                            seriesIndex: seriesIndex,
                            dataIndex: dataIndex,
                        })
                    }, 1000 * 1)
                }, 2 * 1000);
            },
            error: function (err, errorThrown) {
                console.log(err)
            }
        });
    }

    /**
     * 根据测点id 日期获取 测点某日的数据
     * @param {any} day 日期
     */
    function getMonitorDataByMonitorID(id, day) {
        return new Promise((r, e) => {
            $.ajax({
                type: "get",
                cache: false,
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Run/GetRealRecordListByMonitorPointIDOfDay",
                data: {
                    MonitorPointID: id,//id
                    CorpID: m_corpID,//m_corpID
                    Day: day
                },
                success: function (res) {
                    let resdata = []
                    if (res.Code != 0) {
                        resdata = []
                    }
                    resdata = res.Data || []
                    r(resdata)
                },
                error: function (err, errorThrown) {
                    e(err)
                }
            });
        })
    }


    /**
 * 获取监测点某日的数据
 * @param {any} day 日期
 */
    async function initialMonitorRecord(id, day, name) {
        let qp = {};//流量压力
        qp.day = day;
        qp.id = id;
        qp.name = name;
        //console.log(id,day,name,2657)
        let resdata = await getMonitorDataByMonitorID(id, day);
        qp.q = resdata;

        if (day == getDay(0)) {
            let yday = getDay(-1)
            let yresdata = await getMonitorDataByMonitorID(id, yday);
            qp.qy = yresdata;
        }
        //console.log(qp, 2657)

        initialChartOfValue(qp);
    }



    //初始化图表

    m_setInterval.qp = null;//流量压力 定时刷新定时器
    m_setInterval.qp_lastpoint = null;//最后一个点闪烁 定时器
    function initialChartOfValue(data) {
        $(".show_chart_last_point_tip").remove();
        if (m_chartMain) {
            m_chartMain.clear();
        }
        m_chartMain = echarts.init(document.getElementById('prop_info_chart'));

        var recordList_q = data.q;
        if (recordList_q == null || recordList_q.length == 0) {
            recordList_q = [];
        }


        var series_data_station_power_per_q = [];
        var series_data_station_power_per_qy = [];

        for (var i = 0; i < recordList_q.length; i++) {
            var record = recordList_q[i];
            var real_time = record.DataTime;
            var real_value = record.DataValue;

            var dataValue = { value: [real_time, real_value] };
            series_data_station_power_per_q.push(dataValue);

        }

        var series_arr = [];

        if (data.day == getDay(0)) {
            var recordList_qy = data.qy;
            if (recordList_qy == null || recordList_qy.length == 0) {
                recordList_qy = []
            }



            for (var i = 0; i < recordList_qy.length; i++) {
                var record = recordList_qy[i];

                var real_time = data.day + " " + (record.DataTime.split(" ")[1]);
                var real_value = record.DataValue;

                var dataValue = { value: [real_time, real_value] };
                series_data_station_power_per_qy.push(dataValue);

            }


            series_arr = [
                {
                    name: '昨日' + data.name,
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    symbolSize: 10,
                    itemStyle: {
                        color: "rgba(204, 204, 204, 0.8)"
                    },
                    data: series_data_station_power_per_qy,
                },
                {
                    name: data.name,
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    symbolSize: 10,
                    id: data.id,
                    itemStyle: {
                        color: "#0f0"
                    },
                    data: series_data_station_power_per_q,
                },
            ];
        } else {
            series_arr = [{
                name: data.name,
                type: 'line',
                showSymbol: false,
                hoverAnimation: false,
                symbolSize: 10,
                id: data.id,
                itemStyle: {
                    color: "#0f0"
                },
                data: series_data_station_power_per_q,
            }];
        }


        var valeuDate = data.day;
        var main_chart_option = {
            title: {
                text: ""
            },

            tooltip: {
                trigger: 'axis',
                show: false,
            },
            grid: {
                containLabel: true,
                x: '25',
                y: '30',
                x2: '25',
                y2: '10'
            },
            xAxis: {
                type: 'time',
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLabel: {
                    color: '#fff',
                    formatter: function (v, index) {
                        var date = new Date(v);
                        //console.log(date);
                        var texts = [date.getHours(), date.getMinutes()];
                        return texts.join(':');
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    },
                },
                min: getDay(0, new Date(valeuDate)) + " 00:00:00",
                max: getDay(0, new Date(valeuDate)) + " 23:59:59",
                interval: 60 * 60 * 1000 * 4,
            },
            yAxis: [{
                name: data.name,
                nameLocation: 'end',
                nameGap: 10,
                nameTextStyle: {
                    fontSize: 10
                },
                type: 'value',
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLabel: {
                    color: '#fff',
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    },
                },
                scale: true
            }
            ],
            series: series_arr
        };

        m_chartMain.setOption(main_chart_option);

        //数据为空是显示初始化图表
        if (recordList_q == null || recordList_q.length == 0) {
            return;
        }
        //日期为今天时 定时两分钟刷新数据
        if (m_setInterval.qp != null) {
            clearInterval(m_setInterval.qp);
            m_setInterval.qp = null;
        }
        if (m_setInterval.qp_lastpoint != null) {
            clearInterval(m_setInterval.qp_lastpoint);
            m_setInterval.qp_lastpoint = null;
        }
        if (data.day == getDay(0)) {
            //开启定时器

            m_setInterval.qp = setInterval(function () {
                refreshMonitorRecordInChart(data.id);
            }, 2 * 60 * 1000);

            var series = m_chartMain.getOption().series;
            var seriesIndex = series.length - 1;
            var dataIndex = series[seriesIndex].data.length - 1;


            showChartLastPointTip(m_chartMain);


            m_chartMain.dispatchAction({
                type: 'downplay',
                seriesIndex: seriesIndex,
                dataIndex: dataIndex - 1,
            })

            //设置最后一个点闪烁
            m_setInterval.qp_lastpoint = setInterval(function () {
                m_chartMain.dispatchAction({
                    type: 'highlight',
                    seriesIndex: seriesIndex,
                    dataIndex: dataIndex,
                })

                setTimeout(function () {
                    m_chartMain.dispatchAction({
                        type: 'downplay',
                        seriesIndex: seriesIndex,
                        dataIndex: dataIndex,
                    })
                }, 1000 * 1)
            }, 2 * 1000);
        }



        //点击跳转页面
        let id = $(".box_tr_btn_tab.active").data("pointid");
        $("#prop_info_chart canvas").css({ "cursor": "pointer" });
        $("#prop_info_chart").off("click");
        $("#prop_info_chart").on('click', function () {
            m_asideBoxIsShow = true
            m_iframe_loading_index && layer.close(m_iframe_loading_index)
            m_iframe_loading_index = layer.load(1);
            var name = data.name;
            $(".aside_box").hide();
            $(".show_aside_box").removeClass("active");
            $(".xingneng").show();
            let url = "./GeneralQP?pointid=" + data.id + "&day=" + data.day + "&name=" + data.name

            $(".xingneng").children("iframe").attr("src", url);

        });
        if (m_asideBoxIsShow) {
            $("#prop_info_chart").click();
        }

    }
    //刷新今天数据
    function refreshMonitorRecordInChart(id) {
        $.ajax({
            type: "get",
            cache: false,
            dataType: 'json',
            url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Run/GetLastRealRecordByMonitorPointID",
            data: { MonitorPointID: id, CorpID: m_corpID },//获取最近的数据
            success: function (result) {
                if (result.Code != 0)
                    return;
                var resdata = result.Data;
                resdata = resdata || []
                if (resdata.length == 0) {
                    return
                }
                let record = resdata[0]
                //console.log(record);
                var series = m_chartMain.getOption().series;
                var seriesIndex = series.length - 1;
                var data1 = series[seriesIndex].data;
                var dataValue = { value: [record.DataTime, record.DataValue] };
                data1.push(dataValue);

                m_chartMain.setOption({
                    series: [{}, {
                        data: data1
                    }]
                });

                if (m_setInterval.qp_lastpoint != null) {
                    clearInterval(m_setInterval.qp_lastpoint);
                    m_setInterval.qp_lastpoint = null;
                }

                series = m_chartMain.getOption().series;
                var dataIndex = series[seriesIndex].data.length - 1;


                m_chartMain.dispatchAction({
                    type: 'downplay',
                    seriesIndex: seriesIndex,
                    dataIndex: dataIndex - 1,
                })

                showChartLastPointTip(m_chartMain);


                //设置最后一个点闪烁
                m_setInterval.qp_lastpoint = setInterval(function () {
                    m_chartMain.dispatchAction({
                        type: 'highlight',
                        seriesIndex: seriesIndex,
                        dataIndex: dataIndex,
                    })

                    setTimeout(function () {
                        m_chartMain.dispatchAction({
                            type: 'downplay',
                            seriesIndex: seriesIndex,
                            dataIndex: dataIndex,
                        })
                    }, 1000 * 1)
                }, 2 * 1000);
            },
            error: function (textStatus, errorThrown) {
                console.log("Station.Bim.SHJ2.refreshMonitorRecordInChart 与服务器交互错误, 错误代码 ,  信息: " + JSON.stringify(textStatus));
            }
        });
    }








    function showChartLastPointTip(myChart) {
        var series = myChart.getOption().series;
        var seriesIndex = series.length - 1;
        var dataIndex = series[seriesIndex].data.length - 1;
        var lastValue = series[seriesIndex].data[dataIndex].value
        var ymax = myChart.getModel()._componentsMap.data.yAxis[0].axis.scale._extent
        var xmax = myChart.getModel()._componentsMap.data.xAxis[0].axis.scale._extent
        var xm = myChart.convertToPixel({ xAxisIndex: 0 }, xmax[1]);
        var ym = myChart.convertToPixel({ yAxisIndex: 0 }, ymax[0]);
        let showValue = formatNumber(lastValue[1])
        var posix = myChart.convertToPixel({ xAxisIndex: 0 }, lastValue[0]);
        var posiy = myChart.convertToPixel({ yAxisIndex: 0 }, showValue);
        var box = setChartTipBoxWH(showValue)
        var left = posix + 10;
        var top = posiy + 10;

        var domid = myChart._dom.id

        if (posix + box.width > xm) {
            left = left - box.width - 20;
        }
        if (posiy + box.height > ym) {
            top = top - box.height - 20;
        }
        $(".show_chart_last_point_tip").remove();
        $("#" + domid).append('<span style="left:' + left + 'px;top:' + top + 'px;" class="show_chart_last_point_tip">' + showValue + '</span>')
        $(".show_chart_last_point_tip").css({
            "background-color": "rgba(0,0,0,0.5)",
            "color": "#fff",
            "padding": "5px",
            "border-radius": "5px",
            "position": "absolute"
        });
    }


    //计算文字的宽高
    function setChartTipBoxWH(text) {
        var span = document.createElement("span");
        span.style.padding = "5px";
        var result = {};
        result.width = span.offsetWidth;
        result.height = span.offsetHeight;
        span.style.visibility = "hidden";
        span.style.display = "inline-block";
        document.body.appendChild(span);
        if (typeof span.textContent != "undefined") {
            span.textContent = text;
        } else {
            span.innerText = text;
        }

        result.width = parseFloat(window.getComputedStyle(span).width) - result.width;
        result.height = parseFloat(window.getComputedStyle(span).height) - result.height;
        span.remove();
        return result;
    }

    let m_allFeatCurveList = [];//机泵性能曲线集合
    /** 获取泵站下机泵性能曲线 */
    function getFeatCurveByStationIdAndDay() {
        $.ajax({
            type: "get",
            dataType: 'json',
            cache: true,
            url: GlobalParas.Url.MainApi + 'LargeScreen/Demo/PipeLine/GetExPumpFeatCurveListByBelongTypeAndBelongID',
            data: {
                BelongID: m_StationID,//m_StationID
                CorpID: m_corpID,//m_corpID
                BelongType: '泵站'
            },
            success: function (result) {
                // console.log(result,2869)
                if (result.Code != 0) {
                    return;
                }
                var data = result.Data;
                m_allFeatCurveList = data || [];
            },
            error: function (textStatus, errorThrown) {
                console.log("Pump.FeatCurve.Index 与服务器交互错误, 错误代码 390,  信息: " + JSON.stringify(textStatus));
            }
        });

    }



    //初始化曲线
    function InitialRatedCurveInfo(id, day) {
        if (id == null || id == 0)
            return;

        chartCurveQH = [];
        chartPointQH = [];

        BuildChartQH();

        let featcurveList = m_allFeatCurveList.filter(x => {
            return x.ID == id
        })
        let QH = null
        if (featcurveList.length > 0) {
            QH = featcurveList[0].Pump.FeatCurve.PointQH;
        }

        console.log(QH, m_allFeatCurveList, id, 3130)
        if (QH != null) {
            for (var j = 0; j < QH.length; j++) {
                chartCurveQH.push([QH[j].X, QH[j].Y]);
            }
        }

        m_chartMain.setOption({
            series: [{
                data: chartCurveQH
            }, {

            }]
        });


        $.ajax({
            type: "get",
            dataType: 'json',
            url: GlobalParas.Url.MainApi + 'LargeScreen/Demo/Eta/GetDeviationContentByPipeLineIDOfDay',
            data: {
                PipeLineID: id, //id
                CorpID: m_corpID, //m_corpID
                Day: day,//day
            },
            success: function (result) {
                console.log(result, 3101)
                if (result == null) {
                    return;
                }
                if (result.Code != 0) {
                    return;
                }
                let data = result.Data || [];

                for (var i = 0; i < data.length; i++) {
                    chartPointQH.push([data[i].Q, data[i].H]);
                }
                m_chartMain.setOption({
                    series: [{
                    }, {
                        data: chartPointQH
                    }]
                });

            },
            error: function (textStatus, errorThrown) {
                console.log("Pump.FeatCurve.Index 与服务器交互错误, 错误代码 459,  信息: " + JSON.stringify(textStatus));
            }
        });


    }

    function BuildChartQH() {

        m_chartMain = echarts.init(document.getElementById('prop_info_chart'));
        var option = {
            title: {
                text: '流量-扬程',
                top: '5%',
                right: '4%',
                textStyle: {
                    fontSize: 14,
                    color: "#fff"
                },
            },
            grid: {
                top: '5%',
                left: '2%',
                right: '20',
                bottom: '5%',
                containLabel: true
            },
            tooltip: {
                trigger: 'item',
                show: false,
            },
            xAxis: [{
                name: "",//流量(m³/h)
                nameLocation: "middle",
                nameGap: 29,
                nameTextStyle: {
                    color: "#d4ce55"
                },
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLine: {
                    onZero: false,
                    lineStyle: {
                        color: "#fff"
                    }
                },
                type: 'value'
            }],
            yAxis: [{
                name: "",//"扬程(m)",
                nameLocation: "middle",
                nameGap: 39,
                nameTextStyle: {
                    color: "#d4ce55"
                },
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed'
                    }
                },
                axisLine: {
                    onZero: false,
                    lineStyle: {
                        color: "#fff"
                    }
                },
                type: 'value'
            }
            ],
            series: [{
                itemStyle: {
                    normal: {
                        color: '#48dcd7'
                    }
                },
                showSymbol: false,
                data: [],
                type: 'line',
                smooth: true,
            }, {
                name: '扬程',
                type: 'scatter',
                symbolSize: 5,
                itemStyle: {
                    normal: {
                        borderWidth: 1,
                        borderColor: "#FFF0F5",
                        color: "#fff"
                    },
                    emphasis: {
                        color: "red",
                    }
                },
                data: []
            }]
        }
        // 使用刚指定的配置项和数据显示图表。
        m_chartMain.setOption(option);







        let id = $(".box_tr_btn_tab.active").data("pointid");
        let name = $(".box_tr_btn_tab.active").data("name");
        $("#prop_info_chart canvas").css({ "cursor": "pointer" });
        $("#prop_info_chart").off("click");
        $("#prop_info_chart").on('click', function () {
            m_iframe_loading_index = layer.load(1);
            $(".aside_box").hide();
            $(".show_aside_box").removeClass("active");
            $(".xingneng").show();
            let url = './MiniFeatCurve?pumpid=' + id;
            $(".xingneng").children("iframe").attr("src", url);
        });
    }



    //主界面执行主界面的命令(点击BTN)
    function excuteMainMenuBtnCmd(cmdName, cmdPara, sourceElement) {
        if (m_bimViewer == null)
            return;
        var node_id = cmdPara;
        var product = findObjectByNodeID(node_id);
        if (product == null)
            return;

        //
        if (cmdName == "showorhide") {

            if (product.BimID == null || product.BimID == "")
                return;

            var j_sourceElement = $(sourceElement);
            if (j_sourceElement.hasClass("fa-eye")) {
                j_sourceElement.removeClass("fa-eye");
                j_sourceElement.addClass("fa-low-vision");

                m_bimViewer.hideComponents([product.BimID]);
            }
            else {
                j_sourceElement.removeClass("fa-low-vision");
                j_sourceElement.addClass("fa-eye");
                m_bimViewer.clearSelectedComponents();
                m_bimViewer.setSelectedComponentsById([product.BimID]);

                m_bimViewer.showComponents([product.BimID]);
            }

        }
        else if (cmdName == "target") {

            if (product.BimID == null || product.BimID == "")
                return;
            m_bimViewer.clearSelectedComponents();
            m_bimViewer.setSelectedComponentsById([product.BimID]);
            m_bimViewer.zoomToSelectedComponents();

        }


    }
    //高亮选中某BIM物体
    var _last_hight_bim_id = 0;
    function highLightBimObject(bim_id) {
        if (bim_id == null || bim_id == "" || bim_id == 0)
            return;

        if (_last_hight_bim_id == bim_id)
            return;

        if (_last_hight_bim_id != 0 && _last_hight_bim_id != null)//恢复构件颜色
            m_bimViewer.restoreComponentsColorById([_last_hight_bim_id]);

        var colorActiveObj = new Glodon.Web.Graphics.Color(255, 165, 0, 1);//高亮色
        m_bimViewer.overrideComponentsColorById([bim_id], colorActiveObj);

        _last_hight_bim_id = bim_id;

        //console.log(product)
        m_bimViewer.render();
    }

    function openVedioWindow(product) {

        layer.open({
            skin: 'layui-layer-qwert',
            type: 2,
            title: '视频监控',
            content: '/Video/MiniWindow/Index?id=' + product.ID,
            maxmin: true,
            area: ['850px', '650px'],
            shadeClose: true,
            shade: [0.5, '#000'],
            success: function (layero, index) {
                //$(document).on('keydown', function (e) {
                //    console.log(e);
                //    if (e.keyCode == 27) {
                //        alert('按了esc');
                //        //layer.restore();
                //    }
                //})
                //var maxmin = $(layero).find(".layui-layer-maxmin");
                //console.log(maxmin);
            },
            full: function (layero) {
                //alert("全屏");
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                //console.log(iframeWin);
                //iframeWin.gaunbi();
            },
            min: function () {
                //alert("最小化");
            },
            restore: function () {
                //alert("看看那个触发");
            }
        });
    }

    var click_obj_list_id = "";
    var m_flow_meter_bimid_list = ["1829426", "1829232", "1829040", "1828846", "1828652", "1826227"];
    var m_press_meter_bimid_list_outlet = ["1829427", "1829233", "1829041", "1828847", "1828653", "1826867"];
    var m_press_meter_bimid_list_inlet = ["1829428", "1829234", "1829042", "1828848", "1828654", "1827057"];
    var m_video_bimid_list = ["1642313", "1645885", "1645892", "1645947", "1645954", "1646054", "1646061", "1646047", "1683783"];
    var m_vibration_bimdid_list = ["1829433", "1829435", "1829432", "1829438", "1829434", "1829431", "1829430", "1829437", "1829436", "1829429",
        "1829239", "1829241", "1829238", "1829244", "1829235", "1829237", "1829240", "1829236", "1829243", "1829242",
        "1829047", "1829049", "1829046", "1829052", "1829043", "1829045", "1829048", "1829044", "1829051", "1829050",
        "1828853", "1828855", "1828852", "1828858", "1828851", "1828854", "1828849", "1828850", "1828857", "1828856",
        "1828659", "1828661", "1828658", "1828664", "1828657", "1828660", "1828655", "1828656", "1828663", "1828662",
        "1827764", "1828114", "1827686", "1828436", "1827641", "1828021", "1827371", "1827515", "1828293", "1828263"];




    //显示视频监控
    function showVideoInfo(index, position) {
        var id = index % 3;
        // console.log(id,3197)
        $(".videoDiv").remove();
        var config = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
        var circle = document.createElement('div');
        circle.style.width = '300px';//自定义样式，支持Html的任意dom元素
        //circle.style.padding = '10px';
        circle.style.background = '#ffffff';
        circle.className = 'videoDiv';
        var html = "";
        html += '<div style="height:30px;line-height:30px;position:relative;padding:0 10px;"><span>监控视频</span><i  class="close iconfont iconbaseline-close-px"></i></div>';
        html += '<div style="height:260px;"><iframe src="/Demo/miniVideo?id=' + id + '" style="width:100%;height:100%;" ></iframe></div>';
        circle.innerHTML = html;//这里读取后台的问题的name
        config.content = circle;
        config.draggable = true;//设置可以拖拽
        config.viewer = m_bimViewer;
        //config.tooltip = '拖我试试';//增加一个Tip提示
        config.worldPosition = position;
        var customItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(config);//生成customItem实例  
        m_drawableContainer.addItem(customItem)// 添加自定义标签
        $(".videoDiv .close").on("click", function () {
            $(".videoDiv").remove();
        })


    }

    //添加水面效果
    var isWaterAdded = false;
    function addWaterEffect() {
        if (isWaterAdded) {
            return;
        }
        // 构造水面边界
        var pt1_box1 = {
            x: 21160.66015625,
            y: -866.49609375,
            z: 4300
        };
        var pt2_box1 = {
            x: -38839.33984375,
            y: -866.49609375,
            z: 4300
        };
        var pt3_box1 = {
            x: 21160.66015625,
            y: -61066.4921875,
            z: 4300
        };
        var pt4_box1 = {
            x: -38839.33984375,
            y: -61066.4921875,
            z: 4300
        };

        var pt1_box2 = {
            x: -54980.39453125,
            y: 67307.05322265625,
            z: 3200
        };
        var pt2_box2 = {
            x: -54980.39453125, y: 7107.05712890625, z: 3200
        };
        var pt3_box2 = {
            x: -114508.390625, y: 67307.05322265625, z: 3200
        };
        var pt4_box2 = {
            x: -114508.390625, y: 7107.05712890625, z: 3200
        };

        // 构造水面效果配置项
        var waterEffectConfig1 = new Glodon.Bimface.Plugins.Animation.WaterEffectConfig();
        waterEffectConfig1.boundary = [pt1_box1, pt2_box1, pt4_box1, pt3_box1];
        waterEffectConfig1.viewer = m_bimViewer;
        // 构造水面效果类，并设置效果
        var waterEffect1 = new Glodon.Bimface.Plugins.Animation.WaterEffect(waterEffectConfig1);
        var waterEffectConfig2 = new Glodon.Bimface.Plugins.Animation.WaterEffectConfig();
        waterEffectConfig2.boundary = [pt1_box2, pt2_box2, pt4_box2, pt3_box2];
        waterEffectConfig2.viewer = m_bimViewer;
        // 构造水面效果类，并设置效果
        var waterEffect2 = new Glodon.Bimface.Plugins.Animation.WaterEffect(waterEffectConfig2);
        // 移除水面效果
        //waterEffect.remove();
        isWaterAdded = true;
    }

    //在BIM视图中,添加监控面板(初始化时没有值)
    var m_drawableContainer;
    var m_isCreateProductTipPanel = false;
    function showMinitorTipPanel(isDisp) {
        //console.log("isDisp" + isDisp)
        if (m_allMonitorPanel == null || m_allMonitorPanel.length == 0)
            return;
        if (m_isCreateProductTipPanel) {
            var arrar_item = [];
            for (var indexPanel = 0; indexPanel < m_allMonitorPanel.length; indexPanel++) {
                var minitorPanel = m_allMonitorPanel[indexPanel];
                arrar_item.push(minitorPanel.PanelID);
            }
            if (isDisp) {
                m_drawableContainer.showItemsById(arrar_item);
                if (m_clusterItem != null)
                    m_clusterItem.show();
            }
            else {
                m_drawableContainer.hideItemsById(arrar_item);
                if (m_clusterItem != null)
                    m_clusterItem.hide();
            }
            return;
        }
        if (!isDisp)
            return;

        createMinitorTipPanel();
        createClusterItem();
    }
    function createMinitorTipPanel() {
        m_isCreateProductTipPanel = true;
        //加载监控指示
        m_lastRecordsInBimPanel = [];
        //console.log(m_allMonitorPanel,3333)
        for (var indexPanel = 0; indexPanel < m_allMonitorPanel.length; indexPanel++) {
            var minitorPanel = m_allMonitorPanel[indexPanel];
            if (minitorPanel.Posi == null)
                continue;
            if (minitorPanel.RecordList == null || minitorPanel.RecordList.length == 0)
                continue;
            var configSiganlInBimItem = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
            // 创建自定义元素，可以是一个dom element，也可以是个字符串
            var divSiganlInBim = document.createElement('div');
            divSiganlInBim.style.width = '104px';
            divSiganlInBim.style.height = '54px';
            divSiganlInBim.style.borderRadius = '10%';
            divSiganlInBim.style.background = 'rgba(0,0,0,.6)';
            divSiganlInBim.style.border = '3px solid #eee';
            divSiganlInBim.style.color = 'white';
            divSiganlInBim.style.marginTop = '-66px';
            divSiganlInBim.style.marginLeft = '-51px';
            divSiganlInBim.style.padding = '5px';
            divSiganlInBim.style.fontSize = '10px';
            divSiganlInBim.id = "signalInBimDiv" + indexPanel;
            if (minitorPanel.IsDispSignal) {//显示监控值
                var defaultSignal = minitorPanel.RecordList[0];
                var dispSignalValue = defaultSignal.RecordValue;
                var signalId = defaultSignal.PointID;
                var minitorPanelName = minitorPanel.Name;

                //console.log(signalId, dispSignalValue);
                //
                //if (minitorPanel.RunStatus == 1 && minitorPanel.RecordList != null ) {
                var htmlOnClick = 'onclick="showSignalChart(' + signalId + ',' + indexPanel + ')" ';

                var statusColor = "runStatusInBimOpen";
                var panel_html = '<div class="tooltipWrap"><span style="opacity:0.8;width:72px;" class="tooltip" >' + minitorPanelName.substr(0, 6) + '</span>';
                panel_html += '<div data-chartsignalid="' + signalId + '" data-chartindexpanel="' + indexPanel + '" class="showSignalChart pointType ' + statusColor + '" ></div><br/>';
                panel_html += '<div class="signalInBim"> <span data-chartsignalid="' + signalId + '" data-chartindexpanel="' + indexPanel + '" class="showSignalChart signalInBimValue" id="signalInBim' + signalId + '">' + dispSignalValue + '</span>';//' + dispSignalValue + '
                panel_html += '<span class="signalInBimUnit">' + defaultSignal.RecordUnitName + '</span></div></div>';

                divSiganlInBim.innerHTML = panel_html;
                //最近的记录
                var record_signal = {};
                record_signal.PointID = signalId;
                record_signal.ReocrdTime = defaultSignal.ReocrdTime;
                record_signal.RecordValue = dispSignalValue;
                m_lastRecordsInBimPanel.push(record_signal);
                //}
                //else {//关闭状态的面板:暂时没有
                //    colorProduct = new Glodon.Web.Graphics.Color(176, 196, 222, 1);
                //    statusColor = "runStatusInBimClose";
                //    dispSignalValue = "关闭";
                //    var panel_html = '<div class="tooltipWrap"><span class="tooltip" >' + minitorPanel.Name +   '</span>';
                //    panel_html += '<div onclick="showSignalChart(' + signalId + ',' + indexPanel +')"  class="pointType ' + statusColor + '" ></div><br/>';
                //    panel_html += '<div class="signalInBim"><span onclick="showSignalChart(' + signalId + ',' + indexPanel +')"  class="signalInBimValue" id="signalInBim' + signalId + '">' + dispSignalValue + '</span>';
                //    panel_html += '<span class="signalInBimUnit">' + defaultSignal.Unit + '</span></div></div>';
                //    divSiganlInBim.innerHTML = panel_html;
                //    record_signal.ReocrdTime = "";
                //    record_signal.RecordValue = "";
                //}
            }
            else {
                var htmlOnClick = "";//暂时点击无效果
                var minitorPanelName = minitorPanel.Name;
                var panel_html = '<div class="tooltipWrap"><span ' + htmlOnClick + ' class="signalName" >' + minitorPanelName + '</span>';
                panel_html += '<div ' + htmlOnClick + ' class="minitorPanelFlagPoint runStatusInBimOpen" ></div><br/>';
                panel_html += ' </div>';
                divSiganlInBim.innerHTML = panel_html;
            }
            configSiganlInBimItem.content = divSiganlInBim;
            configSiganlInBimItem.viewer = m_bimViewer;
            //增加一个Tip提示
            // configSiganlInBimItem.tooltip = '<span class="abc" style="heiht:50px;line-height:50px;display:block;color:#F500;text-align:center">2432432432</span>';
            //overrideComponentsColorById([minitorPanel.BimObjectID], colorProduct);
            configSiganlInBimItem.worldPosition = minitorPanel.Posi;
            //生成customItem实例
            var customItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(configSiganlInBimItem);
            //自定义标签的鼠标左键事件
            //customItem.onClick(function (item) {
            //    drawableContainer.removeItemById(item.id);
            //    console.log(item.id);
            //    // alert('left click');
            //});

            ////自定义标签的鼠标右键事件
            //customItem.onRightClick(function (item) {
            //    alert('right click');
            //});

            // 添加自定义标签
            m_drawableContainer.addItem(customItem)
            //设置Tip的样式
            customItem.setTooltipStyle({ border: '1px' });
            minitorPanel.PanelID = customItem.id;//保留ID 方便操作
        }

        $(".showSignalChart").on("click", function () {
            var signalId = $(this).data("chartsignalid");
            var indexPanel = $(this).data("chartindexpanel");
            //console.log(signalId, indexPanel, 1111)
            showSignalChart(signalId, indexPanel)
        })


        //因为开始时没有记录,所以初始化后获取一下记录
        refreshMonitorRecordInBimPanel();
        //开启定时器,暂时不要开启
        var refreshRecordInterval = setInterval(function () {
            refreshMonitorRecordInBimPanel();
        }, 60 * 1000);
    }

    // 设置聚合标签
    function createClusterItem() {
        // 构造聚合标签容器配置项
        var clusterContainerConfig = new Glodon.Bimface.Plugins.Cluster.ClusterContainerConfig();
        clusterContainerConfig.viewer = m_bimViewer;
        // 构造聚合标签容器
        var clusterContainer = new Glodon.Bimface.Plugins.Cluster.ClusterContainer(clusterContainerConfig);
        // 构造聚合标签配置项
        var clusterItemConfig = new Glodon.Bimface.Plugins.Cluster.ClusterItemConfig();
        clusterItemConfig.tags = m_drawableContainer.getAllItems();
        clusterItemConfig.maxLevel = 10;
        clusterItemConfig.viewer = m_bimViewer;
        // 构造聚合标签对象
        m_clusterItem = new Glodon.Bimface.Plugins.Cluster.ClusterItem(clusterItemConfig);
        // 定义聚合标签的点击事件
        m_clusterItem.onClick(function (data) {
            var boundingBox = data.boundingBox;
            m_bimViewer.zoomToBoundingBox(boundingBox, 0.5);
        });
        clusterContainer.addCluster(m_clusterItem);
        clusterContainer.update();
    }





    //构建 摄像头面板
    var m_cameraMinitorPanelID = "";
    function showCameraMonitorPanel(isDisp) {
        if (m_cameraMinitorPanelID != "") {
            var arrar_item = [];
            arrar_item.push(m_cameraMinitorPanelID);
            if (isDisp) {
                m_drawableContainer.showItemsById(arrar_item)
            }
            else {
                console.log(isDisp, m_cameraMinitorPanelID)
                m_drawableContainer.hideItemsById(arrar_item)
            }
            return;
        }
        if (!isDisp)
            return;
        var posi = { x: -5269.243450288003, y: 0.7945555635522538, z: 4500.004290323011 };
        var configSiganlInBimItem = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
        // 创建自定义元素，可以是一个dom element，也可以是个字符串
        var divSiganlInBim = document.createElement('div');
        divSiganlInBim.style.width = '300px';
        divSiganlInBim.style.height = '200px';
        divSiganlInBim.style.borderRadius = '10%';
        divSiganlInBim.style.background = 'rgba(0,0,0,.6)';
        divSiganlInBim.style.border = '3px solid #eee';
        divSiganlInBim.style.color = 'white';
        divSiganlInBim.style.marginTop = '-227px';
        divSiganlInBim.style.marginLeft = '-160px';
        divSiganlInBim.style.padding = '5px';
        divSiganlInBim.style.fontSize = '10px';
        divSiganlInBim.style.overflow = 'hidden';
        divSiganlInBim.id = "cameraInBimDiv" + 0;
        var signalName = "视频头";//一号视频头
        var panel_html = '<div class="tooltipWrap"><span class="signalName" ><iframe id="ysopen1" src="https://open.ys7.com/ezopen/h5/iframe?url=ezopen://LUXVDM@open.ys7.com/D64553479/1.live&autoplay=1&accessToken=at.chvuj2w33pflpi1n2vm4kpw83okab9z0-3k66griscx-173knpn-d1wowcqen" width="300" height="200" allowfullscreen></iframe></span>';
        panel_html += '<div   class="minitorPanelFlagPoint runStatusInBimOpen" ></div><br/>';
        panel_html += ' </div>';
        divSiganlInBim.innerHTML = panel_html;
        configSiganlInBimItem.content = divSiganlInBim;
        configSiganlInBimItem.viewer = m_bimViewer;
        configSiganlInBimItem.worldPosition = posi;
        //生成customItem实例
        var customItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(configSiganlInBimItem);
        //console.log(m_drawableContainer, customItem)
        // 添加自定义标签
        m_drawableContainer.addItem(customItem)
        //设置Tip的样式
        customItem.setTooltipStyle({ border: '1px' });
        m_cameraMinitorPanelID = customItem.id;
    }
    function showVibrationMeterChart(index) {
        var pointId = [1286, 1287, 1288, 1289, 1290, 1291, 1292, 1293, 1294, 1306];
        if (index >= 10)
            index = 9
        layer.open({
            skin: 'layui-layer-qwert',
            type: 2,
            title: "振动",
            content: './VibrationEPT?pointId=' + pointId[index],
            maxmin: false,
            area: ['850px', '550px'],
            shadeClose: true,
            shade: [0.5, '#000'],
        });
    }
    //显示流量计的曲线小面板
    function showFlowMeterChart(index) {
        //layer.alert("单泵流量计信号还在远程调试中...暂时无法查看");
        //return;
        /**显示机泵的流量计的监控曲线 */
        var signalId = [1554, 1580, 1606, 1632, 1657, 1683];
        layer.open({
            skin: 'layui-layer-qwert',
            type: 2,
            title: "流量" + (index + 1),
            content: './GeneralQP?pointid=' + signalId[index],
            maxmin: false,
            area: ['850px', '550px'],
            shadeClose: true,
            shade: [0.5, '#000'],
            success: function (layero, index) {
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                iframeWin.getPointName("流量")
            }
        });
    }
    //显示压力计的曲线小面板
    function showPressMeterChart(index, is_outlet) {
        if (is_outlet) {
            var signalId = [1553, 1579, 1605, 1631, 1656, 1682];
            //console.log(is_outlet, signalId[index])
            layer.open({
                skin: 'layui-layer-qwert',
                type: 2,
                title: "压力",
                content: './GeneralQP?pointid=' + signalId[index],
                maxmin: false,
                area: ['850px', '550px'],
                shadeClose: true,
                shade: [0.5, '#000'],
                success: function (layero, index) {
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    iframeWin.getPointName("压力")
                }
            });
        }
        else {
            var signalId = [1552, 1578, 1604, 1630, 1655, 1681];
            //console.log(is_outlet, signalId[index])
            layer.open({
                skin: 'layui-layer-qwert',
                type: 2,
                title: "压力",
                content: './GeneralQP?pointid=' + signalId[index],
                maxmin: false,
                area: ['850px', '550px'],
                shadeClose: true,
                shade: [0.5, '#000'],
                success: function (layero, index) {
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    iframeWin.getPointName("压力")
                }
            });
        }
    }
    //显示图表
    function showSignalChart(signalId, indexPanel) {
        var minitorPanel = m_allMonitorPanel[indexPanel];
        //console.log(minitorPanel);
        layer.open({
            skin: 'layui-layer-qwert',
            type: 2,
            title: minitorPanel.Name,
            content: './GeneralQP?pointid=' + signalId,
            maxmin: false,
            area: ['850px', '550px'],
            shadeClose: true,
            shade: [0.5, '#000'],
        });
        //振动数据
        //layer.open({
        //    skin: 'layui-layer-qwert',
        //    type: 2,
        //    title: minitorPanel.Name + minitorPanel.RecordList[0].Name,
        //    content: '/Minitor/MiniChart/VibrationSignal?signalid=' + signalId + '&name=' + minitorPanel.RecordList[0].Name,
        //    maxmin: false,
        //    area: ['850px', '550px'],
        //    shadeClose: true,
        //    shade: [0.5, '#000'],
        //});
    }
    //二维码 
    function showMachineQr() {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 1,
            shadeClose: true,
            //area: ['260px', '262px'], //宽高
            content: '<div style="width:300px;height:300px;text-align:center;padding-top:22px;"><div id="qrcodeDiv"></div></div> '
        });
        var model_share = {};
        model_share.type = "product";
        model_share.stationid = m_StationID;
        model_share.productid = m_current_active_product.ProductID;
        //console.log(model_share)
        var strContent = JSON.stringify(model_share);
        $("#qrcodeDiv").qrcode(strContent);
    }
    //显示 属性
    function showPropGridPanel(objectTag) {

        if (objectTag == "product" && m_current_active_product != null) {
            if (m_current_active_product == null)
                return;
            if (m_current_active_product.ObjectType == 4)
                return;
            var partPropList = m_current_active_product.PartPropList;
            //
            if (partPropList != null) {
                BuildProductPropHtml();
                return;
            }
            // console.log(m_current_active_product)
            if (m_current_active_product.ObjectID <= 0)
                return;

            $.ajax({
                type: "get",
                contentType: "application/json;utf-8",
                dataType: 'json',
                url: GlobalParas.Url.MainApi + "LargeScreen/Demo/EnginePump/GetDetailByID",
                data: { ID: m_current_active_product.ObjectID, CorpID: m_corpID },
                success: function (result) {
                    //console.log(result)
                    if (result.Code != 0) {
                        return;
                    }
                    let resData = result.Data;
                    let tempArr = [];
                    let jb = {
                        ID: "ID", Name: "名称", NO: "编号", Code: "型号", Specification: "规格",
                        Material: "材质", ManufacturerName: "厂商名称", ManufacturerNO: "出厂编号",
                        ManufacturerDay: "出厂日期", ContractNO: "合同编号",
                    }
                    let ed = {
                        Q: "额定流量", H: "额定扬程", P: "电机功率",
                    }
                    let eData = resData.Pump.RatedParas
                    let jData = resData

                    for (i in jb) {
                        tempArr.push({
                            "ID": 0,
                            "GroupName": "基本信息",
                            "PropName": jb[i],
                            "PropValue": jData[i]
                        })
                    }

                    for (i in ed) {
                        tempArr.push({
                            "ID": 0,
                            "GroupName": "额定参数",
                            "PropName": ed[i],
                            "PropValue": eData[i]
                        })
                    }

                    m_current_active_product.PartPropList = tempArr;

                    BuildProductPropHtml();
                },
                error: function (textStatus, errorThrown) {
                    console.log("bim.shj2 与服务器交互错误, 错误代码 1615,  信息: " + JSON.stringify(textStatus));
                }
            });
        }
        else if (objectTag == "station") {

            buildStationPropHtml();
        }
    }
    //显示 监控
    function showMinitorGridPanel(objectTag) {

        if (objectTag == "product" && m_current_active_product != null) {
            //console.log(m_current_active_product)
            if (m_current_active_product == null)
                return;
            var signalList = m_current_active_product.RecordList;
            //console.log(signalList);
            if (signalList != null) {
                buildProductMonitorTable();
                return;
            }
        }
        else if (objectTag == "station") {

            buildStationMonitorTable();
        }
    }


    //初始化视图
    function initialDispViewListPanel() {
        //  console.log(m_viewList)
        if (m_viewList == undefined || m_viewList == '')
            return;
        var view_ctrl_html = '';
        for (var i = 0; i < m_viewList.length; i++) {
            var nodes = m_viewList[i];
            let nodesImage = nodes.ThumbnailImage;
            if (nodes.ThumbnailImage == null) {
                nodesImage = '/images/demo/demo/y_BIM_img.png';
            }
            view_ctrl_html += '<li class="swiper-slide" data-index="' + i + '">';
            view_ctrl_html += '<div class="y_absolute">';
            view_ctrl_html += '<img class="y_a_img" src="' + nodesImage + '" ><div class="y_a_footer">' + nodes.Name + '</div>';
            view_ctrl_html += '</div>';
            view_ctrl_html += '</li>';
        }
        // $("#swiper_container>ul").html(view_ctrl_html);


        var bim_btn_html = '';
        for (var i = 0; i < m_viewList.length; i++) {
            var nodes = m_viewList[i];
            let nodesImage = nodes.ThumbnailImage;
            if (nodes.ThumbnailImage == null) {
                nodesImage = '/images/demo/y_BIM_img.png';
            }



            bim_btn_html += '<span class="bim_tool" data-index="' + i + '">';
            bim_btn_html += '<a class="bim_tool_inner btn_radio" title="' + nodes.Name + '" style="background-position-x:-596px;text-align:center;line-height:50px;">';
            bim_btn_html += '<img class="btn_img" src="' + nodesImage + '" />';
            bim_btn_html += '</a>';
            bim_btn_html += '</span>';
        }
        $(".bim_tool_outbox").append(bim_btn_html);

        $(".btn_radio").on("click", function () {

            $(".btn_radio").parent().removeClass("checked");
            $(this).parent().addClass("checked");

            let index = $(this).parent().data("index");
            console.log(index)
            var viewdata = {
                position: m_viewList[index].CameraStatus_3D.position,
                target: m_viewList[index].CameraStatus_3D.target,
                up: m_viewList[index].CameraStatus_3D.up,
            };
            m_bimViewer.setCameraStatus(viewdata);


        })

    }
    //用户添加视图
    function addView() {
        $("#view_add_info").css({ "display": "block" });
        $("#product_view_box").css({ top: ($("#bimface-viewer").height() - $("#product_view_box").height()) + "px" });
        //取消按钮
        $(".view_add_btn_sumbit .cancel").unbind();
        $(".view_add_btn_sumbit .cancel").on("click", function () {
            $("#view_add_info").css({ "display": "none" })
            $("#viewName").val('');
        })
        //确认按钮
        $(".view_add_btn_sumbit .confirm").unbind();//先解除绑定事件
        $(".view_add_btn_sumbit .confirm").on("click", function () {
            var viewName = $("#viewName").val();
            if (viewName == '') {
                alert("请输入视图名称");
                return;
            }
            cameraState = m_bimViewer.getCameraStatus();
            //console.log(viewName)
            var viewdata = {
                name: viewName,
                position: cameraState.position,
                target: cameraState.target,
                up: cameraState.up,
                isUser: true
            };//用户自定义视图的数据
            m_viewList.push(viewdata);
            showDispViewPanel();
            //console.log()
            $("#view_add_info").css({ "display": "none" })
            $("#viewName").val('');
        })
    }
    //逐渐隐藏
    function layersSlowHide(ids) {
        var opacity = 1;
        var inter_SlowHide = setInterval(function () {
            opacity -= 0.1;
            var color = new Glodon.Web.Graphics.Color("#11DAB7", opacity);
            //m_bimViewer.overrideComponentsColorById(ids, color);
            m_bimViewer.overrideComponentsOpacityById(ids, opacity);
            if (opacity <= 0) {
                clearInterval(inter_SlowHide);
                m_bimViewer.hideComponentsById(ids);
                m_bimViewer.render();
            }
            m_bimViewer.render();
            //console.log(opacity)
        }, 10)
    }
    //逐渐显示
    function layersSlowShow(ids) {
        var opacity = 0;
        var inter_SlowHide = setInterval(function () {
            opacity += 0.1;
            m_bimViewer.showComponentsById(ids);
            var color = new Glodon.Web.Graphics.Color("#11DAB7", opacity);
            //m_bimViewer.overrideComponentsColorById(ids, color);
            m_bimViewer.overrideComponentsOpacityById(ids, opacity);

            //需要传入所有构件id
            if (opacity >= 1) {
                clearInterval(inter_SlowHide);
                m_bimViewer.restoreComponentsColorById(ids);
                m_bimViewer.render();
            }
            m_bimViewer.render();
            //console.log(opacity)
        }, 10)
    }
    var m_refreshRecordInterval_Table = null;//定时刷新
    //构建 监控表(设备)
    function buildProductMonitorTable() {
        if (m_current_active_product == null)
            return;

        var allSignalList = m_current_active_product.RecordList;
        if (allSignalList == null || allSignalList.length == 0)
            return;

        var html = "";
        //console.log(allSignalList,111)
        m_recordInMonitorTable = [];
        html += '<tr><th style="text-align:center;" class="group-tit">名称</th><th style="text-align:center;" class="group-tit">监控值</th></tr>';
        for (var i = 0; i < allSignalList.length; i++) {
            var signal = allSignalList[i];
            //console.log(signal)
            //var value = signal.RecordValue + signal.RecordUnit
            html += '<tr>';
            html += '<th>' + signal.RecordName + '</th>';
            html += '<td class="minitorTableValueCell" ><span id="signalInTable' + signal.PointID + '" data-signalname="' + signal.RecordName + '" data-signalid="' + signal.PointID + '">' + signal.RecordValue + '</span>';
            let unitname = signal.RecordUnitName || ''
            html += '<span>' + unitname + '</span>';
            m_recordInMonitorTable.push(signal);
            html += '</td>';
            html += '</tr>';
        }
        //console.log(html)

        $("#MinitorInfoTable").html(html);
        $(".minitorTableValueCell span:first-of-type").on("click", function () {
            var signalname = $(this).data("signalname");
            var signalId = $(this).data("signalid");
            console.log("dd1")
            layer.open({
                skin: 'layui-layer-qwert',
                type: 2,
                title: signalname,
                content: './GeneralQP?pointid=' + signalId,
                maxmin: false,
                area: ['850px', '550px'],
                shadeClose: true,
                shade: [0.5, '#000']
            });
        });


        refreshMonitorRecordInTable();

        //开启定时器
        if (m_refreshRecordInterval_Table != null) {
            clearInterval(m_refreshRecordInterval_Table);
            m_refreshRecordInterval_Table = null;
        }
        m_refreshRecordInterval_Table = setInterval(function () {
            //
            refreshMonitorRecordInTable();

        }, 60 * 1000);
    }
    //构建 监控表(泵站)
    function buildStationMonitorTable() {
        var allSignalList = m_allProductTree[0].Nodes[0].RecordList;
        //console.log(allSignalList);
        if (allSignalList == null || allSignalList.length == 0)
            return;

        var html = "";
        // console.log(allSignalList, 222)
        m_recordInMonitorTable = [];
        html += '<tr><th style="text-align:center;" class="group-tit">名称</th><th style="text-align:center;" class="group-tit">监控值</th></tr>';
        for (var i = 0; i < allSignalList.length; i++) {
            var signal = allSignalList[i];
            html += '<tr>';
            html += '<th>' + signal.RecordName + '</th>';
            html += '<td class="minitorTableValueCell" ><span id="signalInTable' + signal.PointID + '" data-signalname="' + signal.RecordName + '" data-signalid="' + signal.PointID + '">' + signal.RecordValue + '</span>';
            let unitname = signal.RecordUnitName || ''
            html += '<span>' + unitname + '</span>';
            m_recordInMonitorTable.push(signal);
            html += '</td>';
            html += '</tr>';
        }

        $("#MinitorInfoTable").html(html);
        $(".minitorTableValueCell span:first-of-type").on("click", function () {
            var signalname = $(this).data("signalname");
            var signalId = $(this).data("signalid");
            console.log("dd2")
            layer.open({
                skin: 'layui-layer-qwert',
                type: 2,
                title: signalname,
                content: './GeneralQP?pointid=' + signalId,
                maxmin: false,
                area: ['850px', '550px'],
                shadeClose: true,
                shade: [0.5, '#000']
            });
        });


        refreshMonitorRecordInTable();

        //开启定时器
        if (m_refreshRecordInterval_Table != null) {
            clearInterval(m_refreshRecordInterval_Table);
            m_refreshRecordInterval_Table = null;
        }
        m_refreshRecordInterval_Table = setInterval(function () {
            //
            refreshMonitorRecordInTable();

        }, 60 * 1000);
    }

    //打开爆炸图  E
    function showExplodePage() {
        if (m_current_active_product == null)
            return;
        //var url = "../../Product/Detail/Equipment.html?id=" + id + "&name=" + name;
        var id = m_current_active_product.ProductID;
        var name = "CLD立式泵结构图";
        var url = "http://www.beng35.com/Product/Explode/demo.html?id=" + id + "&name=" + name;
        if (window.top != window.self) {
            window.parent.openPage(url, m_current_active_product.ObjectID, m_current_active_product.Name, "productDetail", { Name: m_current_active_product.Name, ID: m_current_active_product.ObjectID });
        }
        else {
            window.open(url);
        }
    }
    //打开设备详情  S
    function showMachineDetail() {
        if (m_current_active_product == null)
            return;
        if (window.top != window.self) {
            window.parent.openPage("/Product/Detail/Index?id=" + m_current_active_product.ObjectID, m_current_active_product.ObjectID, m_current_active_product.Name, "productDetail", { Name: m_current_active_product.Name, ID: m_current_active_product.ObjectID });
        }
        else {
            window.open("/Product/Detail/Index?id=" + data.ID);
        }
    }
    //打开弹框 弹出3D模型 S
    function showModel3D() {
        layer.open({
            skin: 'layui-layer-qwert',
            type: 2,
            title: '3D图',
            content: '/Product/Detail/Show3dCad',
            maxmin: true,
            area: ['800px', '500px'],
            shadeClose: true,
            shade: [0.5, '#000'],
        });
    }



    /**
     * 刷新BIM视图上的监控值
     */
    async function refreshMonitorRecordInBimPanel() {
        if (m_lastRecordsInBimPanel == null || m_lastRecordsInBimPanel.length == 0)
            return;
        var signalIDs = [];
        for (var i = 0; i < m_lastRecordsInBimPanel.length; i++) {//其他产品的监控ID
            var signalID = m_lastRecordsInBimPanel[i].PointID;
            signalIDs.push(signalID);
        }

        //console.log(m_lastRecordsInBimPanel);
        let records = await getMonitorDataByMonitorIds(signalIDs);
        setMonitorPanelData(records, "signalInBim")

        for (var s = 0; s < records.length; s++) {
            var record = records[s];
            for (var k = 0; k < m_lastRecordsInBimPanel.length; k++) {
                if (m_lastRecordsInBimPanel[k].PointID == record.PointID) {
                    m_lastRecordsInBimPanel[k].RecordTime = record.RecordTime;
                    m_lastRecordsInBimPanel[k].RecordValue = str_recoV;
                    break;
                }
            }
        }
    }

    var m_recordInMonitorTable = null;
    /**
     * 刷新监控表上的监控值
     */
    async function refreshMonitorRecordInTable() {
        // console.log(m_recordInMonitorTable, 4530);
        if (m_recordInMonitorTable == null || m_recordInMonitorTable.length == 0)
            return;
        //
        var monitor_point_array = [];
        for (var i = 0; i < m_recordInMonitorTable.length; i++) {//其他产品的监控ID
            var id = m_recordInMonitorTable[i].PointID;
            monitor_point_array.push(id);
        }
        let records = await getMonitorDataByMonitorIds(monitor_point_array);

        setMonitorPanelData(records, "signalInTable")
    }



    /**
     * 设置监控面板值
     * @param {Array} records 测点数据集合
     * @param {String} prefix ID前缀
     */
    function setMonitorPanelData(records, prefix) {
        if (!Array.isArray(records)) return;
        for (var s = 0; s < records.length; s++) {
            var record = records[s];
            var signalInBimId = prefix + record.MonitorPointID;
            var str_recoV = numberFormat4RecordValue(record.DataValue);
            $("#" + signalInBimId).html(str_recoV);
            if (str_recoV.length >= 10) {
                $("#" + signalInBimId).attr("title", str_recoV);
            }
        }
    }


    function numberFormat4RecordValue(value) {
        if (value == null || value == undefined)
            return 0;
        value = parseFloat(value)
        if (value > 100)
            return parseFloat(value.toFixed(1));
        else if (value > 10)
            return parseFloat(value.toFixed(2));
        else
            return parseFloat(value.toFixed(4));
    }


    //构建属性表(设备)
    function BuildProductPropHtml() {
        if (m_current_active_product == null) {
            return;
        }
        var html = "";
        var partPropList = m_current_active_product.PartPropList;
        if (partPropList == null)
            return;
        var lastGroupName = "";
        //console.log(partPropList)

        var baseList = [];
        var base1List = [];
        for (var i = 0; i < partPropList.length; i++) {
            var prop = partPropList[i];
            if (prop.PropName == "RealImage") {
                continue;
            }
            if (prop.GroupName == "基本信息") {
                baseList.push(prop)
            } else if (prop.GroupName == "额定参数") {
                base1List.push(prop)
            }
        }
        html += '<div class="box_title">基本信息</div><br/>';
        html += '<div style="display:flex;flex-wrap:wrap;align-items: center;">';

        for (var i = 0; i < baseList.length; i++) {
            var item = baseList[i];
            if (item.PropName == "ThumbRealImage") {
                if (item.PropValue == null || item.PropValue == "")
                    continue;
                //显示实物图
                var thumbRealImage = "http://www.beng35.com/ProductData/RealImage/" + item.PropValue;
                var bigRealImage = thumbRealImage.replace('_th.', '.');

                html += '       <div class="flex33 layui-row">';
                html += '           <div class="layui-col-md4 right">实物图：</div>';
                html += '           <div class="layui-col-md8 value_col propimg" style="cursor:pointer;text-decoration:underline;" data-imgurl="' + bigRealImage + '">点击查看图片</div>';
                html += '       </div>';
            } else {
                html += '       <div class="flex33 layui-row">';
                html += '           <div class="layui-col-md4 right">' + item.PropName + '：</div>';
                let value = item.PropValue || ''
                html += '           <div class="layui-col-md8 value_col">' + value + '</div>';
                html += '       </div>';
            }

        }
        html += '</div>';
        html += '<div class="box_title">额定参数</div><br/>';
        html += '<div style="display:flex;flex-wrap:wrap;align-items: center;">';
        for (var i = 0; i < base1List.length; i++) {
            var item = base1List[i];
            let value = item.PropValue || ''
            html += '       <div class="flex33 layui-row">';
            html += '           <div class="layui-col-md4 right">' + item.PropName + '：</div>';
            html += '           <div class="layui-col-md8 value_col">' + value + '</div>';
            html += '       </div>';
        }
        html += '</div>';
        //console.log(html)
        $("#PropInfoBox").html(html);


    }

    //构建属性表(泵站) //buildStationPropHtml() buildStationMonitorTable()
    function buildStationPropHtml() {
        var html = "";


        html += '<div class="box_title">基本信息</div>';
        html += '   <div class="layui-row layui-col-space10">';
        html += '       <div class="layui-col-md4">';
        html += '           <div class="layui-col-md4 right">名称：</div>';
        html += '           <div class="layui-col-md8 value_col">松花江泵站</div>';
        html += '       </div>';
        html += '       <div class="layui-col-md4">';
        html += '           <div class="layui-col-md4 right">经度：</div>';
        html += '           <div class="layui-col-md8 value_col">' + m_stationInfo.Longitude + '</div>';
        html += '       </div>';
        html += '       <div class="layui-col-md4">';
        html += '           <div class="layui-col-md4 right">纬度：</div>';
        html += '           <div class="layui-col-md8 value_col">' + m_stationInfo.Latitude + '</div>';
        html += '       </div>';
        html += '   </div>';
        html += '   <div class="layui-row layui-col-space10">';
        html += '       <div class="layui-col-md4">';
        html += '           <div class="layui-col-md4 right">机泵数：</div>';
        html += '           <div class="layui-col-md8 value_col">' + m_stationInfo.PumpNumber + '</div>';
        html += '       </div>';
        html += '       <div class="layui-col-md8">';
        html += '           <div class="layui-col-md2 right">地址：</div>';
        html += '           <div class="layui-col-md10 value_col">' + m_stationInfo.Address + '</div>';
        html += '       </div>';
        html += '</div>';

        html += '<div class="box_title">资产信息</div>';
        html += '<table style="width:calc(100% - 0px);" class="" id="mainGrid" ></table>';
        $("#PropInfoBox").html(html);




        $.ajax({
            type: "get",
            //contentType: "application/json;utf-8",
            dataType: 'json',
            url: GlobalParas.Url.MainApi + "LargeScreen/Demo/Product/GetLogicalTreeByBelongTypeAndBelongID",
            data: { BelongID: m_StationID, CorpID: m_corpID, BelongType: "泵站" },
            success: function (result) {
                if (result.Code != 0) {
                    alert(result.Message);
                    return;
                }
                //console.log(result, 92)
                initialTable(result.Data);//加载表格//表格重载
            },
            error: function (textStatus, errorThrown) {
                console.log("Product.InStation 与服务器交互错误, 错误代码 41,  信息: " + JSON.stringify(textStatus));
            }
        });

    }

    //树结构格式化list
    function treeToList(data) {
        let tmp = []
        data.forEach((one) => {
            tmp.push(Object.assign({}, one))
            //{ Id: one.Id, ParentId: one.ParentId, LogicalName: one.LogicalName, LogicalType: one.LogicalType, }
            if (one.Children && one.Children.length > 0) {
                const children = treeToList(one.Children)
                if (children) {
                    tmp = tmp.concat(children)
                }
            }
        })
        return tmp
    }
    function initialTable(allProducts) {

        let newAllProducts = treeToList(allProducts);

        let top_value = 0;
        if (allProducts.length > 0) {
            top_value = allProducts[0].ParentID
        } else {
            $("#mainGrid").html('<tr><td style="text-align:center;">暂未数据</td></tr>')
            return
        }
        layui.use(['treeTable'],
            function () {
                layui.treeTable.render({
                    elem: '#mainGrid',
                    data: newAllProducts,
                    icon_key: 'LogicalName',
                    top_value: top_value,
                    primary_key: 'ID',
                    parent_key: 'ParentID',
                    id: 'mainGrid',
                    cols: [
                        { key: 'LogicalName', title: '设备名称', align: 'left', width: '20%' },
                        { key: 'LogicalModel', title: '设备型号', align: 'center', width: '10%', template: function (item) { return item.LogicalModel ? item.LogicalModel.Code ? item.LogicalModel.Code : '' : '' } },
                        { key: 'LogicalModel', title: '设备编号', align: 'center', width: '220px', template: function (item) { return item.LogicalModel ? item.LogicalModel.NO ? item.LogicalModel.NO : '' : '' } },
                        { key: 'LogicalModel', title: '规格', align: 'center', width: '220px', template: function (item) { return item.LogicalModel ? item.LogicalModel.Specification ? item.LogicalModel.Specification : '' : '' } },
                        { key: 'LogicalModel', title: '厂商', align: 'center', width: "140px", template: function (item) { return item.LogicalModel ? item.LogicalModel.Manufacturer ? item.LogicalModel.Manufacturer : '' : '' } },
                    ]

                });

                $("#mainGrid thead").css({
                    width: "calc(100% - 10px)",
                    display: "inline-table",
                    "table-layout": "fixed",
                })
                $("#mainGrid tbody").css({
                    "max-height": "315px",
                    display: "block",
                    "overflow-y": "scroll",
                })

                $(".layui-icon-triangle-r").parent().css({
                    "cursor": "pointer",
                })


            });




    }


    //四舍五入
    function valueFormat(value) {
        var v = value.toString();
        var result = v;
        var decimalIndex = v.indexOf('.');
        if (decimalIndex != -1) {
            result = v.substring(decimalIndex + 1, v.length);
            if (result.length > 5) {
                v = parseFloat(value).toFixed("5");
                var str = v.toString();
                if (str.substr(str.length - 2, 2) == "00") {
                    v = parseFloat(value).toFixed("1");
                }
                else if (str.substr(str.length - 1, 1) == "0") {
                    v = parseFloat(value).toFixed("2");
                }
            }
        }
        return v;
    }
}