{"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":1619333322723},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouc2lnbl9ib3ggewogIC8vIHBhZGRpbmctbGVmdDogMTJweDsKICB3aWR0aDogY2FsYygxMDAlIC0gMTYwcHgpOwogIG92ZXJmbG93LXg6IHNjcm9sbDsKICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKCiAgLnNpZ25faXRlbSB7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICBmbG9hdDogbGVmdDsKICAgIGRpc3BsYXk6IGlubGluZS10YWJsZTsKICAgIGhlaWdodDogNTBweDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGxpbmUtaGVpZ2h0OiA1MHB4OwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgd2lkdGg6IDE0M3B4OwogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgIGNvbG9yOiAjZmZmOwoKICAgIC5pbWcgewogICAgICB3aWR0aDogMTUzcHg7CiAgICAgIGhlaWdodDogNDhweDsKICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICBsZWZ0OiAwOwogICAgICBib3R0b206IDA7CiAgICB9CgogICAgLmljb24gewogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgIHotaW5kZXg6IDE7CiAgICAgIHdpZHRoOiAxNnB4OwogICAgICBoZWlnaHQ6IDE2cHg7CiAgICAgIG1hcmdpbi1yaWdodDogOHB4OwogICAgfQoKICAgIHNwYW4gewogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgIHotaW5kZXg6IDE7CiAgICAgIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7CiAgICAgIGZvbnQtc2l6ZTogMTZweCAhaW1wb3J0YW50OwogICAgfQoKICAgIHN2ZyB7CiAgICAgIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7CiAgICAgIHotaW5kZXg6IDI7CiAgICAgIGxpbmUtaGVpZ2h0OiAxOwogICAgICBtYXJnaW4tcmlnaHQ6IDVweDsKICAgIH0KICB9Cn0KLmFjdGl2ZXsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzY3RkE4IWltcG9ydGFudDsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA;AACA;AACA;AACA;AACA;;AAEA;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;\r\n     white-space: nowrap;\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"]}]}