From a8e5dcd396b2934e0abdd97e2241bd020afe569b Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 11 十一月 2021 14:49:23 +0800
Subject: [PATCH] TODO#130018 [加入顧問] API 串接
---
PAMapp/pages/quickFilter/index.vue | 34 +++++++++++-----------------------
1 files changed, 11 insertions(+), 23 deletions(-)
diff --git a/PAMapp/pages/quickFilter/index.vue b/PAMapp/pages/quickFilter/index.vue
index dd7dd5a..52889a6 100644
--- a/PAMapp/pages/quickFilter/index.vue
+++ b/PAMapp/pages/quickFilter/index.vue
@@ -48,7 +48,7 @@
<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>
@@ -58,44 +58,32 @@
</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: '',
@@ -147,7 +135,7 @@
openPopUp(question: QuestionOption) {
this.questionOption = question;
- isMobileDevice() ? this.questionDrawer = true : this.questionDialog = true;
+ this.questionPopUp =true;
}
removeTag(type: string, index: number = 0) {
--
Gitblit v1.8.0