{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Mobile\\Device\\RealtimeData.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Mobile\\Device\\RealtimeData.vue","mtime":1688121692208},{"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\r\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\r\nimport equipmentManage from '@/api/device/equipmentManage.js'\r\nimport req from '@/request.js'\r\nimport navBar from '../components/navBar.vue'\r\nexport default {\r\n name: 'RealtimeData',\r\n components: {\r\n navBar\r\n },\r\n data() {\r\n return {\r\n device: {},\r\n title: '实时数据',\r\n protal: window.context.portal,\r\n deviceId: '',\r\n deviceData: {},\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 loading: false,\r\n type: '',\r\n realtimeData: [],\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 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 dataTypeList: [],\r\n actionList: [],\r\n statusList: [],\r\n hasData: true\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 this.device = this.$route.query.item\r\n this.deviceId = this.$route.query.item.id\r\n this.getRealtimeData()\r\n this.getDevice(this.deviceId)\r\n },\r\n methods: {\r\n onClickLeft() {\r\n this.$router.go(-1)\r\n },\r\n getDevice(id) {\r\n console.log(id)\r\n equipmentManage.deviceDetailsInfo(id, res => {\r\n this.deviceData = res // 设备详情\r\n console.log(this.deviceData, '设备详情')\r\n })\r\n },\r\n getRealtimeData() {\r\n let params = {\r\n url: `${this.protal}/device/data/query?id=` + this.deviceId,\r\n data: this.queryParam,\r\n method: 'post'\r\n }\r\n req.request(params).then(res => {\r\n if (res.data.state && res.data.value) {\r\n this.realtimeData = res.data.value.data.rows\r\n console.log(this.realtimeData)\r\n this.type = res.data.value.productType\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.type == 'hazard') {\r\n for (let key in this.realtimeData) {\r\n if (key == 'collTime') {\r\n this.hazard[0].value = this.realtimeData[key]\r\n } else if (key == 'sdata') {\r\n this.hazard[1].value = this.realtimeData[key]\r\n }\r\n }\r\n this.realtimeData = this.hazard\r\n } else if (this.type == '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 }\r\n }\r\n this.realtimeData = this.barricade\r\n } else if (this.type == 'water') {\r\n for (let key in this.realtimeData) {\r\n if (key == 'collTime') {\r\n this.water[0].value = this.realtimeData[key]\r\n } else if (key == 'sdata') {\r\n this.water[1].value = this.realtimeData[key]\r\n }\r\n }\r\n this.realtimeData = this.water\r\n } else if (this.type == '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 }\r\n }\r\n this.realtimeData = this.signboaerd\r\n }\r\n }\r\n }\r\n}\r\n",null]}