<template>
  <div class="sidemenu">
    <div class="myinfo simple">
      <div class="name-box">
        <div class="img-area">
          <div><img :src="photoicon" alt="">
            <p class="name">OOO과장</p>
          </div>
          <div class="info">
            <p>솔루션 개발팀</p>
            <i class="fa-bars"></i>
            <p>팀장</p>
          </div>
        </div>
      </div>


      <details class="menu-box" open>
          <summary><p>프로젝트</p><div class="icon"><img :src="topmenuicon" alt=""></div></summary>
          <ul>
            <li> <router-link :to="{ name: 'projectStatue' }" exact-active-class="active-link" v-slot="{ isExactActive }">
                <p>프로젝트 현황</p>
                <div class="icon" v-if="isExactActive">
                  <img :src="menuicon" alt="">
                </div>
              </router-link></li>
            <li>
              <router-link :to="{ name: 'projectInsert' }" exact-active-class="active-link" v-slot="{ isExactActive }">
                <p>프로젝트 등록</p>
                <div class="icon" v-if="isExactActive">
                  <img :src="menuicon" alt="">
                </div>
              </router-link>
            </li>
            <li>
              <router-link :to="{ name: 'projectTuib' }" exact-active-class="active-link" v-slot="{ isExactActive }">
                <p>투입현황</p>
                <div class="icon" v-if="isExactActive">
                  <img :src="menuicon" alt="">
                </div>
              </router-link>
            </li>
          </ul>
      </details>
    </div>
  </div>
  <!-- End Page Title -->
  <div class="content">
    <router-view></router-view>

  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  data() {
    return {
      photoicon: "/client/resources/img/photo_icon.png",
      menuicon: "/client/resources/img/menuicon.png",
      topmenuicon: "/client/resources/img/topmenuicon.png",
      // 데이터 초기화
      years: [2023, 2024, 2025], // 연도 목록
      months: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], // 월 목록
      selectedYear: '',
      selectedMonth: '',
      DeptData: [
        { member: '', deptNM: '', acceptTerms: false },
        // 더 많은 데이터 추가...
      ],
      filteredData: [],
    };
  },
  computed: {
  },
  methods: {

    // 페이지 변경
    changePage(page) {
      this.currentPage = page;
    },
  },
  created() {
  },
  mounted() {

  },
};
</script>

<style scoped></style>
