chore: header menu 初步

This commit is contained in:
xiaojunnuo
2024-10-25 23:56:24 +08:00
parent c4164c66e2
commit a7414047ee
9 changed files with 221 additions and 5 deletions
@@ -0,0 +1,27 @@
<template>
<fs-page class="page-cert">
<template #header>
<div class="title">顶部菜单配置</div>
</template>
<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
</fs-page>
</template>
<script lang="ts" setup>
import { onMounted } from "vue";
import { useFs } from "@fast-crud/fast-crud";
import createCrudOptions from "./crud";
import { useSettingStore } from "/@/store/modules/settings";
import { cloneDeep } from "lodash-es";
defineOptions({
name: "SettingsHeaderMenus"
});
const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
const settingStore = useSettingStore();
// 页面打开后获取列表数据
onMounted(() => {
crudBinding.value.data = cloneDeep(settingStore.headerMenus.menus || []);
});
</script>
<style lang="less"></style>