Bladeren bron

修改天气消息

凉纪 1 jaar geleden
bovenliggende
commit
2f82d717f8

+ 1 - 0
src/components/Calendar/index.vue

@@ -122,6 +122,7 @@ export default {
               color: v.isEnable == 1 ? 'green' : v.isEnable == 0 ? 'yellow' : v.isEnable == null ? 'red' : 'indigo',
               fillMode: 'outline',
             },
+            dot:dayjs(v.ymdDate).format('YYYY-MM-DD') === dayjs(new Date()).format('YYYY-MM-DD'),
             dates: dayjs(v.ymdDate).format('YYYY-MM-DD'),
           }
         });

+ 4 - 1
src/components/TabBar.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <van-tabbar route v-model="active" @change="handleChange">
-      <van-tabbar-item v-for="(item, index) in data" :to="item.to" :icon="item.icon" :key="index">
+      <van-tabbar-item v-for="(item, index) in data" :dot="item.dot" :to="item.to" :icon="item.icon" :key="index">
         {{ item.title }}
       </van-tabbar-item>
     </van-tabbar>
@@ -27,6 +27,9 @@ export default {
       active: this.defaultActive
     }
   },
+  mounted() {
+
+  },
   methods: {
     handleChange(value) {
       this.$emit('change', value)

+ 37 - 20
src/components/TopBar.vue

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

+ 10 - 2
src/views/home/isMy.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="about-container">
     <top-bar></top-bar>
+    <div  class="item-list">
+
+    </div>
   </div>
 </template>
 
@@ -23,9 +26,14 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .about-container {
   /* 你的命名空间 */
-
+  .item-list {
+    -padding: 30px 0 0 0;
+    height: calc(100vh - 400px);
+    overflow: auto;
+    border:1px solid red;
+  }
 }
 </style>

+ 1 - 1
src/views/menu/message/index.vue

@@ -254,7 +254,7 @@ export default {
   display: none;
   &.active{
     display: block;
-    background-color: #03a5ff;
+    background-color: #D7000F;
   }
 }
 .message-detail{