|
@@ -189,126 +189,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">瞬时风速 ( m/s )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 0.2
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">瞬时风向 ( ° )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 35
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">气温 ( ℃ )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 23.5
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">相对湿度 ( % )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 86
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">露点温度 ( ℃ )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 12.5
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">地面温度 ( ℃ )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 26.8
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">云底高度 ( m )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 1800
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">静电场强度 ( kV/m )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content" style="color:red ;">
|
|
|
- 10.9
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">总云量 ( 成 )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 5
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">低云云量 ( 成 )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 2
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">光照度 ( lx )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 1
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="4">
|
|
|
- <div class="chart_item info_box zhuti">
|
|
|
- <div class="info_title">小时累计日照时数 ( min )</div>
|
|
|
- <div class="mt15 ">
|
|
|
- <div class="info_content">
|
|
|
- 29
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col> -->
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="15">
|
|
@@ -533,7 +413,7 @@
|
|
|
|
|
|
<script setup lang="tsx" name="singleData">
|
|
|
import * as echarts from 'echarts';
|
|
|
-import { ref, onMounted, reactive, watch, onDeactivated, onActivated, computed } from "vue";
|
|
|
+import { ref, onMounted, reactive, watch, onDeactivated, onActivated, computed, nextTick } from "vue";
|
|
|
import { useGlobalStore } from "@/stores/modules/global";
|
|
|
import { getDataItemList, getPlatformList, getRgDataList, getTacRecordList } from "@/api/modules/allData";
|
|
|
import { Platform } from "@/api/interface";
|
|
@@ -1228,10 +1108,13 @@ const getList = async () => {
|
|
|
const res = await getDataItemList({ ...pageable.value, as_code_list: [pageable.value.as_code], data_items: arr });
|
|
|
dataItemInfo.value = res.data.list ? (res.data.list.length === 0 ? {} : res.data.list[0]) : {};
|
|
|
|
|
|
- showTemp()
|
|
|
- showHumidity()
|
|
|
- showPressure()
|
|
|
- showWindSpeed()
|
|
|
+
|
|
|
+ nextTick(() => {
|
|
|
+ showTemp()
|
|
|
+ showHumidity()
|
|
|
+ showPressure()
|
|
|
+ showWindSpeed()
|
|
|
+ })
|
|
|
currentValue.value = dataItemInfo.value[312] && dataItemInfo.value[312] != '--' ? dataItemInfo.value[312] : dataItemInfo.value[302] && dataItemInfo.value[302] != '--' ? dataItemInfo.value[302] : '--'
|
|
|
mincurrentValue.value = dataItemInfo.value[311] && dataItemInfo.value[311] != '--' ? dataItemInfo.value[311] : dataItemInfo.value[301] && dataItemInfo.value[301] != '--' ? dataItemInfo.value[301] : '--'
|
|
|
selectElement.value = res.data.list ? dataItemInfo.value?.data_list.filter(itemB => customizeColumns.value.some(itemA => itemA.data_id === itemB.data_id)) : [];
|
|
@@ -1240,6 +1123,8 @@ const getList = async () => {
|
|
|
.filter(item => ids.includes(item.data_id) && item.data_value !== '--' && item.data_value !== '' && item.data_value !== '0' && getYenSymbolLaterCharacters(item.remark) !== '无明显天气现象')
|
|
|
.map(item => item) : []
|
|
|
getHistoryList()
|
|
|
+
|
|
|
+
|
|
|
};
|
|
|
|
|
|
function adjustValue(value) {
|
|
@@ -1287,9 +1172,12 @@ const getHistoryList = async () => {
|
|
|
}
|
|
|
})
|
|
|
|
|
|
- showTempLine()
|
|
|
- showPressureLine()
|
|
|
- showWind()
|
|
|
+
|
|
|
+ nextTick(() => {
|
|
|
+ showTempLine()
|
|
|
+ showPressureLine()
|
|
|
+ showWind()
|
|
|
+ })
|
|
|
showChart.value = true
|
|
|
|
|
|
|
|
@@ -1519,7 +1407,7 @@ const showPressure = () => {
|
|
|
detail: {
|
|
|
offsetCenter: [0, 0],
|
|
|
valueAnimation: true,
|
|
|
- formatter: '{value}',
|
|
|
+ formatter: dataItemInfo.value && dataItemInfo.value[202] ? dataItemInfo.value[202] : '--',
|
|
|
color: isDark.value ? '#fff' : "#000",
|
|
|
fontSize: 30,
|
|
|
},
|
|
@@ -1658,7 +1546,7 @@ const showHumidity = () => {
|
|
|
detail: {
|
|
|
offsetCenter: [0, 0],
|
|
|
valueAnimation: true,
|
|
|
- formatter: '{value}',
|
|
|
+ formatter: dataItemInfo.value && dataItemInfo.value[106] ? dataItemInfo.value[106] : '--',
|
|
|
color: isDark.value ? '#fff' : "#000",
|
|
|
fontSize: 30,
|
|
|
},
|
|
@@ -1906,8 +1794,7 @@ const showWind = () => {
|
|
|
// // name: "风速(m/s)",
|
|
|
// },
|
|
|
yAxis: {
|
|
|
- min: 0,
|
|
|
- max: 10,
|
|
|
+ boundaryGap: [0, '20%'],
|
|
|
type: 'value'
|
|
|
},
|
|
|
// 鼠标悬浮提示
|
|
@@ -1958,7 +1845,7 @@ const showWind = () => {
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
-
|
|
|
+
|
|
|
|
|
|
},
|
|
|
},
|
|
@@ -2080,14 +1967,13 @@ const showTemp = () => {
|
|
|
detail: {
|
|
|
offsetCenter: [0, 0],
|
|
|
valueAnimation: true,
|
|
|
- formatter: '{value}',
|
|
|
+ formatter: dataItemInfo.value && dataItemInfo.value[101] ? dataItemInfo.value[101] : '--',
|
|
|
color: isDark.value ? '#fff' : "#000",
|
|
|
fontSize: 30,
|
|
|
},
|
|
|
-
|
|
|
data: [
|
|
|
{
|
|
|
- value: dataItemInfo.value[101],
|
|
|
+ value: dataItemInfo.value && dataItemInfo.value[101] ? dataItemInfo.value[101] : '--',
|
|
|
}
|
|
|
]
|
|
|
}
|