| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\breadcrumb\\breadcrumb.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\breadcrumb\\breadcrumb.vue","mtime":1761614938998},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgeyBMb2NhbCB9IGZyb20gJ0AvdXRpbHMvc3RvcmFnZS5qcyc7DQppbXBvcnQgeyBSIH0gZnJvbSAnQC9saWJzL3V0aWwnOw0KaW1wb3J0IHsgZ2V0TWVudW9wZW4gfSBmcm9tICdAL2xpYnMvdXRpbCc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2xheW91dEJyZWFkY3J1bWInLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBicmVhZGNydW1iTGlzdDogW10sDQogICAgICByb3V0ZVNwbGl0OiBbXSwNCiAgICAgIHJvdXRlU3BsaXRGaXJzdDogJycsDQogICAgICByb3V0ZVNwbGl0SW5kZXg6IDEsDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBicmVhZENydW1iTGlzdCgpIHsNCiAgICAgIGxldCBtZW51TGlzdCA9IHRoaXMuJHN0b3JlLnN0YXRlLm1lbnVzLm1lbnVzTmFtZTsNCiAgICAgIGxldCBvcGVuTWVudXMgPSBnZXRNZW51b3Blbih0aGlzLiRyb3V0ZSwgbWVudUxpc3QpOw0KICAgICAgbGV0IGFsbE1lbnVMaXN0ID0gUihtZW51TGlzdCwgW10pOw0KICAgICAgbGV0IHNlbGVjdE1lbnUgPSBbXTsNCiAgICAgIGlmIChhbGxNZW51TGlzdC5sZW5ndGggPiAwKSB7DQogICAgICAgIG9wZW5NZW51cy5mb3JFYWNoKChpKSA9PiB7DQogICAgICAgICAgYWxsTWVudUxpc3QuZm9yRWFjaCgoYSkgPT4gew0KICAgICAgICAgICAgaWYgKGkgPT09IGEucGF0aCkgew0KICAgICAgICAgICAgICBzZWxlY3RNZW51LnB1c2goYSk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSk7DQogICAgICAgIH0pOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIHNlbGVjdE1lbnU7DQogICAgfSwNCiAgICBjcnVtYlBhc3QoKSB7DQogICAgICBsZXQgdGhhdCA9IHRoaXM7DQogICAgICBsZXQgbWVudUxpc3QgPSB0aGF0LiRzdG9yZS5zdGF0ZS5tZW51cy5tZW51c05hbWU7DQogICAgICBsZXQgYWxsTWVudUxpc3QgPSBSKG1lbnVMaXN0LCBbXSk7DQogICAgICBsZXQgc2VsZWN0TWVudSA9IFtdOw0KICAgICAgaWYgKGFsbE1lbnVMaXN0Lmxlbmd0aCA+IDApIHsNCiAgICAgICAgYWxsTWVudUxpc3QuZm9yRWFjaCgoYSkgPT4gew0KICAgICAgICAgIGlmICh0aGF0LiRyb3V0ZS5wYXRoID09PSBhLnBhdGgpIHsNCiAgICAgICAgICAgIHNlbGVjdE1lbnUucHVzaChhKTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIHNlbGVjdE1lbnU7DQogICAgfSwNCiAgICAvLyDojrflj5bluIPlsYDphY3nva7kv6Hmga8NCiAgICBnZXRUaGVtZUNvbmZpZygpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZzsNCiAgICB9LA0KICAgIC8vIOWKqOaAgeiuvue9rue7j+WFuOOAgeaoquWQkeW4g+WxgOS4jeaYvuekug0KICAgIGlzU2hvd0JyZWFkY3J1bWIoKSB7DQogICAgICBjb25zdCB7IGxheW91dCwgaXNCcmVhZGNydW1iIH0gPSB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZzsNCiAgICAgIGlmIChsYXlvdXQgPT09ICd0cmFuc3ZlcnNlJyB8fCBsYXlvdXQgPT09ICdjbGFzc2ljJykgew0KICAgICAgICByZXR1cm4gJ25vbmUnOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgcmV0dXJuIGlzQnJlYWRjcnVtYiA/ICcnIDogJ25vbmUnOw0KICAgICAgfQ0KICAgIH0sDQogICAgaXNTaG93Y3J1bWIoKSB7DQogICAgICBjb25zdCB7IGxheW91dCB9ID0gdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWc7DQogICAgICBpZiAobGF5b3V0ID09PSAndHJhbnN2ZXJzZScgfHwgbGF5b3V0ID09PSAnY2xhc3NpYycpIHsNCiAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgcmV0dXJuIHRydWU7DQogICAgICB9DQogICAgfSwNCiAgICBjb2xsYXBzZVNob3coKSB7DQogICAgICByZXR1cm4gWydkZWZhdWx0cycsICdjb2x1bW5zJ10uaW5jbHVkZXModGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcubGF5b3V0KTsNCiAgICB9LA0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuaW5pdFJvdXRlU3BsaXQodGhpcy4kcm91dGUucGF0aCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyBicmVhZGNydW1iIOW9k+WJjemhueeCueWHu+aXtg0KICAgIG9uQnJlYWRjcnVtYkNsaWNrKHYpIHsNCiAgICAgIGNvbnN0IHsgcmVkaXJlY3QsIHBhdGggfSA9IHY7DQogICAgICBpZiAocmVkaXJlY3QpIHRoaXMuJHJvdXRlci5wdXNoKHJlZGlyZWN0KTsNCiAgICAgIGVsc2UgdGhpcy4kcm91dGVyLnB1c2gocGF0aCk7DQogICAgfSwNCiAgICAvLyBicmVhZGNydW1iIGljb24g54K55Ye76I+c5Y2V5bGV5byA5LiO5pS26LW3DQogICAgb25UaGVtZUNvbmZpZ0NoYW5nZSgpIHsNCiAgICAgIGlmICgNCiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcubGF5b3V0ID09ICdjb2x1bW5zJyAmJg0KICAgICAgICAhdGhpcy4kc3RvcmUuc3RhdGUubWVudXMuY2hpbGRNZW51TGlzdC5sZW5ndGggJiYNCiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZQ0KICAgICAgKSB7DQogICAgICAgIHJldHVybjsNCiAgICAgIH0NCiAgICAgIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmlzQ29sbGFwc2UgPSAhdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZTsNCiAgICAgIHRoaXMuc2V0TG9jYWxUaGVtZUNvbmZpZygpOw0KICAgIH0sDQogICAgLy8g5a2Y5YKo5biD5bGA6YWN572uDQogICAgc2V0TG9jYWxUaGVtZUNvbmZpZygpIHsNCiAgICAgIExvY2FsLnJlbW92ZSgndGhlbWVDb25maWdQcmV2Jyk7DQogICAgICBMb2NhbC5zZXQoJ3RoZW1lQ29uZmlnUHJldicsIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnKTsNCiAgICB9LA0KICAgIC8vIOmAkuW9kuiuvue9riBicmVhZGNydW1iDQogICAgZ2V0QnJlYWRjcnVtYkxpc3QoYXJyKSB7DQogICAgICBhcnIubWFwKChpdGVtKSA9PiB7DQogICAgICAgIHRoaXMucm91dGVTcGxpdC5tYXAoKHYsIGssIGFycnMpID0+IHsNCiAgICAgICAgICBpZiAodGhpcy5yb3V0ZVNwbGl0Rmlyc3QgPT09IGl0ZW0ucGF0aCkgew0KICAgICAgICAgICAgdGhpcy5yb3V0ZVNwbGl0Rmlyc3QgKz0gYC8ke2FycnNbdGhpcy5yb3V0ZVNwbGl0SW5kZXhdfWA7DQogICAgICAgICAgICB0aGlzLmJyZWFkY3J1bWJMaXN0LnB1c2goaXRlbSk7DQogICAgICAgICAgICB0aGlzLnJvdXRlU3BsaXRJbmRleCsrOw0KICAgICAgICAgICAgaWYgKGl0ZW0uY2hpbGRyZW4pIHRoaXMuZ2V0QnJlYWRjcnVtYkxpc3QoaXRlbS5jaGlsZHJlbik7DQogICAgICAgICAgfQ0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5b2T5YmN6Lev55Sx5YiG5Ymy5aSE55CGDQogICAgaW5pdFJvdXRlU3BsaXQocGF0aCkgew0KICAgICAgdGhpcy5icmVhZGNydW1iTGlzdCA9IFsNCiAgICAgICAgew0KICAgICAgICAgIHBhdGg6ICcvJywNCiAgICAgICAgICBtZXRhOiB7DQogICAgICAgICAgICB0aXRsZTogdGhpcy4kc3RvcmUuc3RhdGUucm91dGVzTGlzdC5yb3V0ZXNMaXN0WzBdLnRpdGxlLA0KICAgICAgICAgICAgaWNvbjogdGhpcy4kc3RvcmUuc3RhdGUucm91dGVzTGlzdC5yb3V0ZXNMaXN0WzBdLmljb24sDQogICAgICAgICAgfSwNCiAgICAgICAgfSwNCiAgICAgIF07DQogICAgICAvLyAgIHRoaXMucm91dGVTcGxpdCA9IHBhdGguc3BsaXQoJy8nKTsNCiAgICAgIC8vICAgdGhpcy5yb3V0ZVNwbGl0LnNoaWZ0KCk7DQogICAgICB0aGlzLnJvdXRlU3BsaXRGaXJzdCA9IHBhdGg7DQogICAgICB0aGlzLnJvdXRlU3BsaXRJbmRleCA9IDE7DQogICAgICB0aGlzLmdldEJyZWFkY3J1bWJMaXN0KHRoaXMuJHN0b3JlLnN0YXRlLnJvdXRlc0xpc3Qucm91dGVzTGlzdCk7DQogICAgfSwNCiAgfSwNCiAgLy8g55uR5ZCs6Lev55Sx55qE5Y+Y5YyWDQogIHdhdGNoOiB7DQogICAgJHJvdXRlOiB7DQogICAgICBoYW5kbGVyKG5ld1ZhbCkgew0KICAgICAgICAvLyB0aGlzLmluaXRSb3V0ZVNwbGl0KG5ld1ZhbC5wYXRoKTsNCiAgICAgICAgbGV0IG1lbnVMaXN0ID0gdGhpcy4kc3RvcmUuc3RhdGUubWVudXMubWVudXNOYW1lOw0KICAgICAgICBsZXQgb3Blbk1lbnVzID0gZ2V0TWVudW9wZW4obmV3VmFsLCBtZW51TGlzdCk7DQogICAgICAgIGxldCBhbGxNZW51TGlzdCA9IFIobWVudUxpc3QsIFtdKTsNCiAgICAgICAgbGV0IHNlbGVjdE1lbnUgPSBbXTsNCiAgICAgICAgaWYgKGFsbE1lbnVMaXN0Lmxlbmd0aCA+IDApIHsNCiAgICAgICAgICBvcGVuTWVudXMuZm9yRWFjaCgoaSkgPT4gew0KICAgICAgICAgICAgYWxsTWVudUxpc3QuZm9yRWFjaCgoYSkgPT4gew0KICAgICAgICAgICAgICBpZiAoaSA9PT0gYS5wYXRoKSB7DQogICAgICAgICAgICAgICAgc2VsZWN0TWVudS5wdXNoKGEpOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["breadcrumb.vue"],"names":[],"mappings":";AAkCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"breadcrumb.vue","sourceRoot":"src/layout/navBars/breadcrumb","sourcesContent":["<template>\r\n <div class=\"layout-navbars-breadcrumb\">\r\n <!-- {{[...breadCrumbList,...crumbPast]}} -->\r\n <i\r\n v-if=\"collapseShow\"\r\n class=\"layout-navbars-breadcrumb-icon\"\r\n :class=\"getThemeConfig.isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'\"\r\n v-db-click\r\n @click=\"onThemeConfigChange\"\r\n ></i>\r\n <el-breadcrumb class=\"layout-navbars-breadcrumb-hide\" v-if=\"isShowcrumb\" :style=\"{ display: isShowBreadcrumb }\">\r\n <transition-group name=\"breadcrumb\" mode=\"out-in\">\r\n <el-breadcrumb-item v-for=\"(v, k) in [...breadCrumbList, ...crumbPast]\" :key=\"v.path\">\r\n <span v-if=\"k == 1\" class=\"layout-navbars-breadcrumb-span\">\r\n <Icon\r\n :type=\"v.icon\"\r\n class=\"ivu-icon layout-navbars-breadcrumb-iconfont\"\r\n v-if=\"getThemeConfig.isBreadcrumbIcon\"\r\n />{{ $t(v.title) }}\r\n </span>\r\n <a v-else v-db-click @click.prevent=\"onBreadcrumbClick(v)\">\r\n <Icon\r\n :type=\"v.icon\"\r\n class=\"ivu-icon layout-navbars-breadcrumb-iconfont\"\r\n v-if=\"getThemeConfig.isBreadcrumbIcon\"\r\n />{{ $t(v.title) }}\r\n </a>\r\n </el-breadcrumb-item>\r\n </transition-group>\r\n </el-breadcrumb>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { Local } from '@/utils/storage.js';\r\nimport { R } from '@/libs/util';\r\nimport { getMenuopen } from '@/libs/util';\r\n\r\nexport default {\r\n name: 'layoutBreadcrumb',\r\n data() {\r\n return {\r\n breadcrumbList: [],\r\n routeSplit: [],\r\n routeSplitFirst: '',\r\n routeSplitIndex: 1,\r\n };\r\n },\r\n computed: {\r\n breadCrumbList() {\r\n let menuList = this.$store.state.menus.menusName;\r\n let openMenus = getMenuopen(this.$route, menuList);\r\n let allMenuList = R(menuList, []);\r\n let selectMenu = [];\r\n if (allMenuList.length > 0) {\r\n openMenus.forEach((i) => {\r\n allMenuList.forEach((a) => {\r\n if (i === a.path) {\r\n selectMenu.push(a);\r\n }\r\n });\r\n });\r\n }\r\n return selectMenu;\r\n },\r\n crumbPast() {\r\n let that = this;\r\n let menuList = that.$store.state.menus.menusName;\r\n let allMenuList = R(menuList, []);\r\n let selectMenu = [];\r\n if (allMenuList.length > 0) {\r\n allMenuList.forEach((a) => {\r\n if (that.$route.path === a.path) {\r\n selectMenu.push(a);\r\n }\r\n });\r\n }\r\n return selectMenu;\r\n },\r\n // 获取布局配置信息\r\n getThemeConfig() {\r\n return this.$store.state.themeConfig.themeConfig;\r\n },\r\n // 动态设置经典、横向布局不显示\r\n isShowBreadcrumb() {\r\n const { layout, isBreadcrumb } = this.$store.state.themeConfig.themeConfig;\r\n if (layout === 'transverse' || layout === 'classic') {\r\n return 'none';\r\n } else {\r\n return isBreadcrumb ? '' : 'none';\r\n }\r\n },\r\n isShowcrumb() {\r\n const { layout } = this.$store.state.themeConfig.themeConfig;\r\n if (layout === 'transverse' || layout === 'classic') {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n },\r\n collapseShow() {\r\n return ['defaults', 'columns'].includes(this.$store.state.themeConfig.themeConfig.layout);\r\n },\r\n },\r\n mounted() {\r\n this.initRouteSplit(this.$route.path);\r\n },\r\n methods: {\r\n // breadcrumb 当前项点击时\r\n onBreadcrumbClick(v) {\r\n const { redirect, path } = v;\r\n if (redirect) this.$router.push(redirect);\r\n else this.$router.push(path);\r\n },\r\n // breadcrumb icon 点击菜单展开与收起\r\n onThemeConfigChange() {\r\n if (\r\n this.$store.state.themeConfig.themeConfig.layout == 'columns' &&\r\n !this.$store.state.menus.childMenuList.length &&\r\n this.$store.state.themeConfig.themeConfig.isCollapse\r\n ) {\r\n return;\r\n }\r\n this.$store.state.themeConfig.themeConfig.isCollapse = !this.$store.state.themeConfig.themeConfig.isCollapse;\r\n this.setLocalThemeConfig();\r\n },\r\n // 存储布局配置\r\n setLocalThemeConfig() {\r\n Local.remove('themeConfigPrev');\r\n Local.set('themeConfigPrev', this.$store.state.themeConfig.themeConfig);\r\n },\r\n // 递归设置 breadcrumb\r\n getBreadcrumbList(arr) {\r\n arr.map((item) => {\r\n this.routeSplit.map((v, k, arrs) => {\r\n if (this.routeSplitFirst === item.path) {\r\n this.routeSplitFirst += `/${arrs[this.routeSplitIndex]}`;\r\n this.breadcrumbList.push(item);\r\n this.routeSplitIndex++;\r\n if (item.children) this.getBreadcrumbList(item.children);\r\n }\r\n });\r\n });\r\n },\r\n // 当前路由分割处理\r\n initRouteSplit(path) {\r\n this.breadcrumbList = [\r\n {\r\n path: '/',\r\n meta: {\r\n title: this.$store.state.routesList.routesList[0].title,\r\n icon: this.$store.state.routesList.routesList[0].icon,\r\n },\r\n },\r\n ];\r\n // this.routeSplit = path.split('/');\r\n // this.routeSplit.shift();\r\n this.routeSplitFirst = path;\r\n this.routeSplitIndex = 1;\r\n this.getBreadcrumbList(this.$store.state.routesList.routesList);\r\n },\r\n },\r\n // 监听路由的变化\r\n watch: {\r\n $route: {\r\n handler(newVal) {\r\n // this.initRouteSplit(newVal.path);\r\n let menuList = this.$store.state.menus.menusName;\r\n let openMenus = getMenuopen(newVal, menuList);\r\n let allMenuList = R(menuList, []);\r\n let selectMenu = [];\r\n if (allMenuList.length > 0) {\r\n openMenus.forEach((i) => {\r\n allMenuList.forEach((a) => {\r\n if (i === a.path) {\r\n selectMenu.push(a);\r\n }\r\n });\r\n });\r\n }\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 {\r\n // flex: 1;\r\n height: inherit;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 15px;\r\n .layout-navbars-breadcrumb-icon {\r\n cursor: pointer;\r\n font-size: 18px;\r\n margin-right: 15px;\r\n color: var(--prev-bg-topBarColor);\r\n opacity: 0.8;\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n .layout-navbars-breadcrumb-span {\r\n opacity: 0.7;\r\n color: var(--prev-bg-topBarColor);\r\n }\r\n .layout-navbars-breadcrumb-iconfont {\r\n font-size: 14px;\r\n margin-right: 5px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
