File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<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: 'salaryList' }" 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: 'employeeSalaryList' }" 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: 'employeeSalaryInsert' }" 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: 'ChuljangCostList' }" 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: '' }" 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: 'MeetingCostList' }" 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>