| | |
| | | <div class="ques-header__input-block"> |
| | | <span>Email:</span> |
| | | <input class="ques-header__input" |
| | | :class="{ 'is-invalid': !emailValid}" |
| | | placeholder="請輸入" |
| | | v-model="myRequest.email"> |
| | | </div> |
| | | <div class="error mt-5 mb-5" style="margin-left:65px"> |
| | | <span v-show="!emailValid">Email格式有誤</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </PopUpFrame> |
| | | |
| | | <PopUpFrame :isOpen.sync="sendReserve" @update:isOpen="closeReservePopUp"> |
| | | <div class="text--middle mt-30 sendReserve-txt">預約成功!</div> |
| | | <div class="text--middle sendReserve-txt">您預約的顧問會儘速與您聯絡!</div> |
| | | <div class="mdTxt mt-30 sendReserve-txt">預約成功!</div> |
| | | <div class="mdTxt sendReserve-txt mb-30">您預約的顧問會儘速與您聯絡!</div> |
| | | <!-- TODO: 未串接 api, 隱藏平台滿意度 --> |
| | | <!-- <div class="pam-app-review mb-10"> |
| | | <div class="mdTxt mb-10">對於 |
| | | <span class="mdTxt text--primary text--bold ">服務媒合</span> |
| | | 平台的整體服務, |
| | | </div> |
| | | <div class="mdTxt">您給予幾顆星評價?</div> |
| | | </div> |
| | | <el-rate v-model="score" class="pam-satisfaction-rate fix-chrome-click--issue"></el-rate> --> |
| | | <div class="text--center mdTxt"> |
| | | <!-- <el-button @click="closeReservePopUp">略過</el-button> |
| | | <el-button type="primary" |
| | | @click="closeReservePopUp"> |
| | | 送出 |
| | | </el-button> --> |
| | | <el-button type="primary" |
| | | @click="closeReservePopUp"> |
| | | 我知道了 |
| | |
| | | |
| | | @roleStorage.State |
| | | recommendConsultantItem!:string; |
| | | |
| | | score ="" ; |
| | | |
| | | genderOptions=[ |
| | | { |
| | |
| | | |
| | | private getLatestReserved(agentNo) { |
| | | const agentInfo = this.myConsultantList.filter(item => item.agentNo === agentNo); |
| | | |
| | | const appointmentInfo = agentInfo.length > 0 && agentInfo[0].appointments |
| | | ? agentInfo[0].appointments! |
| | | .filter((appointment) => appointment.communicateStatus !== 'contacted') |
| | | .filter((appointment) => appointment.communicateStatus === 'reserved') |
| | | .map((reversedAppointment) => ( |
| | | { ...reversedAppointment, |
| | | sortDate: new Date(reversedAppointment.appointmentDate) |
| | |
| | | : true; |
| | | } |
| | | |
| | | get emailValid() { |
| | | const rule = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; |
| | | return this.myRequest.email ? rule.test(this.myRequest.email) : true; |
| | | } |
| | | |
| | | get userInfo(): RegisterInfo { |
| | | const initUserInfo = JSON.parse(localStorage.getItem('userInfo')!); |
| | | return initUserInfo; |
| | |
| | | |
| | | get isDisabledSubmitBtn(): boolean { |
| | | return _.includes(this.myRequest.contactType,ContactType.PHONE) |
| | | ? !this.isHopeContactTimeDone() |
| | | ? !this.isHopeContactTimeDone() || !this.emailValid |
| | | : !this.phoneValid; |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-top: 10px; |
| | | margin-bottom: 26px; |
| | | } |
| | | |
| | | //drawer最底下文字樣式 |
| | |
| | | margin: 0px 20px; |
| | | } |
| | | |
| | | .pam-app-review{ |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .pam-satisfaction-rate{ |
| | | margin-bottom: 45px; |
| | | } |
| | | |
| | | @include desktop{ |
| | | .ques-header{ |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | </style> |
| | | |