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

fix : 상세 화면 UI 수정

Browse Source
This commit is contained in:
Yesol Choi
2025-05-28 10:54:40 +09:00
parent 7e04e14a16
commit 7f8638d0fb
1 changed files with 59 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/pages/app/priceDetail.vue
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%;">
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: 10%;">
</colgroup> </colgroup>
<tbody> <tbody>
<tr> <tr>
@@ -184,7 +187,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</span> </span>
</td> </td>
<td>제목</td> <td>제목</td>
<td colspan="3"> <td colspan="6">
<div class="column is-fullhd"> <div class="column is-fullhd">
<VField class="pr-2"> <VField class="pr-2">
<VControl> <VControl>
@@ -202,7 +205,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</tr> </tr>
<tr> <tr>
<td>내용</td> <td>내용</td>
<td colspan="6"> <td colspan="10">
<div class="column is-fullhd"> <div class="column is-fullhd">
<VField class="pr-2"> <VField class="pr-2">
<VControl> <VControl>
@@ -267,9 +270,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</span> </span>
</td> </td>
<td>등록기간</td> <td>등록기간</td>
<td colspan="5"> <td colspan="6">
<div class="columns"> <div class="columns">
<div class="column is-5"> <div class="column is-4">
<input <input
:readonly=true :readonly=true
v-model="generalParams.regSdat" v-model="generalParams.regSdat"
@@ -278,7 +281,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
> >
</div> </div>
<div style="transform: translateY(15px)">~</div> <div style="transform: translateY(15px)">~</div>
<div class="column is-5"> <div class="column is-4">
<input <input
:readonly=true :readonly=true
v-model="generalParams.regEdat" v-model="generalParams.regEdat"
@@ -318,7 +321,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</tr> </tr>
<tr> <tr>
<td>견적요청</td> <td>견적요청</td>
<td colspan="6"> <td colspan="9">
<slot name="status" v-if="!params.svyYn"> <slot name="status" v-if="!params.svyYn">
<div style="display: flex; justify-content: flex-end; gap: 8px;"> <div style="display: flex; justify-content: flex-end; gap: 8px;">
@@ -397,6 +400,56 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
</template> </template>
<style scoped lang="scss"> <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 { .table tbody td {
color: var(--smoke-white); color: var(--smoke-white);
} }