<template>
|
<div>
|
<div class="pam-myAppointment-banner"></div>
|
<div class="pam-container">
|
<div class="pam-cus-tabs mb-30">
|
<div
|
class="cus-tab-item"
|
:class="{'is-active': activeTabName === 'appointmentList'}"
|
@click="tabClick('appointmentList')"
|
>客戶預約
|
<span class="p">({{appointmentList.length}})</span>
|
</div>
|
<div
|
class="cus-tab-item"
|
:class="{'is-active': activeTabName === 'contactedList'}"
|
@click="tabClick('contactedList')"
|
>已聯絡
|
<span class="p">({{contactedList.length}})</span>
|
</div>
|
</div>
|
|
<NuxtChild></NuxtChild>
|
</div>
|
|
<PopUpFrame
|
:isOpen.sync="showNewAppointmentNumber"
|
>
|
<div class="text--center mdTxt">
|
<p class="mb-50">你有 <span class="text--primary">{{newAppointmentNumber}}</span> 則新的預約</p>
|
<div class="text--center">
|
<el-button
|
type="primary"
|
@click="showNewAppointmentNumber = false"
|
>我知道了</el-button>
|
</div>
|
</div>
|
</PopUpFrame>
|
</div>
|
</template>
|
|
<script src="./my-appointment.component.ts"></script>
|
|
<style lang="scss" scoped>
|
@import "./my-appointment.component.scss";
|
</style>
|
