From cebc55c90b1a598a26124a8fb7d069215c7e8c17 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 15:53:38 +0900
Subject: [PATCH] =?UTF-8?q?style=20:=20priceUpdate=20UI=20=EB=A7=9E?=
 =?UTF-8?q?=EC=B6=94=EA=B8=B0=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EC=86=8C=EC=8A=A4=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/PriceInsert.vue | 115 ++++++++++++++++++++++++----------
 src/pages/app/priceDetail.vue |  11 +---
 2 files changed, 85 insertions(+), 41 deletions(-)

diff --git a/src/pages/app/PriceInsert.vue b/src/pages/app/PriceInsert.vue
index f7bb004..4805829 100644
--- a/src/pages/app/PriceInsert.vue
+++ b/src/pages/app/PriceInsert.vue
@@ -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);
 }
diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 455b858..db66eed 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -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"