|
|
@@ -210,7 +210,7 @@
|
|
|
<el-input v-model="searchValue" placeholder="物资名称" clearable>
|
|
|
<template #append></template>
|
|
|
</el-input>
|
|
|
- <el-select v-model="searchCode" placeholder="请选择物资类型" clearable popper-class="rl-pop">
|
|
|
+ <el-select v-model="searchCode" placeholder="请选择物资类型" clearable popper-class="rl-pop">
|
|
|
<el-option v-for="dict in dict.type.material_type" :key="dict.value" :label="dict.label"
|
|
|
:value="dict.value" />
|
|
|
</el-select>
|
|
|
@@ -383,10 +383,94 @@
|
|
|
|
|
|
<div class="w_tq">
|
|
|
<span>
|
|
|
- <i style="text-align: right;">晴 15℃</i>
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==1"
|
|
|
+ src="../../assets/images/integrated/weather/qing-1.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==2"
|
|
|
+ src="../../assets/images/integrated/weather/duoyun-2.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==3"
|
|
|
+ src="../../assets/images/integrated/weather/yin-3.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==4"
|
|
|
+ src="../../assets/images/integrated/weather/zhenyu-4.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==5"
|
|
|
+ src="../../assets/images/integrated/weather/leizhenyu-5.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==6"
|
|
|
+ src="../../assets/images/integrated/weather/leizhenyubingbao-6.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==7"
|
|
|
+ src="../../assets/images/integrated/weather/yujiaxue-7.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==8"
|
|
|
+ src="../../assets/images/integrated/weather/xiaoyu-8.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==9||weatherinformationWeather==22"
|
|
|
+ src="../../assets/images/integrated/weather/zhongyu-9.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==10||weatherinformationWeather==23"
|
|
|
+ src="../../assets/images/integrated/weather/dayu-10.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==11||weatherinformationWeather==24"
|
|
|
+ src="../../assets/images/integrated/weather/baoyu-11.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==12||weatherinformationWeather==25"
|
|
|
+ src="../../assets/images/integrated/weather/dabaoyu-12.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==13||weatherinformationWeather==26"
|
|
|
+ src="../../assets/images/integrated/weather/tedabaoyu-13.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==14"
|
|
|
+ src="../../assets/images/integrated/weather/zhenxue-14.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==15"
|
|
|
+ src="../../assets/images/integrated/weather/xiaoxue-15.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==16||weatherinformationWeather==27"
|
|
|
+ src="../../assets/images/integrated/weather/zhongxue-16.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==17||weatherinformationWeather==28"
|
|
|
+ src="../../assets/images/integrated/weather/daxue-17.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==18||weatherinformationWeather==29"
|
|
|
+ src="../../assets/images/integrated/weather/baoxue-18.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==19"
|
|
|
+ src="../../assets/images/integrated/weather/wu-19.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==20"
|
|
|
+ src="../../assets/images/integrated/weather/dongyu-20.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==21"
|
|
|
+ src="../../assets/images/integrated/weather/shachenbao-21.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==30"
|
|
|
+ src="../../assets/images/integrated/weather/fuchen-30.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==31"
|
|
|
+ src="../../assets/images/integrated/weather/yangsha-31.png">
|
|
|
+ <img style="width: 25px" v-if="weatherinformationWeather==32"
|
|
|
+ src="../../assets/images/integrated/weather/qiangshachenbao-32.png">
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+
|
|
|
+ <i style="text-align: right;">
|
|
|
+ <span v-if="weatherinformationWeather==1">晴</span>
|
|
|
+ <span v-if="weatherinformationWeather==2">多云</span>
|
|
|
+ <span v-if="weatherinformationWeather==3">阴</span>
|
|
|
+ <span v-if="weatherinformationWeather==4">阵雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==5">雷阵雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==6">雷阵雨伴有冰雹</span>
|
|
|
+ <span v-if="weatherinformationWeather==7">雨夹雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==8">小雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==9">中雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==10">大雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==11">暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==12">大暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==13">特大暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==14">阵雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==15">小雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==16">中雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==17">大雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==18">暴雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==19">雾</span>
|
|
|
+ <span v-if="weatherinformationWeather==20">冻雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==21">沙尘暴</span>
|
|
|
+ <span v-if="weatherinformationWeather==22">小雨—中雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==23">中雨—大雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==24">大雨—暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==25">暴雨—大暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==26">大暴雨—特大暴雨</span>
|
|
|
+ <span v-if="weatherinformationWeather==27">小雪—中雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==28">中雪—大雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==29">大雪—暴雪</span>
|
|
|
+ <span v-if="weatherinformationWeather==30">浮尘</span>
|
|
|
+ <span v-if="weatherinformationWeather==31">扬沙</span>
|
|
|
+ <span v-if="weatherinformationWeather==32">强沙尘暴</span>
|
|
|
+ {{weather}}℃</i>
|
|
|
<i id="day">2025.10.17</i>
|
|
|
</span>
|
|
|
- <span><img src="~@/assets/images/paishui/weather.png" /></span>
|
|
|
+ <!-- <span><img src="~@/assets/images/paishui/weather.png"/></span>-->
|
|
|
</div>
|
|
|
<div class="w_data">
|
|
|
<h4 id="time">14:40:05</h4>
|
|
|
@@ -721,6 +805,7 @@ import {
|
|
|
getEventDetail, getDeviceOnlineOfflineByDept
|
|
|
} from '@/api/tableInfo'
|
|
|
import DetailDialog from "@/components/DetailDialog/tableInfoHandler.vue";
|
|
|
+import {getWeather} from "@/api/data";
|
|
|
|
|
|
export default {
|
|
|
name: 'lookall',
|
|
|
@@ -931,6 +1016,7 @@ export default {
|
|
|
sessionStorage.removeItem('tableInfoParams')
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.getWeather();
|
|
|
this.time();
|
|
|
// 初始化地图数据
|
|
|
this.getSuperMapUrl();
|
|
|
@@ -940,6 +1026,29 @@ export default {
|
|
|
}, 5000)
|
|
|
},
|
|
|
methods: {
|
|
|
+ getWeather() {
|
|
|
+ let date = new Date()
|
|
|
+ let y = date.getFullYear()
|
|
|
+ let m = date.getMonth() + 1
|
|
|
+ m = m < 10 ? '0' + m : m
|
|
|
+ let d = date.getDate()
|
|
|
+ d = d < 10 ? '0' + d : d
|
|
|
+ let day = y + '-' + m + '-' + d
|
|
|
+ let that = this
|
|
|
+ //右侧获取天气信息
|
|
|
+ getWeather({
|
|
|
+ day: day
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ if (Array.isArray(res.data) && res.data.length) {
|
|
|
+ this.weather = res.data[0].weatherinformationLow + '~' + res.data[0]
|
|
|
+ .weatherinformationHigh
|
|
|
+ this.weatherinformationWeather = res.data[0].weatherinformationWeather
|
|
|
+ this.weatherinformationLevelValue = res.data[0].weatherinformationLevelValue
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
percentage(totalCount,onlineCount) {
|
|
|
// 防止除以0的情况
|
|
|
if (totalCount === 0) return 0;
|
|
|
@@ -4475,26 +4584,26 @@ export default {
|
|
|
.rl-pop {
|
|
|
background-color: #273a5e;
|
|
|
border: 1px solid #15467a;
|
|
|
-
|
|
|
+
|
|
|
.el-select-dropdown {
|
|
|
border: 1px solid #15467a;
|
|
|
background-color: #4c535e;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.el-select-dropdown__item.hover,
|
|
|
.el-select-dropdown__item:hover {
|
|
|
background-color: #3e4a5c;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.el-select-dropdown__item {
|
|
|
color: #ffffff;
|
|
|
padding: 0px 10px !important;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.el-select-dropdown__item.selected {
|
|
|
color: #77e5dc !important;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.popper__arrow {
|
|
|
top: -6px;
|
|
|
left: 50%;
|