From f475db0882d8caa95b907f5669de8e79b361abb0 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 09:48:01 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix=20:=20=EA=B0=80=EA=B2=A9=EC=A1=B0?=
 =?UTF-8?q?=EC=82=AC=20=EC=83=81=EC=84=B8,=20=EA=B2=B0=EC=9E=AC=ED=95=A8?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EA=B5=AC=EB=B6=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceDetail.vue | 38 ++++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 18d2c34..4205d0e 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -39,6 +39,7 @@ const generalParams = reactive({
 const params = reactive({
   cateSelect: '',
   prcsNo: '', // 키값
+  stCdFalg: false, // 버튼 컴포넌트화
   stCd:'',//결재상태 코드{ 등록중:0100[회수버튼],
           // 회수: 0300, 반려: 0400, 등록 완료: 0200 }
   prcsAttsColumn:[ //첨부파일 입력
@@ -75,6 +76,9 @@ const params = reactive({
 })
 
 function getDetailList(arg){
+  if(!props.prcsNo){
+    params.stCdFalg = true
+  }
   params.prcsNo = arg.prcsNo
   params.stCd = arg.stCd
   params.cateSelect = arg.cateNm
@@ -396,22 +400,24 @@ const onChangeFinal = async () => {
           </template>
         </ComVFlexTable>
       </div>
-      <div>
-        <VButton
-            v-if="params.stCd === '0100'"
-            color="warning"
-            @click.stop="updateState"
-        >
-          회수
-        </VButton>
-        <VButton
-            to="/app/priceManagement"
-            v-if="params.stCd === '0100' || '0200' || '0300' || '0400'"
-            color="info"
-        >
-          닫기
-        </VButton>
-      </div>
+      <slot name="button" v-if="params.stCdFalg">
+        <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px;">
+          <VButton
+              v-if="params.stCd === '0100'"
+              color="warning"
+              @click.stop="updateState"
+          >
+            회수
+          </VButton>
+          <VButton
+              to="/app/priceManagement"
+              v-if="params.stCd === '0100' || '0200' || '0300' || '0400'"
+              color="info"
+          >
+            닫기
+          </VButton>
+        </div>
+      </slot>
     </div>
   </div>
 </template>

From 0ce7b8620f60360d9ceb61ddf7d6284a694b748a Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 10:03:03 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix=20:=20=EC=B2=A8=EB=B6=80=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20UI=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceDetail.vue | 50 +++++++++++++++++++++++------------
 1 file changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 4205d0e..a7e22f1 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -102,7 +102,7 @@ function getDetailList(arg){
     apprStat: req.apprStat,
     attendNm: req.attendNm
   }))  //비고 데이터 없음, 승인일자 없음 todo
-  console.log(" apprLine.value", apprLine.value)
+  params.prcsAtts = arg.prcsAtts
 }
 
 const updateState = async () => {
@@ -141,6 +141,15 @@ const onChangeFinal = async () => {
     loading.value = false
   }
 }
+
+const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: string) => {
+  const link = document.createElement('a')
+  link.href = `https://svcm.hmsn.ink/api/prcs/${prcsNo}/${fileOrd}` //todo
+  link.setAttribute('download', logiFnm)
+  link.setAttribute('target', '_blank')
+  document.body.appendChild(link)
+  link.click()
+}
 </script>
 
 <template>
@@ -317,22 +326,29 @@ const onChangeFinal = async () => {
           </tr>
           <tr>
             <td>첨부파일</td>
-            <td colspan="3">
-              <VField class="file has-name is-right">
-                <div class="file-label">
-                  <input
-                      class="file-input"
-                      type="file"
-                      name="resume">
-                  <span class="file-cta">
-                    <span class="file-icon">
-                    <i class="fas fa-cloud-upload-alt"/>
-                    </span>
-                  <span class="file-label">첨부파일</span>
-                  </span>
-                  <span class="file-name light-text">2022.xls</span>
-                </div>
-              </VField>
+            <td colspan="4">
+              <div class="column is-12">
+                <VField>
+                  <VLabel>첨부파일</VLabel>
+                  <VControl>
+                    <div
+                        v-for="f in params.prcsAtts"
+                        :key="f.logiFnm"
+                        class="content estimate-file-wrapper"
+                    >
+                      <div class="estimate-file-name">
+                        {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
+                      </div>
+                      <div class="estimate-file-size">
+
+                      </div>
+                      <div>
+                        <i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
+                      </div>
+                    </div>
+                  </VControl>
+                </VField>
+              </div>
             </td>
           </tr>
           <tr>