From e31fbc126f3f5794a48392c6eb9d7a86c29fc871 Mon Sep 17 00:00:00 2001
From: bangae1 <bangae2@gmail.com>
Date: Thu, 29 May 2025 06:17:03 +0000
Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=ED=88=B4?=
 =?UTF-8?q?=ED=8C=81=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/contract/ContractList.vue           | 23 +++++++++---------
 .../pages/contract/ContractSave.vue           |  8 +++----
 .../pages/contract/ContractView.vue           |  8 +++----
 .../pages/estimate/EstimateList.vue           | 24 +++++++++----------
 .../pages/estimate/EstimateUpdate.vue         |  8 +++----
 .../pages/estimate/EstimateView.vue           |  8 +++----
 src/scss/components/_custom-contract.scss     |  5 +++-
 7 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/components/pages/contract/ContractList.vue b/src/components/pages/contract/ContractList.vue
index ebb2879..3c00af4 100644
--- a/src/components/pages/contract/ContractList.vue
+++ b/src/components/pages/contract/ContractList.vue
@@ -197,17 +197,11 @@ watch(changePage, (newParams) => {
               @mouseover="onTabOver"
               @mouseleave="onTabLeave"
             >
-              <td>{{ prcs.prcsNo }}</td>
-              <td>
-                <div class="flex-media">
-                  <div class="meta">
-                    <h3>{{ prcs.title }}</h3>
-                  </div>
-                </div>
-              </td>
-              <td class="text-center">{{ prcs.regSdat }} ~ {{ prcs.regEdat }}</td>
-              <td class="text-center">{{ prcs.regNm }}</td>
-              <td>{{ dateFormat.converterDate(prcs.regDt) }}</td>
+              <td :title="prcs.prcsNo">{{ prcs.prcsNo }}</td>
+              <td :title="prcs.title">{{ prcs.title }}</td>
+              <td :title="`${prcs.regSdat} ~ ${prcs.regEdat}`" class="text-center">{{ prcs.regSdat }} ~ {{ prcs.regEdat }}</td>
+              <td :title="prcs.regNm" class="text-center">{{ prcs.regNm }}</td>
+              <td :title="prcs.regDt">{{ dateFormat.converterDate(prcs.regDt) }}</td>
             </tr>
           </tbody>
         </table>
@@ -260,6 +254,8 @@ watch(changePage, (newParams) => {
     background-color: var(--primary) !important;
     th {
       color: #fff;
+      text-align:center !important;
+      border: 1px solid #ededed;
     }
   }
 }
@@ -361,6 +357,7 @@ watch(changePage, (newParams) => {
   border-collapse: collapse;
   border-radius: 0.75rem;
   border-style: hidden;
+  table-layout:fixed;
 
   th {
     padding: 16px 20px;
@@ -381,7 +378,9 @@ watch(changePage, (newParams) => {
     vertical-align: middle;
     padding: 12px 20px;
     border-bottom: 1px solid var(--fade-grey);
-
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
     &:last-child {
       text-align: right;
     }
diff --git a/src/components/pages/contract/ContractSave.vue b/src/components/pages/contract/ContractSave.vue
index 4fc18da..e0fdd36 100644
--- a/src/components/pages/contract/ContractSave.vue
+++ b/src/components/pages/contract/ContractSave.vue
@@ -235,10 +235,10 @@ watch(pbAtts.value, (newValue) => {
                       <tbody>
                         <tr v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
                           <td class="text-center">{{ index + 1 }}</td>
-                          <td>{{ dtl.itemNm }}</td>
-                          <td>{{ dtl.spec }}</td>
-                          <td class="text-center">{{ dtl.qty }}</td>
-                          <td class="text-center">{{ dtl.unit }}</td>
+                          <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
+                          <td :title="dtl.spec">{{ dtl.spec }}</td>
+                          <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
+                          <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
                           <td>
                             <input
                               v-model="estimates[index].unitPrc"
diff --git a/src/components/pages/contract/ContractView.vue b/src/components/pages/contract/ContractView.vue
index 0a56889..4cdd459 100644
--- a/src/components/pages/contract/ContractView.vue
+++ b/src/components/pages/contract/ContractView.vue
@@ -205,10 +205,10 @@ watch(pbAtts.value, (newValue) => {
                       <tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
                         <tr>
                           <td class="text-center">{{ index + 1 }}</td>
-                          <td>{{ dtl.itemNm }}</td>
-                          <td>{{ dtl.spec }}</td>
-                          <td class="text-center">{{ dtl.qty }}</td>
-                          <td class="text-center">{{ dtl.unit }}</td>
+                          <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
+                          <td :title="dtl.spec">{{ dtl.spec }}</td>
+                          <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
+                          <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
                           <td class="text-right">0</td>
                           <td class="text-right">{{ totPrc[index] || 0 }}</td>
                         </tr>
diff --git a/src/components/pages/estimate/EstimateList.vue b/src/components/pages/estimate/EstimateList.vue
index 43095f6..e6d4982 100644
--- a/src/components/pages/estimate/EstimateList.vue
+++ b/src/components/pages/estimate/EstimateList.vue
@@ -131,7 +131,7 @@ watch(changePage, (newParams) => {
             <col width="130px"/>
             <col width="110px"/>
             <col width="150px"/>
-            <col width="130px"/>
+            <col width="180px"/>
           </colgroup>
           <thead>
             <th>가격조사번호</th>
@@ -150,18 +150,12 @@ watch(changePage, (newParams) => {
               @mouseover="onTabOver"
               @mouseleave="onTabLeave"
             >
-              <td>{{ estimate.prcsNo }}</td>
-              <td>
-                <div class="flex-media">
-                  <div class="meta">
-                    <h3>{{ estimate.title }}</h3>
-                  </div>
-                </div>
-              </td>
-              <td class="text-right">{{ estimate.totAmt.toString().replace(regex.currency, ',') }}</td>
-              <td class="text-center">{{ estimate.mngNm }}</td>
-              <td class="text-center">{{ dateFormat.millisecondsRemove(estimate.estDt) }}</td>
-              <td>{{ estimate.estStat }} <span v-if="estimate.estStatCd === '0300' || estimate.estStatCd === '0400'">({{ dateFormat.converterDate(estimate.svyDt) }})</span></td>
+              <td :title="estimate.prcsNo">{{ estimate.prcsNo }}</td>
+              <td :title="estimate.title">{{ estimate.title }}</td>
+              <td :title="estimate.totAmt.toString().replace(regex.currency, ',')" class="text-right">{{ estimate.totAmt.toString().replace(regex.currency, ',') }}</td>
+              <td :title="estimate.mngNm" class="text-center">{{ estimate.mngNm }}</td>
+              <td :title="estimate.estDt" class="text-center">{{ dateFormat.millisecondsRemove(estimate.estDt) }}</td>
+              <td :title="estimate.estStat">{{ estimate.estStat }} <span v-if="estimate.estStatCd === '0300' || estimate.estStatCd === '0400'">({{ dateFormat.converterDate(estimate.svyDt) }})</span></td>
             </tr>
           </tbody>
         </table>
@@ -319,6 +313,7 @@ watch(changePage, (newParams) => {
   border-collapse: collapse;
   border-radius: 0.75rem;
   border-style: hidden;
+  table-layout: fixed;
 
   th {
     padding: 16px 20px;
@@ -340,6 +335,9 @@ watch(changePage, (newParams) => {
     padding: 12px 20px;
     border-bottom: 1px solid var(--fade-grey);
     //border: 1px solid var(--fade-grey);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
     &:last-child {
       text-align: right;
     }
diff --git a/src/components/pages/estimate/EstimateUpdate.vue b/src/components/pages/estimate/EstimateUpdate.vue
index ad2979c..c5aebd8 100644
--- a/src/components/pages/estimate/EstimateUpdate.vue
+++ b/src/components/pages/estimate/EstimateUpdate.vue
@@ -258,10 +258,10 @@ watch(pbAtts.value, (newValue) => {
                       <tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
                         <tr>
                           <td class="text-center">{{ index + 1 }}</td>
-                          <td>{{ dtl.itemNm }}</td>
-                          <td>{{ dtl.spec }}</td>
-                          <td class="text-center">{{ dtl.qty }}</td>
-                          <td class="text-center">{{ dtl.unit }}</td>
+                          <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
+                          <td :title="dtl.spec">{{ dtl.spec }}</td>
+                          <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
+                          <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
                           <td>
                             <input
                               v-model="estimates[index].unitPrc"
diff --git a/src/components/pages/estimate/EstimateView.vue b/src/components/pages/estimate/EstimateView.vue
index 08b9f0a..8395baf 100644
--- a/src/components/pages/estimate/EstimateView.vue
+++ b/src/components/pages/estimate/EstimateView.vue
@@ -202,10 +202,10 @@ const totPrc = computed(() => {
                       <tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
                         <tr>
                           <td class="text-center">{{ index + 1 }}</td>
-                          <td>{{ dtl.itemNm }}</td>
-                          <td>{{ dtl.spec }}</td>
-                          <td class="text-center">{{ dtl.qty }}</td>
-                          <td class="text-center">{{ dtl.unit }}</td>
+                          <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
+                          <td :title="dtl.spec">{{ dtl.spec }}</td>
+                          <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
+                          <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
                           <td class="text-right">{{ String(estimates[index].unitPrc).replace(regex.currency, ',') }}</td>
                           <td>{{ String(totPrc[index]).replace(regex.currency, ',') || 0 }}</td>
                         </tr>
diff --git a/src/scss/components/_custom-contract.scss b/src/scss/components/_custom-contract.scss
index de18239..f9eb410 100644
--- a/src/scss/components/_custom-contract.scss
+++ b/src/scss/components/_custom-contract.scss
@@ -50,6 +50,7 @@ input {
 
 
 .datatable-table {
+  table-layout:fixed;
   th {
     padding: 10px !important;
     border: 1px solid #ededed;
@@ -59,9 +60,11 @@ input {
     border: 1px solid var(--fade-grey);
 
     td {
-      word-break: break-word;
       padding: 5px 10px !important;
       border: 1px solid #ededed;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
       input {
         height: 2.5em;
       }