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