feats

src/pages/page3.vue

@@ -2,7 +2,7 @@
   <div class="projectIndex">
     <img src="../assets/images/bg.jpg" class="centerLabel cover bg" alt>
     <div class="content flex-h">
-      <div class="left flex-v" v-if="pageDetail !== null">
+      <div class="left flex-v" v-if="pageDetail !== null && (pageDetail.detail.noticeShow || pageDetail.detail.weatherShow)">
         <div class="weather">
           <div class="date flex-h">
             <span>{{currentDate}}</span>
@@ -63,7 +63,7 @@
           </transition-group>
           <div v-if="audios.length > 0" :hidden="true">
             <div v-for="(audio, k) in audios" :key="k">
-              <audio v-if="audio.isShow" @ended="audioEnd(k)">
+              <audio v-if="audio.isShow" @ended="audioEnd(k)" autoplay>
                 <source :src="audio.url">
               </audio>
             </div>
@@ -117,7 +117,7 @@ export default {
       return this.$refs.mySwiper.swiper
     },
     weatherDetail () {
-      let target = JSON.parse(this.pageDetail.weather)
+      let target = this.pageDetail.weather ? JSON.parse(this.pageDetail.weather) : undefined
       return !target ? undefined : target.forecasts[0].casts[0]
     },
     tempRange () {
@@ -135,15 +135,17 @@ export default {
     swiperSlide
   },
   created () {
-    const _that = this
+    // const _that = this
     window.setInterval(() => {
-      let dels = _that.users.filter(x => Date.parse(new Date()) - x.createdata > this.diffM)
-      dels.map(x => {
-        _that.users.splice(this.users.findIndex(i => i.createdata === x.createdata), 1)
+      let dels = this.users.filter(x => Date.parse(new Date()) - x.createdata > this.diffM)
+      dels.forEach(x => {
+        const inx = this.users.findIndex(i => i.createdata === x.createdata)
+        this.users.splice(inx, 1)
       })
-      let delaudios = _that.audios.filter(x => Date.parse(new Date()) - x.createdata > this.diffM)
-      delaudios.map(x => {
-        _that.audios.splice(this.audios.findIndex(i => i.createdata === x.createdata), 1)
+      let delaudios = this.audios.filter(x => Date.parse(new Date()) - x.createdata > this.diffM)
+      delaudios.forEach(x => {
+        const inx = this.audios.findIndex(i => i.createdata === x.createdata)
+        this.audios.splice(inx, 1)
       })
     }, 100)
     this.ws = new XWebSocket({
@@ -195,11 +197,11 @@ export default {
       }
     },
     audioEnd (index) {
-      let as = this.audios
-      this.audios = as.map((x, i) => {
+      this.audios = this.audios.slice().map((x, i) => {
         if (i === index) {
           x.isShow = false
         }
+        return x
       })
     },
     receviedMsg (e) {