From fc67b3f3c262ee88ffac4030cbb0c41694f1428f Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Sat, 31 May 2025 22:49:55 +0900
Subject: [PATCH] =?UTF-8?q?style=20:=20=EA=B0=80=EA=B2=A9=EC=A1=B0?=
 =?UTF-8?q?=EC=82=AC=20=EB=AA=A9=EB=A1=9D=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EB=A7=9E=EC=B6=94=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app-vuero/ComVFlexTable.vue |  8 ++++++++
 src/pages/app/priceManagement.vue          | 15 ++++++++-------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/app-vuero/ComVFlexTable.vue b/src/components/app-vuero/ComVFlexTable.vue
index a83f805..cd8fcad 100644
--- a/src/components/app-vuero/ComVFlexTable.vue
+++ b/src/components/app-vuero/ComVFlexTable.vue
@@ -129,8 +129,10 @@ const columns = computed(() => {
                 column.grow === true && 'is-grow',
                 column.grow === 'lg' && 'is-grow-lg',
                 column.grow === 'xl' && 'is-grow-xl',
+                column.align === 'start' && 'cell-start',
                 column.align === 'end' && 'cell-end',
                 column.align === 'center' && 'cell-center',
+                column.cellClass,
               ]"
             />
             <span
@@ -139,8 +141,10 @@ const columns = computed(() => {
                 column.grow === true && 'is-grow',
                 column.grow === 'lg' && 'is-grow-lg',
                 column.grow === 'xl' && 'is-grow-xl',
+                column.align === 'start' && 'cell-start',
                 column.align === 'end' && 'cell-end',
                 column.align === 'center' && 'cell-center',
+                column.cellClass,
               ]"
             >{{ column.label }}</span>
           </slot>
@@ -167,8 +171,10 @@ const columns = computed(() => {
                 column.grow === true && 'is-grow',
                 column.grow === 'lg' && 'is-grow-lg',
                 column.grow === 'xl' && 'is-grow-xl',
+                column.align === 'start' && 'cell-start',
                 column.align === 'end' && 'cell-end',
                 column.align === 'center' && 'cell-center',
+                column.cellClass,
               ]"
             />
             <span
@@ -177,8 +183,10 @@ const columns = computed(() => {
                 column.grow === true && 'is-grow',
                 column.grow === 'lg' && 'is-grow-lg',
                 column.grow === 'xl' && 'is-grow-xl',
+                column.align === 'start' && 'cell-start',
                 column.align === 'end' && 'cell-end',
                 column.align === 'center' && 'cell-center',
+                column.cellClass,
               ]"
             >{{ column.label }}</span>
           </slot>
diff --git a/src/pages/app/priceManagement.vue b/src/pages/app/priceManagement.vue
index b81cfe9..76805b9 100644
--- a/src/pages/app/priceManagement.vue
+++ b/src/pages/app/priceManagement.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { getPriceList } from '/@src/service/priceApi'
-import { formatDatefromObject , formatDatefromString } from '/@src/utils/common/comfunc'
+import { formatDatefromString } from '/@src/utils/common/comfunc'
 const router = useRouter()
 
 onBeforeMount(async () => {
@@ -29,11 +29,11 @@ const params = reactive({
   sessionUser:'',
   priceData: [],
   felxColumn: [
-    { key: 'cateNm', label: '분야' },
-    { key: 'title', label: '제목' },
-    { key: 'regNm', label: '담당자' },
-    { key: 'regDt', label: '등록일' },
-    { key: 'stNm', label: '등록 상태' },
+    { 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' },
   ]
 })
 
@@ -219,6 +219,7 @@ watch(currentPage, (newParams) => {
             :separators="true"
             :clickable="true"
             :compact="true"
+            :useApprovalHeader="true"
             @rowClick="getPriceDetail"
         />
         <VPlaceholderPage
@@ -258,7 +259,7 @@ watch(currentPage, (newParams) => {
           :total-items="totalItems"
           v-model:current-page="currentPage"
       />
-  </div>
+</div>
 
 </template>