<template>
  <div class="dashboard-root">
    <!-- 全部应用 -->
    <el-row>
      <AllApplications />
    </el-row>

    <el-row :gutter="20" style="margin-top: 20px;">
      <el-col :span="12">
        <el-card style="height: 500px;">
          <FlowTable />
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import AllApplications from '@/views/components/AllApplications.vue';
import OrderDashboard from '@/views/components/OrderDashboard.vue';
import FlowTable from '@/views/components/FlowTable.vue';
import Greeting from '@/views/components/Greeting.vue';

export default {
  components: {
    AllApplications,
    OrderDashboard,
    FlowTable,
    Greeting
  }
};
</script>

<style scoped>
.dashboard-root {
  min-height: 100vh;
  padding: 32px;
}
</style>