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: 'CarList' }" 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: 'CarInfoManagement' }" 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: 'CardList' }" 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: 'CardInfoManagement' }" 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>