feat: 添加首页的导航守卫

This commit is contained in:
2025-03-06 19:55:08 +08:00
parent c96b07c6eb
commit c70a3de1ca
3 changed files with 278 additions and 81 deletions

View File

@@ -1,60 +1,24 @@
<template>
<div class="home">
<div v-if="currentRole.roleKey==='temp'">
<div class="onboarding-homepage">
<!-- 提示信息 -->
<el-alert
title="欢迎加入,请尽快补充您的必要信息!"
type="info"
show-icon>
</el-alert>
<!-- 数据补充表单 -->
<el-form :model="employeeData" class="employee-form" label-width="80px">
<el-form-item label="姓名">
<el-input v-model="employeeData.name"></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="employeeData.email"></el-input>
</el-form-item>
<!-- 根据实际需求添加更多字段 -->
<el-form-item>
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item>
</el-form>
<!-- 流程图 -->
<div class="flow-chart">
<el-steps :active="activeStep" finish-status="success">
<el-step title="填写信息"></el-step>
<el-step title="审批中"></el-step>
<el-step title="完成"></el-step>
</el-steps>
</div>
</div>
</div>
<div v-else>
<el-container style="height: 100vh;">
<el-main>
<el-row :gutter="20">
<!-- 右侧展示区域 -->
<el-col :span="18" class="content-area">
<announcements />
<financial-charts />
</el-col>
<!-- 左侧功能区域 -->
<el-col :span="6" class="sidebar">
<quick-access />
<inventory />
<project-management />
</el-col>
</el-row>
</el-main>
</el-container>
<div>
<el-container style="height: 100vh;">
<el-main>
<el-row :gutter="20">
<!-- 右侧展示区域 -->
<el-col :span="18" class="content-area">
<announcements />
<financial-charts />
</el-col>
<!-- 左侧功能区域 -->
<el-col :span="6" class="sidebar">
<quick-access />
<inventory />
<project-management />
</el-col>
</el-row>
</el-main>
</el-container>
</div>
</div>
</template>
@@ -68,7 +32,6 @@ import Inventory from "../components/Inventory/index.vue";
import Announcements from "../components/Announcements/index.vue";
import ProjectManagement from "../components/ProjectManagement/index.vue";
import FinancialCharts from "../components/FinancialCharts/index.vue";
import {currentRole} from "@/api/system/role";
export default {
name: "Index",
@@ -81,14 +44,6 @@ export default {
},
data() {
return {
// 新员工填写的信息
employeeData: {
name: "",
email: "",
// 其他必要字段
},
// 当前步骤,从 0 开始计数
activeStep: 0,
version: "0.8.3",
commandstats: null,
usedmemory: null,
@@ -100,29 +55,13 @@ export default {
noticeTitle: '',
noticeContent: '',
drawer: false,
currentRole:{}
};
},
created() {
this.getCurrentUserRole();
this.getList();
this.getListNotice();
},
methods: {
submitForm() {
// 这里可以加入表单验证与提交逻辑
// 模拟提交后进入下一流程(例如审批中)
this.activeStep = 1;
this.$message({
message: "表单提交成功,进入审批流程!",
type: "success"
});
},
getCurrentUserRole(){
currentRole().then(res => {
this.currentRole = res.data;
})
},
getList() {
getCache().then((response) => {
this.cache = response.data;