fix : 결재함 메뉴

- 스타일변경

src/pages/app/ApprovalManagement.vue

@@ -65,6 +65,7 @@ const params = reactive({
   title: '',
   priceData: [],
   flexColumn: [
+    { key: 'process', label: '구분', cellClass: 'paymentColumn5' },
     { key: 'apprNo', label: '결재번호', cellClass: 'paymentColumn1' },
     { key: 'title', label: '제목', cellClass: 'paymentColumn2' },
     { key: 'name', label: '작성자', cellClass: 'paymentColumn3' },
@@ -74,7 +75,6 @@ const params = reactive({
       cellClass: 'paymentColumn4',
       format: formatRegDt,
     },
-    { key: 'process', label: '구분', cellClass: 'paymentColumn5' },
   ],
   approvalParams: [],
   rowData: [],
@@ -147,37 +147,6 @@ const searchApproval = async () => {
 
 type User = (typeof users)[0]
 
-// duplicate user data to grow the array
-const data: User[] = []
-for (let i = 0; i < 1000; i++) {
-  data.push(...users)
-}
-
-// this is a sample for custom sort function
-const locationSorter: VFlexTableWrapperSortFunction<User> = ({ order, a, b }) => {
-  if (order === 'asc') {
-    return a.location.localeCompare(b.location)
-  }
-  else if (order === 'desc') {
-    return b.location.localeCompare(a.location)
-  }
-
-  return 0
-}
-
-// this is a sample for custom filter function
-const userFilter: VFlexTableWrapperFilterFunction<User> = ({ searchTerm, row }) => {
-  if (!searchTerm) {
-    return true
-  }
-
-  // search either in the name or the bio
-  return (
-    row.name.toLocaleLowerCase().includes(searchTerm.toLocaleLowerCase())
-    || row.bio.toLocaleLowerCase().includes(searchTerm.toLocaleLowerCase())
-  )
-}
-
 const onRowClick = async (row) => {
   params.rowData = row
   try {
@@ -205,14 +174,6 @@ const onRowClick = async (row) => {
   }
 }
 
-const onRowClick2 = (row: any) => {
-  selectedRow.value = row
-  isModalOpen.value = true
-  prcsNo.value = row.prcsNo
-  // prcsNo.value = 'PRCS-20250527049'
-  console.log(row.apprNo)
-
-}
 
 </script>
 
@@ -319,11 +280,11 @@ const onRowClick2 = (row: any) => {
         >
           <template #payment-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 paymentColumn5">구분</span>
             </div>
           </template>
         </ComVFlexTable>
@@ -364,7 +325,9 @@ const onRowClick2 = (row: any) => {
 }
 
 .flex-table .flex-table-item {
-  min-height: 3rem;
+  min-height: 2rem;
+  background-color: var(--primary);
+  border: 0px;
 }
 
 input[readonly] {
@@ -380,12 +343,8 @@ input[readonly] {
   margin-top: 1rem; // 필요 시 간격 추가
 }
 
-.flex-table .flex-table-item {
-  background-color: var(--primary);
-  border: 0px;
-}
 .flex-table .flex-table-header {
-  padding: 0px;
+  padding: 0.5rem;
 }
 .flex-table.is-table-clickable .flex-table-item:hover, .flex-table.is-table-clickable .flex-table-item:focus-within a:hover {
   background-color: var(--primary)!important;