diff --git a/src/pages/app/ApprovalManagement.vue b/src/pages/app/ApprovalManagement.vue index 5484729..3a51a46 100644 --- a/src/pages/app/ApprovalManagement.vue +++ b/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 = ({ 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 = ({ 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) - -} @@ -319,11 +280,11 @@ const onRowClick2 = (row: any) => { > @@ -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;