From 7f8638d0fbc1c9c1b6955176e0d912230f776bcd Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Wed, 28 May 2025 10:54:40 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=83=81=EC=84=B8=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceDetail.vue | 65 +++++++++++++++++++++++++++++++----
 1 file changed, 59 insertions(+), 6 deletions(-)

diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index e7b7f39..8fca8fd 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -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);
 }