func : 계약관리page - 테이블컬럼 대금청구 조건부 활성화

fix : navbar - 전표관리 주석처리

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">