| 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\\layouts\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\layouts\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwQWN0aW9ucywgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgeyB0b2tlbk5hbWUgfSBmcm9tICJAL2NvbmZpZy9zZXR0aW5ncyI7CmltcG9ydCB7IGdldEJhc2ljU2V0dXAgfSBmcm9tICJAL2FwaS9TeXN0ZW0iOwppbXBvcnQgeyBnZXREYXRhRmllbGRSYWRpbyB9IGZyb20gIkAvYWNjZXNzL2NoZWNrIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJMYXlvdXQiLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgb2xkTGF5b3V0OiAiIiwKICAgICAgd2lkdGg6IDAsCiAgICAgIHBsYXlBdWRpbzogdHJ1ZQogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgbGF5b3V0OiAic2V0dGluZ3MvbGF5b3V0IiwKICAgICAgc2hvd1RhZ3NCYXI6ICJzZXR0aW5ncy9zaG93VGFnc0JhciIsCiAgICAgIGNvbGxhcHNlOiAic2V0dGluZ3MvY29sbGFwc2UiLAogICAgICBoZWFkZXI6ICJzZXR0aW5ncy9oZWFkZXIiLAogICAgICBkZXZpY2U6ICJzZXR0aW5ncy9kZXZpY2UiCiAgICB9KSwKCiAgICBjbGFzc09iaigpIHsKICAgICAgcmV0dXJuIHsKICAgICAgICBtb2JpbGU6IHRoaXMuZGV2aWNlID09PSAibW9iaWxlIgogICAgICB9OwogICAgfQoKICB9LAoKICBiZWZvcmVNb3VudCgpIHsKICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCJyZXNpemUiLCB0aGlzLmhhbmRsZUxheW91dHMpOwogIH0sCgogIGJlZm9yZURlc3Ryb3koKSB7CiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigicmVzaXplIiwgdGhpcy5oYW5kbGVMYXlvdXRzKTsKICB9LAoKICBtb3VudGVkKCkgewogICAgdGhpcy5vbGRMYXlvdXQgPSB0aGlzLmxheW91dDsKICAgIHRoaXMuaGFuZGxlTGF5b3V0cygpOwogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigic3RvcmFnZSIsIGUgPT4gewogICAgICAgIGlmIChlLmtleSA9PT0gdG9rZW5OYW1lIHx8IGUua2V5ID09PSBudWxsKSB3aW5kb3cubG9jYXRpb24ucmVsb2FkKCk7CiAgICAgICAgaWYgKGUua2V5ID09PSB0b2tlbk5hbWUgJiYgZS52YWx1ZSA9PT0gbnVsbCkgd2luZG93LmxvY2F0aW9uLnJlbG9hZCgpOwogICAgICB9LCBmYWxzZSk7CiAgICB9KTsgLy8g6I635Y+W6K+m5oOF6K6+572u6K+m5oOFCgogICAgdGhpcy5nZXRCYXNpY1NldHVwKCk7IC8vIOWmguaenOacieWHuuW6k+WNleadg+mZkOaIluiAheacieaWsOiuouWNleadg+mZkOWKoOivremfs+aPkOekugoKICAgIGlmICh0aGlzLnN5c3RlbVR5cGUgPT09IDEpIHsKICAgICAgaWYgKHRoaXMuJGFjY2Vzc0NoZWNrKHRoaXMuJEFjY2Vzcy5uZXdPcmRlckxpc3QpIHx8IHRoaXMuJGFjY2Vzc0NoZWNrKHRoaXMuJEFjY2Vzcy5JbnZlbnRvcnlPdXQpKSB7CiAgICAgICAgY29uc3QgbWVzc2FnZSA9ICLlkKzkuI3liLDorqLljZXmj5DnpLror63pn7PvvIzor7fov5vooYzku6XkuIvmk43kvZwiOwogICAgICAgIGNvbnN0IHRpdGxlID0gIjHvvIzor7fmo4Dmn6XnlLXohJHpn7Plk43mmK/lkKblvIDlkK/vvIzpn7Pph4/mmK/lkKborr7nva7kuLrpnZnpn7PvvJs8YnI+Mu+8jOivt+ajgOafpeOAkOiuvue9ri3or63pn7PphY3nva7jgJHmmK/lkKblvIDlkK/orqLljZXmj5DphpLvvIE8cCBzdHlsZT0nY29sb3I6ICNFNkEyM0MnPuehruiupOS7peS4iuaTjeS9nOWQju+8jOS4i+S4gOeslOaWsOiuouWNleWNs+WPr+WQrOWIsOivremfs+aSreaKpTwvcD4iOwogICAgICAgIHRoaXMuJGJhc2VOb3RpZnkodGl0bGUsIG1lc3NhZ2UsICJ3YXJuaW5nIiwgImJvdHRvbS1yaWdodCIsIDUwMDAsIHRydWUpOwogICAgICB9CiAgICB9CiAgfSwKCiAgbWV0aG9kczogeyAuLi5tYXBBY3Rpb25zKHsKICAgICAgaGFuZGxlT3BlblNpZGVCYXI6ICJzZXR0aW5ncy9vcGVuU2lkZUJhciIsCiAgICAgIGhhbmRsZUZvbGRTaWRlQmFyOiAic2V0dGluZ3MvZm9sZFNpZGVCYXIiLAogICAgICBoYW5kbGVDaGFuZ2VMYXlvdXQ6ICJzZXR0aW5ncy9jaGFuZ2VMYXlvdXQiLAogICAgICBoYW5kbGVUb2dnbGVEZXZpY2U6ICJzZXR0aW5ncy90b2dnbGVEZXZpY2UiLAogICAgICBjaGFuZ2VQcmludFRhZzogIk1Vc2VyL2NoYW5nZVByaW50VGFnIiwKICAgICAgY2hhbmdlU2FsZVByaWNlVGltZXM6ICJNVXNlci9jaGFuZ2VTYWxlUHJpY2VUaW1lcyIsCiAgICAgIGNoYW5nZUVuYWJsZUxvY2F0aW9uTWFuYWdlbWVudDogIk1Vc2VyL2NoYW5nZUVuYWJsZUxvY2F0aW9uTWFuYWdlbWVudCIsCiAgICAgIGNoYW5nZUJhc2VTZXR0aW5nOiAiTVVzZXIvY2hhbmdlQmFzZVNldHRpbmciCiAgICB9KSwKCiAgICBoYW5kbGVMYXlvdXRzKCkgewogICAgICBjb25zdCB3aWR0aCA9IGRvY3VtZW50LmJvZHkuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7CgogICAgICBpZiAodGhpcy53aWR0aCAhPT0gd2lkdGgpIHsKICAgICAgICBjb25zdCBpc01vYmlsZSA9IHdpZHRoIC0gMSA8IDk5MjsKICAgICAgICB0aGlzLmhhbmRsZUNoYW5nZUxheW91dChpc01vYmlsZSA/ICJ2ZXJ0aWNhbCIgOiB0aGlzLm9sZExheW91dCk7CiAgICAgICAgdGhpcy5oYW5kbGVUb2dnbGVEZXZpY2UoaXNNb2JpbGUgPyAibW9iaWxlIiA6ICJkZXNrdG9wIik7CiAgICAgICAgdGhpcy53aWR0aCA9IHdpZHRoOwogICAgICB9CiAgICB9LAoKICAgIHdyYXBwZXJDbGljaygpIHsKICAgICAgbGV0IGF1ZGlvID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIm9yZGVyVGlwIik7CgogICAgICBpZiAoYXVkaW8gIT09IG51bGwgJiYgdGhpcy5wbGF5QXVkaW8pIHsKICAgICAgICBhdWRpby5wYXVzZSgpOwogICAgICAgIHRoaXMucGxheUF1ZGlvID0gZmFsc2U7CiAgICAgIH0KICAgIH0sCgogICAgLy8gIOiOt+WPluiuvue9ruivpuaDhQogICAgYXN5bmMgZ2V0QmFzaWNTZXR1cCgpIHsKICAgICAgY29uc3QgewogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IGdldEJhc2ljU2V0dXAoKTsKCiAgICAgIGlmIChkYXRhLmJhc2ljRGF0YSkgewogICAgICAgIHRoaXMuY2hhbmdlUHJpbnRUYWcoZGF0YS5iYXNpY0RhdGEucHJpbnRUYWcgfHwgNCk7CiAgICAgICAgdGhpcy5jaGFuZ2VTYWxlUHJpY2VUaW1lcyhkYXRhLmJhc2ljRGF0YS5zYWxlUHJpY2VUaW1lcyB8fCAxLjIpOwogICAgICAgIHRoaXMuY2hhbmdlRW5hYmxlTG9jYXRpb25NYW5hZ2VtZW50KGRhdGEuYmFzaWNEYXRhLmVuYWJsZUxvY2F0aW9uTWFuYWdlbWVudCB8fCA0KTsKICAgICAgICB0aGlzLmNoYW5nZUJhc2VTZXR0aW5nKGRhdGEuYmFzaWNEYXRhKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLmNoYW5nZVByaW50VGFnKDQpOwogICAgICAgIHRoaXMuY2hhbmdlU2FsZVByaWNlVGltZXMoMS4yKTsKICAgICAgICB0aGlzLmNoYW5nZUVuYWJsZUxvY2F0aW9uTWFuYWdlbWVudCg0KTsKICAgICAgICB0aGlzLmNoYW5nZUJhc2VTZXR0aW5nKHt9KTsKICAgICAgfQogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA;AACA;AACA;AACA;AACA;EACAA,cADA;;EAEAC;IACA;MACAC,aADA;MAEAC,QAFA;MAGAC;IAHA;EAKA,CARA;;EASAC,YACA;MACAC,yBADA;MAEAC,mCAFA;MAGAC,6BAHA;MAIAC,yBAJA;MAKAC;IALA,EADA;;IAQAC;MACA;QACAC;MADA;IAGA;;EAZA,CATA;;EAuBAC;IACAC;EACA,CAzBA;;EA0BAC;IACAD;EACA,CA5BA;;EA6BAE;IACA;IACA;IAEA;MACAF,wBACA,SADA,EAEAG;QACA;QACA,6CACAH;MACA,CANA,EAOA,KAPA;IASA,CAVA,EAJA,CAeA;;IACA,qBAhBA,CAiBA;;IACA;MACA,IACA,gDACA,4CAFA,EAGA;QACA;QACA,cACA,yGADA;QAEA,iBACAI,KADA,EAEAC,OAFA,EAGA,SAHA,EAIA,cAJA,EAKA,IALA,EAMA,IANA;MAQA;IACA;EACA,CAjEA;;EAkEAC,WACA;MACAC,yCADA;MAEAC,yCAFA;MAGAC,2CAHA;MAIAC,2CAJA;MAKAC,sCALA;MAMAC,kDANA;MAOAC,sEAPA;MAQAC;IARA,EADA;;IAWAC;MACA;;MACA;QACA;QACA;QACA;QACA;MACA;IACA,CAnBA;;IAoBAC;MACA;;MACA;QACAC;QACA;MACA;IACA,CA1BA;;IA2BA;IACA;MACA;QAAA9B;MAAA;;MACA;QACA;QACA;QACA,oCACAA,4CADA;QAGA;MACA,CAPA,MAOA;QACA;QACA;QACA;QACA;MACA;IACA;;EA3CA;AAlEA","names":["name","data","oldLayout","width","playAudio","computed","layout","showTagsBar","collapse","header","device","classObj","mobile","beforeMount","window","beforeDestroy","mounted","e","title","message","methods","handleOpenSideBar","handleFoldSideBar","handleChangeLayout","handleToggleDevice","changePrintTag","changeSalePriceTimes","changeEnableLocationManagement","changeBaseSetting","handleLayouts","wrapperClick","audio"],"sourceRoot":"src/layouts","sources":["index.vue"],"sourcesContent":["<template>\n <div\n :class=\"classObj\"\n class=\"vue-admin-beautiful-wrapper\"\n @click=\"wrapperClick\"\n >\n <!-- 横向布局 -->\n <div\n v-if=\"'horizontal' === layout\"\n :class=\"{\n fixed: header === 'fixed',\n 'no-tags-bar': !showTagsBar,\n }\"\n class=\"layout-container-horizontal\"\n >\n <div\n :class=\"header === 'fixed' ? 'fixed-header' : ''\"\n class=\"layout-header\"\n >\n <top-bar></top-bar>\n <div v-if=\"showTagsBar\" :class=\"{ 'tag-bar-horizontal': showTagsBar }\">\n <div class=\"vab-main\">\n <tags-bar></tags-bar>\n </div>\n </div>\n </div>\n <div class=\"vab-main main-padding\">\n <app-main></app-main>\n </div>\n </div>\n <!-- 纵向布局 -->\n <div\n v-else-if=\"'vertical' === layout\"\n :class=\"{\n fixed: header === 'fixed',\n 'no-tags-bar': !showTagsBar,\n }\"\n class=\"layout-container-vertical\"\n >\n <div\n v-if=\"device === 'mobile' && !collapse\"\n class=\"mask\"\n @click=\"handleFoldSideBar\"\n ></div>\n <side-bar></side-bar>\n <div :class=\"collapse ? 'is-collapse-main' : ''\" class=\"vab-main\">\n <div\n :class=\"header === 'fixed' ? 'fixed-header' : ''\"\n class=\"layout-header\"\n >\n <nav-bar></nav-bar>\n <tags-bar v-if=\"showTagsBar\" />\n </div>\n <app-main></app-main>\n </div>\n </div>\n <!--画廊布局 -->\n <div\n v-else-if=\"'gallery' === layout\"\n :class=\"{\n fixed: header === 'fixed',\n 'no-tags-bar': !showTagsBar,\n }\"\n class=\"layout-container-gallery\"\n >\n <gallery-bar></gallery-bar>\n <div :class=\"collapse ? 'is-collapse-main' : ''\" class=\"vab-main\">\n <!-- <div class=\"vab-main is-collapse-main\">-->\n <div\n :class=\"header === 'fixed' ? 'fixed-header' : ''\"\n class=\"layout-header\"\n >\n <nav-bar></nav-bar>\n <tags-bar v-if=\"showTagsBar\" />\n </div>\n <app-main></app-main>\n </div>\n </div>\n <!--综合布局 -->\n <div\n v-else-if=\"'comprehensive' === layout\"\n :class=\"{\n fixed: header === 'fixed',\n 'no-tags-bar': !showTagsBar,\n }\"\n class=\"layout-container-comprehensive\"\n >\n <comprehensive-bar></comprehensive-bar>\n <div :class=\"collapse ? 'is-collapse-main' : ''\" class=\"vab-main\">\n <div\n :class=\"header === 'fixed' ? 'fixed-header' : ''\"\n class=\"layout-header\"\n >\n <nav-bar layout=\"comprehensive\"></nav-bar>\n <tags-bar v-if=\"showTagsBar\" />\n </div>\n <app-main></app-main>\n </div>\n </div>\n <!--常规布局 -->\n <div\n v-else-if=\"'common' === layout\"\n :class=\"{\n fixed: header === 'fixed',\n 'no-tags-bar': !showTagsBar,\n }\"\n class=\"layout-container-common\"\n >\n <div\n :class=\"header === 'fixed' ? 'fixed-header' : ''\"\n class=\"layout-header\"\n >\n <top-bar layout=\"common\"></top-bar>\n <div v-if=\"showTagsBar\">\n <side-bar layout=\"common\"></side-bar>\n <div :class=\"collapse ? 'is-collapse-main' : ''\" class=\"vab-main\">\n <tags-bar layout=\"common\"></tags-bar>\n </div>\n </div>\n </div>\n <div\n :class=\"collapse ? 'is-collapse-main' : ''\"\n class=\"vab-main main-padding\"\n >\n <app-main></app-main>\n </div>\n </div>\n <el-backtop></el-backtop>\n </div>\n</template>\n\n<script>\n import { mapActions, mapGetters } from \"vuex\";\n import { tokenName } from \"@/config/settings\";\n import { getBasicSetup } from \"@/api/System\";\n import { getDataFieldRadio } from \"@/access/check\";\n export default {\n name: \"Layout\",\n data() {\n return {\n oldLayout: \"\",\n width: 0,\n playAudio: true,\n };\n },\n computed: {\n ...mapGetters({\n layout: \"settings/layout\",\n showTagsBar: \"settings/showTagsBar\",\n collapse: \"settings/collapse\",\n header: \"settings/header\",\n device: \"settings/device\",\n }),\n classObj() {\n return {\n mobile: this.device === \"mobile\",\n };\n },\n },\n beforeMount() {\n window.addEventListener(\"resize\", this.handleLayouts);\n },\n beforeDestroy() {\n window.removeEventListener(\"resize\", this.handleLayouts);\n },\n mounted() {\n this.oldLayout = this.layout;\n this.handleLayouts();\n\n this.$nextTick(() => {\n window.addEventListener(\n \"storage\",\n (e) => {\n if (e.key === tokenName || e.key === null) window.location.reload();\n if (e.key === tokenName && e.value === null)\n window.location.reload();\n },\n false\n );\n });\n // 获取详情设置详情\n this.getBasicSetup();\n // 如果有出库单权限或者有新订单权限加语音提示\n if (this.systemType === 1) {\n if (\n this.$accessCheck(this.$Access.newOrderList) ||\n this.$accessCheck(this.$Access.InventoryOut)\n ) {\n const message = \"听不到订单提示语音，请进行以下操作\";\n const title =\n \"1，请检查电脑音响是否开启，音量是否设置为静音；<br>2，请检查【设置-语音配置】是否开启订单提醒！<p style='color: #E6A23C'>确认以上操作后，下一笔新订单即可听到语音播报</p>\";\n this.$baseNotify(\n title,\n message,\n \"warning\",\n \"bottom-right\",\n 5000,\n true\n );\n }\n }\n },\n methods: {\n ...mapActions({\n handleOpenSideBar: \"settings/openSideBar\",\n handleFoldSideBar: \"settings/foldSideBar\",\n handleChangeLayout: \"settings/changeLayout\",\n handleToggleDevice: \"settings/toggleDevice\",\n changePrintTag: \"MUser/changePrintTag\",\n changeSalePriceTimes: \"MUser/changeSalePriceTimes\",\n changeEnableLocationManagement: \"MUser/changeEnableLocationManagement\",\n changeBaseSetting: \"MUser/changeBaseSetting\",\n }),\n handleLayouts() {\n const width = document.body.getBoundingClientRect().width;\n if (this.width !== width) {\n const isMobile = width - 1 < 992;\n this.handleChangeLayout(isMobile ? \"vertical\" : this.oldLayout);\n this.handleToggleDevice(isMobile ? \"mobile\" : \"desktop\");\n this.width = width;\n }\n },\n wrapperClick() {\n let audio = document.getElementById(\"orderTip\");\n if (audio !== null && this.playAudio) {\n audio.pause();\n this.playAudio = false;\n }\n },\n // 获取设置详情\n async getBasicSetup() {\n const { data } = await getBasicSetup();\n if (data.basicData) {\n this.changePrintTag(data.basicData.printTag || 4);\n this.changeSalePriceTimes(data.basicData.salePriceTimes || 1.2);\n this.changeEnableLocationManagement(\n data.basicData.enableLocationManagement || 4\n );\n this.changeBaseSetting(data.basicData);\n } else {\n this.changePrintTag(4);\n this.changeSalePriceTimes(1.2);\n this.changeEnableLocationManagement(4);\n this.changeBaseSetting({});\n }\n },\n },\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @mixin fix-header {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $base-z-index - 2;\n width: 100%;\n overflow: hidden;\n transition: $base-transition;\n }\n\n .vue-admin-beautiful-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n color: #2c3e50;\n .layout-header {\n box-shadow: $base-box-shadow;\n }\n\n .layout-container-horizontal,\n .layout-container-common {\n position: relative;\n\n &.fixed {\n padding-top: calc(#{$base-top-bar-height} + #{$base-tags-bar-height});\n }\n\n &.fixed.no-tags-bar {\n padding-top: $base-top-bar-height;\n }\n\n ::v-deep {\n .vab-main {\n width: 88%;\n margin: auto;\n }\n\n .fixed-header {\n @include fix-header;\n }\n\n .tag-bar-horizontal {\n background: $base-color-white;\n box-shadow: $base-box-shadow;\n }\n\n .nav-bar-container {\n .fold-unfold {\n display: none;\n }\n }\n\n .main-padding {\n .app-main-container {\n margin-top: $base-padding;\n margin-bottom: $base-padding;\n background: $base-color-white;\n }\n }\n }\n }\n\n .layout-container-common {\n ::v-deep {\n .top-bar-container {\n .vab-main {\n width: 100%;\n margin: auto $base-padding;\n }\n }\n }\n }\n\n .layout-container-horizontal {\n ::v-deep {\n .tags-bar-container {\n padding-right: 0;\n padding-left: 0;\n }\n }\n }\n\n .layout-container-vertical,\n .layout-container-comprehensive,\n .layout-container-gallery,\n .layout-container-common {\n position: relative;\n\n .mask {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $base-z-index - 1;\n width: 100%;\n height: 100vh;\n overflow: hidden;\n background: #000;\n opacity: 0.5;\n }\n\n &.fixed {\n padding-top: calc(#{$base-nav-bar-height} + #{$base-tags-bar-height});\n }\n\n &.fixed.no-tags-bar {\n padding-top: $base-nav-bar-height;\n }\n\n .vab-main {\n position: relative;\n width: auto;\n min-height: 100%;\n margin-left: $base-left-menu-width;\n background: #f6f8f9;\n transition: $base-transition;\n\n ::v-deep {\n .fixed-header {\n @include fix-header;\n\n left: $base-left-menu-width;\n width: $base-right-content-width;\n }\n\n .nav-bar-container {\n position: relative;\n box-sizing: border-box;\n }\n\n .tags-bar-container {\n box-sizing: border-box;\n }\n\n .app-main-container {\n /*width: calc(100% - #{$base-padding} - #{$base-padding});*/\n width: calc(100% - #{$base-padding} - 14px);\n /*margin: $base-padding auto;*/\n margin: 16px auto;\n /*background: $base-color-white;*/\n border-radius: $base-border-radius;\n }\n }\n\n &.is-collapse-main {\n margin-left: $base-left-menu-width-min;\n\n ::v-deep {\n .fixed-header {\n left: $base-left-menu-width-min;\n width: calc(100% - 65px);\n }\n }\n }\n }\n }\n\n /* 手机端开始 */\n &.mobile {\n ::v-deep {\n .el-pager,\n .el-pagination__jump {\n display: none;\n }\n\n .layout-container-vertical {\n .el-scrollbar.side-bar-container.is-collapse {\n width: 0;\n }\n\n .vab-main {\n width: 100%;\n margin-left: 0;\n }\n }\n\n .vab-main {\n .fixed-header {\n left: 0 !important;\n width: 100% !important;\n }\n }\n }\n }\n\n /* 手机端结束 */\n }\n</style>\n"]}]}
|
