f94b6d273a
* fix: adjustment some schemas * fix(room): fixing integrate unit of room * feat(warehouse): modify form and integration * feat(counter): modify form and integration * feat(screen): add list, form and integration * feat(screen): add page for public screen * fix: add on reset state at list * fix: solve list of relation * feat(chamber): integrate form to api chamber * feat(bed): integrate form to api bed * fix: add searching function on list service * fix: rewrite style for dropdown and tree select * fix: add sort params * fix: add sort params on division + medicine * feat(division-position): layouting form + list * fix: add sort params for getValueList * chore: modify side menu style * chore: fix ui dashboard * feat(division-position): add content list * feat(division-position): add temporary page * feat(division-position): modify content and entry form
41 lines
953 B
Vue
41 lines
953 B
Vue
<script setup lang="ts">
|
|
// Components
|
|
import PaginationView from '~/components/pub/my-ui/pagination/pagination-view.vue'
|
|
|
|
// Types
|
|
import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
|
|
|
|
// Configs
|
|
import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg'
|
|
|
|
interface Props {
|
|
data: any[]
|
|
paginationMeta: PaginationMeta
|
|
}
|
|
|
|
defineProps<Props>()
|
|
|
|
const emit = defineEmits<{
|
|
pageChange: [page: number]
|
|
}>()
|
|
|
|
function handlePageChange(page: number) {
|
|
emit('pageChange', page)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="space-y-4">
|
|
<PubMyUiDataTable
|
|
:rows="data"
|
|
:cols="cols"
|
|
:header="header"
|
|
:keys="keys"
|
|
:func-parsed="funcParsed"
|
|
:func-html="funcHtml"
|
|
:func-component="funcComponent"
|
|
:skeleton-size="paginationMeta?.pageSize"
|
|
/>
|
|
<PaginationView :pagination-meta="paginationMeta" @page-change="handlePageChange" />
|
|
</div>
|
|
</template> |