You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.3 KiB
81 lines
2.3 KiB
3 years ago
|
<template>
|
||
|
|
<div class="bread">
|
||
|
|
<div class="example-container">
|
||
|
|
<el-breadcrumb separator="/">
|
||
|
|
<el-breadcrumb-item
|
||
|
|
v-for="(item,index) in breadList"
|
||
|
|
:key="index"
|
||
|
|
:to="item.name.includes('seeDoctor') ? item.path + '?info=' + queryList.info : item.path"
|
||
|
|
@click.native="breadcrumbClick(item)"
|
||
|
|
>{{ item.meta.title }}</el-breadcrumb-item>
|
||
|
|
</el-breadcrumb>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
breadList: [], // 路由集合,
|
||
|
|
userData: {},
|
||
|
|
queryList: {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
$route() {
|
||
|
|
this.getBreadcrumb()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.userData = JSON.parse(window.localStorage.getItem('qg-userData'))
|
||
|
|
this.getBreadcrumb()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getBreadcrumb() {
|
||
|
|
console.log(this.$route)
|
||
|
|
console.log(this.$route.matched)
|
||
|
|
const matched = this.$route.matched
|
||
|
|
// 浏览器参数点击面包屑传回给seeDoctor页面
|
||
|
|
if (this.$route.name === 'templateManagement') {
|
||
|
|
this.queryList = this.$route.query
|
||
|
|
}
|
||
|
|
matched.forEach((item, i) => {
|
||
|
|
if (item.meta.title === '首页' && item.redirect && item.redirect.name) {
|
||
|
|
console.log(this.userData)
|
||
|
|
// const positionName = this.userData.positionList.length > 0 ? this.userData.positionList[0].positionName : ''
|
||
|
|
item.name = 'patientManagement'
|
||
|
|
// item.name = positionName.includes('护士') ? 'patientManagement' : 'outpatientManagement'
|
||
|
|
// item.path = positionName.includes('护士') ? '/patientManagement' : '/outpatientManagement'
|
||
|
|
item.path = '/patientManagement'
|
||
|
|
item.meta.title = '首页'
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
// console.log(matched)
|
||
|
|
this.breadList = matched
|
||
|
|
},
|
||
|
|
breadcrumbClick(item) {
|
||
|
|
console.log(item)
|
||
|
|
if (item.meta.title === '首页') {
|
||
|
|
this.$store.commit('activeIndexFun', window.SITE_CONFIG.menuList[0].id)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
.bread /deep/ .el-breadcrumb{
|
||
|
|
display: inline-block;
|
||
|
|
display: inline-block;
|
||
|
|
height: 50px;
|
||
|
|
vertical-align: top;
|
||
|
|
line-height: 50px;
|
||
|
|
}
|
||
|
|
.bread /deep/ .is-link{
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.bread{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
</style>
|