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.
1 line
8.0 KiB
1 line
8.0 KiB
{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\common\\BreadCrumbs.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\common\\BreadCrumbs.vue","mtime":1649818276008},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1720078529261},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgcGF0aFRvUmVnZXhwIGZyb20gJ3BhdGgtdG8tcmVnZXhwJw0KaW1wb3J0IHsgZ2VuZXJhdGVUaXRsZSB9IGZyb20gJ0AvdXRpbHMvaTE4bicNCmV4cG9ydCBkZWZhdWx0IHsNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgbGV2ZWxMaXN0OiBudWxsDQogICAgfQ0KICB9LA0KICB3YXRjaDogew0KICAgICRyb3V0ZSgpIHsNCiAgICAgIHRoaXMuZ2V0QnJlYWRjcnVtYigpDQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0QnJlYWRjcnVtYigpDQogICAgdGhpcy5icmVhZGNydW1iU3R5bGVDaGFuZ2UoKQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ2VuZXJhdGVUaXRsZSwNCiAgICBnZXRCcmVhZGNydW1iKCkgew0KICAgICAgLy8gb25seSBzaG93IHJvdXRlcyB3aXRoIG1ldGEudGl0bGUNCiAgICAgIGxldCByb3V0ZSA9IHRoaXMuJHJvdXRlDQogICAgICBsZXQgbWF0Y2hlZCA9IHJvdXRlLm1hdGNoZWQuZmlsdGVyKGl0ZW0gPT4gaXRlbS5tZXRhKQ0KICAgICAgY29uc3QgZmlyc3QgPSBtYXRjaGVkWzBdDQogICAgICBtYXRjaGVkID0gW3sgcGF0aDogJy9pbmRleCcgfV0uY29uY2F0KG1hdGNoZWQpDQoNCiAgICAgIHRoaXMubGV2ZWxMaXN0ID0gbWF0Y2hlZC5maWx0ZXIoaXRlbSA9PiBpdGVtLm1ldGEpDQogICAgfSwNCiAgICBpc0Rhc2hib2FyZChyb3V0ZSkgew0KICAgICAgY29uc3QgbmFtZSA9IHJvdXRlICYmIHJvdXRlLm5hbWUNCiAgICAgIGlmICghbmFtZSkgew0KICAgICAgICByZXR1cm4gZmFsc2UNCiAgICAgIH0NCiAgICAgIHJldHVybiBuYW1lLnRyaW0oKS50b0xvY2FsZUxvd2VyQ2FzZSgpID09PSAnSW5kZXgnLnRvTG9jYWxlTG93ZXJDYXNlKCkNCiAgICB9LA0KICAgIHBhdGhDb21waWxlKHBhdGgpIHsNCiAgICAgIC8vIFRvIHNvbHZlIHRoaXMgcHJvYmxlbSBodHRwczovL2dpdGh1Yi5jb20vUGFuSmlhQ2hlbi92dWUtZWxlbWVudC1hZG1pbi9pc3N1ZXMvNTYxDQogICAgICBjb25zdCB7IHBhcmFtcyB9ID0gdGhpcy4kcm91dGUNCiAgICAgIHZhciB0b1BhdGggPSBwYXRoVG9SZWdleHAuY29tcGlsZShwYXRoKQ0KICAgICAgcmV0dXJuIHRvUGF0aChwYXJhbXMpDQogICAgfSwNCiAgICBoYW5kbGVMaW5rKGl0ZW0pIHsNCiAgICAgIGNvbnN0IHsgcmVkaXJlY3QsIHBhdGggfSA9IGl0ZW0NCiAgICAgIGlmIChyZWRpcmVjdCkgew0KICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaChyZWRpcmVjdCkNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaChwYXRoKQ0KICAgIH0sDQogICAgYnJlYWRjcnVtYlN0eWxlQ2hhbmdlKHZhbCkgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCk9PnsNCiAgICAgICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLmFwcC1icmVhZGNydW1iIC5lbC1icmVhZGNydW1iX19zZXBhcmF0b3InKS5mb3JFYWNoKGVsPT57DQogICAgICAgICAgZWwuaW5uZXJUZXh0ID0gIuKcjCINCiAgICAgICAgICBlbC5zdHlsZS5jb2xvciA9ICIjQzBDNENDIg0KICAgICAgICB9KQ0KICAgICAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuYXBwLWJyZWFkY3J1bWIgLmVsLWJyZWFkY3J1bWJfX2lubmVyIGEnKS5mb3JFYWNoKGVsPT57DQogICAgICAgICAgZWwuc3R5bGUuY29sb3IgPSAicmdiYSgxMTcsIDExMywgMjQ5LCAxKSINCiAgICAgICAgfSkNCiAgICAgICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLmFwcC1icmVhZGNydW1iIC5lbC1icmVhZGNydW1iX19pbm5lciAubm8tcmVkaXJlY3QnKS5mb3JFYWNoKGVsPT57DQogICAgICAgICAgZWwuc3R5bGUuY29sb3IgPSAicmdiYSgxNzksIDE3OSwgMTc5LCAxKSINCiAgICAgICAgfSkNCg0KICAgICAgICBsZXQgc3RyID0gInZlcnRpY2FsIg0KICAgICAgICBpZigidmVydGljYWwiID09PSBzdHIpIHsNCiAgICAgICAgICBsZXQgaGVhZEhlaWdodCA9ICI0MHB4Ig0KICAgICAgICAgIGhlYWRIZWlnaHQgPSBwYXJzZUludChoZWFkSGVpZ2h0KSArIDEwICsgJ3B4Jw0KICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5hcHAtYnJlYWRjcnVtYicpLmZvckVhY2goZWw9PnsNCiAgICAgICAgICAgIGVsLnN0eWxlLm1hcmdpblRvcCA9IGhlYWRIZWlnaHQNCiAgICAgICAgICB9KQ0KICAgICAgICB9DQoNCiAgICAgIH0pDQogICAgfSwNCiAgfQ0KfQ0K"},{"version":3,"sources":["BreadCrumbs.vue"],"names":[],"mappings":";;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"BreadCrumbs.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n <el-breadcrumb class=\"app-breadcrumb\" separator=\"✌\" style=\"height:40px;backgroundColor:${template.back.breadcrumb.boxBackgroundColor};borderRadius:0px;padding:0px 0px 0px 450px;boxShadow:0px 0px 0px #f903d4;borderWidth:2px;borderStyle:none none dashed none ;borderColor:rgba(117, 113, 249, 1);\">\r\n <transition-group name=\"breadcrumb\" class=\"box\" :style=\"1==1?'justifyContent:flex-start;':1==2?'justifyContent:center;':'justifyContent:flex-end;'\">\r\n <el-breadcrumb-item v-for=\"(item,index) in levelList\" :key=\"item.path\">\r\n <span v-if=\"item.redirect==='noRedirect'||index==levelList.length-1\" class=\"no-redirect\">{{ item.name }}</span>\r\n <a v-else @click.prevent=\"handleLink(item)\">{{ item.name }}</a>\r\n </el-breadcrumb-item>\r\n </transition-group>\r\n </el-breadcrumb>\r\n</template>\r\n\r\n<script>\r\nimport pathToRegexp from 'path-to-regexp'\r\nimport { generateTitle } from '@/utils/i18n'\r\nexport default {\r\n data() {\r\n return {\r\n levelList: null\r\n }\r\n },\r\n watch: {\r\n $route() {\r\n this.getBreadcrumb()\r\n }\r\n },\r\n created() {\r\n this.getBreadcrumb()\r\n this.breadcrumbStyleChange()\r\n },\r\n methods: {\r\n generateTitle,\r\n getBreadcrumb() {\r\n // only show routes with meta.title\r\n let route = this.$route\r\n let matched = route.matched.filter(item => item.meta)\r\n const first = matched[0]\r\n matched = [{ path: '/index' }].concat(matched)\r\n\r\n this.levelList = matched.filter(item => item.meta)\r\n },\r\n isDashboard(route) {\r\n const name = route && route.name\r\n if (!name) {\r\n return false\r\n }\r\n return name.trim().toLocaleLowerCase() === 'Index'.toLocaleLowerCase()\r\n },\r\n pathCompile(path) {\r\n // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561\r\n const { params } = this.$route\r\n var toPath = pathToRegexp.compile(path)\r\n return toPath(params)\r\n },\r\n handleLink(item) {\r\n const { redirect, path } = item\r\n if (redirect) {\r\n this.$router.push(redirect)\r\n return\r\n }\r\n this.$router.push(path)\r\n },\r\n breadcrumbStyleChange(val) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__separator').forEach(el=>{\r\n el.innerText = \"✌\"\r\n el.style.color = \"#C0C4CC\"\r\n })\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner a').forEach(el=>{\r\n el.style.color = \"rgba(117, 113, 249, 1)\"\r\n })\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner .no-redirect').forEach(el=>{\r\n el.style.color = \"rgba(179, 179, 179, 1)\"\r\n })\r\n\r\n let str = \"vertical\"\r\n if(\"vertical\" === str) {\r\n let headHeight = \"40px\"\r\n headHeight = parseInt(headHeight) + 10 + 'px'\r\n document.querySelectorAll('.app-breadcrumb').forEach(el=>{\r\n el.style.marginTop = headHeight\r\n })\r\n }\r\n\r\n })\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.app-breadcrumb {\r\n display: block;\r\n font-size: 14px;\r\n line-height: 50px;\r\n\r\n .box {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n\r\n .no-redirect {\r\n color: #97a8be;\r\n cursor: text;\r\n }\r\n}\r\n</style>\r\n"]}]} |