diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue index c215f432..e904469e 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue @@ -1,57 +1,61 @@ - @@ -63,14 +67,15 @@ import Descriptions from "@screen/components/Descriptions.vue"; import Video from "@screen/components/VideoMulti"; // import Video from "@screen/components/Video"; import request from "@/utils/request"; -import { dialogDelayVisible } from "./../mixin"; -import { tabList } from './data' -import { DirectionTypes } from "@screen/utils/enum.js" +import {dialogDelayVisible} from "./../mixin"; +import {tabList} from './data' +import {DirectionTypes} from "@screen/utils/enum.js" import * as echarts from "echarts"; -import { chartOption } from "./chart" +import {chartOption} from "./chart" import moment from "moment"; import Table from "@screen/components/Table.vue"; + const icona = require(`@screen/images/layerb/路测设备/摄像机_active.svg`);// childType==='1-2 高清网络枪机 const icona_f = require(`@screen/images/layerb/路测设备/摄像机_fault.svg`); const iconb = require(`@screen/images/deviceType/ballb_active.svg`); // childType==='1-2 高清网络球形摄像机 @@ -96,9 +101,9 @@ export default { tabList, activeName: "first", deviceControlVisible: false, - bianpoData:[], - bianpoOptions:[], - bindpoSelecte:"", + bianpoData: [], + bianpoOptions: [], + bindpoSelecte: "", data: { deviceType: "", deviceStation: "", @@ -110,46 +115,46 @@ export default { formList: [], dateRange: [], daterangeChangeTime: [], - upsForm:[], - upsData:{}, + upsForm: [], + upsData: {}, // 收费站增加UPS - upsList:[], + upsList: [], // 收费站 - isCameraMap:false, - imgSrc:'', - cameraMaps:[], + isCameraMap: false, + imgSrc: '', + cameraMaps: [], }; }, watch: { - obverseVisible:{ - handler(val){ - if(val === false){ - if(this.$refs.refVideo.closeContrl){ + obverseVisible: { + handler(val) { + if (val === false) { + if (this.$refs.refVideo.closeContrl) { this.$refs.refVideo.closeContrl() } } } }, - + daterangeChangeTime: { handler(val) { - if(this.dialogData.facilityType === 9){ + if (this.dialogData.facilityType === 9) { this.dateRange = [moment(val[0]).valueOf(), moment(val[1]).valueOf()]; this.bindListAsync(); } - + }, }, - activeName:{ - handler(val){ - if(val.indexOf('UPS_') !== -1){ + activeName: { + handler(val) { + if (val.indexOf('UPS_') !== -1) { this.bindUPS(val.substr(4)) } } } }, async created() { - let dData = { ...this.dialogData }; + let dData = {...this.dialogData}; this.formList = tabList[dData.facilityType] if (dData.facilityType) @@ -159,7 +164,7 @@ export default { if (dData.direction) { dData.direction = DirectionTypes[dData.direction] } - if(dData.facilityType === 9){ + if (dData.facilityType === 9) { let resPointList = await request({ url: `sideSlope/GetMeasurePointList`, method: "get", @@ -167,10 +172,10 @@ export default { if (resPointList.code != 200) return Message.error(resPointList?.msg); this.bianpoData = resPointList.data.result; let _options = []; - for(let i of resPointList.data.result){ + for (let i of resPointList.data.result) { _options.push({ - key: i['pro_code']+'|'+i['unit_code']+'|'+i['meaPointNum'], - label: i['meaPointName']+' '+i['meaPointNum'] + key: i['pro_code'] + '|' + i['unit_code'] + '|' + i['meaPointNum'], + label: i['meaPointName'] + ' ' + i['meaPointNum'] }) } console.log(_options) @@ -179,70 +184,69 @@ export default { //获取历史数据echart this.daterangeChangeTime = [moment().startOf('months').format('YYYY-MM-DD'), moment().endOf('months').format('YYYY-MM-DD')] } - + // let pointList = {}; // if (resPointList.data && resPointList.data.result && resPointList.data.result.length > 0) { // pointList = resPointList.data.result[0] // } - dData = { ...dData, ...otherConfig,} + dData = {...dData, ...otherConfig,} this.isCameraMap = false; this.cameraMaps = []; - if(dData.facilityType === 1){ + if (dData.facilityType === 1) { // console.log('收费站单独处理图像') - if(dData.facilityName === '大学城收费站'){ + if (dData.facilityName === '大学城收费站') { this.imgSrc = require('@screen/images/shoufeiz/大学城收费站.jpg') this.cameraMaps = [ - {icon:icona,iconUn:icona_f,left:50,top:50,status:0,iotDeviceId:'57954'}, - {icon:iconb,iconUn:iconb_f,left:500,top:50,status:0,iotDeviceId:'57939'}, - {icon:iconc,iconUn:iconc_f,left:100,top:200,status:0,iotDeviceId:'57941'}, - {icon:iconc,iconUn:iconc_f,left:600,top:500,status:0,iotDeviceId:'111111'}, - {icon:icone,iconUn:icone_f,left:200,top:400,status:0,iotDeviceId:'222222'}, - {icon:icona,iconUn:icona_f,left:30,top:30,status:0,iotDeviceId:'57953'} + {icon: icona, iconUn: icona_f, left: 50, top: 50, status: 0, iotDeviceId: '57954'}, + {icon: iconb, iconUn: iconb_f, left: 500, top: 50, status: 0, iotDeviceId: '57939'}, + {icon: iconc, iconUn: iconc_f, left: 100, top: 200, status: 0, iotDeviceId: '57941'}, + {icon: iconc, iconUn: iconc_f, left: 600, top: 500, status: 0, iotDeviceId: '111111'}, + {icon: icone, iconUn: icone_f, left: 200, top: 400, status: 0, iotDeviceId: '222222'}, + {icon: icona, iconUn: icona_f, left: 30, top: 30, status: 0, iotDeviceId: '57953'} ] this.isCameraMap = true; - } - else if(dData.facilityName === '孝里收费站'){ + } else if (dData.facilityName === '孝里收费站') { this.imgSrc = require('@screen/images/shoufeiz/孝里收费站.jpg') this.isCameraMap = true; } } - this.upsList=otherConfig.UPSList||[] + this.upsList = otherConfig.UPSList || [] } this.data = dData; }, methods: { - bindNearLoad(e){ - for(let i of this.cameraMaps){ - if(e.indexOf(i.iotDeviceId) !== -1){ + bindNearLoad(e) { + for (let i of this.cameraMaps) { + if (e.indexOf(i.iotDeviceId) !== -1) { i.status = 1; } } }, - camClose(){ - if(this.$refs.refVideo.closeContrl){ + camClose() { + if (this.$refs.refVideo.closeContrl) { this.$refs.refVideo.closeContrl() } - this.upsList =[] - }, - showCamera(item){ - if(item.status === 1){ + this.upsList = [] + }, + showCamera(item) { + if (item.status === 1) { this.$refs.refVideo.setCameraId(item.iotDeviceId) } else { this.$message.warning('设备离线') } - + }, - bindUPS(id){ + bindUPS(id) { request({ url: `business/device/properties/latest/${id}`, method: "get" - }).then(res=>{ + }).then(res => { let _list = []; let _data = {}; - + if (res.code != 200) return Message.error(res?.msg); res.data.forEach(e => { - _list.push( { + _list.push({ label: e.propertyName, key: e.propertyName, gridColumn: "3", @@ -253,9 +257,9 @@ export default { this.upsData = _data; }) }, - + async bindListAsync() { - let aryParam = _.find(this.bianpoOptions,{key:this.bindpoSelecte}).key.split('|') + let aryParam = _.find(this.bianpoOptions, {key: this.bindpoSelecte}).key.split('|') let res = await request({ url: `sideSlope/GetPointDataListAsync`, method: "get", @@ -286,15 +290,15 @@ export default { } res.data.forEach(e => { cdata.push((moment(e.measureTime).format('YYYY-MM-DD'))) - if(title === ''){ + if (title === '') { title = enum_title[e.data[0].type] } cseries1.push(e.data[0].value) cseries2.push(e.data[0].cum) }); chartOption.xAxis.data = cdata; - chartOption.yAxis[0].name =title+'日计' - chartOption.yAxis[1].name =title+'累计' + chartOption.yAxis[0].name = title + '日计' + chartOption.yAxis[1].name = title + '累计' chartOption.series[0].data = cseries1; chartOption.series[1].data = cseries2; const chartIns = echarts.init(this.$refs.chartRef); @@ -305,15 +309,21 @@ export default { \ No newline at end of file + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/solar/index_v1.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/solar/index_v1.vue index 33306214..609c8a2f 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/solar/index_v1.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/solar/index_v1.vue @@ -26,7 +26,7 @@