<template>
  <div class="home-container">
    <title-nav />
    <div class="home-page">
      <!--    <top-scroll-bar />-->
      <div class="content-top">
        <div class="column-row">
          <access-error />
          <alarm-ranking />
        </div>
        <app-health />
        <div class="column-row">
          <top-scroll-bar />
          <run-result />
        </div>
      </div>
      <div class="content-chart">
        <health-tendency />
        <run-tendency />
      </div>
    </div>
  </div>
</template>
<script setup>
import topScrollBar from "./index/widget/topScrollBar.vue"
import titleNav from "./index/widget/titleNav.vue"
import runResult from "./index/widget/runResult.vue"
import appHealth from "./index/widget/appHealth.vue"
import accessError from "./index/widget/accessError.vue"
import alarmRanking from "./index/widget/alarmRanking.vue"
import runTendency from "./index/widget/runTendency.vue"
import healthTendency from "./index/widget/healthTendency.vue"
</script>
<style lang="scss">
@import "./index/css/style.scss";
</style>
