fix : 오기, 버그 수정

src/pages/app/ApprovalManagement.vue

@@ -64,15 +64,17 @@ const notyf = useNotyf()
 const params = reactive({
   title: '',
   priceData: [],
+  regSdt:'',
+  regEdt:'',
   flexColumn: [
-    { key: 'process', label: '구분', cellClass: 'paymentColumn5' },
-    { key: 'apprNo', label: '결재번호', cellClass: 'paymentColumn1' },
-    { key: 'title', label: '제목', cellClass: 'paymentColumn2' },
-    { key: 'name', label: '작성자', cellClass: 'paymentColumn3' },
+    { key: 'process', label: '구분', cellClass: 'approvalColumn5' },
+    { key: 'apprNo', label: '결재번호', cellClass: 'approvalColumn1' },
+    { key: 'title', label: '제목', cellClass: 'approvalColumn2' },
+    { key: 'name', label: '작성자', cellClass: 'approvalColumn3' },
     {
       key: 'regDt',
       label: '등록일',
-      cellClass: 'paymentColumn4',
+      cellClass: 'approvalColumn4',
       format: formatRegDt,
     },
   ],
@@ -85,13 +87,13 @@ function formatRegDt(value) {
 }
 
 async function getIntegratedPaymentList() {
-  const paymentParams = {
+  const approvalParams = {
     title: '',
     page: '1',
     row: '10',
     sabun: '17131303', // 김진형 17131303, 손원창 17131304
   }
-  const result = await getIntegratedApproval(paymentParams)
+  const result = await getIntegratedApproval(approvalParams)
   params.approvalParams = result.content.map(item => ({
     ...item,
     process: gubunMap[item.gubun] || '',
@@ -102,27 +104,27 @@ async function getIntegratedPaymentList() {
 }
 
 async function updateIntegratedPaymentApprovalFunc() {
-  const paymentUpdateParams = {
+  const approvalUpdateParams = {
     apprNo: params.rowData.apprNo,
     apprOrd: params.rowData.apprOrd,
     sabun: params.rowData.sabun,
     apprStatCd: '0200', // 결재 상태변경 (결재승인 0200 결재회수 0300 결재반려 0400)
     reason: '',
   }
-  const result = await updateApprovalStatus(paymentUpdateParams)
+  const result = await updateApprovalStatus(approvalUpdateParams)
   notyf.primary("결재승인완료")
   window.location.reload()
 }
 
 async function updateIntegratedPaymentRejectionFunc() {
-  const paymentUpdateParams = {
+  const approvalUpdateParams = {
     apprNo: params.rowData.apprNo,
     apprOrd: params.rowData.apprOrd,
     sabun: params.rowData.sabun,
     apprStatCd: '0400', // 결재 상태변경 (결재승인 0200 결재회수 0300 결재반려 0400)
     reason: '',
   }
-  const result = await updateApprovalStatus(paymentUpdateParams)
+  const result = await updateApprovalStatus(approvalUpdateParams)
   notyf.primary("결재반려완료")
   window.location.reload()
 }
@@ -196,7 +198,7 @@ const onRowClick = async (row) => {
           </VField>
         </div>
         <div class="column is-8">
-          <VField class="pr-2">
+          <VField class="">
             <VLabel class="has-fullwidth">
               등록기간
             </VLabel>
@@ -224,8 +226,8 @@ const onRowClick = async (row) => {
                     </template>
                   </VDatePicker>
                 </div>
-                <div style="transform: translateY(15px)">
-                  ~
+                <div class="column is-1" style="display: flex; align-items: center; justify-content: center;">
+                  <span>~</span>
                 </div>
                 <div class="column is-6">
                   <VDatePicker
@@ -275,16 +277,16 @@ const onRowClick = async (row) => {
           :separators="true"
           :clickable="true"
           :compact="true"
-          :use-payment-header="true"
+          :use-approval-header="true"
           @row-click="onRowClick"
         >
-          <template #payment-header>
+          <template #approval-header>
             <div class="flex-table-header">
-              <span class="flex-table-item paymentColumn5">구분</span>
-              <span class="flex-table-item paymentColumn1">결재번호</span>
-              <span class="flex-table-item paymentColumn2">제목</span>
-              <span class="flex-table-item paymentColumn3">작성자</span>
-              <span class="flex-table-item paymentColumn4">등록일</span>
+              <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>

src/pages/app/contractManagement.vue

@@ -27,14 +27,14 @@ onBeforeMount(async () => {
 })
 
 async function getContractListView() {
-  const approvalParams = {
+  const contractParams = {
     params:{
       title: '',
       page: '1',
       row: '10'
     }
   }
-  const result = await getContractList(approvalParams)
+  const result = await getContractList(contractParams)
   data.contractData = result
   console.log('result', result)
 }
@@ -42,15 +42,15 @@ async function getContractListView() {
 const params = reactive({
   sessionUser:'',
   flexColumn: [
-    { key: 'cateNm', label: '분야' },
-    { key: 'title', label: '계약명' },
-    { key: 'compNm', label: '계약상대자' },
-    { key: 'regNm', label: '담당자' },
-    { key: 'contAmt', label: '계약금액', format: formatCurrency },
-    { key: 'contNo', label: '계약번호' },
-    { key: 'signDt', label: '계약체결일' },
-    { key: 'charge', label: '대금청구', cellClass: 'is-justify-content-center' },
-    { key: 'contStat', label: '계약상태' },
+    { key: 'cateNm', label: '분야', cellClass: 'contractColumn1'},
+    { key: 'title', label: '계약명', cellClass: 'contractColumn2' },
+    { key: 'compNm', label: '계약상대자', cellClass: 'contractColumn3' },
+    { key: 'regNm', label: '담당자', cellClass: 'contractColumn4' },
+    { key: 'contAmt', label: '계약금액', format: formatCurrency, cellClass: 'contractColumn5' },
+    { key: 'contNo', label: '계약번호', cellClass: 'contractColumn6' },
+    { key: 'signDt', label: '계약체결일', cellClass: 'contractColumn7' },
+    { key: 'charge', label: '대금청구', cellClass: 'is-justify-content-center contractColumn8' },
+    { key: 'contStat', label: '계약상태', cellClass: 'contractColumn9' },
   ],
 })
 
@@ -189,8 +189,22 @@ function getContractDetail(){
           :clickable="true"
           :rounded="true"
           :compact="true"
+          :use-contract-header="true"
           @rowClick="getContractDetail"
         >
+<!--          <template #contract-header>-->
+<!--            <div class="flex-table-header">-->
+<!--              <span class="flex-table-item contractColumn1">구분</span>-->
+<!--              <span class="flex-table-item contractColumn2">계약명</span>-->
+<!--              <span class="flex-table-item contractColumn3">계약상대자</span>-->
+<!--              <span class="flex-table-item contractColumn4">담당자</span>-->
+<!--              <span class="flex-table-item contractColumn5">계약금액</span>-->
+<!--              <span class="flex-table-item contractColumn6">계약번호</span>-->
+<!--              <span class="flex-table-item contractColumn7">계약체결일</span>-->
+<!--              <span class="flex-table-item contractColumn8">대금청구</span>-->
+<!--              <span class="flex-table-item contractColumn9">계약상태</span>-->
+<!--            </div>-->
+<!--          </template>-->
         <!-- sendYn 컬럼 커스텀 렌더링 -->
         <template #body-cell-charge="{ row }">
           <div>