style : priceUpdate UI 맞추기 불필요한 소스 삭제

This commit is contained in:
Yesol Choi
2025-05-27 15:53:38 +09:00
parent 81db50c11a
commit cebc55c90b
2 changed files with 85 additions and 41 deletions

View File

@@ -1,8 +1,7 @@
<script setup lang="ts">
import {deletePrcsFile, getPrcsFileDown, savePrice} from '/src/service/priceApi'
import {savePrice} from '/src/service/priceApi'
import {type iPbAtt, Person} from '/@src/utils/types'
import {formatBizNum,formatDatefromString} from "/@src/utils/common/comfunc.ts";
import Control from "/@src/pages/components/forms/control.vue";
const notyf = useNotyf()
const showTable = ref(false)
@@ -242,28 +241,28 @@ function onInput(row, column){
<tr>
<td>분야</td>
<td colspan="2">
<span class="column">
<VField class="pr-2">
<VCodeSelect
cd_grp=5
v-model="params.cateSelect"
ref="cateSelectRef"/>
</VField>
</span>
<span class="column is-7">
<VField class="pr-2">
<VCodeSelect
cd_grp=5
v-model="params.cateSelect"
ref="cateSelectRef"/>
</VField>
</span>
</td>
<td>제목</td>
<td colspan="6">
<div class="column is-fullhd">
<VField class="pr-2">
<VControl>
<input
v-model="generalParams.title"
class="input custom-text-filter"
placeholder="제목"
ref="titleRef"
>
</VControl>
</VField>
<VField class="pr-2">
<VControl>
<input
v-model="generalParams.title"
class="input custom-text-filter"
placeholder="제목"
ref="titleRef"
>
</VControl>
</VField>
</div>
</td>
</tr>
@@ -271,16 +270,16 @@ function onInput(row, column){
<td>내용</td>
<td colspan="10">
<div class="column is-fullhd">
<VField class="pr-2">
<VControl>
<textarea
v-model="generalParams.content"
class="input custom-text-filter"
placeholder="내용"
ref="contentRef"
/>
</VControl>
</VField>
<VField class="pr-2">
<VControl>
<textarea
v-model="generalParams.content"
class="input custom-text-filter"
placeholder="내용"
ref="contentRef"
/>
</VControl>
</VField>
</div>
</td>
</tr>
@@ -369,7 +368,7 @@ function onInput(row, column){
>
<template #body-cell="{ row, column, index, value }">
<!-- : 특정 컬럼이면 input, 아니면 그냥 출력 -->
<div>
<div class="control w-100" :class="column.key === 'delete'? 'text-center': ''">
<input
v-if="column.editable"
v-model="row[column.key]"
@@ -401,7 +400,7 @@ function onInput(row, column){
<td>등록기간</td>
<td colspan="6">
<div class="columns">
<div class="column is-5">
<div class="column is-4">
<VDatePicker
v-model="generalParams.regSdat"
color="green"
@@ -423,7 +422,7 @@ function onInput(row, column){
</VDatePicker>
</div>
<div style="transform: translateY(15px)">~</div>
<div class="column is-5">
<div class="column is-4">
<VDatePicker
v-model="generalParams.regEdat"
color="green"
@@ -545,6 +544,56 @@ function onInput(row, column){
</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);
}

View File

@@ -221,6 +221,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
<tr>
<td>규격입력</td>
<td colspan="2">
<span class="column is-7">
<VButton
color='success'
icon="fas"
@@ -264,6 +265,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
<template #cancel>
</template>
</VModal>
</span>
</td>
<td>등록기간</td>
<td colspan="5">
@@ -320,14 +322,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
<td colspan="6">
<slot name="status" v-if="!params.svyYn">
<div style="display: flex; justify-content: flex-end; gap: 8px;">
<!-- <VButton-->
<!-- color="primary"-->
<!-- icon="fas"-->
<!-- elevated-->
<!-- @click="showTable = !showTable"-->
<!-- >-->
<!-- 견적사 확인-->
<!-- </VButton>-->
<VButton
color="primary"
icon="fas fa-circle"