update: [預約單細節頁面] email 正常換行

Tomas

2022-01-25 780c03ddaad75c98886fa6fdb16c93cc195d630a

 PAMapp/pages/appointment/_appointmentId/index.vue

@@ -18,16 +18,18 @@
        <div class="client-detail-info__avatar">
          <div class="circle">
            {{ appointmentDetail.name || 'NO NAME' }}
            <div class="sm-circle">
              <i class="icon-sex-male sex-icon" v-if="appointmentDetail.gender === 'male'"></i>
              <i class="icon-sex-female sex-icon" v-else></i>
            <div class="sm-circle sm-circle-male" v-if="appointmentDetail.gender === 'male'">
              <i class="icon-sex-male sex-icon"></i>
            </div>
            <div class="sm-circle sm-circle-female" v-if="appointmentDetail.gender === 'female'">
              <i class="icon-sex-female sex-icon"></i>
            </div>
          </div>
        </div>
        <div class="client-detail-info__information">
          <div>{{ appointmentDetail.age | toAgeLabel }}</div>
          <div>{{ appointmentDetail.phone }}</div>
          <div class="text--underline">
          <div class="text--underline text--break-all">
            {{ appointmentDetail.email }}
          </div>
        </div>
@@ -157,13 +159,14 @@
  }

  getHopeContactTimeContent(hopeContactTimeString: string): string[] {
    const result = hopeContactTimeString.replace("'", '').split('、');
    const result = hopeContactTimeString.replaceAll("'", '').split('、');
    return result;
  }

  inviteReview(): void {
    reviewsService.sendSatisfactionToClient(this.appointmentDetail.id).then(res => res);
    this.isShowInviteReviewDialog = true ;
    reviewsService.sendSatisfactionToClient(this.appointmentDetail.id).then(res => {
        this.isShowInviteReviewDialog = true;
    });
  }
}
</script>
@@ -201,7 +204,6 @@
            width: 30px;
            border-radius: 50%;
            background-color: #fff;
            border: 1px solid $SKY_BLUE;
            bottom: 0;
            right: 0;
            display: flex;
@@ -209,7 +211,18 @@
            align-items: center;
            .sex-icon {
              font-size: 20px;
              color: $SKY_BLUE;
              &.icon-sex-male{
                color: $SKY_BLUE;
              }
              &.icon-sex-female{
                color: $CORAL;
              }
            }
            &-male {
              border: 1px solid $SKY_BLUE;
            }
            &-female {
              border: 1px solid $LIGHT_RED;
            }
          }
        }