Files
shrimp-server/examples/basic-admin/web/src/views/navMenu.vue
T
wc24 27a2348815 demo: 加 Vue 前端到 examples/basic-admin/web
为了端到端验证 Shrimp 框架,把 hand-admin 前端拷进 examples/basic-admin/web
作为临时演示用前端,@shrimp alias 直接指向同仓 src/,免构建。

修改要点:
- web/vite.config.ts: @shrimp 改成 ../../../src; proxy /admin-api 到 :3100
- web/tsconfig.json: 同步 @shrimp 路径; 删掉 hand-server-2 的 paths
- web/src/locales: 删掉 matter_*/zerobase 业务 key
- web/src/module: 删掉 matter_*/zerobase 业务 vue,只留 user/role/FieldRelativeTime
- examples/basic-admin/index.ts:
  - mount 到 /admin-api/* 而不是 /api/*
  - 加 /config /login /me 端点 (mock super-admin operator,固定 token)
  - DemoShrimp 子类覆盖 getMenuTree 用模块自身 label
  - MemoryShrimpCrud 的 getRelatedCrud 手动 wire 到 crudRegistry,
    populate 才能跑 (后续 70→90 改进项)

curl 已验证 /config /login /me /product/list 全通,tagIds_label 正确旁挂。
2026-05-23 15:28:10 +08:00

38 lines
1.0 KiB
Vue

<template>
<div v-if="navMenus.length <= 0" style="padding: 20px">
<el-alert :title="$t('base.noNavMenu')" center type="info" :closable="false"></el-alert>
</div>
<template v-for="navMenu in navMenus" v-bind:key="navMenu">
<el-menu-item v-if="!hasChildren(navMenu)" :index="'/' + navMenu.name">
<el-icon v-if="navMenu.icon">
<component :is="navMenu.icon || 'el-icon-menu'" />
</el-icon>
<template #title>
<span>{{ vueAdmin.t(navMenu.label) }}</span>
</template>
</el-menu-item>
<el-sub-menu v-else :index="'/' + navMenu.name">
<template #title>
<el-icon v-if="navMenu.icon">
<component :is="navMenu.icon || 'el-icon-menu'" />
</el-icon>
<span>{{ vueAdmin.t(navMenu.label) }}</span>
</template>
<NavMenu :navMenus="navMenu.children"></NavMenu>
</el-sub-menu>
</template>
</template>
<script lang="ts" setup>
import { vueAdmin } from "@/VueAdmin";
defineProps({
navMenus: {
type: [Object],
required: true,
},
});
function hasChildren(item: any) {
return item.children && item.children.length > 0;
}
</script>