保誠-保戶業務員媒合平台
Tomas
2023-08-01 82ba3b46e14f25f6a7c3653661033ddac12703c6
PAMapp/pages/index.vue
@@ -59,7 +59,7 @@
                  <p>性別:{{gender}}</p>
                  <p>年齡:{{appointmentDetail.age | toAgeLabel }}</p>
                  <p>職業:{{appointmentDetail.job}}</p>
                  <p>諮詢方式:{{appointmentDetail.consultationMethod | toConsulType }}</p>
                  <p>諮詢方式:{{appointmentDetail.consultationMethod | toConsultationMethod }}</p>
                  <p>需求:{{ appointmentDetail.requirement ? appointmentDetail.requirement.split(',').join('、') : '--'}}</p>
                  <p
                      v-for="(item, index) in hopeContactTime"
@@ -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;
    }
    ///////////////////////////////////////////////////////////////////////////////