|
|
@@ -61,37 +61,63 @@ export default {
|
|
|
getList() {
|
|
|
if(!this.orgId)return [];
|
|
|
getTheAreaWeather(this.orgId).then(res => {
|
|
|
- this.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:"福建"
|
|
|
- // },
|
|
|
- // {
|
|
|
- // 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;
|
|
|
+ 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:"周宁县气象台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:"周宁县气象台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;
|
|
|
if(this.lists.length > 0){
|
|
|
this.changeColor(0);
|
|
|
}
|
|
|
@@ -102,19 +128,19 @@ export default {
|
|
|
let alarmLevel = this.lists[index].alarmLevel;
|
|
|
switch (alarmLevel){
|
|
|
case '蓝色':
|
|
|
- this.background = 'rgba(78,162,248,0.62)';
|
|
|
+ this.background = 'rgba(46,101,254,0.8)';
|
|
|
//this.color = '#fff';
|
|
|
break;
|
|
|
case '黄色':
|
|
|
- this.background = 'rgba(238,227,103,0.63)';
|
|
|
+ this.background = 'rgba(251,238,32,0.8)';
|
|
|
//this.color = '#fdb0b1';
|
|
|
break;
|
|
|
case '橙色':
|
|
|
- this.background = 'rgba(246,181,104,0.62)';
|
|
|
+ this.background = 'rgba(246,141,25,0.8)';
|
|
|
//this.color = '#fff';
|
|
|
break;
|
|
|
case '红色':
|
|
|
- this.background = 'rgba(239,70,74,0.65)';
|
|
|
+ this.background = 'rgba(215,43,35,0.8)';
|
|
|
//this.color = '#fff';
|
|
|
}
|
|
|
},
|
|
|
@@ -137,13 +163,14 @@ export default {
|
|
|
line-height: 30px;
|
|
|
}
|
|
|
.van-swipe-item{
|
|
|
- text-shadow: 0 0 3px #888;
|
|
|
+ text-shadow: 0 0 2px #333;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
.dialog-title{
|
|
|
padding: 0 30px;
|
|
|
+ text-shadow: 0 0 2px #888;
|
|
|
}
|
|
|
.notice-box{
|
|
|
width: 100%;
|