|
|
@@ -19,17 +19,17 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
+ <!-- 天气消息 -->
|
|
|
<div v-if="showNotice" class="notice-box">
|
|
|
<div>
|
|
|
- <van-notice-bar v-if="list.length>0" left-icon="volume-o" mode="closeable" :color="color" :background="background">
|
|
|
+ <van-notice-bar v-if="lists.length > 0" left-icon="volume-o" mode="closeable" :color="color" :background="background">
|
|
|
<van-swipe
|
|
|
@change="onChange"
|
|
|
vertical
|
|
|
class="notice-swipe"
|
|
|
:autoplay="8000"
|
|
|
:show-indicators="false">
|
|
|
- <van-swipe-item v-for="item in list" :key="item.id" @click="clickHandler(item)" >
|
|
|
+ <van-swipe-item v-for="item in lists" :key="item.id" @click="clickHandler(item)" >
|
|
|
{{item.alarmTitle}}
|
|
|
</van-swipe-item>
|
|
|
</van-swipe>
|
|
|
@@ -37,6 +37,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <van-dialog v-model="show" title="标题" :message="info.alarmContent" messageAlign="left">
|
|
|
+ <template #title>
|
|
|
+ <p class="dialog-title" :style="{color:background}">{{info.alarmTitle}}</p>
|
|
|
+ </template>
|
|
|
+ </van-dialog>
|
|
|
+
|
|
|
|
|
|
<!-- <!– 天气预警 –>-->
|
|
|
<!-- <van-swipe v-if="list.length > 0" style="height: 50px" vertical autoplay="2000">-->
|
|
|
@@ -55,7 +62,6 @@
|
|
|
<script>
|
|
|
import { Icon } from 'vant'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
-
|
|
|
import { logout, getTheAreaWeather } from '@/api/public'
|
|
|
export default {
|
|
|
components: {
|
|
|
@@ -71,24 +77,40 @@ export default {
|
|
|
return {
|
|
|
show: false,
|
|
|
info: '',
|
|
|
+ lists:[],
|
|
|
active: this.defaultActive,
|
|
|
color: '#ecf9ff',
|
|
|
background: 'rgba(78,162,248,0.63)'
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapGetters(['userName', 'orgName','roleList', 'orgId']),
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
//获取天气数据
|
|
|
- list() {
|
|
|
+ getList() {
|
|
|
if(!this.orgId)return [];
|
|
|
- let lists = [];
|
|
|
getTheAreaWeather(this.orgId).then(res => {
|
|
|
- lists = res.data
|
|
|
+ this.lists = res.data || [];
|
|
|
+ // let str = {
|
|
|
+ // alarmContent:"周宁县气象台2023年12月13日10时27分继续发布大雾黄色预警信号:预计未来12小时,我县部分乡镇将出现能见度小于500米的雾。请注意防范!(预警信息来源:国家预警信息发布中心)",
|
|
|
+ // alarmLevel:"黄色",
|
|
|
+ // alarmTime:"2023-12-13 14:00:10",
|
|
|
+ // alarmTitle:"周宁县气象台2023年12月13日10时27分继续发布大雾黄色预警信号",
|
|
|
+ // alarmType:"大雾",
|
|
|
+ // area:"周宁",
|
|
|
+ // city:"宁德",
|
|
|
+ // code:"101230305",
|
|
|
+ // createTime:"2023-12-13 10:27:00",
|
|
|
+ // id:"8",
|
|
|
+ // province:"福建"
|
|
|
+ // }
|
|
|
+ // this.lists.push(str)
|
|
|
})
|
|
|
- return lists;
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
+ },
|
|
|
onChange(index){
|
|
|
let alarmLevel = this.list[index].alarmLevel;
|
|
|
switch (alarmLevel){
|
|
|
@@ -117,7 +139,8 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
clickHandler(item) {
|
|
|
- this.info = item.alarmContent;
|
|
|
+ console.log(121212)
|
|
|
+ this.info = item;
|
|
|
this.show = true;
|
|
|
},
|
|
|
}
|
|
|
@@ -153,6 +176,9 @@ export default {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
+.dialog-title{
|
|
|
+ padding: 0 30px;
|
|
|
+}
|
|
|
.top-box {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|