mirror of
https://github.com/dataease/dataease.git
synced 2025-02-28 06:35:11 +08:00
48 lines
999 B
Vue
48 lines
999 B
Vue
|
<template>
|
||
|
|
<div v-if="drillFilters && drillFilters.length > 0">
|
||
|
|
<el-breadcrumb separator-class="el-icon-arrow-right" class="drill-style">
|
||
|
|
<el-breadcrumb-item class="drill-item" @click.native="drillJump(0)">{{ $t('commons.all') }}</el-breadcrumb-item>
|
||
|
|
<el-breadcrumb-item v-for="(filter,index) in drillFilters" :key="index" class="drill-item" @click.native="drillJump(index + 1)">{{ filter.value[0] }}</el-breadcrumb-item>
|
||
|
|
</el-breadcrumb>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'DrillPath',
|
||
|
|
props: {
|
||
|
|
drillFilters: {
|
||
|
|
type: Array,
|
||
|
|
required: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
drillJump(index) {
|
||
|
|
if (index < this.drillFilters.length) {
|
||
|
|
this.$emit('onDrillJump', index)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.drill-style {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.drill-style >>> .el-breadcrumb__separator{
|
||
|
|
margin: 0!important;
|
||
|
|
}
|
||
|
|
.drill-item{
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
</style>
|