mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-19 21:15:11 +09:00
fix : 상세 화면 UI 수정
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user