Merge branch 'Phase3' into pollex-dev

wayne

2022-03-10 e8241decc705f9db3e46aed7b3a3f8b3188cf820

 PAMapp/pages/appointment/_appointmentId/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="appointment-client-detail-page">
  <div class="appointment-client-detail-page" v-if="!!appointmentDetail">
    <div class="date-detail">
      <div>{{ appointmentDetail.appointmentDate | formatDate }}預約</div>
      <div>{{ appointmentDetail.consultantReadTime | formatDate }}
@@ -29,7 +29,7 @@
        <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>
@@ -55,20 +55,20 @@
        </div>
      </div>

      <div class="client-detail-action" v-if="showWhenAppointmentHasClosed">
      <!-- <div class=" btn-center" v-if="showWhenAppointmentHasClosed">
        <el-button @click="inviteReview">發送滿意度</el-button>
      </div>
      </div> -->

      <div class="client-detail-action" v-if="showWhenAppointmentHasContacted">
        <el-button @click="closeAppointment" >結案</el-button>
        <el-button @click="sendMsg" style="margin-left: 0px">通知/約訪</el-button>
        <el-button @click="closeAppointment" class="desktop-client-detail-action-btn" >結案</el-button>
        <el-button @click="sendMsg" style="margin-left: 0px">通知約訪</el-button>
      </div>

      <div class="client-detail-action" v-if="showWhenAppointmentHasCreate">
     <div class=" btn-center" v-if="showWhenAppointmentHasCreate">
        <el-button @click="sendMsg">傳送約訪通知</el-button>
      </div>

    </section>


    <template v-if="showWhenAppointmentHasClosed">
      <AppointmentClosedInfo :appointmentDetail="appointmentDetail" />
@@ -159,7 +159,7 @@
  }

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

@@ -286,5 +286,19 @@
.hope-contact-time__line {
  border-bottom: 1px solid #CCCCCC;
}
.btn-center{
    display: flex;
    justify-content: center;
  }

  @include desktop {
    .client-detail-action {
    display: flex;
    justify-content: center;
    }
    .desktop-client-detail-action-btn{
      margin-right: 10px;
    }
  }

</style>