{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\breadcrumb\\index.vue?vue&type=style&index=0&id=503da8ce&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\breadcrumb\\index.vue","mtime":1761614938998},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"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"]}]}