|  | @@ -19,17 +19,17 @@
 | 
											
												
													
														|  |        </div>
 |  |        </div>
 | 
											
												
													
														|  |      </div>
 |  |      </div>
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | 
 |  | +  <!--  天气消息  -->
 | 
											
												
													
														|  |      <div v-if="showNotice" class="notice-box">
 |  |      <div v-if="showNotice" class="notice-box">
 | 
											
												
													
														|  |        <div>
 |  |        <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
 |  |            <van-swipe
 | 
											
												
													
														|  |              @change="onChange"
 |  |              @change="onChange"
 | 
											
												
													
														|  |              vertical
 |  |              vertical
 | 
											
												
													
														|  |              class="notice-swipe"
 |  |              class="notice-swipe"
 | 
											
												
													
														|  |              :autoplay="8000"
 |  |              :autoplay="8000"
 | 
											
												
													
														|  |              :show-indicators="false">
 |  |              :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}}
 |  |                {{item.alarmTitle}}
 | 
											
												
													
														|  |              </van-swipe-item>
 |  |              </van-swipe-item>
 | 
											
												
													
														|  |            </van-swipe>
 |  |            </van-swipe>
 | 
											
										
											
												
													
														|  | @@ -37,6 +37,13 @@
 | 
											
												
													
														|  |        </div>
 |  |        </div>
 | 
											
												
													
														|  |      </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">-->
 |  |  <!--    <van-swipe v-if="list.length > 0" style="height: 50px" vertical autoplay="2000">-->
 | 
											
										
											
												
													
														|  | @@ -55,7 +62,6 @@
 | 
											
												
													
														|  |  <script>
 |  |  <script>
 | 
											
												
													
														|  |  import { Icon } from 'vant'
 |  |  import { Icon } from 'vant'
 | 
											
												
													
														|  |  import { mapGetters } from 'vuex'
 |  |  import { mapGetters } from 'vuex'
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  |  import { logout, getTheAreaWeather } from '@/api/public'
 |  |  import { logout, getTheAreaWeather } from '@/api/public'
 | 
											
												
													
														|  |  export default {
 |  |  export default {
 | 
											
												
													
														|  |    components: {
 |  |    components: {
 | 
											
										
											
												
													
														|  | @@ -71,24 +77,40 @@ export default {
 | 
											
												
													
														|  |      return {
 |  |      return {
 | 
											
												
													
														|  |        show: false,
 |  |        show: false,
 | 
											
												
													
														|  |        info: '',
 |  |        info: '',
 | 
											
												
													
														|  | 
 |  | +      lists:[],
 | 
											
												
													
														|  |        active: this.defaultActive,
 |  |        active: this.defaultActive,
 | 
											
												
													
														|  |        color: '#ecf9ff',
 |  |        color: '#ecf9ff',
 | 
											
												
													
														|  |        background: 'rgba(78,162,248,0.63)'
 |  |        background: 'rgba(78,162,248,0.63)'
 | 
											
												
													
														|  |      }
 |  |      }
 | 
											
												
													
														|  |    },
 |  |    },
 | 
											
												
													
														|  | 
 |  | +  mounted() {
 | 
											
												
													
														|  | 
 |  | +    this.getList();
 | 
											
												
													
														|  | 
 |  | +  },
 | 
											
												
													
														|  |    computed: {
 |  |    computed: {
 | 
											
												
													
														|  |      ...mapGetters(['userName', 'orgName','roleList', 'orgId']),
 |  |      ...mapGetters(['userName', 'orgName','roleList', 'orgId']),
 | 
											
												
													
														|  | 
 |  | +  },
 | 
											
												
													
														|  | 
 |  | +  methods: {
 | 
											
												
													
														|  |      //获取天气数据
 |  |      //获取天气数据
 | 
											
												
													
														|  | -    list() {
 |  | 
 | 
											
												
													
														|  | 
 |  | +    getList() {
 | 
											
												
													
														|  |        if(!this.orgId)return [];
 |  |        if(!this.orgId)return [];
 | 
											
												
													
														|  | -      let lists = [];
 |  | 
 | 
											
												
													
														|  |        getTheAreaWeather(this.orgId).then(res => {
 |  |        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){
 |  |      onChange(index){
 | 
											
												
													
														|  |        let alarmLevel = this.list[index].alarmLevel;
 |  |        let alarmLevel = this.list[index].alarmLevel;
 | 
											
												
													
														|  |        switch (alarmLevel){
 |  |        switch (alarmLevel){
 | 
											
										
											
												
													
														|  | @@ -117,7 +139,8 @@ export default {
 | 
											
												
													
														|  |        })
 |  |        })
 | 
											
												
													
														|  |      },
 |  |      },
 | 
											
												
													
														|  |      clickHandler(item) {
 |  |      clickHandler(item) {
 | 
											
												
													
														|  | -      this.info = item.alarmContent;
 |  | 
 | 
											
												
													
														|  | 
 |  | +      console.log(121212)
 | 
											
												
													
														|  | 
 |  | +      this.info = item;
 | 
											
												
													
														|  |        this.show = true;
 |  |        this.show = true;
 | 
											
												
													
														|  |      },
 |  |      },
 | 
											
												
													
														|  |    }
 |  |    }
 | 
											
										
											
												
													
														|  | @@ -153,6 +176,9 @@ export default {
 | 
											
												
													
														|  |      width: 100%;
 |  |      width: 100%;
 | 
											
												
													
														|  |    }
 |  |    }
 | 
											
												
													
														|  |  }
 |  |  }
 | 
											
												
													
														|  | 
 |  | +.dialog-title{
 | 
											
												
													
														|  | 
 |  | +  padding: 0 30px;
 | 
											
												
													
														|  | 
 |  | +}
 | 
											
												
													
														|  |  .top-box {
 |  |  .top-box {
 | 
											
												
													
														|  |    display: flex;
 |  |    display: flex;
 | 
											
												
													
														|  |    justify-content: space-between;
 |  |    justify-content: space-between;
 |