style : 파일업로드 UI 개선

src/pages/app/PriceInsert.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {deletePrcsFile, getPrcsFileDown, savePrice} from '/src/service/priceApi'
 import {type iPbAtt, Person} from '/@src/utils/types'
-import {formatBizNum,formatDate} from "/@src/utils/common/comfunc.ts";
+import {formatBizNum,formatDatefromString} from "/@src/utils/common/comfunc.ts";
 
 const notyf = useNotyf()
 const showTable = ref(false)
@@ -106,8 +106,8 @@ const savePriceOne = async () => {
       cateCd : params.cateSelect,
       title: generalParams.title,
       content: generalParams.content,
-      regSdat: formatDate(generalParams.regSdat),
+      regSdat: formatDatefromString(generalParams.regSdat),
-      regEdat: formatDate(generalParams.regEdat),
+      regEdat: formatDatefromString(generalParams.regEdat),
       prvYn: true,
       prvRsn : "",
       prvPwd : "",
@@ -304,14 +304,16 @@ function onInput(row, column){
                 >
                   <template #body-cell="{ row, column, index, value }">
                     <div>
-                      <!-- 다른 editable 컬럼은 input -->
+                      <VField class="pr-3" v-if="column.editable">
+                        <VControl>
                       <input
-                          v-if="column.editable"
                           v-model="row[column.key]"
                           class="editable-input"
                           ref="prcsBizsRef"
                           @blur="onInput(row, column)"
                       />
+                        </VControl>
+                      </VField>
                       <span v-else-if="column.key=='num'">{{index + 1}}</span>
                       <!-- readonly 출력 -->
                       <span v-else class="lnil lnil-close"
@@ -384,8 +386,8 @@ function onInput(row, column){
                     </VButton>
                   </div>
                 </template>
-                <template #action>
+                <template #action="{ close }">
-                  <VButton color="primary">
+                  <VButton color="primary" @click="close">
                     등록
                   </VButton>
                 </template>
@@ -445,7 +447,7 @@ function onInput(row, column){
               <td>첨부파일</td>
               <td colspan="3">
                 <VField>
-                  <div class="column is-6">
+                  <div class="column is-6 form-label">
                     <div class="file has-name is-fullwidth">
                     <input
                         class="file-input hide"
@@ -458,6 +460,8 @@ function onInput(row, column){
                         <span>파일업로드</span>
                       </VButton>
                     </VLabel>
+                    </div>
+                  </div>
                     <VControl>
                       <div
                           v-for="(f, i) in pbAtts"
@@ -465,18 +469,13 @@ function onInput(row, column){
                           class="content estimate-file-wrapper"
                       >
                         <div class="estimate-file-name">
-                          {{ f.logiFnm }}
+                          {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
-                        </div>
-                        <div class="estimate-file-size">
-                          {{ Math.ceil(f.size / 1024) }}kb
                         </div>
                         <div>
                           <i class="fa fa-trash estimate-file-delete" @click="onFilDelete( i, f.fileOrd)" />
                         </div>
                       </div>
                     </VControl>
-                    </div>
-                  </div>
                 </VField>
             </td>
           </tr>

src/pages/app/priceUpdate.vue

@@ -470,9 +470,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
           </tr>
           <tr>
             <td>첨부파일</td>
-            <td colspan="4">
+            <td colspan="3">
               <VField>
-                <div class="column is-6 form-label">
+                <div class="form-label">
                   <div class="file has-name is-fullwidth">
                   <input
                       class="file-input hide"
@@ -494,10 +494,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                         class="content estimate-file-wrapper"
                     >
                       <div class="estimate-file-name">
-                        {{ f.logiFnm }}
+                        {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
-                      </div>
-                      <div class="estimate-file-size">
-                        {{ Math.ceil(f.size / 1024) }}kb
                       </div>
                       <div>
                         <i class="fa fa-trash estimate-file-delete" @click="onFilDelete(f.bizNo, i, f.fileOrd)" />
@@ -514,14 +511,8 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                         :key="f.logiFnm"
                         class="content estimate-file-wrapper"
                     >
-                      <div>
-                        <i class="fa fa-file-pdf estimate-file-img" style="font-size:40px;" />
-                      </div>
                       <div class="estimate-file-name">
-                        {{ f.logiFnm }}
+                        {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
-                      </div>
-                      <div class="estimate-file-size">
-                        {{ Math.ceil(f.size / 1024) }}kb
                       </div>
                       <div>
                         <i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />