From 1dc7cc01016557e7fd081006108520575ea3382d Mon Sep 17 00:00:00 2001
From: Kasi <zkfwls12@gmail.com>
Date: Tue, 27 May 2025 13:03:44 +0900
Subject: [PATCH] =?UTF-8?q?func=20:=20=EA=B3=84=EC=95=BD=EA=B4=80=EB=A6=AC?=
 =?UTF-8?q?=20=EC=B2=A8=EB=B6=80=ED=8C=8C=EC=9D=BC=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/ContractInsert.vue | 42 +++++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/pages/app/ContractInsert.vue b/src/pages/app/ContractInsert.vue
index bdd5938..8c71b5e 100644
--- a/src/pages/app/ContractInsert.vue
+++ b/src/pages/app/ContractInsert.vue
@@ -2,6 +2,7 @@
 
 import axios from 'axios'
 import {saveContract} from "/@src/service/contract.ts";
+import type {iPbAtt} from "/@src/utils/types.ts";
 
 const registerFormOpen = ref(false)
 const loading = ref(false)
@@ -23,6 +24,7 @@ const params = reactive({
   row: 10,
   flexColumn: [],
   modalColumn: [],
+  contAtts: [], //첨부파일 데이터
 })
 
 const completedPriceDataParams = reactive({
@@ -44,6 +46,7 @@ const completedPriceDataParams = reactive({
   svyDt:'',
   reason:'',
   estimates: [],
+  exeYn: false,
   page: 1,
   row: 5,
 })
@@ -171,15 +174,6 @@ const fileInputs = ref([
   { file: null, description: '기타' }
 ])
 
-function handleFileChange(e, idx) {
-  const files = e.target.files
-  if (files && files.length > 0) {
-    fileInputs.value[idx].file = files[0]
-  } else {
-    fileInputs.value[idx].file = null
-  }
-}
-
 const saveContOne = async () => {
   let res = null
   try{
@@ -198,6 +192,7 @@ const saveContOne = async () => {
       signDt: formatMonthDate(completedPriceDataParams.svyDt),
       reason: completedPriceDataParams.reason,
       exeYn: true, // 가격조사 예외여부 확인필요
+      // contAtts: pbAtts.value.,
       // cateCd: completedPriceDataParams.cateCd,
       // cateNm: completedPriceDataParams.cateNm,
       // content: completedPriceDataParams.content,
@@ -208,7 +203,7 @@ const saveContOne = async () => {
       // stNm: completedPriceDataParams.stNm,
 
   }
-
+    console.log(pbAtts)
     res = await saveContract(paramsCont)
 
     if(res.request.status == '200'){
@@ -222,6 +217,27 @@ const saveContOne = async () => {
   }
 }
 
+const pbAtts = ref<iPbAtt[]>([params.contAtts])
+
+const onFileChange = (e, idx) => {
+  const file = e.target.files[0]
+  if (!file) return
+  const reader = new FileReader()
+  reader.onload = () => {
+    const result = reader.result
+    const pbAtt = {
+      prcsNo: completedPriceDataParams.prcsNo,
+      logiFnm: file.name,
+      size: file.size,
+      data: result.split(',')[1],
+    }
+    // 인덱스별로 파일 저장
+    pbAtts.value[idx] = pbAtt
+    console.log(pbAtts)
+    console.log(pbAtts.value[0].logiFnm)
+  }
+  reader.readAsDataURL(file)
+}
 
 </script>
 
@@ -501,11 +517,13 @@ const saveContOne = async () => {
                       <input
                           type="file"
                           class="file-input"
-                          @change="e => handleFileChange(e, idx)"
+                          @change="(e) => onFileChange(e, idx)"
                       />
                       <span class="file-cta">파일선택</span>
                     </label>
-                    <span style="flex:1; margin-right: 10px;">{{ input.file ? input.file.name : '첨부된 파일 없음' }}</span>
+                    <span style="flex:1; margin-right: 10px;">
+                      {{ pbAtts[idx] == null ? '' : pbAtts[idx].logiFnm }}
+                    </span>
                     <span style="flex:2; color: #666;">{{ input.description }}</span>
                   </div>
                 </div>