{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\TopBar\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\TopBar\\index.vue","mtime":1678954023503},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZhcmlhYmxlcyBmcm9tICJAL2NvbmZpZy92YXJpYWJsZXMuc2NzcyI7CmltcG9ydCB7IG1hcEdldHRlcnMgfSBmcm9tICJ2dWV4IjsKaW1wb3J0IHsgbWVudXMgfSBmcm9tICIuLi9HYWxsZXJ5QmFyL21lbnVzIjsKaW1wb3J0IHsgc3RvcmVNZW51cyB9IGZyb20gIi4uL0dhbGxlcnlCYXIvc3RvcmVNZW51cyI7CmltcG9ydCB7IG1lcmNoTWVudXMgfSBmcm9tICIuLi9HYWxsZXJ5QmFyL21lcmNoTWVudXMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlRvcEJhciIsCiAgcHJvcHM6IHsKICAgIGxheW91dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICJob3Jpem9udGFsIgogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtZW51VHJpZ2dlcjogImhvdmVyIgogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgLy8g5Yy65YiG5ZCO5Y+w57G75Z6L77yMMS3mgLvlkI7lj7DvvIwyLeWkmumXqOW6l++8jDMt5aSa5ZWG5oi3CiAgICAgIHN5c3RlbVR5cGU6ICJNVXNlci9zeXN0ZW1UeXBlIgogICAgfSksCgogICAgcm91dGVzKCkgewogICAgICBpZiAodGhpcy5zeXN0ZW1UeXBlID09PSAyKSB7CiAgICAgICAgcmV0dXJuIHN0b3JlTWVudXMoKTsKICAgICAgfSBlbHNlIGlmICh0aGlzLnN5c3RlbVR5cGUgPT09IDMpIHsKICAgICAgICByZXR1cm4gbWVyY2hNZW51cygpOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiBtZW51cygpOwogICAgICB9CiAgICB9LAoKICAgIGFjdGl2ZU1lbnUoKSB7CiAgICAgIGNvbnN0IHJvdXRlID0gdGhpcy4kcm91dGU7CiAgICAgIGNvbnN0IHsKICAgICAgICBtZXRhLAogICAgICAgIHBhdGgKICAgICAgfSA9IHJvdXRlOwoKICAgICAgaWYgKG1ldGEuYWN0aXZlTWVudSkgewogICAgICAgIHJldHVybiBtZXRhLmFjdGl2ZU1lbnU7CiAgICAgIH0KCiAgICAgIHJldHVybiBwYXRoOwogICAgfSwKCiAgICB2YXJpYWJsZXMoKSB7CiAgICAgIHJldHVybiB2YXJpYWJsZXM7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;AACA;AACA;AACA;AACA;AAEA;EACAA,cADA;EAEAC;IACAC;MACAC,YADA;MAEAC;IAFA;EADA,CAFA;;EAQAC;IACA;MACAC;IADA;EAGA,CAZA;;EAaAC,YACA;MACA;MACAC;IAFA,EADA;;IAKAC;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CAbA;;IAcAC;MACA;MACA;QAAAC;QAAAC;MAAA;;MACA;QACA;MACA;;MACA;IACA,CArBA;;IAsBAC;MACA;IACA;;EAxBA;AAbA","names":["name","props","layout","type","default","data","menuTrigger","computed","systemType","routes","activeMenu","meta","path","variables"],"sourceRoot":"src/vab/components/TopBar","sources":["index.vue"],"sourcesContent":["<template>\n  <div class=\"top-bar-container\">\n    <div class=\"vab-main\">\n      <el-row>\n        <el-col :span=\"6\">\n          <logo />\n        </el-col>\n        <el-col v-if=\"layout === 'horizontal'\" :span=\"11\">\n          <el-menu\n            :active-text-color=\"variables['menu-color-active']\"\n            :background-color=\"variables['menu-background']\"\n            :default-active=\"activeMenu\"\n            :text-color=\"variables['menu-color']\"\n            menu-trigger=\"hover\"\n            mode=\"horizontal\"\n          >\n            <template v-for=\"route in routes\">\n              <vab-menu\n                v-if=\"!route.hidden\"\n                :key=\"route.path\"\n                :item=\"route\"\n              ></vab-menu>\n            </template>\n          </el-menu>\n        </el-col>\n        <el-col :span=\"layout === 'horizontal' ? 7 : 18\">\n          <div class=\"right-panel\">\n            <error-log></error-log>\n            <search></search>\n            <notice></notice>\n            <full-screen></full-screen>\n            <theme class=\"hidden-md-and-down\"></theme>\n            <refresh></refresh>\n            <avatar></avatar>\n          </div>\n        </el-col>\n      </el-row>\n    </div>\n  </div>\n</template>\n\n<script>\n  import variables from \"@/config/variables.scss\";\n  import { mapGetters } from \"vuex\";\n  import { menus } from \"../GalleryBar/menus\";\n  import { storeMenus } from \"../GalleryBar/storeMenus\";\n  import { merchMenus } from \"../GalleryBar/merchMenus\";\n\n  export default {\n    name: \"TopBar\",\n    props: {\n      layout: {\n        type: String,\n        default: \"horizontal\",\n      },\n    },\n    data() {\n      return {\n        menuTrigger: \"hover\",\n      };\n    },\n    computed: {\n      ...mapGetters({\n        // 区分后台类型，1-总后台，2-多门店，3-多商户\n        systemType: \"MUser/systemType\",\n      }),\n      routes() {\n        if (this.systemType === 2) {\n          return storeMenus();\n        } else if (this.systemType === 3) {\n          return merchMenus();\n        } else {\n          return menus();\n        }\n      },\n      activeMenu() {\n        const route = this.$route;\n        const { meta, path } = route;\n        if (meta.activeMenu) {\n          return meta.activeMenu;\n        }\n        return path;\n      },\n      variables() {\n        return variables;\n      },\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  .top-bar-container {\n    display: flex;\n    align-items: center;\n    justify-items: flex-end;\n    height: $base-top-bar-height;\n    background: $base-menu-background;\n\n    .vab-main {\n      width: auto;\n\n      ::v-deep {\n        .el-menu {\n          &.el-menu--horizontal {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            height: $base-top-bar-height;\n            border-bottom: 0 solid transparent !important;\n\n            .el-menu-item,\n            .el-submenu__title {\n              height: $base-top-bar-height/1.3;\n              padding: 0 $base-padding;\n              line-height: $base-top-bar-height/1.3;\n            }\n\n            > .el-menu-item,\n            > .el-submenu {\n              height: $base-top-bar-height;\n              line-height: $base-top-bar-height;\n              > .el-submenu__title {\n                height: $base-top-bar-height;\n                line-height: $base-top-bar-height;\n              }\n            }\n          }\n\n          svg {\n            width: 1rem;\n            margin-right: 3px;\n          }\n\n          &--horizontal.el-menu {\n            > .el-menu {\n              > .el-menu-item,\n              > .el-submenu {\n                height: $base-menu-item-height;\n                line-height: $base-menu-item-height;\n              }\n              > .el-submenu__title {\n                height: $base-menu-item-height;\n                line-height: $base-menu-item-height;\n              }\n            }\n\n            .el-submenu,\n            .el-menu-item {\n              i {\n                color: inherit;\n              }\n\n              &.is-active {\n                background-color: $base-color-blue !important;\n                border-bottom: 0 solid transparent !important;\n\n                .el-submenu__title {\n                  border-bottom: 0 solid transparent !important;\n                }\n              }\n            }\n\n            > .el-menu-item {\n              .el-tag {\n                margin-top: calc(#{$base-top-bar-height} / 2 - 7.5px);\n                margin-left: 5px;\n              }\n\n              @media only screen and (max-width: 1199px) {\n                .el-tag {\n                  display: none;\n                }\n              }\n\n              &.is-active {\n                background-color: transparent !important;\n                border-bottom: 3px solid $base-color-blue !important;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .right-panel {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      height: $base-top-bar-height;\n\n      ::v-deep {\n        .user-name {\n          color: rgba($base-color-white, 0.9);\n        }\n\n        .user-name + i {\n          color: rgba($base-color-white, 0.9);\n        }\n\n        [class*=\"ri-\"] {\n          margin-left: $base-padding;\n          color: rgba($base-color-white, 0.9);\n          cursor: pointer;\n        }\n\n        button {\n          svg {\n            margin-right: 0;\n            color: rgba($base-color-white, 0.9);\n            cursor: pointer;\n            fill: rgba($base-color-white, 0.9);\n          }\n        }\n      }\n    }\n  }\n</style>\n"]}]}