|
|
@@ -24,7 +24,7 @@
|
|
|
<div>
|
|
|
<van-notice-bar v-if="lists.length > 0" left-icon="volume-o" mode="closeable" :color="color" :background="background">
|
|
|
<van-swipe
|
|
|
- @change="onChange"
|
|
|
+ @change="changeColor"
|
|
|
vertical
|
|
|
class="notice-swipe"
|
|
|
:autoplay="8000"
|
|
|
@@ -80,7 +80,7 @@ export default {
|
|
|
lists:[],
|
|
|
active: this.defaultActive,
|
|
|
color: '#ecf9ff',
|
|
|
- background: 'rgba(78,162,248,0.63)'
|
|
|
+ background: null
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -95,24 +95,42 @@ export default {
|
|
|
if(!this.orgId)return [];
|
|
|
getTheAreaWeather(this.orgId).then(res => {
|
|
|
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)
|
|
|
+ //模拟数据
|
|
|
+ // 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:"福建"
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // alarmContent:"YY县气象台2023年12月13日10时27分继续发布大雾黄色预警信号:预计未来12小时,我县部分乡镇将出现能见度小于500米的雾。请注意防范!(预警信息来源:国家预警信息发布中心)",
|
|
|
+ // alarmLevel:"红色",
|
|
|
+ // alarmTime:"2023-12-13 14:00:10",
|
|
|
+ // alarmTitle:"YY县气象台2023年12月13日10时27分继续发布大雾黄色预警信号",
|
|
|
+ // alarmType:"大雾",
|
|
|
+ // area:"周宁",
|
|
|
+ // city:"宁德",
|
|
|
+ // code:"101230305",
|
|
|
+ // createTime:"2023-12-13 10:27:00",
|
|
|
+ // id:"9",
|
|
|
+ // province:"福建"
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ //this.lists = str;
|
|
|
+ this.changeColor(0);
|
|
|
})
|
|
|
},
|
|
|
- onChange(index){
|
|
|
- let alarmLevel = this.list[index].alarmLevel;
|
|
|
+ changeColor(index){
|
|
|
+ console.log(this.lists,'alarmLevel')
|
|
|
+ let alarmLevel = this.lists[index].alarmLevel;
|
|
|
switch (alarmLevel){
|
|
|
case '蓝色':
|
|
|
this.background = 'rgba(78,162,248,0.62)';
|
|
|
@@ -120,7 +138,7 @@ export default {
|
|
|
break;
|
|
|
case '黄色':
|
|
|
this.background = 'rgba(238,227,103,0.63)';
|
|
|
- //this.color = '#fff';
|
|
|
+ //this.color = '#fdb0b1';
|
|
|
break;
|
|
|
case '橙色':
|
|
|
this.background = 'rgba(246,181,104,0.62)';
|
|
|
@@ -139,7 +157,6 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
clickHandler(item) {
|
|
|
- console.log(121212)
|
|
|
this.info = item;
|
|
|
this.show = true;
|
|
|
},
|