{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/Breadcrumb/index.vue?vue&type=style&index=0&id=b50ef614&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/Breadcrumb/index.vue","mtime":1708395041799},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5hcHAtYnJlYWRjcnVtYi5lbC1icmVhZGNydW1iIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgZm9udC1zaXplOiAxNHB4OwogIGxpbmUtaGVpZ2h0OiA0MHB4OwogIHBhZGRpbmctbGVmdDogOHB4OwogIGJhY2tncm91bmQtY29sb3I6IHJnYigyNDUsIDI0NSwgMjQ1KTsKCiAgLm5vLXJlZGlyZWN0IHsKICAgIGNvbG9yOiAjMjc2NmRkOwogICAgY3Vyc29yOiB0ZXh0OwogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Breadcrumb","sourcesContent":["<template>\n  <el-breadcrumb class=\"app-breadcrumb\" separator=\"/\">\n    <transition-group name=\"breadcrumb\">\n      <el-breadcrumb-item v-for=\"(item, index) in levelList\" :key=\"item.path\">\n        <a v-if=\"index === 0\" @click.prevent=\"handleLink(item, index)\">{{\n          item.meta.title\n        }}</a>\n\n        <span\n          v-else\n          :class=\"{ 'no-redirect': index == levelList.length - 1 }\"\n          >{{ item.meta.title }}</span\n        >\n      </el-breadcrumb-item>\n    </transition-group>\n  </el-breadcrumb>\n</template>\n\n<script>\nimport pathToRegexp from \"path-to-regexp\";\n\nexport default {\n  data() {\n    return {\n      levelList: null,\n    };\n  },\n  watch: {\n    $route() {\n      this.getBreadcrumb();\n    },\n  },\n  created() {\n    this.getBreadcrumb();\n  },\n  methods: {\n    getBreadcrumb() {\n      // only show routes with meta.title\n      let matched = this.$route.matched.filter(\n        (item) => item.meta && item.meta.title\n      );\n      const first = matched[0];\n\n      if (!this.isDashboard(first)) {\n        matched = [{ path: \"/dashboard\", meta: { title: \"首页\" } }].concat(\n          matched\n        );\n      }\n\n      this.levelList = matched.filter(\n        (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false\n      );\n    },\n    isDashboard(route) {\n      const name = route && route.name;\n      if (!name) {\n        return false;\n      }\n      return (\n        name.trim().toLocaleLowerCase() === \"Dashboard\".toLocaleLowerCase()\n      );\n    },\n    pathCompile(path) {\n      const { params } = this.$route;\n      var toPath = pathToRegexp.compile(path);\n      return toPath(params);\n    },\n    handleLink(item, index) {\n      if (index === 0) {\n        const { redirect, path } = item;\n        if (redirect) {\n          this.$router.push(redirect);\n          return;\n        }\n        this.$router.push(this.pathCompile(path));\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.app-breadcrumb.el-breadcrumb {\n  display: inline-block;\n  width: 100%;\n  font-size: 14px;\n  line-height: 40px;\n  padding-left: 8px;\n  background-color: rgb(245, 245, 245);\n\n  .no-redirect {\n    color: #2766dd;\n    cursor: text;\n  }\n}\n</style>\n"]}]}