| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Watch, State, namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { Vue, Component, Watch, namespace } from 'nuxt-property-decorator'; |
|---|
| | | |
|---|
| | | import { Appointment } from '~/shared/models/appointment.model'; |
|---|
| | | import { ContactStatus } from '~/shared/models/enum/contact-status'; |
|---|
| | |
|---|
| | | @localStorage.Getter |
|---|
| | | currentAppointmentIdFromMsg!: string; |
|---|
| | | |
|---|
| | | closedItemSum = 0; |
|---|
| | | closedList: Appointment[] = []; |
|---|
| | | contactStatus= ContactStatus; |
|---|
| | | currentPage : number = 1; |
|---|
| | | doneItemSum = 0; |
|---|
| | | |
|---|
| | | closedItemSum = 0; |
|---|
| | | currentPage = 1; |
|---|
| | | doneItemSum = 0; |
|---|
| | | itemSum = 0; |
|---|
| | | keyWord = ''; |
|---|
| | | |
|---|
| | | closedList: Appointment[] = []; |
|---|
| | | filterList : Appointment[] = []; |
|---|
| | | itemSum = 0; |
|---|
| | | keyWord : string = ''; |
|---|
| | | pageList : Appointment[] = []; |
|---|
| | | selectedClosedCategory: 'all' | 'done' | 'closed' = 'all'; |
|---|
| | | |
|---|
| | |
|---|
| | | .closed-appointment__tag-filter { |
|---|
| | | display: flex; |
|---|
| | | .el-radio { |
|---|
| | | border-color: $PRIMARY_BLACK; |
|---|
| | | border-width: 2px; |
|---|
| | | border-color: $LIGHT_GREY; |
|---|
| | | border-radius: 30px; |
|---|
| | | border-width: 1px; |
|---|
| | | font-size : 16px; |
|---|
| | | margin-left : 0 !important; |
|---|
| | | margin-right: 10px; |
|---|
| | | padding : 10px; |
|---|
| | | @extend .fix-chrome-click--issue; |
|---|
| | | &.is-checked { |
|---|
| | | background-color: #D0D0CE; |
|---|
| | | background-color: $CORAL; |
|---|
| | | .el-radio__label { |
|---|
| | | color : $PRIMARY_WHITE !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .el-radio__input { |
|---|
| | | display: none; |
|---|
