<template>
  <q-layout view="lHh Lpr lFf">
    <div class="wholeScreen">
      <div class="wholePage">
        <BgSubHeader />

        <q-page-container>
          <router-view />
        </q-page-container>
        <FooterBar />
      </div>
    </div>
    <FloatPolicyTips />
  </q-layout>
</template>
<style lang="scss" scoped>
@import url('../css/bgsub_common.scss');
</style>
<script lang="ts">
import { defineComponent } from 'vue';
import BgSubHeader from 'components/BgSubHeader.vue';
import FooterBar from 'components/FooterBar.vue';
import FloatPolicyTips from 'components/FloatPolicyTips.vue';

export default defineComponent({
  name: 'MainLayout',

  components: { BgSubHeader, FooterBar, FloatPolicyTips },

  data() {
    return {
      leftDrawerOpen: false,
    };
  },

  methods: {
    toggleLeftDrawer() {
      this.leftDrawerOpen = !this.leftDrawerOpen;
    },
  },
});
</script>
