From 9aa7c9f51ea8a171ca6a90e984b700960a5edfb3 Mon Sep 17 00:00:00 2001
From: KG <akrmak12@naver.com>
Date: Thu, 29 May 2025 07:51:21 +0900
Subject: [PATCH] =?UTF-8?q?func=20:=20=EA=B3=84=EC=95=BD=EA=B4=80=EB=A6=AC?=
 =?UTF-8?q?page=20-=20=ED=85=8C=EC=9D=B4=EB=B8=94=EC=BB=AC=EB=9F=BC=20?=
 =?UTF-8?q?=EB=8C=80=EA=B8=88=EC=B2=AD=EA=B5=AC=20=EC=A1=B0=EA=B1=B4?=
 =?UTF-8?q?=EB=B6=80=20=ED=99=9C=EC=84=B1=ED=99=94=20fix=20:=20navbar=20-?=
 =?UTF-8?q?=20=EC=A0=84=ED=91=9C=EA=B4=80=EB=A6=AC=20=EC=A3=BC=EC=84=9D?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/navbar.vue               | 14 +++++++-------
 src/pages/app/contractManagement.vue | 29 +++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/src/layouts/navbar.vue b/src/layouts/navbar.vue
index e1d59f2..3414672 100644
--- a/src/layouts/navbar.vue
+++ b/src/layouts/navbar.vue
@@ -18,13 +18,13 @@ const links = ref<NavbarItem[]>([
     label: '계약관리',
     icon: '',
   },
-  {
-    id: 'document',
-    type: 'link',
-    to: '/app/documentManagement',
-    label: '전표관리',
-    icon: '',
-  },
+  // {
+  //   id: 'document',
+  //   type: 'link',
+  //   to: '/app/documentManagement',
+  //   label: '전표관리',
+  //   icon: '',
+  // },
   {
     id: 'payment',
     type: 'link',
diff --git a/src/pages/app/contractManagement.vue b/src/pages/app/contractManagement.vue
index 683e87a..5055495 100644
--- a/src/pages/app/contractManagement.vue
+++ b/src/pages/app/contractManagement.vue
@@ -49,7 +49,7 @@ const params = reactive({
     { key: 'contAmt', label: '계약금액', format: formatCurrency },
     { key: 'contNo', label: '계약번호' },
     { key: 'signDt', label: '계약체결일' },
-    { key: 'charge', label: '대금청구' },
+    { key: 'charge', label: '대금청구', cellClass: 'is-justify-content-center' },
     { key: 'contStat', label: '계약상태' },
   ],
 })
@@ -182,7 +182,7 @@ function getContractDetail(){
         </div>
       </div>
       <div class="datatable-wrapper">
-        <ComVFlexTable
+        <VFlexTableCustomize
           :data="data.contractData"
           :columns="params.flexColumn"
           :separators="true"
@@ -190,7 +190,30 @@ function getContractDetail(){
           :rounded="true"
           :compact="true"
           @rowClick="getContractDetail"
-        />
+        >
+        <!-- sendYn 컬럼 커스텀 렌더링 -->
+        <template #body-cell-charge="{ row }">
+          <div>
+            <VButton
+                v-if="row.contStat==='계약종료'"
+                color="info"
+                size="small"
+                to="/app/DocumentManagement"
+                @click.stop
+            >
+              대금청구
+            </VButton>
+            <span v-else></span>
+          </div>
+        </template>
+        <!-- 나머지 컬럼만 이 슬롯 사용 -->
+        <template #body-cell="{ column, index, value }">
+          <div>
+            <span v-if="column.key=='num'">{{index + 1}}</span>
+            <span v-else>{{ value }}</span>
+          </div>
+        </template>
+        </VFlexTableCustomize>
       </div>
     </div>
     <VButtons class="is-right">