update: 串接預約單流程(新增採訪紀錄, 結案頁面, 預約單列表細節)

Tomas

2022-01-12 943b8dfc3fd82d76d46cde1834972270d4aa868a

 PAMapp/pages/appointment/_appointmentId/index.vue

@@ -6,6 +6,7 @@
      <div>{{ appointmentDetail.consultantReadTime }}</div>
    </div>
    <AppointmentProgress
      class="mt-10"
      :currentStep="appointmentDetail.communicateStatus"
    ></AppointmentProgress>

@@ -14,16 +15,18 @@
      <div class="client-detail-info">
        <div class="client-detail-info__avatar">
          <div class="circle">
            {{ appointmentDetail.name }}
            {{ appointmentDetail.name || 'NO NAME' }}
            <div class="sm-circle">
              {{ appointmentDetail.gender === 'male' ? '男' : '女'}}
            </div>
          </div>
        </div>
        <div class="client-detail-info__information">
          <div>{{ appointmentDetail.age }}歲</div>
          <div>{{ appointmentDetail.age || '--' }}歲</div>
          <div>{{ appointmentDetail.phone }}</div>
          <div class="text--underline">{{ appointmentDetail.email }}</div>
          <div class="text--underline">
            {{ appointmentDetail.email }}
          </div>
        </div>
      </div>

@@ -34,18 +37,26 @@
        </div>
        <div class="client-detail-demand__hope-contact-time">
          <div class="client-detail-demand__demand-list-label">聯絡<br />時段</div>
          <div>{{ appointmentDetail.hopeContactTime }}</div>
          <div>星期一 17:00 ~ 19:00</div>
          <!-- TODO: 多筆聯絡時段如何呈現 && 跑版問題 [Tomas. 2021/1/12] -->
          <!-- <div>{{ appointmentDetail.hopeContactTime }}</div> -->
        </div>
      </div>

      <div class="client-detail-action">
        <el-button @click="$router.go(-1)" >結案</el-button>
        <el-button @click="closeAppointment" >結案</el-button>
        <el-button @click="$router.go(-1)" style="margin-left: 0px">通知/採訪</el-button>
      </div>

    </section>

    <section class="mt-30">
      <AppointmentInterviewList />
    </section>

    <section class="mt-30">
      <AppointmentRecordList />
    </section>

  </div>
</template>
@@ -72,6 +83,12 @@
    }
  }

  //////////////////////////////////////////////////////////////////////

  closeAppointment(): void {
    this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
  }

}
</script>