{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\EquipmentMap.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\EquipmentMap.vue","mtime":1686300930589},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\r\nimport Iframe from '@/views/Manage/components/Iframe.vue'\r\nimport videoPlayPlugin from '@/views/Device/deviceMonitor/components/videoPlayPlugin.vue'\r\nexport default {\r\n    name: 'EquipmentMap',\r\n    components: {\r\n        Iframe,\r\n        videoPlayPlugin,\r\n    },\r\n    data() {\r\n        return {\r\n            // src: '/gisapi/station-n-map/#/DeviceManagerGisView',\r\n            src:\r\n                window.context.map +\r\n                '/station-n-map/#/DeviceManagerGisView?mapMode=2D',\r\n            showDialog: false,\r\n            showVideo: false,\r\n            videoCode: '',\r\n            videoOptions: {\r\n                layout: '1x1',\r\n                showToolbar: 1,\r\n                simpleTips: true,\r\n                mountedInit: false,\r\n            },\r\n            point: {\r\n                data: null,\r\n            },\r\n            top: 0,\r\n            left: 0,\r\n            queryParam: {\r\n                pageBean: {\r\n                    page: 1,\r\n                    pageSize: 1,\r\n                    showTotal: true,\r\n                },\r\n                sorter: [\r\n                    {\r\n                        direction: 'DESC',\r\n                        property: 'createTime',\r\n                    },\r\n                ],\r\n            },\r\n            deviceId: '',\r\n            hasRealTimeData: false,\r\n            realtimeData: [],\r\n            realTimeDataType: ['hazard', 'barricade', 'water', 'signboaerd'],\r\n            hazard: [\r\n                // 危险源监测\r\n                {\r\n                    value: '',\r\n                    name: '甲烷浓度',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '采集时间',\r\n                },\r\n            ],\r\n            barricade: [\r\n                // 升降路障\r\n                {\r\n                    value: '',\r\n                    name: '操作人',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '动作标识',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '动作状态',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '采集时间',\r\n                },\r\n            ],\r\n            water: [\r\n                // 低洼积水监测\r\n                {\r\n                    value: '',\r\n                    name: '水位高度',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '采集时间',\r\n                },\r\n            ],\r\n            signboaerd: [\r\n                // 标志牌监测\r\n                {\r\n                    value: '',\r\n                    name: '电池电量',\r\n                    unit: '%',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '数据类型',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: 'X轴角度',\r\n                    unit: '°',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: 'Y轴角度',\r\n                    unit: '°',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: 'Z轴角度',\r\n                    unit: '°',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '设备电压',\r\n                    unit: 'v',\r\n                },\r\n                {\r\n                    value: '',\r\n                    name: '采集时间',\r\n                },\r\n            ],\r\n            dataTypeList: [],\r\n            actionList: [],\r\n            statusList: [],\r\n            dataPosition: null,\r\n        }\r\n    },\r\n\r\n    mounted() {\r\n        this.dataTypeList = dictUtils.getDictItemsFromCache('sjlx')\r\n        this.actionList = dictUtils.getDictItemsFromCache('dzbs')\r\n        this.statusList = dictUtils.getDictItemsFromCache('cgzt')\r\n    },\r\n    created() {\r\n        let that = this\r\n        setTimeout(() => {\r\n            that.$refs.windowiframe.contentWindow.deviceGisFunction.addPickListener(\r\n                (p) => {\r\n                    console.log('icon', p)\r\n                    if (p.data) {\r\n                        that.$refs.windowiframe.contentWindow.deviceGisFunction.removePopupLocator()\r\n                        that.showDialogData(p)\r\n                    }\r\n                }\r\n            )\r\n        }, 6000)\r\n    },\r\n    methods: {\r\n        videoOpen() {\r\n            this.showVideo = true\r\n            this.$nextTick(() => {\r\n                this.$refs.video.open()\r\n            })\r\n        },\r\n        videoClose() {\r\n            this.showVideo = false\r\n            this.$nextTick(() => {\r\n                this.$refs.video.disconnect()\r\n            })\r\n        },\r\n        ready() {\r\n            this.videoPlay(this.videoCode)\r\n        },\r\n        videoPlay(code) {\r\n            this.$nextTick(() => {\r\n                this.$refs.video.play(code)\r\n            })\r\n        },\r\n        closeDialog() {\r\n            this.$refs.windowiframe.contentWindow.deviceGisFunction.removePopupLocator()\r\n            this.point = {\r\n                data: null,\r\n            }\r\n            this.showDialog = false\r\n            this.hasRealTimeData = false\r\n        },\r\n        getPosition(position, type) {\r\n            console.log(position)\r\n            this.$refs.windowiframe.contentWindow.deviceGisFunction.addPopupLocator(\r\n                {\r\n                    position,\r\n                    locator: (windowPosition) => {\r\n                        this.dataPosition = windowPosition\r\n                        console.log(windowPosition)\r\n                        // 2D\r\n                        this.left = parseInt(windowPosition.x) - 2\r\n                        this.top = parseInt(windowPosition.y)\r\n                        // if (type == 1) {\r\n                        //     this.left = parseInt(windowPosition.x) - 2\r\n                        //     this.top = parseInt(windowPosition.y)\r\n                        // } else {\r\n                        //     this.left = parseInt(windowPosition.x) - 2\r\n                        //     this.top = parseInt(windowPosition.y)\r\n                        // }\r\n                    },\r\n                }\r\n            )\r\n        },\r\n        showDialogData(point) {\r\n            this.hasRealTimeData = false\r\n            this.point = point\r\n            let position = [\r\n                parseFloat(this.point.data.lgtd),\r\n                parseFloat(this.point.data.lttd),\r\n            ]\r\n\r\n            if (\r\n                this.point.data.proTypeCode &&\r\n                this.realTimeDataType.includes(this.point.data.proTypeCode)\r\n            ) {\r\n                // 其他设备\r\n                this.deviceId = this.point.data.id\r\n                this.getRealtimeData()\r\n                this.getPosition(position, 1)\r\n            } else {\r\n                // 视频\r\n                this.videoCode = this.point.data.code\r\n                this.getPosition(position, 2)\r\n            }\r\n            // this.left = this.point.position.x\r\n            //     ? parseInt(this.point.position.x)\r\n            //     : 300\r\n            // this.top = this.point.position.y\r\n            //     ? parseInt(this.point.position.y) + 25\r\n            //     : 100\r\n            this.showDialog = true\r\n        },\r\n        getRealtimeData() {\r\n            let params = {\r\n                url: '${portal}/device/data/query?id=' + this.deviceId,\r\n                data: this.queryParam,\r\n                method: 'post',\r\n            }\r\n            this.$http.request(params).then((res) => {\r\n                if (res.data.state && res.data.value) {\r\n                    this.realtimeData = res.data.value.data.rows[0]\r\n                    this.formatData()\r\n                } else {\r\n                    this.hasData = false\r\n                }\r\n            })\r\n        },\r\n        formatData() {\r\n            if (this.point.data.proTypeCode == 'hazard') {\r\n                for (let key in this.realtimeData) {\r\n                    if (key == 'sdata') {\r\n                        this.hazard[0].value = this.realtimeData[key]\r\n                    } else if (key == 'collTime') {\r\n                        this.hazard[1].value = this.realtimeData[key]\r\n                    }\r\n                }\r\n                this.realtimeData = this.hazard\r\n            } else if (this.point.data.proTypeCode == 'barricade') {\r\n                for (let key in this.realtimeData) {\r\n                    if (key == 'createBy') {\r\n                        this.barricade[0].value = this.realtimeData[key]\r\n                    } else if (key == 'action') {\r\n                        this.actionList.forEach((type) => {\r\n                            if (this.realtimeData[key] == type.value) {\r\n                                this.barricade[1].value = type.name\r\n                            }\r\n                        })\r\n                    } else if (key == 'status') {\r\n                        this.statusList.forEach((type) => {\r\n                            if (this.realtimeData[key] == type.value) {\r\n                                this.barricade[2].value = type.name\r\n                            }\r\n                        })\r\n                    } else if (key == 'collTime') {\r\n                        this.barricade[3].value = this.realtimeData[key]\r\n                    }\r\n                }\r\n                this.realtimeData = this.barricade\r\n            } else if (this.point.data.proTypeCode == 'water') {\r\n                for (let key in this.realtimeData) {\r\n                    if (key == 'sdata') {\r\n                        this.water[0].value = this.realtimeData[key]\r\n                    } else if (key == 'collTime') {\r\n                        this.water[1].value = this.realtimeData[key]\r\n                    }\r\n                }\r\n                this.realtimeData = this.water\r\n            } else if (this.point.data.proTypeCode == 'signboaerd') {\r\n                for (let key in this.realtimeData) {\r\n                    if (key == 'batteryValue') {\r\n                        this.signboaerd[0].value = this.realtimeData[key]\r\n                    } else if (key == 'dataType') {\r\n                        this.dataTypeList.forEach((type) => {\r\n                            if (this.realtimeData[key] == type.value) {\r\n                                this.signboaerd[1].value = type.name\r\n                            }\r\n                        })\r\n                    } else if (key == 'angleX') {\r\n                        this.signboaerd[2].value = this.realtimeData[key]\r\n                    } else if (key == 'angleY') {\r\n                        this.signboaerd[3].value = this.realtimeData[key]\r\n                    } else if (key == 'angleZ') {\r\n                        this.signboaerd[4].value = this.realtimeData[key]\r\n                    } else if (key == 'batteryVoltage') {\r\n                        this.signboaerd[5].value = this.realtimeData[key]\r\n                    } else if (key == 'collTime') {\r\n                        this.signboaerd[6].value = this.realtimeData[key]\r\n                    }\r\n                }\r\n                this.realtimeData = this.signboaerd\r\n            }\r\n            this.hasRealTimeData = true\r\n        },\r\n    },\r\n}\r\n",null]}