<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: 'hrSearch' }" 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: 'hrManagement' }" 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> <details class="menu-box"> <summary><p>부서</p><div class="icon"><img :src="topmenuicon" alt=""></div></summary> <ul> <li> <router-link :to="{ name: 'buseoManagement' }" 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>