| | |
| | | <img class="img" src="~/assets/images/quickFilter/recommend.svg" alt=""> |
| | | |
| | | <template v-if="consultantList.length > 0"> |
| | | <QuickFilterConsultantList></QuickFilterConsultantList> |
| | | <QuickFilterConsultantList :consultantList="consultantList"></QuickFilterConsultantList> |
| | | </template> |
| | | |
| | | <template v-else> |
| | |
| | | </template> |
| | | </div> |
| | | |
| | | <Ui-Drawer |
| | | :isVisible.sync="questionDrawer" |
| | | :size="questionOption.name === 'communicationStyles' ? '50%' : '30%'" |
| | | @closeDrawer="closePopUp" |
| | | <PopUpFrame |
| | | :isOpen.sync="questionPopUp" |
| | | :drawerSize="questionOption.name === 'communicationStyles' ? '50%' : '30%'" |
| | | @update:isOpen="closePopUp" |
| | | > |
| | | <QuickFilterSelector |
| | | ref="quickFilterRef" |
| | | :drawerVisible.sync="questionDrawer" |
| | | :drawerVisible.sync="questionPopUp" |
| | | :questionOption="questionOption" |
| | | :selectedItem="selectedItem" |
| | | ></QuickFilterSelector> |
| | | </Ui-Drawer> |
| | | </PopUpFrame> |
| | | |
| | | <Ui-Dialog :isVisible.sync="questionDialog" |
| | | @closeDialog="closePopUp" |
| | | > |
| | | <QuickFilterSelector |
| | | ref="quickFilterRef" |
| | | :drawerVisible.sync="questionDrawer" |
| | | :questionOption="questionOption" |
| | | :selectedItem="selectedItem" |
| | | ></QuickFilterSelector> |
| | | </Ui-Dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { Vue, Component } from 'nuxt-property-decorator'; |
| | | import { FastQueryParams } from '~/assets/ts/api/consultant'; |
| | | import { isMobileDevice } from '~/assets/ts/device'; |
| | | import { Consultants, FastQueryParams } from '~/assets/ts/api/consultant'; |
| | | import QuickFilterDrawer from '~/components/QuickFilter/QuickFilterSelector.vue'; |
| | | import { fastQuery } from '~/assets/ts/api/consultant'; |
| | | |
| | | @Component |
| | | export default class QuickFilter extends Vue { |
| | | questionDialog = false; |
| | | consultantList = []; |
| | | questionDrawer = false; |
| | | questionPopUp = false; |
| | | consultantList: Consultants[] = []; |
| | | questionOption = {}; |
| | | selectedItem: FastQueryParams = { |
| | | gender: '', |
| | |
| | | |
| | | openPopUp(question: QuestionOption) { |
| | | this.questionOption = question; |
| | | isMobileDevice() ? this.questionDrawer = true : this.questionDialog = true; |
| | | this.questionPopUp =true; |
| | | } |
| | | |
| | | removeTag(type: string, index: number = 0) { |