添加路由

This commit is contained in:
dong.ai
2025-09-24 15:45:12 +08:00
committed by joshen
parent 8f959dc172
commit 6cb0c50e63
2 changed files with 919 additions and 895 deletions

View File

@@ -3,11 +3,8 @@
<div style="margin-left: 21px"> <div style="margin-left: 21px">
<a-breadcrumb> <a-breadcrumb>
<a-breadcrumb-item v-for="(value, index) in list" :key="index"> <a-breadcrumb-item v-for="(value, index) in list" :key="index">
<router-link <router-link :to="value.href ? value.href : ''" :style="{ display: value.href ? 'inline-block' : 'none' }">{{
:to="value.href ? value.href : ''" value.name }}</router-link>
:style="{ display: value.href ? 'inline-block' : 'none' }"
>{{ value.name }}</router-link
>
<span :style="{ display: value.href ? 'none' : 'inline-block' }">{{ <span :style="{ display: value.href ? 'none' : 'inline-block' }">{{
value.name value.name
}}</span> }}</span>
@@ -17,9 +14,9 @@
</div> </div>
</template> </template>
<script> <script>
import { reactive, toRefs, watch } from "vue"; import { reactive, toRefs, watch } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
export default { export default {
name: "BreadCrumb", name: "BreadCrumb",
setup() { setup() {
const state = reactive({ const state = reactive({
@@ -95,7 +92,7 @@
// 专业力 // 专业力
if ( if (
n.indexOf("/growthpath") !== -1 ||n.indexOf("/GrowthPath") !== -1 n.indexOf("/growthpath") !== -1 || n.indexOf("/GrowthPath") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -106,7 +103,7 @@
} }
// 专业力 // 专业力
if ( if (
n.indexOf("/growthaddpath") !== -1 ||n.indexOf("/GrowthAddPath") !== -1 n.indexOf("/growthaddpath") !== -1 || n.indexOf("/GrowthAddPath") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -116,7 +113,7 @@
]; ];
} }
if ( if (
n.indexOf("/pathmanage") !== -1 ||n.indexOf("/PathManage") !== -1 n.indexOf("/pathmanage") !== -1 || n.indexOf("/PathManage") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -213,7 +210,7 @@
href: "", href: "",
}, },
]; ];
}if ( } if (
n.indexOf("/lecturerSystem") !== -1 n.indexOf("/lecturerSystem") !== -1
) { ) {
state.list = [ state.list = [
@@ -566,7 +563,7 @@
{ {
name: "案例", name: "案例",
}, { }, {
name:'案例管理' name: '案例管理'
} }
]; ];
} }
@@ -578,7 +575,19 @@
{ {
name: "案例", name: "案例",
}, { }, {
name:'案例推荐' name: '案例推荐'
}
];
}
if (
n.indexOf("/aiCallLog") !== -1 ||
n.indexOf("/AICallLog") !== -1
) {
state.list = [
{
name: "案例",
}, {
name: 'AI调用日志'
} }
]; ];
} }
@@ -590,7 +599,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'通知' name: '通知'
} }
]; ];
} }
@@ -602,7 +611,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'轮播图' name: '轮播图'
} }
]; ];
} }
@@ -614,7 +623,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'教师赋能' name: '教师赋能'
} }
]; ];
} }
@@ -626,7 +635,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'认证讲师库' name: '认证讲师库'
} }
]; ];
} }
@@ -638,7 +647,7 @@
{ {
name: "教师专区", name: "教师专区",
}, { }, {
name:'讲师认证' name: '讲师认证'
} }
]; ];
} }
@@ -650,7 +659,7 @@
{ {
name: "教师专区", name: "教师专区",
}, { }, {
name:'讲师认证' name: '讲师认证'
} }
]; ];
} }
@@ -662,7 +671,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'工具下载' name: '工具下载'
} }
]; ];
} }
@@ -674,7 +683,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'意见' name: '意见'
} }
]; ];
} }
@@ -749,7 +758,7 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'运营数据概览' name: '运营数据概览'
} }
]; ];
} }
@@ -759,7 +768,7 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'新任管理者培训数据' name: '新任管理者培训数据'
}, },
]; ];
} }
@@ -769,10 +778,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'学习路径图' name: '学习路径图'
} }
]; ];
} }
@@ -782,10 +791,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'专业力必修' name: '专业力必修'
} }
]; ];
} }
@@ -795,10 +804,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'项目' name: '项目'
} }
]; ];
} }
@@ -808,10 +817,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'课程' name: '课程'
} }
]; ];
} }
@@ -821,10 +830,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'案例' name: '案例'
} }
]; ];
} }
@@ -834,10 +843,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'文章' name: '文章'
} }
]; ];
} }
@@ -847,10 +856,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'问答' name: '问答'
} }
]; ];
} }
@@ -860,10 +869,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'考试' name: '考试'
} }
]; ];
} }
@@ -873,10 +882,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'组织学习数据' name: '组织学习数据'
}, },
{ {
name:'概览' name: '概览'
} }
]; ];
} }
@@ -886,10 +895,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'组织学习数据' name: '组织学习数据'
}, },
{ {
name:'员工学习数据' name: '员工学习数据'
} }
]; ];
} }
@@ -907,25 +916,27 @@
...toRefs(state), ...toRefs(state),
}; };
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.breadcrumb { .breadcrumb {
width: 100%; width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
.el-breadcrumb__inner.is-link { .el-breadcrumb__inner.is-link {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #878b92 !important; color: #878b92 !important;
line-height: 36px; line-height: 36px;
} }
.el-breadcrumb__inner { .el-breadcrumb__inner {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #363636 !important; color: #363636 !important;
line-height: 36px; line-height: 36px;
} }
} }
</style> </style>

View File

@@ -292,6 +292,13 @@
}"></span> }"></span>
<router-link to="/caserecommended">案例推荐</router-link> <router-link to="/caserecommended">案例推荐</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item key="sub12-3" v-if="checkMenu('aiCallLog')">
<span :class="{
circleActive: selectedKeys[0] === 'sub12-2' ? true : false,
circle: selectedKeys[0] === 'sub12-3' ? false : true,
}"></span>
<router-link to="/aiCallLog">AI调用日志</router-link>
</a-menu-item>
</a-sub-menu> </a-sub-menu>
<!-- 教师专区 --> <!-- 教师专区 -->
<a-sub-menu key="sub22" @titleClick="titleClick" v-if=" <a-sub-menu key="sub22" @titleClick="titleClick" v-if="
@@ -910,6 +917,12 @@ export default {
selectedKeys: "sub12-2", selectedKeys: "sub12-2",
pagename: "案例推荐", pagename: "案例推荐",
}, },
{
href: "/aiCallLog",
openKeys: "sub12",
selectedKeys: "sub12-3",
pagename: "AI调用日志",
},
{ {
href: "/gratefulnotice", href: "/gratefulnotice",
openKeys: "sub22", openKeys: "sub22",