index.vue 748 B

12345678910111213141516171819202122232425
  1. <template>
  2. <fs-page>
  3. <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
  4. </fs-page>
  5. </template>
  6. <script lang="ts" setup name="devicelabel">
  7. import { useFs } from '@fast-crud/fast-crud';
  8. import { onMounted } from 'vue';
  9. import { GetPermission } from './api';
  10. import { createCrudOptions } from './crud';
  11. import { handleColumnPermission } from '/@/utils/columnPermission';
  12. const { crudBinding, crudRef, crudExpose, crudOptions, resetCrudOptions } = useFs({ createCrudOptions });
  13. // 页面打开后获取列表数据
  14. onMounted(async () => {
  15. // 设置列权限
  16. const newOptions = await handleColumnPermission(GetPermission, crudOptions);
  17. //重置crudBinding
  18. resetCrudOptions(newOptions);
  19. // 刷新
  20. crudExpose.doRefresh();
  21. });
  22. </script>