|  | @@ -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;
 | 
	
		
			
				|  |  |      },
 |