From 83ccfc54448aba0e803236b0a62f1a0df7206a02 Mon Sep 17 00:00:00 2001
From: KG <akrmak12@naver.com>
Date: Fri, 6 Jun 2025 16:25:24 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=B2=A8=EB=B6=80=EA=B4=80=EB=A0=A8?=
 =?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20fix=20:=20=EB=B6=88=ED=95=84=EC=9A=94=20=EC=A3=BC?=
 =?UTF-8?q?=EC=84=9D=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/contractUpdate.vue | 79 ++++++++++----------------------
 1 file changed, 24 insertions(+), 55 deletions(-)

diff --git a/src/pages/app/contractUpdate.vue b/src/pages/app/contractUpdate.vue
index d3927ef..fe08813 100644
--- a/src/pages/app/contractUpdate.vue
+++ b/src/pages/app/contractUpdate.vue
@@ -281,13 +281,11 @@ const onFileChange = (e, idx) => {
 }
 
 function removeFile(idx) {
-  pbAtts.value[idx] = null // 신규 파일 제거
-  params.contAtts[idx] = null // 기존 파일도 제거(화면상 표시 안 됨)
+  pbAtts.value[idx] = null
+  params.contAtts[idx] = null
 }
 
-// [추가] 다운로드 버튼: 기존 파일 다운로드
 function downloadFile(file) {
-  // file.path가 실제 다운로드 가능한 URL이면 바로 열기
   console.log(file)
   file.path = `https://svcm.hmsn.ink/api/cont/${file.contNo}/${file.fileOrd}`
   window.open(file.path, '_blank')
@@ -657,9 +655,30 @@ const onChangeSign = async() => {
                     />
                     <span class="file-cta">파일선택</span>
                   </label>
-                  <span style="flex:1; margin-right: 10px;">
+                  <span style="flex:0.8; margin-right: 10px;">
                     {{ pbAtts[idx]?.logiFnm || params.contAtts?.[idx]?.logiFnm || '' }}
                   </span>
+                  <div style="flex:0.5;">
+                    <template v-if="pbAtts[idx] || params.contAtts?.[idx]">
+                      <VButton
+                          v-if="params.contAtts?.[idx]"
+                          color="primary"
+                          size="big"
+                          style="margin-right:8px; width: 30%"
+                          @click="downloadFile(params.contAtts[idx])"
+                      >
+                        다운로드
+                      </VButton>
+                      <VButton
+                          color="danger"
+                          size="big"
+                          style="width: 10%"
+                          @click="removeFile(idx)"
+                      >
+                        삭제
+                      </VButton>
+                    </template>
+                  </div>
                   <!-- 설명/인지세 안내는 등록폼과 동일하게 -->
                   <span v-if="input.description != '인지세 납부확인서'" style="flex:2; color: #666;">
                     {{ input.description }}
@@ -668,56 +687,9 @@ const onChangeSign = async() => {
                     {{ input.description }}
                     <span style="color:red">(계약금액이 1,000만원 이상일 경우 인지세 납부확인서 첨부가 필수입니다.)</span>
                   </span>
-                  <div>
-                  <template v-if="pbAtts[idx] || params.contAtts?.[idx]">
-                    <VButton
-                        v-if="params.contAtts?.[idx]"
-                        color="primary"
-                        size="big"
-                        style="margin-right:8px; width: 10%"
-                        @click="downloadFile(params.contAtts[idx])"
-                    >
-                      다운로드
-                    </VButton>
-                    <VButton
-                        color="danger"
-                        size="big"
-                        style="width: 10%"
-                        @click="removeFile(idx)"
-                    >
-                      삭제
-                    </VButton>
-                  </template>
-                  </div>
                 </div>
               </div>
             </td>
-<!--            <td colspan="7">-->
-<!--              <div v-if="showFileInputs" class="file-upload-list" style="margin-top:10px;">-->
-<!--                <div-->
-<!--                    v-for="(input, idx) in fileInputs"-->
-<!--                    :key="idx"-->
-<!--                    style="display: flex; align-items: center; margin-bottom: 8px;"-->
-<!--                >-->
-<!--                  &lt;!&ndash; 파일선택 &ndash;&gt;-->
-<!--                  <label class="file-label" style="margin-right: 10px;">-->
-<!--                    <input-->
-<!--                        type="file"-->
-<!--                        class="file-input"-->
-<!--                        @change="(e) => onFileChange(e, idx)"-->
-<!--                    />-->
-<!--                    <span class="file-cta">파일선택</span>-->
-<!--                  </label>-->
-<!--                  <span style="flex:1; margin-right: 10px;">-->
-<!--                      {{ pbAtts[idx] == null ? '' : pbAtts[idx].logiFnm }}-->
-<!--                    </span>-->
-<!--                  <span v-if="input.description != '인지세 납부확인서'" style="flex:2; color: #666;">{{ input.description }}</span>-->
-<!--                  <span v-if="input.description == '인지세 납부확인서'" style="flex:2; color: #666;">{{ input.description }}-->
-<!--                      <span  style="color:red" >{{"(계약금액이 1,000만원 이상일 경우 인지세 납부확인서 첨부가 필수입니다.)"}}</span>-->
-<!--                  </span>-->
-<!--                </div>-->
-<!--              </div>-->
-<!--            </td>-->
           </tr>
           </tbody>
         </table>
@@ -788,9 +760,6 @@ const onChangeSign = async() => {
     color: white;
   }
 }
-button:nth-child(2) {
-  background-color: #AB9A6c;
-}
 button:nth-child(3) {
   background-color: silver;
 }