| 1 |
- {"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\vab\\components\\TopBar\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\vab\\components\\TopBar\\index.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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"]}]}
|
