svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 04:52:31 +09:00
Code Issues Packages Projects Releases Wiki Activity

style : 파일업로드 UI 개선

Browse Source
This commit is contained in:
Yesol Choi
2025-05-27 11:04:37 +09:00
parent d1b1834ae2
commit 3a51e9c680
2 changed files with 17 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/app/PriceInsert.vue
View File

@@ -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),
regEdat: formatDate(generalParams.regEdat),
regSdat: formatDatefromString(generalParams.regSdat),
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>
<VButton color="primary">
<template #action="{ close }">
<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 }}
</div>
<div class="estimate-file-size">
{{ Math.ceil(f.size / 1024) }}kb
{{ f.logiFnm }}{{" ("}}{{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>

17
src/pages/app/priceUpdate.vue
View File

@@ -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 }}
</div>
<div class="estimate-file-size">
{{ Math.ceil(f.size / 1024) }}kb
{{ f.logiFnm }}{{" ("}}{{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 }}
</div>
<div class="estimate-file-size">
{{ Math.ceil(f.size / 1024) }}kb
{{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />