From 409c229504285f49d578c55265dd02acc4c37151 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Sun, 1 Jun 2025 08:47:18 +0900
Subject: [PATCH] =?UTF-8?q?com=20:=20flextable=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EC=86=8D=EC=84=B1=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app-vuero/ComVFlexTable.vue | 30 ++++++++--------------
 src/pages/app/ApprovalManagement.vue       | 19 ++++----------
 src/pages/app/priceManagement.vue          | 10 ++++----
 3 files changed, 20 insertions(+), 39 deletions(-)

diff --git a/src/components/app-vuero/ComVFlexTable.vue b/src/components/app-vuero/ComVFlexTable.vue
index cd8fcad..450436f 100644
--- a/src/components/app-vuero/ComVFlexTable.vue
+++ b/src/components/app-vuero/ComVFlexTable.vue
@@ -594,31 +594,21 @@ const columns = computed(() => {
 }
 
 .approvalColumn1 {
-  flex: 0 0 20%!important;
+  flex: 0 0 10%!important;
 }
 .approvalColumn2 {
-  flex: 0 0 40%!important;
-}
-.approvalColumn3 {
-  flex: 0 0 10%!important;
-}
-.approvalColumn4 {
   flex: 0 0 20%!important;
 }
+.approvalColumn3 {
+  flex: 0 0 30%!important;
+}
+.approvalColumn4 {
+  flex: 0 0 40%!important;
+}
 .approvalColumn5 {
-  flex: 0 0 10%!important;
+  flex: 0 0 50%!important;
 }
-
-.flex-table-cell.is-relative.approvalColumn5 {
-  justify-content: center;
-}
-.flex-table-cell.is-relative.approvalColumn1 {
-  justify-content: center;
-}
-.flex-table-cell.is-relative.approvalColumn3 {
-  justify-content: center;
-}
-.flex-table-cell.is-relative.approvalColumn4 {
-  justify-content: center;
+.approvalColumn6 {
+  flex: 0 0 60%!important;
 }
 </style>
diff --git a/src/pages/app/ApprovalManagement.vue b/src/pages/app/ApprovalManagement.vue
index 65af256..b332772 100644
--- a/src/pages/app/ApprovalManagement.vue
+++ b/src/pages/app/ApprovalManagement.vue
@@ -67,14 +67,14 @@ const params = reactive({
   regSdt:'',
   regEdt:'',
   flexColumn: [
-    { key: 'process', label: '구분', cellClass: 'approvalColumn5' },
-    { key: 'apprNo', label: '결재번호', cellClass: 'approvalColumn1' },
-    { key: 'title', label: '제목', cellClass: 'approvalColumn2' },
-    { key: 'name', label: '작성자', cellClass: 'approvalColumn3' },
+    { key: 'process', label: '구분', cellClass: 'approvalColumn1', align: 'center' },
+    { key: 'apprNo', label: '결재번호', cellClass: 'approvalColumn1', align: 'center' },
+    { key: 'title', label: '제목', cellClass: 'approvalColumn6', align: 'start' },
+    { key: 'name', label: '작성자', cellClass: 'approvalColumn1', align: 'center' },
     {
       key: 'regDt',
       label: '등록일',
-      cellClass: 'approvalColumn4',
+      cellClass: 'approvalColumn1',
       format: formatRegDt,
     },
   ],
@@ -280,15 +280,6 @@ const onRowClick = async (row) => {
           :use-approval-header="true"
           @row-click="onRowClick"
         >
-          <template #approval-header>
-            <div class="flex-table-header">
-              <span class="flex-table-item approvalColumn5">구분</span>
-              <span class="flex-table-item approvalColumn1">결재번호</span>
-              <span class="flex-table-item approvalColumn2">제목</span>
-              <span class="flex-table-item approvalColumn3">작성자</span>
-              <span class="flex-table-item approvalColumn4">등록일</span>
-            </div>
-          </template>
         </ComVFlexTable>
 
         <!-- 모달 컴포넌트 추가 -->
diff --git a/src/pages/app/priceManagement.vue b/src/pages/app/priceManagement.vue
index 76805b9..588d7a9 100644
--- a/src/pages/app/priceManagement.vue
+++ b/src/pages/app/priceManagement.vue
@@ -29,11 +29,11 @@ const params = reactive({
   sessionUser:'',
   priceData: [],
   felxColumn: [
-    { key: 'cateNm', label: '분야', align: 'center', cellClass: 'approvalColumn5'},
-    { key: 'title', label: '제목',align: 'start'},
-    { key: 'regNm', label: '담당자', align: 'center', cellClass: 'approvalColumn5'},
-    { key: 'regDt', label: '등록일' ,align: 'start', cellClass: 'approvalColumn5'},
-    { key: 'stNm', label: '등록 상태', cellClass: 'approvalColumn5' },
+    { key: 'cateNm', label: '분야', align: 'center', cellClass: 'approvalColumn1'},
+    { key: 'title', label: '제목',align: 'start', cellClass: 'approvalColumn6'},
+    { key: 'regNm', label: '담당자', align: 'center', cellClass: 'approvalColumn1'},
+    { key: 'regDt', label: '등록일' ,align: 'center', cellClass: 'approvalColumn1'},
+    { key: 'stNm', label: '등록 상태',align: 'center', cellClass: 'approvalColumn1' },
   ]
 })