mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 13:56:45 +08:00
909 lines
28 KiB
Vue
909 lines
28 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("/growthpath") !== -1 ||n.indexOf("/GrowthPath") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "专业力必修",
|
|
href: "/growthpath",
|
|
},
|
|
];
|
|
}
|
|
// 专业力
|
|
if (
|
|
n.indexOf("/growthaddpath") !== -1 ||n.indexOf("/GrowthAddPath") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "专业力必修",
|
|
href: "/growthaddpath",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/pathmanage") !== -1 ||n.indexOf("/PathManage") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "专业力必修",
|
|
href: "/growthpath",
|
|
},
|
|
{
|
|
name: "管理"
|
|
}
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/projectmanage") !== -1 ||
|
|
n.indexOf("/ProjectManage") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "项目中心",
|
|
href: "",
|
|
// href: "#/coursewaremanage",
|
|
},
|
|
{
|
|
name: "项目",
|
|
href: "",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/lecturerlist") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
name: "讲师列表",
|
|
href: "",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/teachingrecord") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
name: "授课记录",
|
|
href: "",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/lecturerfeemanagement") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
name: "讲师费管理",
|
|
href: "",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/lecturerfeestatistics") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
name: "讲师费统计",
|
|
href: "",
|
|
},
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/organization") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
name: "培训发生组织",
|
|
href: "",
|
|
},
|
|
];
|
|
}if (
|
|
n.indexOf("/lecturerSystem") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "讲师管理",
|
|
href: "",
|
|
},
|
|
{
|
|
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:'认证讲师库'
|
|
}
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/InstructorCertification") !== -1 ||
|
|
n.indexOf("/instructorcertification") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "教师专区",
|
|
}, {
|
|
name:'讲师认证'
|
|
}
|
|
];
|
|
}
|
|
if (
|
|
n.indexOf("/LecturerManagement") !== -1 ||
|
|
n.indexOf("/lecturermanagement") !== -1
|
|
) {
|
|
state.list = [
|
|
{
|
|
name: "教师专区",
|
|
}, {
|
|
name:'讲师认证'
|
|
}
|
|
];
|
|
}
|
|
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: '测评报告'
|
|
},
|
|
{
|
|
name: route.query.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("/trainingnewmanager") !== -1 || n.indexOf("/TrainingNewManager") !== -1) {
|
|
state.list = [
|
|
{
|
|
name: "报表中心",
|
|
},
|
|
{
|
|
name:'新任管理者培训数据'
|
|
},
|
|
];
|
|
}
|
|
if (n.indexOf("/learningpathmap") !== -1 || n.indexOf("/LearningPathMap") !== -1) {
|
|
state.list = [
|
|
{
|
|
name: "报表中心",
|
|
},
|
|
{
|
|
name:'板块详细数据'
|
|
},
|
|
{
|
|
name:'学习路径图'
|
|
}
|
|
];
|
|
}
|
|
if (n.indexOf("/growthpathmap") !== -1 || n.indexOf("/growthPathMap") !== -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>
|