| 1 |
- {"remainingRequest":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/lihai/jolijoli/pad_spa/src/components/common/layout/layout.vue?vue&type=style&index=0&id=3ff2ef1b&lang=less&scoped=true&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/components/common/layout/layout.vue","mtime":1652253575810},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/css-loader/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/less-loader/dist/cjs.js","mtime":1652237051060},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import url(../../../style/root.less);\n\n.layout {\n height: 100vh;\n display: flex;\n}\n\n.menu-wrapper {\n height: 100%;\n text-align: center;\n overflow: auto;\n background-color: #fa7d22;\n\n .el-menu {\n background-color: #fa7d22;\n\n .el-menu-item {\n color: #eee;\n }\n }\n}\n\n.content {\n background-color: #fff;\n flex: 1;\n overflow: hidden;\n\n header {\n line-height: 50px;\n font-size: 16px;\n color: #409eff;\n padding: 0 28px 0 13px;\n border-bottom: 1px solid #e5e5e5;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: right;\n\n position: relative;\n .back-icon {\n position: absolute;\n left: 19px;\n img {\n width: 16px;\n }\n }\n .left {\n font-size: 14px;\n font-family: SourceHanSansCN-Regular, SourceHanSansCN;\n font-weight: 400;\n color: #333333;\n line-height: 21px;\n }\n .right {\n float: right;\n display: flex;\n\n .news {\n width: 24px;\n height: 24px;\n\n img {\n width: 100%;\n display: block;\n }\n }\n .head-img {\n margin-left: 19px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n img {\n width: 100%;\n display: block;\n }\n }\n }\n }\n\n .main-wrapper {\n height: calc(100% - 51px);\n width: 100%;\n overflow: auto;\n padding: 20px;\n background-color: #f7f8fa;\n }\n}\n",{"version":3,"sources":["layout.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"layout.vue","sourceRoot":"src/components/common/layout","sourcesContent":["<template>\n <div class=\"layout\">\n <div class=\"menu-wrapper\">\n <left-menu :isCollapse='isFold'\n @changeMenu=\"changeMenu\"></left-menu>\n </div>\n <div class=\"content\">\n <header :style=\"menuIndex==0?'justify-content: space-between;':''\">\n <div class=\"back-icon\"\n v-if=\"isback\"\n @click=\"goBack\"><img src=\"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/back.png\"\n alt=\"\"></div>\n <div class=\"left\"\n v-if=\"menuIndex==0\">\n <div class=\"address\">JOLIJOLI（西安）</div>\n </div>\n <div class=\"right\">\n <div class=\"news\"><img src=\"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/news.png\"></div>\n <div class=\"head-img\"><img src=\"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/cancelOrder.png\"></div>\n </div>\n </header>\n <div class=\"main-wrapper\">\n <router-view></router-view>\n </div>\n </div>\n </div>\n</template>\n\n<script type=\"text/javascript\">\nimport leftMenu from './leftMenu'\nimport api from '@/server/home'\nimport { mapState } from 'vuex'\n\nexport default {\n data () {\n return {\n isFold: false, //导航菜单面板是否折叠\n userId: 0,\n menuIndex: 0,\n isback: false\n }\n },\n created () {\n this.initData();\n },\n components: {\n leftMenu,\n },\n methods: {\n initData () {\n let sskey = tool.getYdUserKey(\"session_key\");\n let userId = tool.getYdUserKey('user_id');\n let enterprise_id = tool.getYdUserKey('enterprise_id');\n if (!userId || !sskey) {\n tool.toLogin();\n return;\n }\n this.userId = userId;\n // this.$router.replace('/home');\n },\n loginOut () {\n let keys = document.cookie.match(/[^ =;]+(?=\\=)/g);\n if (keys) {\n for (let i = keys.length; i--;)\n document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()\n }\n tool.toLogin();\n },\n changeMenu (index) {\n this.menuIndex = index\n },\n goBack () {\n this.$router.back()\n }\n },\n computed: {\n ...mapState(['user']),\n routerItems () {\n let resultArr = [];\n let routeNow = this.$route;\n let RootName = routeNow.matched[0].name; //当前路由的根路由name\n resultArr.push({\n name: RootName,\n path: ''\n })\n if (routeNow.matched[0].path !== '' && RootName !== routeNow.name) {\n if (RootName !== routeNow.name) {\n resultArr.push({\n name: routeNow.matched[1].name,\n path: routeNow.matched[1].path\n })\n }\n }\n return resultArr;\n }\n },\n}\n\n</script>\n\n<style lang=\"less\" scoped>\n@import url(../../../style/root.less);\n\n.layout {\n height: 100vh;\n display: flex;\n}\n\n.menu-wrapper {\n height: 100%;\n text-align: center;\n overflow: auto;\n background-color: #fa7d22;\n\n .el-menu {\n background-color: #fa7d22;\n\n .el-menu-item {\n color: #eee;\n }\n }\n}\n\n.content {\n background-color: #fff;\n flex: 1;\n overflow: hidden;\n\n header {\n line-height: 50px;\n font-size: 16px;\n color: #409eff;\n padding: 0 28px 0 13px;\n border-bottom: 1px solid #e5e5e5;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: right;\n\n position: relative;\n .back-icon {\n position: absolute;\n left: 19px;\n img {\n width: 16px;\n }\n }\n .left {\n font-size: 14px;\n font-family: SourceHanSansCN-Regular, SourceHanSansCN;\n font-weight: 400;\n color: #333333;\n line-height: 21px;\n }\n .right {\n float: right;\n display: flex;\n\n .news {\n width: 24px;\n height: 24px;\n\n img {\n width: 100%;\n display: block;\n }\n }\n .head-img {\n margin-left: 19px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n img {\n width: 100%;\n display: block;\n }\n }\n }\n }\n\n .main-wrapper {\n height: calc(100% - 51px);\n width: 100%;\n overflow: auto;\n padding: 20px;\n background-color: #f7f8fa;\n }\n}\n</style>"]}]}
|
