Merge branch 'featrue/0526-update'

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
@@ -98,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 () => {
@@ -137,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>
@@ -313,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>
@@ -396,22 +416,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>