1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\SignNumArr\\index.vue?vue&type=style&index=0&id=1498306a&lang=scss&scoped=true&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\SignNumArr\\index.vue","mtime":1623215520062},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouc2lnbl9ib3ggewogIC8vIHBhZGRpbmctbGVmdDogMTJweDsKICB3aWR0aDogY2FsYygxMDAlIC0gMTYwcHgpOwogIG92ZXJmbG93LXg6IHNjcm9sbDsKICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKCgogIC5zaWduX2l0ZW0gewogICAgY3Vyc29yOiBwb2ludGVyOwogICAgZmxvYXQ6IGxlZnQ7CiAgICBkaXNwbGF5OiBpbmxpbmUtdGFibGU7CiAgICBoZWlnaHQ6IDUwcHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBsaW5lLWhlaWdodDogNTBweDsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHdpZHRoOiAxNDNweDsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICBjb2xvcjogI2ZmZjsKCiAgICAuaW1nIHsKICAgICAgd2lkdGg6IDE1M3B4OwogICAgICBoZWlnaHQ6IDQ4cHg7CiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgbGVmdDogMDsKICAgICAgYm90dG9tOiAwOwogICAgfQoKICAgIC5pY29uIHsKICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICB6LWluZGV4OiAxOwogICAgICB3aWR0aDogMTZweDsKICAgICAgaGVpZ2h0OiAxNnB4OwogICAgICBtYXJnaW4tcmlnaHQ6IDhweDsKICAgIH0KCiAgICBzcGFuIHsKICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICB6LWluZGV4OiAxOwogICAgICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50OwogICAgICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDsKICAgIH0KCiAgICBzdmcgewogICAgICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50OwogICAgICB6LWluZGV4OiAyOwogICAgICBsaW5lLWhlaWdodDogMTsKICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7CiAgICB9CiAgfQp9Ci5hY3RpdmV7CiAgYmFja2dyb3VuZC1jb2xvcjogIzM2N0ZBOCFpbXBvcnRhbnQ7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/SignNumArr","sourcesContent":["<template>\r\n <div class=\"sign_box\">\r\n <div class=\"sign_item\" :class=\"{active: activeMenu.includes((item.path||item.redirect))}\" v-for=\"item in this.sidebarRouters.filter(res => {\r\n return res.hidden == false || res.redirect == 'index'\r\n })\"\r\n @click=\"tabBtn(item)\">\r\n <!-- <img src=\"@/assets/images/pic_tabbg@2x.png\" draggable=\"false\" v-show=\"activeMenu.includes((item.path||item.redirect))\"\r\n alt=\"\" class=\"img\"> -->\r\n <item v-if=\"item.meta\" :icon=\"item.meta && item.meta.icon\" :title=\"item.meta.title\" />\r\n <item v-if=\"!item.meta\" :icon=\"item.meta && item.meta.icon\" :title=\"'首页'\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {\r\n mapGetters,\r\n mapState\r\n } from \"vuex\";\r\n import Item from '@/layout/components/Sidebar/Item'\r\n\r\n export default {\r\n data() {\r\n return {\r\n indexs: 1,\r\n newArr: [],\r\n }\r\n },\r\n components: {\r\n Item\r\n },\r\n computed: {\r\n ...mapGetters([\"sidebarRouters\", \"sidebar\", \"tabIndex\"]),\r\n activeMenu() {\r\n // const route = this.$route;\r\n // const { meta, path } = route;\r\n // // if set path, the sidebar will highlight the path you set\r\n // if (meta.activeMenu) {\r\n // return meta.activeMenu;\r\n // }\r\n return this.tabIndex;\r\n },\r\n },\r\n mounted() {\r\n this.init()\r\n },\r\n watch: {\r\n\r\n },\r\n methods: {\r\n tabBtn(item) {\r\n if(this.activeMenu.includes((item.path||item.redirect))){\r\n return\r\n }\r\n if (item.redirect == 'index') {\r\n if(this.$route.path!=='/index'){\r\n this.$router.push({\r\n path: '/index'\r\n })\r\n }\r\n this.$store.dispatch('TabFn', item.redirect)\r\n return\r\n }\r\n this.$store.dispatch('TabFn', item.path)\r\n },\r\n init() {\r\n const route = this.$route;\r\n const {\r\n meta,\r\n path\r\n } = route;\r\n // if set path, the sidebar will highlight the path you set\r\n console.log(route)\r\n if (meta.activeMenu) {\r\n this.$store.dispatch('TabFn', meta.activeMenu)\r\n }\r\n this.$store.dispatch('TabFn', path)\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n .sign_box {\r\n // padding-left: 12px;\r\n width: calc(100% - 160px);\r\n overflow-x: scroll;\n white-space: nowrap;\r\n\r\n\r\n .sign_item {\r\n cursor: pointer;\r\n float: left;\r\n display: inline-table;\r\n height: 50px;\r\n text-align: center;\r\n line-height: 50px;\r\n position: relative;\r\n width: 143px;\r\n box-sizing: border-box;\r\n color: #fff;\r\n\r\n .img {\r\n width: 153px;\r\n height: 48px;\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n }\r\n\r\n .icon {\r\n position: relative;\r\n z-index: 1;\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 8px;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 1;\r\n color: #fff !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n svg {\r\n color: #fff !important;\r\n z-index: 2;\r\n line-height: 1;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n .active{\r\n background-color: #367FA8!important;\r\n }\r\n</style>\r\n"]}]}
|