gis-one-map-web/src/views/gis/business/common/focus-content.vue

<template>
  <div class="focus-content-com">
    <div class="focus-content-com_bg"></div>
    <div class="focus-content-com_slot">
      <slot/>
    </div>
  </div>
</template>

<script lang="ts">
import {
  defineComponent,
  computed,
  onMounted,
  ref,
  reactive,
  watch,
  getCurrentInstance,
  ComponentInternalInstance,
  toRefs,
  nextTick
} from 'vue'
import {useStore} from 'vuex'
import {useRouter, useRoute} from 'vue-router'
import {ElMessage, ElMessageBox} from "element-plus";

export default defineComponent({
  name: '',
  components: {},
  props: {
    title: {}
  },
  setup(props, {emit}) {
    const store = useStore();
    const router = useRouter();
    const route = useRoute();
    const that = (getCurrentInstance() as ComponentInternalInstance).appContext.config.globalProperties
    const state = reactive({
      expend: true
    })
    onMounted(() => {
    })
    return {
      ...toRefs(state),
    }
  },
})
</script>

<style scoped lang="scss">
.focus-content-com {
  width: 100%;
  position: relative;
  .focus-content-com_bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
  }
  .focus-content-com_slot {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
</style>