| | |
|---|
| | | <template> |
|---|
| | | <div class="ques-page--reset" v-if="isLogin"> |
|---|
| | | <div class="ques-page--reset" v-if="isUserLogin"> |
|---|
| | | <div class="ques-header"> |
|---|
| | | <div class="ques-header__mob-banner"></div> |
|---|
| | | <div |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, State, Action, Watch } from 'nuxt-property-decorator'; |
|---|
| | | import { Vue, Component, State, Action, Watch, namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { addFavoriteConsultant, appointmentDemand, AppointmentParams, AppointmentRequests ,editAppointment,RegisterInfo } from '~/assets/ts/api/consultant'; |
|---|
| | | import { getRequestQuestionFromStorage, getRequestsFromStorage, removeRequestQuestionFromStorage, setRequestsToStorage } from '~/assets/ts/storageRequests'; |
|---|
| | | import _ from 'lodash'; |
|---|
| | | import { isLogin } from '~/assets/ts/auth'; |
|---|
| | | import { Consultant } from '~/assets/ts/models/consultant.model'; |
|---|
| | | import { ContactType } from '~/assets/ts/models/enum/ContactType'; |
|---|
| | | import { Gender } from '~/assets/ts/models/enum/Gender'; |
|---|
| | | import { Role } from '~/assets/ts/models/enum/Role'; |
|---|
| | | |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | @Component |
|---|
| | | export default class Questionnaire extends Vue { |
|---|
| | | @State('myConsultantList') myConsultantList!: Consultant[]; |
|---|
| | | @Action storeConsultantList!: () => Promise<number>; |
|---|
| | | @roleStorage.Getter isUserLogin!:boolean; |
|---|
| | | |
|---|
| | | genderOptions=[ |
|---|
| | | { |
|---|
| | |
|---|
| | | |
|---|
| | | beforeRouteEnter(to: any, from: any, next: any) { |
|---|
| | | next(vm => { |
|---|
| | | if (from.name === 'login' && !isLogin()) { |
|---|
| | | const isUserLogin = vm.$store.getters['localStorage/isUserLogin']; |
|---|
| | | if (from.name === 'login' && !isUserLogin) { |
|---|
| | | vm.$router.go(-1); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (!isLogin()) { |
|---|
| | | if (!isUserLogin) { |
|---|
| | | vm.$router.push('/login'); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | async fetch() { |
|---|
| | | if (isLogin()) { |
|---|
| | | if (this.isUserLogin) { |
|---|
| | | await this.storeConsultantList(); |
|---|
| | | }; |
|---|
| | | } |
|---|
| | |
|---|
| | | return _.includes(this.myRequest.contactType,ContactType.PHONE) |
|---|
| | | ? !this.isHopeContactTimeDone() |
|---|
| | | : !this.phoneValid; |
|---|
| | | } |
|---|
| | | |
|---|
| | | get isLogin() { |
|---|
| | | return isLogin(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | private isHopeContactTimeDone():boolean{ |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | @Watch('myConsultantList') onMyConsultantListChange() { |
|---|
| | | if (this.isLogin && this.myConsultantList.length > 0) { |
|---|
| | | if (this.isUserLogin && this.myConsultantList.length > 0) { |
|---|
| | | const editAppointment = this.getLatestReserved(this.$route.params.agentNo); |
|---|
| | | |
|---|
| | | if (editAppointment.agentNo) { |
|---|
