1 |
- {"remainingRequest":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js!/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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=script&lang=js&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/components/common/layout/layout.vue","mtime":1652253575810},{"path":"/Users/lihai/jolijoli/pad_spa/babel.config.js","mtime":1649813268617},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js","mtime":315532800000},{"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":["function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\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//\nimport leftMenu from './leftMenu';\nimport api from '@/server/home';\nimport { mapState } from 'vuex';\nexport default {\n data: function data() {\n return {\n isFold: false,\n //导航菜单面板是否折叠\n userId: 0,\n menuIndex: 0,\n isback: false\n };\n },\n created: function created() {\n this.initData();\n },\n components: {\n leftMenu: leftMenu\n },\n methods: {\n initData: function initData() {\n var sskey = tool.getYdUserKey(\"session_key\");\n var userId = tool.getYdUserKey('user_id');\n var enterprise_id = tool.getYdUserKey('enterprise_id');\n\n if (!userId || !sskey) {\n tool.toLogin();\n return;\n }\n\n this.userId = userId; // this.$router.replace('/home');\n },\n loginOut: function loginOut() {\n var keys = document.cookie.match(/[^ =;]+(?=\\=)/g);\n\n if (keys) {\n for (var i = keys.length; i--;) {\n document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString();\n }\n }\n\n tool.toLogin();\n },\n changeMenu: function changeMenu(index) {\n this.menuIndex = index;\n },\n goBack: function goBack() {\n this.$router.back();\n }\n },\n computed: _objectSpread({}, mapState(['user']), {\n routerItems: function routerItems() {\n var resultArr = [];\n var routeNow = this.$route;\n var RootName = routeNow.matched[0].name; //当前路由的根路由name\n\n resultArr.push({\n name: RootName,\n path: ''\n });\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\n return resultArr;\n }\n })\n};",{"version":3,"sources":["layout.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAA,QAAA,MAAA,YAAA;AACA,OAAA,GAAA,MAAA,eAAA;AACA,SAAA,QAAA,QAAA,MAAA;AAEA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,KADA;AACA;AACA,MAAA,MAAA,EAAA,CAFA;AAGA,MAAA,SAAA,EAAA,CAHA;AAIA,MAAA,MAAA,EAAA;AAJA,KAAA;AAMA,GARA;AASA,EAAA,OATA,qBASA;AACA,SAAA,QAAA;AACA,GAXA;AAYA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GAZA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA;AACA,UAAA,KAAA,GAAA,IAAA,CAAA,YAAA,CAAA,aAAA,CAAA;AACA,UAAA,MAAA,GAAA,IAAA,CAAA,YAAA,CAAA,SAAA,CAAA;AACA,UAAA,aAAA,GAAA,IAAA,CAAA,YAAA,CAAA,eAAA,CAAA;;AACA,UAAA,CAAA,MAAA,IAAA,CAAA,KAAA,EAAA;AACA,QAAA,IAAA,CAAA,OAAA;AACA;AACA;;AACA,WAAA,MAAA,GAAA,MAAA,CARA,CASA;AACA,KAXA;AAYA,IAAA,QAZA,sBAYA;AACA,UAAA,IAAA,GAAA,QAAA,CAAA,MAAA,CAAA,KAAA,CAAA,gBAAA,CAAA;;AACA,UAAA,IAAA,EAAA;AACA,aAAA,IAAA,CAAA,GAAA,IAAA,CAAA,MAAA,EAAA,CAAA,EAAA;AACA,UAAA,QAAA,CAAA,MAAA,GAAA,IAAA,CAAA,CAAA,CAAA,GAAA,aAAA,GAAA,IAAA,IAAA,CAAA,CAAA,EAAA,WAAA,EAAA;AADA;AAEA;;AACA,MAAA,IAAA,CAAA,OAAA;AACA,KAnBA;AAoBA,IAAA,UApBA,sBAoBA,KApBA,EAoBA;AACA,WAAA,SAAA,GAAA,KAAA;AACA,KAtBA;AAuBA,IAAA,MAvBA,oBAuBA;AACA,WAAA,OAAA,CAAA,IAAA;AACA;AAzBA,GAfA;AA0CA,EAAA,QAAA,oBACA,QAAA,CAAA,CAAA,MAAA,CAAA,CADA;AAEA,IAAA,WAFA,yBAEA;AACA,UAAA,SAAA,GAAA,EAAA;AACA,UAAA,QAAA,GAAA,KAAA,MAAA;AACA,UAAA,QAAA,GAAA,QAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,CAHA,CAGA;;AACA,MAAA,SAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,EAAA,QADA;AAEA,QAAA,IAAA,EAAA;AAFA,OAAA;;AAIA,UAAA,QAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,KAAA,EAAA,IAAA,QAAA,KAAA,QAAA,CAAA,IAAA,EAAA;AACA,YAAA,QAAA,KAAA,QAAA,CAAA,IAAA,EAAA;AACA,UAAA,SAAA,CAAA,IAAA,CAAA;AACA,YAAA,IAAA,EAAA,QAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IADA;AAEA,YAAA,IAAA,EAAA,QAAA,CAAA,OAAA,CAAA,CAAA,EAAA;AAFA,WAAA;AAIA;AACA;;AACA,aAAA,SAAA;AACA;AAnBA;AA1CA,CAAA","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>"],"sourceRoot":"src/components/common/layout"}]}
|