保誠-保戶業務員媒合平台
Mila
2021-12-22 68e499e5eed17a2b1d2e47ee1790e16f001552f7
PAMapp/components/popUpFrame.vue
@@ -14,25 +14,27 @@
</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;
    @Prop({default:'30%'}) drawerSize!:string; // element UI drawer default size
    @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();
      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);
    }