| | |
|---|
| | | <script lang='ts'> |
|---|
| | | import { Vue, Component, Prop } from 'nuxt-property-decorator'; |
|---|
| | | |
|---|
| | | import { ClientInfo } from '~/shared/models/client.model'; |
|---|
| | | import { Appointment } from '~/shared/models/appointment.model'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class ClientList extends Vue { |
|---|
| | | @Prop() clients!: ClientInfo[]; |
|---|
| | | @Prop() clients!: Appointment[]; |
|---|
| | | @Prop() title!: string; |
|---|
| | | |
|---|
| | | ////////////////////////////////////////////////////////////////////// |
|---|
| | | |
|---|
| | | get noDataPlaceholder(): string { |
|---|
| | | return this.title === 'reservedList' |
|---|
| | | ? '您目前無已預約客戶' |
|---|
| | | : '您目前無已聯絡客戶'; |
|---|
| | | let noDataWording = '您目前無已結案的預約單'; |
|---|
| | | if (this.title === 'contactedList') { |
|---|
| | | noDataWording = '您目前無約訪中的預約單'; |
|---|
| | | } |
|---|
| | | if (this.title === 'reservedList') { |
|---|
| | | noDataWording = '您目前無未聯絡的預約單'; |
|---|
| | | } |
|---|
| | | return noDataWording; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
