diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index f3d8322..3bc876d 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -18,6 +18,19 @@ body { background-color: #f5f5f5; } +.allLoading.el-loading-mask.is-fullscreen{ + .el-loading-spinner{ + .circular{ + width: 75px; + height: 75px; + } + .el-loading-text{ + font-size: 26px; + letter-spacing: 2px; + } + } +} + .el-container { height: 100%; diff --git a/src/components/content/airInfo/AirInfo.vue b/src/components/content/airInfo/AirInfo.vue index 3caf2d5..735d14a 100644 --- a/src/components/content/airInfo/AirInfo.vue +++ b/src/components/content/airInfo/AirInfo.vue @@ -4,11 +4,11 @@
-
+
风速{{ windSpeed }}m/s
-
+
风向{{ windDirection }} °
@@ -64,10 +64,12 @@ const props = defineProps({ const chooseDayRef = ref(); const chooseMonthRef = ref(); const windSpeed = ref(0) -const windDirection = ref(0) +const windDirection = ref(null) const loadingText = ref('加载中...') const windSpeedId = ref(0) +const windSpeedType = ref(null) const windDirectionSpeedId = ref(0) +const windDirectionSpeedType = ref(null) const dialogTitle = ref('风速') const openDialogId = ref(0) const airList = ref([]) @@ -85,27 +87,34 @@ watch(() => props.list, (now) => { }) }, {deep: true}); watch(() => props.airData, (now) => { - if (now.sensorList.length !== 0) { - if (now.sensorList.length === 0) { - airList.value = [] - } else { - getAirInfo(now.sensorList) - } - } else { + if (now.sensorList.length === 0) { airList.value = [] - windSpeed.value = 0 + windSpeed.value = null + windDirection.value = null + } else { + getAirInfo(now.sensorList) } + // if (now.sensorList.length !== 0) { + // if (now.sensorList.length === 0) { + // airList.value = [] + // } else { + // getAirInfo(now.sensorList) + // } + // } else { + // airList.value = [] + // windSpeed.value = 0 + // } }, {deep: true}); const daySelect = (val) => { - getChartInfo(openDialogId.value, 'day',val) + getChartInfo(openDialogId.value, 'day', val) } const monthSelect = (val) => { - getChartInfo(openDialogId.value, 'month',val) + getChartInfo(openDialogId.value, 'month', val) } -const getChartInfo = (equipmentId, type = 'day',time='') => { +const getChartInfo = (equipmentId, type = 'day', time = '') => { isWindSpeedVisited.value = true showSpeedLoading.value = true - getEchartsInfo(equipmentId,time, type).then(res => { + getEchartsInfo(equipmentId, time, type).then(res => { if (res?.code === 1000) { showSpeedLoading.value = false nextTick(() => { @@ -121,11 +130,11 @@ const getChartInfo = (equipmentId, type = 'day',time='') => { } const handleOpenChart = (id, type) => { selectTimeButton.value = 2 - nextTick(()=>{ - if(chooseMonthRef.value){ + nextTick(() => { + if (chooseMonthRef.value) { chooseMonthRef.value.clearData() } - if(chooseDayRef.value){ + if (chooseDayRef.value) { chooseDayRef.value.clearData() } }) @@ -134,13 +143,13 @@ const handleOpenChart = (id, type) => { openDialogId.value = id.equipmentId getChartInfo(id.equipmentId, 'day') } else { - if (id === 11) { + if (id === "windDirection") { dialogTitle.value = '风向' } else { dialogTitle.value = '风速' } - openDialogId.value = id - getChartInfo(id, 'day') + openDialogId.value = type + getChartInfo(type, 'day') } } @@ -188,9 +197,11 @@ const getAirInfo = (now) => { airObj = changeData(item) airArr.push(airObj) } else if (item.equipmentType === "windSpeed") { + windSpeedType.value = item.equipmentType windSpeedId.value = item.equipmentId windSpeed.value = item.value } else if (item.equipmentType === "windDirection") { + windDirectionSpeedType.value = item.equipmentType windDirectionSpeedId.value = item.equipmentId windDirection.value = item.value } diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue index 0d69659..3aeda31 100644 --- a/src/components/content/usedEle/UsedEle.vue +++ b/src/components/content/usedEle/UsedEle.vue @@ -1,6 +1,10 @@