| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\index.vue?vue&type=style&index=0&id=503da8ce&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\index.vue","mtime":1761185180053},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubGF5b3V0LW5hdmJhcnMtYnJlYWRjcnVtYi1pbmRleCB7DQogIGhlaWdodDogNjRweDsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgLy8gcGFkZGluZy1yaWdodDogMTVweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgYmFja2dyb3VuZDogdmFyKC0tcHJldi1iZy10b3BCYXIpOw0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tcHJldi1ib3JkZXItY29sb3ItbGlnaHRlcik7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA+EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout/navBars/breadcrumb","sourcesContent":["<template>\r\n <div class=\"layout-navbars-breadcrumb-index\">\r\n <Logo v-if=\"setIsShowLogo\" />\r\n <Breadcrumb />\r\n <Horizontal :menuList=\"menuList\" v-if=\"isLayoutTransverse\" />\r\n <transverseAside v-if=\"isLayoutClassic\" />\r\n <User />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport Breadcrumb from '@/layout/navBars/breadcrumb/breadcrumb.vue';\r\nimport User from '@/layout/navBars/breadcrumb/user.vue';\r\nimport Logo from '@/layout/logo/index.vue';\r\nimport Horizontal from '@/layout/navMenu/horizontal.vue';\r\nimport transverseAside from '@/layout/component/transverseAside.vue';\r\nexport default {\r\n name: 'layoutNavBars',\r\n components: { Breadcrumb, User, Logo, Horizontal, transverseAside },\r\n data() {\r\n return {\r\n menuList: [],\r\n };\r\n },\r\n computed: {\r\n // 设置 logo 是否显示\r\n setIsShowLogo() {\r\n let { isShowLogo, layout } = this.$store.state.themeConfig.themeConfig;\r\n return (isShowLogo && layout === 'classic') || (isShowLogo && layout === 'transverse');\r\n },\r\n // 设置是否显示横向菜单\r\n isLayoutTransverse() {\r\n let { layout, isClassicSplitMenu } = this.$store.state.themeConfig.themeConfig;\r\n return layout === 'transverse' || (isClassicSplitMenu && layout === 'classic');\r\n },\r\n isLayoutClassic() {\r\n let { layout } = this.$store.state.themeConfig.themeConfig;\r\n return layout === 'classic';\r\n },\r\n },\r\n mounted() {\r\n this.setFilterRoutes();\r\n this.bus.$on('routesListChange', () => {\r\n this.setFilterRoutes();\r\n });\r\n },\r\n beforeDestroy() {\r\n this.bus.$off('routesListChange');\r\n },\r\n methods: {\r\n // 设置路由的过滤\r\n setFilterRoutes() {\r\n this.menuList = this.filterRoutesFun(this.$store.state.routesList.routesList);\r\n },\r\n // 设置路由的过滤递归函数\r\n filterRoutesFun(arr) {\r\n return arr\r\n .filter((item) => item.path)\r\n .map((item) => {\r\n item = Object.assign({}, item);\r\n if (item.children) item.children = this.filterRoutesFun(item.children);\r\n return item;\r\n });\r\n },\r\n },\r\n watch: {\r\n // 监听 vuex 数据变化\r\n '$store.state': {\r\n handler(val) {\r\n if (val.routesList.routesList.length === this.menuList.length) return false;\r\n this.setFilterRoutes();\r\n },\r\n deep: true,\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-navbars-breadcrumb-index {\r\n height: 64px;\r\n display: flex;\r\n align-items: center;\r\n // padding-right: 15px;\r\n overflow: hidden;\r\n background: var(--prev-bg-topBar);\r\n border-bottom: 1px solid var(--prev-border-color-lighter);\r\n}\r\n</style>\r\n"]}]}
|
