fix : 상세 화면 UI 수정

This commit is contained in:
Yesol Choi
2025-05-28 10:54:40 +09:00
parent 7e04e14a16
commit 7f8638d0fb

View File

@@ -168,6 +168,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 10%;">
</colgroup>
<tbody>
<tr>
@@ -184,7 +187,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</span>
</td>
<td>제목</td>
<td colspan="3">
<td colspan="6">
<div class="column is-fullhd">
<VField class="pr-2">
<VControl>
@@ -202,7 +205,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</tr>
<tr>
<td>내용</td>
<td colspan="6">
<td colspan="10">
<div class="column is-fullhd">
<VField class="pr-2">
<VControl>
@@ -267,9 +270,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</span>
</td>
<td>등록기간</td>
<td colspan="5">
<td colspan="6">
<div class="columns">
<div class="column is-5">
<div class="column is-4">
<input
:readonly=true
v-model="generalParams.regSdat"
@@ -278,7 +281,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
>
</div>
<div style="transform: translateY(15px)">~</div>
<div class="column is-5">
<div class="column is-4">
<input
:readonly=true
v-model="generalParams.regEdat"
@@ -318,7 +321,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</tr>
<tr>
<td>견적요청</td>
<td colspan="6">
<td colspan="9">
<slot name="status" v-if="!params.svyYn">
<div style="display: flex; justify-content: flex-end; gap: 8px;">
@@ -397,6 +400,56 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</template>
<style scoped lang="scss">
/*css 추가 start*/
.flex-table {
.flex-table-header {
padding: 0.1rem !important;
min-height: 40px;
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
}
.flex-table-cell {
.w-100 {
width: 100%;
}
}
.flex-table-item {
padding: 0.1rem !important;
min-height: 40px;
.column {
min-height: 40px;
padding: 0.1rem !important;
}
&:last-child {
border-bottom-left-radius: .75rem;
border-bottom-right-radius: .75rem;
}
}
}
.table-container {
overflow:hidden;
.control {
width: 100%;
}
td {
padding: 10px 10px !important;
.columns {
margin-left: 10px !important;
padding-top: 10px;
}
.column {
padding: 0 !important;
}
}
}
.text-center {
text-align:center;
}
.table tbody td {
color: var(--smoke-white);
}