新增了系统操作手册实例,后续可以加入md文件

This commit is contained in:
chenjinyang
2026-01-09 14:01:35 +08:00
parent 38ef377cbd
commit b185c156ca
21 changed files with 371 additions and 17 deletions

View File

@@ -21,6 +21,12 @@
</el-badge>
</div>
</el-tooltip>
<!-- 帮助中心按钮 -->
<el-tooltip content="帮助中心" placement="bottom">
<div class="left-action-item" @click="goToHelpCenter">
<el-icon><Help /></el-icon>
</div>
</el-tooltip>
</div>
</div>
<div class="right-menu">
@@ -114,10 +120,10 @@ import HeaderSearch from '@/components/HeaderSearch';
import NoticePanel from '@/components/NoticePanel';
import useAppStore from '@/store/modules/app';
import useUserStore from '@/store/modules/user';
import useSettingsStore from '@/store/modules/settings';
import {getOrg, switchOrg} from '@/api/login';
import {getUnreadCount} from '@/api/system/notice';
import {useRouter} from 'vue-router';
import {Help} from "@element-plus/icons-vue";
const appStore = useAppStore();
const userStore = useUserStore();
@@ -232,6 +238,10 @@ function openNoticePanel() {
noticePanelRef.value.open();
}
}
function goToHelpCenter() {
router.push({name: 'HelpCenter'});
}
</script>
<style lang='scss' scoped>

View File

@@ -303,6 +303,19 @@ export const dynamicRoutes = [
},
],
},
{
path: '/help-center',
component: Layout,
hidden: true,
children: [
{
path: '',
component: () => import('@/views/helpcenter/index.vue'),
name: 'HelpCenter',
meta: { title: '帮助中心'},
},
],
},
];
// 合并常量路由和动态路由,确保所有路由都能被访问

View File

@@ -0,0 +1,36 @@
<script setup lang="ts">
defineOptions({
name: 'HelpCenter',
})
</script>
<template>
<div class="help-center">
<!-- 嵌入Vdoing帮助文档的iframe -->
<iframe
class="help-iframe"
src="/help-center/index.html"
frameborder="0"
></iframe>
</div>
</template>
<style scoped lang="scss">
.help-center {
width: 100%;
min-height: 100vh;
box-sizing: border-box;
h1 {
margin-bottom: 20px;
font-size: 24px;
font-weight: 600;
}
// 让iframe占满剩余高度
.help-iframe {
width: 100%;
height: calc(100vh - 80px); // 减去标题和padding的高度可根据实际调整
}
}
</style>