Situation-Awareness-Platform-Frontend/src/views/Jyh/Home/index.vue

<template>
  <div class="pg-home">
    <ComEntry />
    <ComSystem />
    <ComRank />
    <ComAuthority />
    <ComSafe />
    <ComVideo />
    <ComBank />
    <ComNews />
  </div>
</template>

<script setup lang="ts">
// 保持原有的逻辑和数据定义
import {ref, onMounted, onBeforeUnmount, computed} from 'vue';
import {useRoute, useRouter} from 'vue-router';
import {useAccount} from '@/utils/hooks/useAccount';
import {useGlobalInfoStore} from '@/stores/Global';
import {DChart} from 'vue-devui/echarts';
import {reactive} from 'vue';
import ComEntry from './component/ComEntry.vue';
import ComSystem from './component/ComSystem.vue';
import ComRank from './component/ComRank.vue';
import ComAuthority from './component/ComAuthority.vue';
import ComSafe from './component/ComSafe.vue';
import ComVideo from './component/ComVideo.vue';
import ComBank from './component/ComBank.vue';
import ComNews from './component/ComNews.vue';

const route = useRoute();
const router = useRouter();

</script>

<style scoped lang="scss">
.pg-home {
  background-color: #f5f5f5;
}

</style>