From b81b27ce3e7e9e7cda18bb6a621c34e84e7e2311 Mon Sep 17 00:00:00 2001 From: 劉鈞霖 <benson@gmail.com> Date: 星期一, 27 十二月 2021 12:27:55 +0800 Subject: [PATCH] [ Ref ] : refactor page : quickFilter , recommendConsultant , userReviews , userReviewsRecord and some related component --- PAMapp/components/popUpFrame.vue | 12 +++++++----- 1 files changed, 7 insertions(+), 5 deletions(-) diff --git a/PAMapp/components/popUpFrame.vue b/PAMapp/components/popUpFrame.vue index f08993c..4cee91d 100644 --- a/PAMapp/components/popUpFrame.vue +++ b/PAMapp/components/popUpFrame.vue @@ -14,8 +14,10 @@ </template> <script lang="ts"> - import { Vue, Component, Prop,Emit, Watch, PropSync} from 'vue-property-decorator'; - import { isMobileDevice } from '../assets/ts/device'; + import { Vue, Component, Prop, Emit, PropSync} from 'vue-property-decorator'; + + import UtilsService from '~/shared/services/utils.service'; + @Component export default class PopUpFrame extends Vue { @PropSync('isOpen',{type:Boolean,default:false}) syncIsOpen!:boolean; @@ -23,16 +25,16 @@ @Prop({default:'50%'}) dialogWidth!:string; // element UI dialog default width private get isUseDrawer() : boolean { - return this.syncIsOpen && isMobileDevice(); + return this.syncIsOpen && UtilsService.isMobileDevice(); } private set isUseDrawer(value: boolean) { this.$emit('update:isOpen',value); } private get isUseDialog() : boolean { - return this.syncIsOpen && !isMobileDevice(); + return this.syncIsOpen && !UtilsService.isMobileDevice(); } - + private set isUseDialog(value: boolean) { this.$emit('update:isOpen',value); } -- Gitblit v1.8.0