{"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"]}]}