Update: 依據網址參數顯示更新廣告影片

Tomas

2023-07-31 8f545c22e66f7359b3f7eab1c4ef5adb6fbbbfe9

Update: 依據網址參數顯示更新廣告影片

 PAMapp/pages/index.vue

@@ -147,10 +147,11 @@
         v-if="isShowFilmPlayer"
         style="position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; justify-content: flex-end;"
    >
      <iframe width=”780″
              height=”440″
              allowfullscreen
              src="https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1"
      <iframe
        width=”780″
        height=”440″
        allowfullscreen
        :src="filmVideoSrc"
      ></iframe>
      <div class="close-btn" @click="closeVideo()">X</div>
    </div>
@@ -159,7 +160,7 @@
</template>

<script lang="ts">
import {Action, Component, Mutation, namespace, State, Vue, Watch} from 'nuxt-property-decorator';
import {Action, Component, Getter, Mutation, namespace, State, Vue, Watch} from 'nuxt-property-decorator';

import appointmentService from '~/shared/services/appointment.service';
import utilService, {AccessFroms} from '~/shared/services/utils.service';
@@ -276,7 +277,22 @@
      appointments       : []
    };

    isShowFilmPlayer = true;
    isCloseVideo = false;

    @Getter
    fromAccess!: AccessFroms;

    get filmVideoSrc() {
      if (!this.fromAccess) return '';
      return this.fromAccess === AccessFroms.FILM_1
        ? 'https://www.youtube.com/embed/zVBLW9hWD0g?autoplay=1&mute=1'
        : 'https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1';
    }


    get isShowFilmPlayer() {
      return !!this.fromAccess && !this.isCloseVideo;
    }

    //////////////////////////////////////////////////////////////////////

@@ -438,8 +454,8 @@
        this.storageClearNotContactAppointmentIdFromMsg();
    }

    closeVideo() {
      this.isShowFilmPlayer = false;
    closeVideo(): void {
      this.isCloseVideo = true;
    }

    ///////////////////////////////////////////////////////////////////////////////