{"version":3,"sources":["webpack:///./src/pages/MainModule/Header.vue?cc4d","webpack:///./src/pages/MainModule/Header.vue?8e34","webpack:///src/pages/MainModule/Header.vue","webpack:///./src/pages/MainModule/Header.vue?dc9a","webpack:///./src/pages/MainModule/Header.vue","webpack:///./src/assets/images/logo.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","routePath","height","attrs","_l","item","key","id","path","query","page","_v","_s","name","functionListItem","subFunctionListItem","subId","subName","_e","envFlag","staticRenderFns","data","$route","functionList","FunctionList","methods","checkShowing","store","watch","component","module","exports"],"mappings":"kHAAA,yBAAof,EAAG,G,2CCAvf,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAASC,MAAyB,MAAlBP,EAAIQ,WAAuC,UAAlBR,EAAIQ,UAC3J,CAAEC,OAAQ,SACV,CAAEA,OAAQ,UAAY,CAACL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,SAAS,CAACN,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,EAAQ,cAAkC,GAAGN,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAyB,MAAlBP,EAAIQ,WAAuC,UAAlBR,EAAIQ,UACpP,CAAEC,OAAQ,QACV,CAAEA,OAAQ,SAAW,CAACL,EAAG,MAAM,CAACE,YAAY,eAAeN,EAAIW,GAAIX,EAAgB,cAAE,SAASY,GAAM,OAAOR,EAAG,cAAc,CAACS,IAAID,EAAKE,GAAGJ,MAAM,CAAC,GAAK,CAAEK,KAAO,IAAOH,EAAO,GAAII,MAAO,CAAEC,KAAM,QAAU,CAACjB,EAAIkB,GAAGlB,EAAImB,GAAGP,EAAKQ,YAAW,GAAGpB,EAAIW,GAAIX,EAAgB,cAAE,SAASqB,GAAkB,OAAOjB,EAAG,MAAM,CAACS,IAAIQ,EAAiBP,IAAI,CAAEd,EAAIQ,YAAe,IAAOa,EAAmB,GAAIjB,EAAG,MAAM,CAACE,YAAY,mBAAmBN,EAAIW,GAAIU,EAAwB,SAAE,SAASC,GAAqB,OAAOlB,EAAG,cAAc,CAACS,IAAIS,EAAoBC,MAAMb,MAAM,CAAC,GAAK,CACviBK,KAAO,IAAOM,EAAmB,GACjCL,MAAO,CAAEC,KAAMK,EAAoBC,UACjC,CAACvB,EAAIkB,GAAGlB,EAAImB,GAAGG,EAAoBE,eAAc,GAAGxB,EAAIyB,WAAU,GAAoB,SAAhBzB,EAAI0B,QAAoBtB,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIkB,GAAG,UAAUlB,EAAIyB,QAC3JE,EAAkB,G,wBC8CtB,GACEP,KAAM,SACNQ,KAFF,WAGI,MAAO,CACLF,QAAS,OACTlB,UAAWP,KAAK4B,OAAOd,KACvBe,aAAcC,IAGlBC,QAAS,CACPC,aADJ,SACA,GACM,MAAqB,SAAjBrB,EAAKY,QACAU,EAAf,8CACA,mBACeA,EAAf,iDAKEC,MAAO,CACLN,OADJ,WAEM5B,KAAKO,UAAYP,KAAK4B,OAAOd,QC3E4T,I,wBCQ3VqB,EAAY,eACd,EACArC,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,yDCnBfC,EAAOC,QAAU,IAA0B,yB","file":"js/chunk-4f0372b7.aa03e908.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=style&index=0&id=f7818526&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=style&index=0&id=f7818526&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header\",style:(_vm.routePath === '/' || _vm.routePath === '/home'\n      ? { height: '126px' }\n      : { height: '161px' })},[_c('div',{staticClass:\"header-icon\"},[_c('router-link',{attrs:{\"to\":\"home\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/logo.png\")}})])],1),_c('div',{staticClass:\"header-link-area\",style:(_vm.routePath === '/' || _vm.routePath === '/home'\n        ? { height: '35px' }\n        : { height: '70px' })},[_c('div',{staticClass:\"header-link\"},_vm._l((_vm.functionList),function(item){return _c('router-link',{key:item.id,attrs:{\"to\":{ path: (\"/\" + (item.id)), query: { page: '1' } }}},[_vm._v(_vm._s(item.name))])}),1),_vm._l((_vm.functionList),function(functionListItem){return _c('div',{key:functionListItem.id},[(_vm.routePath === (\"/\" + (functionListItem.id)))?_c('div',{staticClass:\"header-sub-link\"},_vm._l((functionListItem.subList),function(subFunctionListItem){return _c('router-link',{key:subFunctionListItem.subId,attrs:{\"to\":{\n            path: (\"/\" + (functionListItem.id)),\n            query: { page: subFunctionListItem.subId },\n          }}},[_vm._v(_vm._s(subFunctionListItem.subName))])}),1):_vm._e()])})],2),(_vm.envFlag !== 'prod')?_c('div',{staticClass:\"env\"},[_vm._v(\"測試環境\")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"header\"\n    :style=\"\n      routePath === '/' || routePath === '/home'\n        ? { height: '126px' }\n        : { height: '161px' }\n    \"\n  >\n    <div class=\"header-icon\">\n      <router-link to=\"home\">\n        <img src=\"~@/assets/images/logo.png\" />\n      </router-link>\n    </div>\n    <div\n      class=\"header-link-area\"\n      :style=\"\n        routePath === '/' || routePath === '/home'\n          ? { height: '35px' }\n          : { height: '70px' }\n      \"\n    >\n      <div class=\"header-link\">\n        <router-link\n          v-for=\"item in functionList\"\n          :key=\"item.id\"\n          :to=\"{ path: `/${item.id}`, query: { page: '1' } }\"\n          >{{ item.name }}</router-link\n        >\n      </div>\n      <div v-for=\"functionListItem in functionList\" :key=\"functionListItem.id\">\n        <div\n          v-if=\"routePath === `/${functionListItem.id}`\"\n          class=\"header-sub-link\"\n        >\n          <router-link\n            v-for=\"subFunctionListItem in functionListItem.subList\"\n            :key=\"subFunctionListItem.subId\"\n            :to=\"{\n              path: `/${functionListItem.id}`,\n              query: { page: subFunctionListItem.subId },\n            }\"\n            >{{ subFunctionListItem.subName }}</router-link\n          >\n        </div>\n      </div>\n    </div>\n    <div class=\"env\" v-if=\"envFlag !== 'prod'\">測試環境</div>\n  </div>\n</template>\n\n<script>\nimport store from 'Store/store';\nimport FunctionList from 'Assets/mockData/FunctionList.json';\nexport default {\n  name: 'Header',\n  data() {\n    return {\n      envFlag: process.env.VUE_APP_MODE,\n      routePath: this.$route.path,\n      functionList: FunctionList,\n    };\n  },\n  methods: {\n    checkShowing(item) {\n      if (item.subName === '線上點燈') {\n        return store.state.main.onlineStatus.lightInfo.enable;\n      } else if (item.subName === '平安宴') {\n        return store.state.main.onlineStatus.reposeInfo.enable;\n      }\n      return true;\n    },\n  },\n  watch: {\n    $route() {\n      this.routePath = this.$route.path;\n    },\n  },\n};\n</script>\n<style scoped>\n.header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 161px;\n  z-index: 4;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n}\n.header-icon {\n  width: 100%;\n  height: 90px;\n  position: absolute;\n  top: 0;\n  border-bottom: 1px solid #eab36f;\n}\n.header-link-area {\n  display: block;\n  width: 100%;\n  height: 70px;\n  position: absolute;\n  bottom: 0;\n}\n.header-link {\n  height: 35px;\n  line-height: 35px;\n  background-color: #ffffff;\n  margin: auto;\n}\n.header-link > a {\n  color: #8d7f6d;\n  margin: 30px;\n}\n.header-sub-link {\n  height: 35px;\n  line-height: 35px;\n  background-color: #000000;\n  margin: auto;\n}\n.header-sub-link > a {\n  color: #ffffff;\n  margin: 25px;\n}\n.header-link > a:hover,\n.header-sub-link > a:hover {\n  color: #aaa;\n  text-decoration: none;\n}\n.env {\n  position: fixed;\n  right: 5px;\n  top: 0px;\n  font-size: 20px;\n  color: crimson;\n}\n.hide-item {\n  display: none;\n}\n@media (max-width: 767px) {\n  .header {\n    height: 90px !important;\n  }\n  .header-link-area {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=f7818526&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=f7818526&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f7818526\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/logo.57875237.png\";"],"sourceRoot":""}