yjryu / 3D_AI_System star
박현정 박현정 3 days ago
250808 박현정 프로젝트 복제 / 이전 버전 목록 조회 기능 추가
@d4edd77485376bf8b47298f6d0ed736dfbdd931d
4143292
d4edd77
client/views/pages/subPage/Asset.vue
--- client/views/pages/subPage/Asset.vue
+++ client/views/pages/subPage/Asset.vue
@@ -54,7 +54,7 @@
 
           <!-- 드롭다운 메뉴 표시 -->
 
         <div v-if="openMenuIndex === index" class="dropdown-menu"   :class="dropdownDirection">
 
             <button><img src="../../../resources/img/content/ico_subShare.svg" alt=""> 공유</button>
 
-            <button @click="duplicateProject(project.projectId)"><img src="../../../resources/img/content/ico_subCopy.svg" alt=""> 복사</button>
 
+            <button @click="duplicateProject(project.id)"><img src="../../../resources/img/content/ico_subCopy.svg" alt=""> 복사</button>
 
             <button @click="deleteProject(project.projectGroupId)"><img src="../../../resources/img/content/ico_trashcan.svg" alt=""> 삭제</button>
 
             <button @click="openPopup('versions', project)"><img src="../../../resources/img/content/ico_version.svg" alt=""> 버전기록</button>
 
             <button @click="openPopup('rename', project)"><img src="" alt=""> 이름 변경</button>
@@ -66,12 +66,16 @@
 
       <div v-if="activePopup === 'versions'" class="popup-overlay" @click.self="closePopup()">
 
         <div class="popup">
 
           <button class="close-btn" @click="closePopup()">X</button>
 
-          <!-- 여기에 내용 넣기 -->
 
           <h3>작업내역</h3>
 
           <img src="../../../resources/img/content/ico_digital_asset.svg" alt="작업 이미지" />
 
           <div class="versions">
 
             <p>버전 목록</p>
 
-            <ul>
 
+            <ul v-if="oldProjects && oldProjects.length > 0">
 
+              <li v-for="project in oldProjects" :key="project.id">
 
+                {{ project.date }}
 
+              </li>
 
+            </ul>
 
+            <ul v-if="!oldProjects">
 
               <li>5월 3일 오후 2:50</li>
 
               <li>5월 3일 오후 1:14</li>
 
               <li>5월 1일 오전 11:50</li>
@@ -102,6 +106,7 @@
 
 <script>
 
 import { mapGetters } from 'vuex';
 
 import { deleteProjectProc, findAllProjectsProc, duplicateProjectProc, updateProjectFavoriteProc, renameProjectProc } from '../../../resources/api/asset';
 
+import dayjs from 'dayjs';
 
 
 export default {
 
     data() {
@@ -113,6 +118,7 @@
 
                 // { name: '프로젝트D', date: '2025.05.12', img: require('../../../resources/img/content/sample1.png'),isFavorite: true },
 
                 // { name: '프로젝트E', date: '2025.05.12', img: require('../../../resources/img/content/sample1.png'),isFavorite: false },
 
             ],
 
+            oldProjects:[], // 이전 버전 목록
 
             members: [],
 
             openMenuIndex: null,
 
             dropdownDirection: 'right', // 또는 'left'
@@ -207,9 +213,10 @@
 
             .then(response => {
 
               const projectList = response.data.result.projects;
 
 
-              this.projects = projectList.map(project => ({
 
+              this.oldProjects = projectList.map(project => ({
 
+                id: project.projectId,
 
                 name: project.projectName,
 
-                date: project.createdAt,
 
+                date: dayjs(project.createdAt).format('M월 D일 A h:mm'),
 
                 img: require('../../../resources/img/content/sample1.png'), // 백엔드 - 썸네일 기능 추가 후 수정
 
               }));
 
             })
@@ -243,6 +250,7 @@
 
           this.activePopup = popupType;
 
           this.newProjectName = project.name;
 
           this.selectedProject = project;
 
+          this.loadOldProjects(project.groupId);
 
         },
 
         // 팝업창 닫기
 
         closePopup(){
Add a comment
List