Commit @6ed683f65536b0a0581bc07ba6188a794799017c

박현정 07-22

250722 박현정 프로젝트 생성 시 이미지 추가(413 오류 해결)

@6ed683f65536b0a0581bc07ba6188a794799017c

4198252

6ed683f

client/resources/api/asset.js

--- client/resources/api/asset.js

+++ client/resources/api/asset.js


 }
 
 // 자산(프로젝트) 생성 기능
-
+// export const saveProjectProc = (formData) => {
+//   return apiClient.post('/project/saveProject.file', formData);
+// }
 export const saveProjectProc = (formData) => {
-  return axios.post('/api/project/saveProject.json', formData, {
-    withCredentials: true
-});
-};
+  return axios.post('/api/project/saveProject.file', formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  });
+}
 
 // 자산(프로젝트) 복제 기능
 export const duplicateProjectProc = (projectId, data) => {

4198252

6ed683f

client/views/pages/subPage/Asset.vue

--- client/views/pages/subPage/Asset.vue

+++ client/views/pages/subPage/Asset.vue


             <button><img src="../../../resources/img/content/ico_subShare.svg" alt=""> 공유</button>
             <button><img src="../../../resources/img/content/ico_subCopy.svg" alt="" @click="duplicateProject(project.projectId)"> 복사</button>
             <button><img src="../../../resources/img/content/ico_trashcan.svg" alt=""> 삭제</button>
-            <button><img src="../../../resources/img/content/ico_version.svg" alt="" @click="loadOldProjects"> 버전기록</button>
+            <button><img src="../../../resources/img/content/ico_version.svg" alt=""> 버전기록</button>
             <!-- @click="changeProjectName -->
             <button><img src="" alt="" > 이름 변경</button> 
+        </div>
+      </div>
+    </div>
+    <div class="old-projects">
+      <!-- 팝업 창 -->
+      <div v-if="showPopup" class="popup-overlay" @click.self="showPopup = false">
+        <div class="popup">
+          <button class="close-btn" @click="showPopup = false">X</button>
+          <!-- 여기에 내용 넣기 -->
+          <h3>작업내역</h3>
+          <img src="../../../resources/img/content/ico_digital_asset.svg" alt="작업 이미지" />
+          <div class="versions">
+            <p>버전 목록</p>
+            <ul>
+              <li>5월 3일 오후 2:50</li>
+              <li>5월 3일 오후 1:14</li>
+              <li>5월 1일 오전 11:50</li>
+            </ul>
+          </div>
         </div>
       </div>
     </div>

                 // { name: '프로젝트E', date: '2025.05.12', img: require('../../../resources/img/content/sample1.png'),isFavorite: false },
             ],
             openMenuIndex: null,
-            dropdownDirection: 'right' // 또는 'left'
+            dropdownDirection: 'right', // 또는 'left'
+            // showPopup: false,
 
         };
     },

               console.error('복제 실패: ', error);
             })
         },
+        // showPopupFunc(){
+        //   console.log("팝업창 열기");
+        //   this.showPopup = true;
+        // }
         
     },
     watch: {},

     beforeUnmount() {},
 };
 
-</script>
+</script>
+
+<!-- <style scoped>
+.popup-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.popup {
+  position: relative;
+  background: white;
+  padding: 24px;
+  border-radius: 8px;
+  width: 400px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.close-btn {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  background: none;
+  border: none;
+  font-size: 18px;
+  cursor: pointer;
+}
+</style> -->

Add a comment

Open 0
Closed 0

List

...	...	@@ -54,9 +54,28 @@
54	54	<button><img src="../../../resources/img/content/ico_subShare.svg" alt=""> 공유</button>
55	55	<button><img src="../../../resources/img/content/ico_subCopy.svg" alt="" @click="duplicateProject(project.projectId)"> 복사</button>
56	56	<button><img src="../../../resources/img/content/ico_trashcan.svg" alt=""> 삭제</button>
57		- <button><img src="../../../resources/img/content/ico_version.svg" alt="" @click="loadOldProjects"> 버전기록</button>
	57	+ <button><img src="../../../resources/img/content/ico_version.svg" alt=""> 버전기록</button>
58	58	<!-- @click="changeProjectName -->
59	59	<button><img src="" alt="" > 이름 변경</button>
	60	+ </div>
	61	+ </div>
	62	+ </div>
	63	+ <div class="old-projects">
	64	+ <!-- 팝업 창 -->
	65	+ <div v-if="showPopup" class="popup-overlay" @click.self="showPopup = false">
	66	+ <div class="popup">
	67	+ <button class="close-btn" @click="showPopup = false">X</button>
	68	+ <!-- 여기에 내용 넣기 -->
	69	+ <h3>작업내역</h3>
	70	+ <img src="../../../resources/img/content/ico_digital_asset.svg" alt="작업 이미지" />
	71	+ <div class="versions">
	72	+ <p>버전 목록</p>
	73	+ <ul>
	74	+ <li>5월 3일 오후 2:50</li>
	75	+ <li>5월 3일 오후 1:14</li>
	76	+ <li>5월 1일 오전 11:50</li>
	77	+ </ul>
	78	+ </div>
60	79	</div>
61	80	</div>
62	81	</div>
...	...	@@ -79,7 +98,8 @@
79	98	// { name: '프로젝트E', date: '2025.05.12', img: require('../../../resources/img/content/sample1.png'),isFavorite: false },
80	99	],
81	100	openMenuIndex: null,
82		- dropdownDirection: 'right' // 또는 'left'
	101	+ dropdownDirection: 'right', // 또는 'left'
	102	+ // showPopup: false,
83	103
84	104	};
85	105	},
...	...	@@ -162,6 +182,10 @@
162	182	console.error('복제 실패: ', error);
163	183	})
164	184	},
	185	+ // showPopupFunc(){
	186	+ // console.log("팝업창 열기");
	187	+ // this.showPopup = true;
	188	+ // }
165	189
166	190	},
167	191	watch: {},
...	...	@@ -181,4 +205,38 @@
181	205	beforeUnmount() {},
182	206	};
183	207
184		-</script> (파일 끝에 줄바꿈 문자 없음)
	208	+</script>
	209	+
	210	+<!-- <style scoped>
	211	+.popup-overlay {
	212	+ position: fixed;
	213	+ top: 0;
	214	+ left: 0;
	215	+ width: 100vw;
	216	+ height: 100vh;
	217	+ background-color: rgba(0, 0, 0, 0.5);
	218	+ display: flex;
	219	+ justify-content: center;
	220	+ align-items: center;
	221	+ z-index: 1000;
	222	+}
	223	+
	224	+.popup {
	225	+ position: relative;
	226	+ background: white;
	227	+ padding: 24px;
	228	+ border-radius: 8px;
	229	+ width: 400px;
	230	+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	231	+}
	232	+
	233	+.close-btn {
	234	+ position: absolute;
	235	+ top: 10px;
	236	+ right: 10px;
	237	+ background: none;
	238	+ border: none;
	239	+ font-size: 18px;
	240	+ cursor: pointer;
	241	+}
	242	+</style> --> (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -7,12 +7,16 @@
7	7	}
8	8
9	9	// 자산(프로젝트) 생성 기능
10		-
	10	+// export const saveProjectProc = (formData) => {
	11	+// return apiClient.post('/project/saveProject.file', formData);
	12	+// }
11	13	export const saveProjectProc = (formData) => {
12		- return axios.post('/api/project/saveProject.json', formData, {
13		- withCredentials: true
14		-});
15		-};
	14	+ return axios.post('/api/project/saveProject.file', formData, {
	15	+ headers: {
	16	+ 'Content-Type': 'multipart/form-data'
	17	+ }
	18	+ });
	19	+}
16	20
17	21	// 자산(프로젝트) 복제 기능
18	22	export const duplicateProjectProc = (projectId, data) => {

Delete comment