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