fix : 첨부파일 UI 변경

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">
+            <td colspan="4">
-              <VField class="file has-name is-right">
+              <div class="column is-12">
-                <div class="file-label">
+                <VField>
-                  <input
+                  <VLabel>첨부파일</VLabel>
-                      class="file-input"
+                  <VControl>
-                      type="file"
+                    <div
-                      name="resume">
+                        v-for="f in params.prcsAtts"
-                  <span class="file-cta">
+                        :key="f.logiFnm"
-                    <span class="file-icon">
+                        class="content estimate-file-wrapper"
-                    <i class="fas fa-cloud-upload-alt"/>
+                    >
-                    </span>
+                      <div class="estimate-file-name">
-                  <span class="file-label">첨부파일</span>
+                        {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
-                  </span>
+                      </div>
-                  <span class="file-name light-text">2022.xls</span>
+                      <div class="estimate-file-size">
-                </div>
+
-              </VField>
+                      </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>