From e02d6534d2dba4b8adcbb80e37cc77bf8bddd26c Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 09 三月 2022 16:50:48 +0800
Subject: [PATCH] update#136137: [諮詢度表現] 顧問詳細資訊API 前端調整串接
---
PAMapp/components/popUpFrame.vue | 51 +++++++++++++++++++++++++++++++++------------------
1 files changed, 33 insertions(+), 18 deletions(-)
diff --git a/PAMapp/components/popUpFrame.vue b/PAMapp/components/popUpFrame.vue
index cfff207..cfa9821 100644
--- a/PAMapp/components/popUpFrame.vue
+++ b/PAMapp/components/popUpFrame.vue
@@ -1,44 +1,59 @@
<template>
<div>
+
<Ui-Drawer :isVisible.sync="isUseDrawer"
@closeDrawer="closePopUp"
:size="drawerSize">
<slot></slot>
</Ui-Drawer>
+
<Ui-Dialog :isVisible.sync="isUseDialog"
@closeDialog="closePopUp"
:width="dialogWidth">
<slot></slot>
</Ui-Dialog>
+
</div>
</template>
<script lang="ts">
- import { Vue, Component, Prop,Emit, Watch, PropSync} from 'vue-property-decorator';
- import { isMobileDevice } from '~/shared/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;
- @Prop({default:'auto'}) drawerSize!:string; // element UI drawer default size
- @Prop({default:'50%'}) dialogWidth!:string; // element UI dialog default width
- private get isUseDrawer() : boolean {
- return this.syncIsOpen && isMobileDevice();
- }
- private set isUseDrawer(value: boolean) {
- this.$emit('update:isOpen',value);
- }
+ @PropSync('isOpen',{type:Boolean,default:false})
+ syncIsOpen!:boolean;
- private get isUseDialog() : boolean {
- return this.syncIsOpen && !isMobileDevice();
- }
+ @Prop({default:'auto'})
+ drawerSize!:string; // element UI drawer default size
- private set isUseDialog(value: boolean) {
- this.$emit('update:isOpen',value);
- }
+ @Prop({default:'50%'})
+ dialogWidth!:string; // element UI dialog default width
+
+ //////////////////////////////////////////////////////////////////////
@Emit('closePopUp') closePopUp() {
- return;
+ return;
+ }
+
+ //////////////////////////////////////////////////////////////////////
+
+ get isUseDrawer() : boolean {
+ return this.syncIsOpen && UtilsService.isMobileDevice();
+ }
+
+ set isUseDrawer(value: boolean) {
+ this.syncIsOpen = value
+ }
+
+ get isUseDialog() : boolean {
+ return this.syncIsOpen && !UtilsService.isMobileDevice();
+ }
+
+ set isUseDialog(value: boolean) {
+ this.syncIsOpen = value
}
}
</script>
--
Gitblit v1.8.0