feat(20240701_FieldPermission): 列权限管控

- 地区管理：增加列权限管控
- 登录日志：增加列权限管控

web/src/views/system/areas/index.vue

@@ -5,14 +5,21 @@
 </template>
 
 <script lang="ts" setup name="areas">
-import { ref, onMounted } from 'vue';
+import { onMounted } from 'vue';
 import { useFs } from '@fast-crud/fast-crud';
 import { createCrudOptions } from './crud';
+import { GetPermission } from './api';
+import { handleColumnPermission } from '/@/utils/columnPermission';
 
-const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions });
+const { crudBinding, crudRef, crudExpose, crudOptions, resetCrudOptions } = useFs({ createCrudOptions });
 
 // 页面打开后获取列表数据
-onMounted(() => {
+onMounted(async () => {
+	// 设置列权限
+	const newOptions = await handleColumnPermission(GetPermission, crudOptions);
+	//重置crudBinding
+	resetCrudOptions(newOptions);
+	// 刷新
 	crudExpose.doRefresh();
 });
 </script>