mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 19:36:46 +08:00
740 lines
23 KiB
Vue
740 lines
23 KiB
Vue
<template>
|
||
<div class="breadcrumb">
|
||
<div style="margin-left: 21px">
|
||
<a-breadcrumb>
|
||
<a-breadcrumb-item v-for="(value, index) in list" :key="index">
|
||
<router-link
|
||
:to="value.href ? value.href : ''"
|
||
:style="{ display: value.href ? 'inline-block' : 'none' }"
|
||
>{{ value.name }}</router-link
|
||
>
|
||
<span :style="{ display: value.href ? 'none' : 'inline-block' }">{{
|
||
value.name
|
||
}}</span>
|
||
</a-breadcrumb-item>
|
||
</a-breadcrumb>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import { reactive, toRefs, watch } from "vue";
|
||
import { useRoute } from "vue-router";
|
||
export default {
|
||
name: "BreadCrumb",
|
||
setup() {
|
||
const state = reactive({
|
||
list: [],
|
||
});
|
||
|
||
const route = useRoute();
|
||
watch(
|
||
() => route.fullPath,
|
||
(n, o) => {
|
||
// console.log("监听路由");
|
||
console.log("new:" + n + ",old:" + o);
|
||
|
||
if (
|
||
n.indexOf("/learningpath") !== -1 ||
|
||
n.indexOf("/LearningPath") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "学习路径图",
|
||
href: "",
|
||
// href: "#/coursewaremanage",
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/leveladd") !== -1 || n.indexOf("/LevelAdd") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "学习路径图",
|
||
href: "/learningpath",
|
||
},
|
||
{
|
||
name: "管理",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/leveladddetail") !== -1 ||
|
||
n.indexOf("/LevelAddDetail") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "学习路径图",
|
||
href: "/learningpath",
|
||
},
|
||
{
|
||
name: "管理",
|
||
href: "/leveladd",
|
||
},
|
||
{
|
||
name: "关卡",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/levelcheck") !== -1 ||
|
||
n.indexOf("/LevelCheck") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "学习路径图",
|
||
href: "/learningpath",
|
||
},
|
||
{
|
||
name: "管理",
|
||
href: "/leveladd",
|
||
},
|
||
{
|
||
name: "查看",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/projectmanage") !== -1 ||
|
||
n.indexOf("/ProjectManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目中心",
|
||
href: "",
|
||
// href: "#/coursewaremanage",
|
||
},
|
||
{
|
||
name: "项目",
|
||
href: "",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/projectadd") !== -1 ||
|
||
n.indexOf("/ProjectAdd") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目",
|
||
href: "/projectmanage",
|
||
},
|
||
{
|
||
name: "创建项目",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/projectadd?projectId") !== -1 ||
|
||
n.indexOf("/ProjectAdd?projectId") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目",
|
||
href: "/projectmanage",
|
||
},
|
||
{
|
||
name: "编辑项目",
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/taskpage") !== -1 || n.indexOf("/TaskPage") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "项目",
|
||
href: "",
|
||
},
|
||
{
|
||
name: "基础信息",
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/taskadd") !== -1 || n.indexOf("/TaskAdd") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "项目",
|
||
href: "",
|
||
},
|
||
{
|
||
name: "基础信息",
|
||
},
|
||
{
|
||
name: "任务",
|
||
},
|
||
{
|
||
name: "添加任务",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/templatelibrary") !== -1 ||
|
||
n.indexOf("/TemplateLibrary") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目中心",
|
||
},
|
||
{
|
||
name: "模板库",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/libraryadd") !== -1 ||
|
||
n.indexOf("/LibraryAdd") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目中心",
|
||
},
|
||
{
|
||
name: "模板库",
|
||
},
|
||
{
|
||
name: "查看",
|
||
href: "/libraryadd",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/courserecommended") !== -1 ||
|
||
n.indexOf("/CourseRecommended") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "课程库",
|
||
href: "",
|
||
// href: "#/coursewaremanage",
|
||
},
|
||
{
|
||
name: "课程推荐",
|
||
href: "",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/coursemanage") !== -1 ||
|
||
n.indexOf("/CourseManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "课程库",
|
||
href: "",
|
||
// href: "#/coursewaremanage",
|
||
},
|
||
{
|
||
name: "课件管理",
|
||
href: "",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/onlinemanage") !== -1 ||
|
||
n.indexOf("/OnlineManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "课程库",
|
||
href: "",
|
||
// href: "#/coursewaremanage",
|
||
},
|
||
{
|
||
name: "在线管理",
|
||
href: "",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/coursewaremanage") !== -1 ||
|
||
n.indexOf("/CoursewareManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "课程库",
|
||
},
|
||
{
|
||
name: "面授管理",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/researchmanage") !== -1 ||
|
||
n.indexOf("/ResearchManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "评估管理",
|
||
href: "",
|
||
// href: "#/researchmanage",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/managepage") !== -1 ||
|
||
n.indexOf("/ManagePage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "评估管理",
|
||
href: "",
|
||
// href: "#/researchmanage",
|
||
},
|
||
{
|
||
name: "管理",
|
||
},
|
||
];
|
||
}
|
||
|
||
if (
|
||
n.indexOf("/researchadd") !== -1 ||
|
||
n.indexOf("/ResearchAdd") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "评估管理",
|
||
href: "",
|
||
// href: "#/researchmanage",
|
||
},
|
||
{
|
||
name: "创建评估",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/audiencemanage") !== -1 ||
|
||
n.indexOf("/audiencemanage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "受众管理",
|
||
href: "",
|
||
// href: "#/researchmanage",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/certificatecenter") !== -1 ||
|
||
n.indexOf("/CertificateCenter") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "证书中心",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/systemmanage") !== -1 ||
|
||
n.indexOf("/SystemManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "系统管理",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/coursereviewed") !== -1 ||
|
||
n.indexOf("/CourseReiewed") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "审核管理",
|
||
},
|
||
{
|
||
name: "已审核课程",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/coursereviewedn") !== -1 ||
|
||
n.indexOf("/CourseReiewedN") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "审核管理",
|
||
},
|
||
{
|
||
name: "待审核课程",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/projectreviewed") !== -1 ||
|
||
n.indexOf("/ProjectReviewed") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "审核管理",
|
||
},
|
||
{
|
||
name: "已审核项目",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/projectreviewedn") !== -1 ||
|
||
n.indexOf("/ProjectReviewedN") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "审核管理",
|
||
},
|
||
{
|
||
name: "待审核项目",
|
||
},
|
||
];
|
||
}
|
||
|
||
if (
|
||
n.indexOf("/examinationcenter") !== -1 ||
|
||
n.indexOf("/ExaminationCenter") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "考试",
|
||
},
|
||
{
|
||
name: "考试管理",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/questionmanage") !== -1 ||
|
||
n.indexOf("/QuestionManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "考试",
|
||
},
|
||
{
|
||
name: "试题管理",
|
||
},
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/papermanage") !== -1 ||
|
||
n.indexOf("/PaperManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "考试",
|
||
},
|
||
{
|
||
name: "试卷管理",
|
||
},
|
||
];
|
||
}
|
||
|
||
if (
|
||
n.indexOf("/casemanage") !== -1 ||
|
||
n.indexOf("/CaseManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "案例",
|
||
}, {
|
||
name:'案例管理'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/caserecommended") !== -1 ||
|
||
n.indexOf("/CaseRecommended") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "案例",
|
||
}, {
|
||
name:'案例推荐'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/gratefulnotice") !== -1 ||
|
||
n.indexOf("/GratefulNotice") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'通知'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/gratefulcarousel") !== -1 ||
|
||
n.indexOf("/GratefulCarousel") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'轮播图'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/teacherempowerment") !== -1 ||
|
||
n.indexOf("/TeacherEmpowerment") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'教师赋能'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/teachertopic") !== -1 ||
|
||
n.indexOf("/TeacherTopic") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'认证讲师库（2023）'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/tooldown") !== -1 ||
|
||
n.indexOf("/ToolDown") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'工具下载'
|
||
}
|
||
];
|
||
}
|
||
if (
|
||
n.indexOf("/teacheropinion") !== -1 ||
|
||
n.indexOf("/TeacherOpinion") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "感恩教师",
|
||
}, {
|
||
name:'意见'
|
||
}
|
||
];
|
||
}
|
||
|
||
|
||
if (
|
||
n.indexOf("/articlemanage") !== -1 ||
|
||
n.indexOf("/ArticleManage") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "文章管理",
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/qamanage") !== -1 || n.indexOf("/QAManage") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "问答管理",
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/evaluationupload") !== -1 || n.indexOf("/EvaluationUpload") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "测评",
|
||
},
|
||
{
|
||
name: '测评上传'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/evadown") !== -1 || n.indexOf("/EvaDown") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "测评",
|
||
},
|
||
{
|
||
name: '测评报告'
|
||
},
|
||
];
|
||
}
|
||
if (n.indexOf("/download") !== -1 || n.indexOf("/download") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "下载中心",
|
||
},
|
||
];
|
||
}
|
||
|
||
if (
|
||
n.indexOf("/sonproject") !== -1 ||
|
||
n.indexOf("/SonProject") !== -1
|
||
) {
|
||
state.list = [
|
||
{
|
||
name: "项目",
|
||
href: "",
|
||
},
|
||
{
|
||
name: "基础信息",
|
||
},
|
||
]
|
||
}
|
||
|
||
if (n.indexOf("/operational") !== -1 || n.indexOf("/OperationaL") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'运营数据概览'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/learningpathmap") !== -1 || n.indexOf("/LearningPathMap") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'学习路径图'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/reportproject") !== -1 || n.indexOf("/ReportProject") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'项目'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/curriculum") !== -1 || n.indexOf("/CurriculuM") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'课程'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/caseess") !== -1 || n.indexOf("/CaseesS") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'案例'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/reportarticle") !== -1 || n.indexOf("/ReportArticle") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'文章'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/questionsandanswers") !== -1 || n.indexOf("/QuestionsAndAnswers") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'问答'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/reportexamination") !== -1 || n.indexOf("/ReportExamination") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'板块详细数据'
|
||
},
|
||
{
|
||
name:'考试'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/overvoew") !== -1 || n.indexOf("/OvervoeW") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'组织学习数据'
|
||
},
|
||
{
|
||
name:'概览'
|
||
}
|
||
];
|
||
}
|
||
if (n.indexOf("/employeelearning") !== -1 || n.indexOf("/EmployeelearninG") !== -1) {
|
||
state.list = [
|
||
{
|
||
name: "报表中心",
|
||
},
|
||
{
|
||
name:'组织学习数据'
|
||
},
|
||
{
|
||
name:'员工学习数据'
|
||
}
|
||
];
|
||
}
|
||
}
|
||
);
|
||
|
||
return {
|
||
...toRefs(state),
|
||
};
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss">
|
||
.breadcrumb {
|
||
width: 100%;
|
||
height: 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
.el-breadcrumb__inner.is-link {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #878b92 !important;
|
||
line-height: 36px;
|
||
}
|
||
.el-breadcrumb__inner {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #363636 !important;
|
||
line-height: 36px;
|
||
}
|
||
}
|
||
</style>
|