更新 @riwa/api-types 依赖至 0.0.20,删除表格基础组件,新增 RWA 和用户管理相关页面及路由
This commit is contained in:
@@ -1,45 +0,0 @@
|
||||
<script lang="ts" setup>
|
||||
import { computed, onMounted, ref } from 'vue';
|
||||
import type { DataTableColumns, PaginationProps } from 'naive-ui';
|
||||
|
||||
const props = defineProps<{
|
||||
fetchData: (pagination: PaginationProps) => Promise<{ data: any[]; itemCount: number }>;
|
||||
columns: DataTableColumns;
|
||||
pagination: PaginationProps;
|
||||
}>();
|
||||
|
||||
const data = ref<any[]>([]);
|
||||
const headerColumns = computed(() => {
|
||||
return props.columns
|
||||
.filter(col => {
|
||||
return !col.fixed;
|
||||
})
|
||||
.map(col => {
|
||||
return {
|
||||
key: col.key,
|
||||
title: col.title,
|
||||
checked: true,
|
||||
visible: true
|
||||
};
|
||||
});
|
||||
});
|
||||
|
||||
async function loadData() {
|
||||
const result = await props.fetchData(props.pagination);
|
||||
data.value = result.data;
|
||||
props.pagination!.itemCount = result.itemCount;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadData();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="space-y-5">
|
||||
<TableHeaderOperation :columns="headerColumns" />
|
||||
<NDataTable :columns="columns" :data="data!" :pagination="pagination" :bordered="false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="css" scoped></style>
|
||||
Reference in New Issue
Block a user