<template>
  <div class="layout">
    <!-- 左侧树形菜单 -->
    <LeftMonth class="sidebar" ref="leftRef" />
    <!-- 右侧表格和筛选 -->
    <RightTable class="main-content" ref="rightRef" />
  </div>
</template>

<script>
// 导入子组件
import LeftMonth from "./components/leftMonth.vue";
import RightTable from "./components/rightTable.vue";

export default {
  name: "worklog",
  components: {
    LeftMonth,
    RightTable,
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped lang="scss">
.layout {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background-color: #f5f7fa;
}

.sidebar {
  flex-grow: 1;
  max-width: 360px;
  width: 360px;
  height: 100vh;
  background-color: #fff;
  padding: 20px;
}

.main-content {
  flex-grow: 3;
  background-color: #ffffff;
  padding: 20px;
}
</style>
