tj

src/layout/header-aside/layout.vue

@@ -23,18 +23,18 @@
             </div>
             <div class="weather-container">
               <div class="user-img">室内</div>
-              <div class="weather-info" v-if='list'>
+              <div class="weather-info" v-if="snqxzBean">
                 <!-- <span :class="station.length < 6 ? 'lineFeed' : ''">{{station }}</span> -->
-                <div>温度 {{list.snqxzList[0].temperature}}℃</div>
-                <div>湿度 {{list.snqxzList[0].humidity}}%</div>
+                <div>温度 {{ snqxzBean.temperature }}℃</div>
+                <div>湿度 {{ snqxzBean.humidity }}%</div>
               </div>
             </div>
             <div class="weather-container">
               <div class="user-img">室外</div>
-              <div class="weather-info" v-if='list'>
+              <div class="weather-info" v-if="swqxzBean">
                 <!-- <span :class="station.length < 6 ? 'lineFeed' : ''">{{station }}</span> -->
-                <div>温度 {{list.swqxzList[0].temperature}}℃</div>
-                <div>湿度 {{list.swqxzList[0].humidity}}%</div>
+                <div>温度 {{ swqxzBean.temperature }}℃</div>
+                <div>湿度 {{ swqxzBean.humidity }}%</div>
               </div>
             </div>
             <!-- <d2-header-theme /> -->
@@ -117,7 +117,9 @@ export default {
       timer: null,
       logTimeout: null,
       countNum: 0,
-      station: ''
+      station: '',
+      snqxzBean: {},
+      swqxzBean: {}
     }
   },
   mounted() {
@@ -181,6 +183,14 @@ export default {
   watch: {
     size(val) {
       this.countNum = val
+    },
+    list: {
+      handler(n, o) {
+        if (n) {
+          this.setData()
+        }
+      },
+      deep: true
     }
   },
   methods: {
@@ -224,7 +234,21 @@ export default {
       if (!this.station || this.station == 'undefined') {
         setTimeout(this.getStation, 3000)
       }
-    }
+    },
+    setData() {
+      // console.log('list:', this.list)
+      if (this.list) {
+        if (this.list.snqxzList.length > 0) {
+          this.snqxzBean = this.list.snqxzList[0]
+        }
+        if (this.list.swqxzList.length > 0) {
+          this.swqxzBean = this.list.swqxzList[0]
+        }
+      }
+      // console.log('snqxzBean:', this.snqxzBean)
+      // console.log('swqxzBean:', this.swqxzBean)
+    },
+    setSwqxzData() {}
   }
 }
 </script>