{"version":3,"sources":["webpack:///./node_modules/core-js/modules/web.dom-collections.for-each.js","webpack:///./node_modules/core-js/internals/array-for-each.js","webpack:///./src/assets/images/index_bg_xl.png","webpack:///./src/assets/images/icon/理事長的話.png","webpack:///./src/assets/images/icon/學會沿革.png","webpack:///./node_modules/core-js/modules/es.array.for-each.js","webpack:///./src/assets/images/banner/index_banner.jpg","webpack:///./src/assets/api/news.js","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/Index.vue?9af0","webpack:///./src/assets/images/icon/組織架構.png","webpack:///./src/views/Index.vue?110d","webpack:///src/views/Index.vue","webpack:///./src/views/Index.vue?b8ab","webpack:///./src/views/Index.vue","webpack:///./src/assets/images/icon/學會章程.png","webpack:///./src/assets/images/index_news.jpg","webpack:///./src/assets/images/icon/名錄.png"],"names":["global","DOMIterables","forEach","createNonEnumerableProperty","COLLECTION_NAME","Collection","CollectionPrototype","prototype","error","$forEach","arrayMethodIsStrict","arrayMethodUsesToLength","STRICT_METHOD","USES_TO_LENGTH","module","exports","callbackfn","this","arguments","length","undefined","$","target","proto","forced","API_URL","newsUrl","BannersUrl","NewsApi","params","url","getRequest","response","http","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","call","match","render","_vm","_h","$createElement","_c","_self","staticClass","isLogin","_e","attrs","_v","on","$event","preventDefault","openLoginbox","_s","_m","banners","swiperOption","_l","img","index","key","style","Picture","indexOf","Url","domProps","Title","backgroundImage","BG","toIntroduction","Albums","activitySwiperOption","item","Id","toActivity","Photos","slot","_f","CreatedOn","Categories","goNewsDetail","ref","eventSwiperOption","toActivityDetail","Images","ActivityStartOn","ActivityEndOn","setSupervisory","staticRenderFns","name","components","swiper","swiperSlide","data","spaceBetween","loop","autoplay","slidesPerView","slidesPerGroup","loopFillGroupWithBlank","navigation","nextEl","prevEl","observer","observeParents","news","newsCategrory","eventCategrory","nowIndex","eventList","isScroll","mainHeigh","methods","vm","$store","commit","$swal","icon","text","confirmButtonText","MemberPopup","Loginbox","display","$router","push","$nextTick","$refs","eventSwiper","mountInstance","update","getNews","res","status","Data","News","cate","getAlbums","activity","Activities","getActivityMonth","getBanner","mounted","e","$route","tmpHeaderHeight","tmpScrollTop","window","innerWidth","created","$moment","format","screenWidth","computed","filterEventList","tmpList","filter","state","component"],"mappings":"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","file":"static/js/chunk-79630e18.js","sourcesContent":["var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  var Collection = global[COLLECTION_NAME];\n  var CollectionPrototype = Collection && Collection.prototype;\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n}\n","'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.github.io/ecma262/#sec-array.prototype.foreach\nmodule.exports = (!STRICT_METHOD || !USES_TO_LENGTH) ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n} : [].forEach;\n","module.exports = __webpack_public_path__ + \"static/img/index_bg_xl.png\";","module.exports = __webpack_public_path__ + \"static/img/理事長的話.png\";","module.exports = __webpack_public_path__ + \"static/img/學會沿革.png\";","'use strict';\nvar $ = require('../internals/export');\nvar forEach = require('../internals/array-for-each');\n\n// `Array.prototype.forEach` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.foreach\n$({ target: 'Array', proto: true, forced: [].forEach != forEach }, {\n  forEach: forEach\n});\n","module.exports = __webpack_public_path__ + \"static/img/index_banner.jpg\";","import http from './ajax';\n\nconst API_URL = {\n  newsUrl: '/News',\n  BannersUrl: '/Banners',\n};\n\nclass NewsApi extends http {\n  // eslint-disable-next-line no-unused-vars\n  getAllNews = async (params) => {\n    const url = `${API_URL.newsUrl}/List?count=10&leaf=${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getIndexNews = async (params) => {\n    const url = `${API_URL.newsUrl}/List?count=4&leaf=1`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsCategories = async (params) => {\n    const url = `${API_URL.newsUrl}/Categories`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsDetail = async (params) => {\n    const url = `${API_URL.newsUrl}/${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getNewsDetailFilter = async (params) => {\n    const url = `${API_URL.newsUrl}/List/${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getBanners = async (params) => {\n    const url = `${API_URL.BannersUrl}?count=10&leaf=${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n}\n\nexport default new NewsApi();\n","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.github.io/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=c0d58cb2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=c0d58cb2&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/組織架構.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"index-banner\"},[_c('div',{staticClass:\"side\"},[_c('ul',{staticClass:\"sideMenu-iconBox list-unstyled\"},[(!_vm.isLogin)?_c('li',[_c('router-link',{staticClass:\"sideMenu-link\",attrs:{\"to\":\"/register\"}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/join.png\"),\"alt\":\"加入會員\"}}),_vm._v(\" 加入會員 \")])],1):_vm._e(),_c('li',[_c('a',{staticClass:\"sideMenu-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.openLoginbox($event)}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/login.png\"),\"alt\":\"會員登入/登出\"}}),_vm._v(\" \"+_vm._s(_vm.isLogin ? \"會員登出\" : \"會員登入\")+\" \")])]),_c('li',[_c('router-link',{staticClass:\"sideMenu-link\",attrs:{\"to\":\"/calendar\"}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/Calendar.png\"),\"alt\":\"行事曆\"}}),_vm._v(\" 行事曆 \")])],1)]),_vm._m(0)]),_c('div',{staticClass:\"slider\"},[(_vm.banners.length)?_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.banners),function(img,index){return _c('swiper-slide',{key:index,style:((\"backgroundImage:url('\" + (img.Picture.indexOf('https://www.tadhtw.org') == -1\n              ? 'https://www.tadhtw.org' + img.Picture\n              : img.Picture) + \"')\"))},[_c('a',{staticClass:\"banner-link\",attrs:{\"href\":img.Url}},[_c('div',{staticClass:\"banner-title\",domProps:{\"innerHTML\":_vm._s(img.Title)}})])])}),_c('div',{staticClass:\"goMainBtn\",attrs:{\"id\":\"goNextArea\"}},[_c('span',{staticClass:\"material-icons\"},[_vm._v(\"south\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"S\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"C\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"R\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"O\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"L\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"L\")]),_c('span',{staticClass:\"scroll\"}),_c('span',{staticClass:\"scroll\"},[_vm._v(\"D\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"O\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"W\")]),_c('span',{staticClass:\"scroll\"},[_vm._v(\"N\")])])],2):_vm._e()],1)]),_c('div',{staticClass:\"contentContainer\",style:({ backgroundImage: 'url(' + _vm.BG + ')' }),attrs:{\"id\":\"indexMain\"}},[_c('div',{staticClass:\"content-index\"},[_c('div',{staticClass:\"introduction-list\"},[_vm._m(1),_c('ul',{staticClass:\"introduction-list-link list-unstyled\"},[_c('li',[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toIntroduction('學會歷史')}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/學會沿革.png\"),\"alt\":\"學會沿革\"}}),_vm._v(\"History \"),_c('br'),_vm._v(\"學會沿革 \")])]),_c('li',[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toIntroduction('學會章程')}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/學會章程.png\"),\"alt\":\"學會章程\"}}),_vm._v(\"Articles \"),_c('br'),_vm._v(\"學會章程 \")])]),_c('li',[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toIntroduction('理事長的話')}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/理事長的話.png\"),\"alt\":\"理事長的話\"}}),_vm._v(\"President \"),_c('br'),_vm._v(\"理事長的話 \")])]),_c('li',[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toIntroduction('理事監名錄')}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/名錄.png\"),\"alt\":\"理事監名錄\"}}),_vm._v(\"Supervisory \"),_c('br'),_vm._v(\"理事監名錄 \")])]),_c('li',[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toIntroduction('組織架構')}}},[_c('img',{attrs:{\"src\":require(\"../assets/images/icon/組織架構.png\"),\"alt\":\"組織架構\"}}),_vm._v(\"Organization \"),_c('br'),_vm._v(\"組織架構 \")])])])]),(_vm.Albums && _vm.Albums.length > 0)?_c('div',{staticClass:\"Activity-list\"},[_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.activitySwiperOption}},[_vm._l((_vm.Albums),function(item){return _c('swiper-slide',{key:item.Id},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toActivity('photo', (\"\" + (item.Title)), (\"\" + (item.Id)))}}},[_c('img',{attrs:{\"src\":item.Photos[0],\"alt\":\"\"}})]),_c('div',[_vm._v(_vm._s(item.Title))])])}),_c('div',{staticClass:\"banner-text index inSwiper\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"},[_c('h1',[_vm._v(\"活動剪影\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Activity silhouette\")])]),_c('span',{staticClass:\"material-icons prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_vm._v(\" west \")]),_c('span',{staticClass:\"material-icons next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_vm._v(\" east \")])],2)],1):_vm._e(),_c('div',{staticClass:\"News-list\"},[_c('div',{staticClass:\"News-list-text\"},[_vm._m(2),_vm._m(3),_c('div',{staticClass:\"btn blue-btn index\"},[_c('router-link',{attrs:{\"to\":\"/news\"}},[_vm._v(\"更多消息\")])],1)]),_c('div',{staticClass:\"News-list-link\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/index_news.jpg\"),\"alt\":\"最新消息\"}}),_c('ul',{staticClass:\"News-list-ul list-unstyled\"},_vm._l((_vm.news),function(item){return _c('li',{key:item.Id},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(item.CreatedOn,\"YYYY.MM.DD\"))+\" \"),(\n                  item.Categories &&\n                  item.Categories.length > 0 &&\n                  item.Categories[0].Title === '國際訊息'\n                )?_c('div',{staticClass:\"eventCard-detail-tag index green\"},[_vm._v(\" \"+_vm._s(item.Categories[0].Title)+\" \")]):(item.Categories && item.Categories.length > 0)?_c('div',{staticClass:\"eventCard-detail-tag index orange\"},[_vm._v(\" \"+_vm._s(item.Categories[0].Title)+\" \")]):_vm._e(),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.goNewsDetail(item.Id)}}},[_vm._v(_vm._s(item.Title))])])}),0)])]),_c('div',{staticClass:\"event-list\"},[_c('div',{staticClass:\"event-list-sliderArea\"},[_c('div',{staticClass:\"text-index\"},[_vm._v(\" 行事曆 \")]),_c('swiper',{ref:\"eventSwiper\",staticClass:\"swiper\",attrs:{\"options\":_vm.eventSwiperOption}},_vm._l((_vm.filterEventList),function(item){return _c('swiper-slide',{key:item.Id},[_c('a',{staticClass:\"activity-index-wrap\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toActivityDetail(item.Id)}}},[(item.Picture)?_c('img',{attrs:{\"src\":item.Picture,\"alt\":\"\"}}):_c('img',{attrs:{\"src\":_vm.Images[0].Url,\"alt\":\"\"}}),(item.Categories[0] === 1)?_c('div',{staticClass:\"event-list-tag\"},[_vm._v(\" 會員大會 \")]):(item.Categories[0] === 2)?_c('div',{staticClass:\"event-list-tag\"},[_vm._v(\" 學術研討會 \")]):(item.Categories[0] === 3)?_c('div',{staticClass:\"event-list-tag\"},[_vm._v(\" 相關合辦活動 \")]):_c('div',{staticClass:\"event-list-tag\"},[_vm._v(\"其他\")])]),_c('div',{staticClass:\"event-list-title\"},[_c('div',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(item.ActivityStartOn,\"YYYY.MM.DD\"))+\"~\"+_vm._s(_vm._f(\"moment\")(item.ActivityEndOn,\"YYYY.MM.DD\"))+\" \")]),_vm._v(\" \"+_vm._s(item.Title)+\" \")])])}),1)],1),_c('div',{staticClass:\"event-list-filterArea\"},[_vm._m(4),_c('div',{staticClass:\"supervisory-btnBlock index\"},[_vm._l((_vm.eventCategrory),function(item,index){return [(index === 0)?_c('div',{key:'btnBlock' + index},[_c('button',{staticClass:\"btn btn-supervisory active\",attrs:{\"data-id\":index},on:{\"click\":function($event){return _vm.setSupervisory(index)}}},[_vm._v(\" \"+_vm._s(item.Title)+\" \")])]):_c('div',{key:'btnBlock' + index},[_vm._v(\" / \"),_c('button',{staticClass:\"btn btn-supervisory\",attrs:{\"data-id\":index},on:{\"click\":function($event){return _vm.setSupervisory(index)}}},[_vm._v(\" \"+_vm._s(item.Title)+\" \")])])]})],2),_c('p',[_vm._v(\" 提供完整國內外研討會及每年各項學術年會與地會開辦及投稿日期時間，以便各位使用者查詢與確認，若有任何問題，可聯絡通知我們，以便後續協助與服務，謝謝!! \")]),_c('div',{staticClass:\"swiper-customer-btn\"},[_c('span',{staticClass:\"material-icons prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_vm._v(\" west \")]),_c('span',{staticClass:\"material-icons next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_vm._v(\" east \")])]),_c('div',{staticClass:\"btn blue-btn index\"},[_c('router-link',{attrs:{\"to\":\"/calendar\"}},[_vm._v(\"查看行事曆\")])],1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-copyright\"},[_c('span',[_vm._v(\"©\")]),_vm._v(\" 2020 \"),_c('span',[_vm._v(\"台\")]),_c('span',[_vm._v(\"灣\")]),_c('span',[_vm._v(\"口\")]),_c('span',[_vm._v(\"腔\")]),_c('span',[_vm._v(\"衛\")]),_c('span',[_vm._v(\"生\")]),_c('span',[_vm._v(\"科\")]),_c('span',[_vm._v(\"學\")]),_c('span',[_vm._v(\"會\")]),_vm._v(\" Taiwan Academy for Dental Hygiene , Designed by Jfetek. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduction-list-text\"},[_c('div',{staticClass:\"banner-text index\"},[_c('h1',[_vm._v(\"學會簡介\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Introduction\")])]),_c('h3',[_vm._v(\"整合口腔衛生醫學研究人才，提升國內醫療水準\")]),_c('p',[_vm._v(\" 靈活的思維、精湛的醫術、緊密完善的研討內容， \"),_c('br'),_vm._v(\"更加細膩且高效的學術研究。 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner-text index\"},[_c('h1',[_vm._v(\"最新消息\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"News\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" 靈活的思維、精湛的醫術、緊密完善的研討內容， \"),_c('br'),_vm._v(\"更加細膩且高效的學術研究。 \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"banner-text index\"},[_c('h1',[_vm._v(\"學術活動\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Event / meeting itinerary\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"index-banner\">\n      <div class=\"side\">\n        <ul class=\"sideMenu-iconBox list-unstyled\">\n          <li v-if=\"!isLogin\">\n            <router-link to=\"/register\" class=\"sideMenu-link\">\n              <img src=\"../assets/images/icon/join.png\" alt=\"加入會員\" />\n              加入會員\n            </router-link>\n          </li>\n          <li>\n            <a href=\"#\" @click.prevent=\"openLoginbox\" class=\"sideMenu-link\">\n              <img src=\"../assets/images/icon/login.png\" alt=\"會員登入/登出\" />\n              {{ isLogin ? \"會員登出\" : \"會員登入\" }}\n            </a>\n          </li>\n          <li>\n            <router-link to=\"/calendar\" class=\"sideMenu-link\">\n              <img src=\"../assets/images/icon/Calendar.png\" alt=\"行事曆\" />\n              行事曆\n            </router-link>\n          </li>\n        </ul>\n        <div class=\"index-copyright\">\n          <span>©</span>\n          2020\n          <span>台</span>\n          <span>灣</span>\n          <span>口</span>\n          <span>腔</span>\n          <span>衛</span>\n          <span>生</span>\n          <span>科</span>\n          <span>學</span>\n          <span>會</span> Taiwan Academy for Dental Hygiene , Designed by\n          Jfetek.\n        </div>\n      </div>\n      <div class=\"slider\">\n        <!-- swiper1 -->\n        <swiper class=\"swiper\" :options=\"swiperOption\" v-if=\"banners.length\">\n          <!-- <swiper-slide\n            v-for=\"(img, index) in banners\"\n            :key=\"index\"\n            :style=\"`backgroundImage:url(${\n              img.Picture.indexOf('https://www.tadhtw.org') == -1\n                ? 'https://www.tadhtw.org' + img.Picture\n                : img.Picture\n            })`\"\n          > -->\n          <swiper-slide\n            v-for=\"(img, index) in banners\"\n            :key=\"index\"\n            :style=\"`backgroundImage:url('${\n              img.Picture.indexOf('https://www.tadhtw.org') == -1\n                ? 'https://www.tadhtw.org' + img.Picture\n                : img.Picture\n            }')`\"\n          >\n            <a :href=\"img.Url\" class=\"banner-link\">\n              <div class=\"banner-title\" v-html=\"img.Title\"></div>\n            </a>\n          </swiper-slide>\n          <!-- <div class=\"swiper-text-index\">\n            <div class=\"main-text\">台灣口腔<br />衛生科學學會</div>\n            <div class=\"sub-text\">\n              整合牙科學會及研究人才<br />\n              提升國內醫療水準\n            </div>\n            <div class=\"link-text\">\n              <a\n                href=\"#\"\n                @click.prevent=\"\n                  toActivityDetail('1')\n                \"\n                >研討會報名\n                <img\n                  src=\"../assets/images/icon/index_go.png\"\n                  alt=\"前往研討會報名\"\n              /></a>\n            </div>\n          </div> -->\n          <div class=\"goMainBtn\" id=\"goNextArea\">\n            <span class=\"material-icons\">south</span>\n            <span class=\"scroll\">S</span>\n            <span class=\"scroll\">C</span>\n            <span class=\"scroll\">R</span>\n            <span class=\"scroll\">O</span>\n            <span class=\"scroll\">L</span>\n            <span class=\"scroll\">L</span>\n            <span class=\"scroll\"></span>\n            <span class=\"scroll\">D</span>\n            <span class=\"scroll\">O</span>\n            <span class=\"scroll\">W</span>\n            <span class=\"scroll\">N</span>\n          </div>\n        </swiper>\n      </div>\n    </div>\n    <div\n      id=\"indexMain\"\n      class=\"contentContainer\"\n      :style=\"{ backgroundImage: 'url(' + BG + ')' }\"\n    >\n      <div class=\"content-index\">\n        <!-- 學會簡介區 -->\n        <div class=\"introduction-list\">\n          <div class=\"introduction-list-text\">\n            <div class=\"banner-text index\">\n              <h1>學會簡介</h1>\n              <div class=\"banner-text-line\"></div>\n              <span>Introduction</span>\n            </div>\n            <h3>整合口腔衛生醫學研究人才，提升國內醫療水準</h3>\n            <p>\n              靈活的思維、精湛的醫術、緊密完善的研討內容，\n              <br />更加細膩且高效的學術研究。\n            </p>\n          </div>\n          <ul class=\"introduction-list-link list-unstyled\">\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('學會歷史')\">\n                <img\n                  src=\"../assets/images/icon/學會沿革.png\"\n                  alt=\"學會沿革\"\n                />History <br />學會沿革\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('學會章程')\">\n                <img\n                  src=\"../assets/images/icon/學會章程.png\"\n                  alt=\"學會章程\"\n                />Articles <br />學會章程\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('理事長的話')\">\n                <img\n                  src=\"../assets/images/icon/理事長的話.png\"\n                  alt=\"理事長的話\"\n                />President <br />理事長的話\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('理事監名錄')\">\n                <img\n                  src=\"../assets/images/icon/名錄.png\"\n                  alt=\"理事監名錄\"\n                />Supervisory <br />理事監名錄\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('組織架構')\">\n                <img\n                  src=\"../assets/images/icon/組織架構.png\"\n                  alt=\"組織架構\"\n                />Organization <br />組織架構\n              </a>\n            </li>\n          </ul>\n        </div>\n        <!-- 活動剪影區 -->\n        <div class=\"Activity-list\" v-if=\"Albums && Albums.length > 0\">\n          <swiper class=\"swiper\" :options=\"activitySwiperOption\">\n            <swiper-slide v-for=\"item in Albums\" :key=\"item.Id\">\n              <a\n                href=\"#\"\n                @click.prevent=\"\n                  toActivity('photo', `${item.Title}`, `${item.Id}`)\n                \"\n              >\n                <img :src=\"item.Photos[0]\" alt />\n              </a>\n              <div>{{ item.Title }}</div>\n            </swiper-slide>\n            <!-- <div class=\"swiper-pagination\" slot=\"pagination\"></div> -->\n            <div class=\"banner-text index inSwiper\" slot=\"pagination\">\n              <h1>活動剪影</h1>\n              <div class=\"banner-text-line\"></div>\n              <span>Activity silhouette</span>\n            </div>\n            <!-- <div class=\"swiper-button-prev\" slot=\"button-prev\"></div>\n            <div class=\"swiper-button-next\" slot=\"button-next\"></div> -->\n            <span class=\"material-icons prev\" slot=\"button-prev\"> west </span>\n            <span class=\"material-icons next\" slot=\"button-next\"> east </span>\n          </swiper>\n        </div>\n        <!-- 最新消息區 -->\n        <div class=\"News-list\">\n          <div class=\"News-list-text\">\n            <div class=\"banner-text index\">\n              <h1>最新消息</h1>\n              <div class=\"banner-text-line\"></div>\n              <span>News</span>\n            </div>\n            <p>\n              靈活的思維、精湛的醫術、緊密完善的研討內容，\n              <br />更加細膩且高效的學術研究。\n            </p>\n            <div class=\"btn blue-btn index\">\n              <router-link to=\"/news\">更多消息</router-link>\n            </div>\n          </div>\n          <div class=\"News-list-link\">\n            <img src=\"../assets/images/index_news.jpg\" alt=\"最新消息\" />\n            <ul class=\"News-list-ul list-unstyled\">\n              <li v-for=\"item in news\" :key=\"item.Id\">\n                {{ item.CreatedOn | moment(\"YYYY.MM.DD\") }}\n                <div\n                  class=\"eventCard-detail-tag index green\"\n                  v-if=\"\n                    item.Categories &&\n                    item.Categories.length > 0 &&\n                    item.Categories[0].Title === '國際訊息'\n                  \"\n                >\n                  {{ item.Categories[0].Title }}\n                </div>\n                <div\n                  class=\"eventCard-detail-tag index orange\"\n                  v-else-if=\"item.Categories && item.Categories.length > 0\"\n                >\n                  {{ item.Categories[0].Title }}\n                </div>\n                <a href=\"#\" @click.prevent=\"goNewsDetail(item.Id)\">{{\n                  item.Title\n                }}</a>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <!-- 學術活動區 -->\n        <div class=\"event-list\">\n          <div class=\"event-list-sliderArea\">\n            <div class=\"text-index\">\n              行事曆\n              <!-- {{ $moment(new Date()).format(\"YYYY.MM\") }}\n              <span>行事曆</span> -->\n            </div>\n            <swiper\n              class=\"swiper\"\n              :options=\"eventSwiperOption\"\n              ref=\"eventSwiper\"\n            >\n              <swiper-slide v-for=\"item in filterEventList\" :key=\"item.Id\">\n                <a\n                  class=\"activity-index-wrap\"\n                  href=\"#\"\n                  @click.prevent=\"toActivityDetail(item.Id)\"\n                >\n                  <img v-if=\"item.Picture\" :src=\"item.Picture\" alt />\n                  <img v-else :src=\"Images[0].Url\" alt />\n                  <div class=\"event-list-tag\" v-if=\"item.Categories[0] === 1\">\n                    會員大會\n                  </div>\n                  <div class=\"event-list-tag\" v-else-if=\"item.Categories[0] === 2\">\n                    學術研討會\n                  </div>\n                  <div class=\"event-list-tag\" v-else-if=\"item.Categories[0] === 3\">\n                    相關合辦活動\n                  </div>\n                  <div class=\"event-list-tag\" v-else>其他</div>\n                </a>\n                <div class=\"event-list-title\">\n                  <div class=\"date\">\n                    {{ item.ActivityStartOn | moment(\"YYYY.MM.DD\") }}~{{\n                      item.ActivityEndOn | moment(\"YYYY.MM.DD\")\n                    }}\n                  </div>\n                  {{ item.Title }}\n                </div>\n              </swiper-slide>\n              <!-- <div class=\"swiper-button-prev\" slot=\"button-prev\"></div> -->\n              <!-- <div class=\"swiper-button-next\" slot=\"button-next\"></div> -->\n            </swiper>\n          </div>\n          <div class=\"event-list-filterArea\">\n            <div class=\"title\">\n              <div class=\"banner-text index\">\n                <h1>學術活動</h1>\n                <div class=\"banner-text-line\"></div>\n                <span>Event / meeting itinerary</span>\n              </div>\n            </div>\n            <div class=\"supervisory-btnBlock index\">\n              <template v-for=\"(item, index) in eventCategrory\">\n                <div v-if=\"index === 0\" :key=\"'btnBlock' + index\">\n                  <button\n                    class=\"btn btn-supervisory active\"\n                    :data-id=\"index\"\n                    @click=\"setSupervisory(index)\"\n                  >\n                    {{ item.Title }}\n                  </button>\n                </div>\n                <div v-else :key=\"'btnBlock' + index\">\n                  /\n                  <button\n                    class=\"btn btn-supervisory\"\n                    :data-id=\"index\"\n                    @click=\"setSupervisory(index)\"\n                  >\n                    {{ item.Title }}\n                  </button>\n                </div>\n              </template>\n            </div>\n            <p>\n              提供完整國內外研討會及每年各項學術年會與地會開辦及投稿日期時間，以便各位使用者查詢與確認，若有任何問題，可聯絡通知我們，以便後續協助與服務，謝謝!!\n            </p>\n            <div class=\"swiper-customer-btn\">\n              <span class=\"material-icons prev\" slot=\"button-prev\"> west </span>\n              <span class=\"material-icons next\" slot=\"button-next\"> east </span>\n            </div>\n            <div class=\"btn blue-btn index\">\n              <router-link to=\"/calendar\">查看行事曆</router-link>\n            </div>\n          </div>\n        </div>\n        <!-- 贊助夥伴區 -->\n        <!-- <div class=\"introduction-list\">\n          <div class=\"introduction-list-text\">\n            <div class=\"banner-text index\">\n              <h1>贊助夥伴</h1>\n              <div class=\"banner-text-line\"></div>\n              <span>Patron</span>\n            </div>\n            <p>\n              贊助夥伴\n            </p>\n          </div>\n          <ul class=\"introduction-list-link list-unstyled\">\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('學會歷史')\">\n                <img\n                  src=\"../assets/images/icon/學會沿革.png\"\n                  alt=\"學會沿革\"\n                />History <br />學會沿革\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('學會章程')\">\n                <img\n                  src=\"../assets/images/icon/學會章程.png\"\n                  alt=\"學會章程\"\n                />Articles <br />學會章程\n              </a>\n            </li>\n            <li>\n              <a href=\"#\" @click.prevent=\"toIntroduction('理事長的話')\">\n                <img\n                  src=\"../assets/images/icon/理事長的話.png\"\n                  alt=\"理事長的話\"\n                />President <br />理事長的話\n              </a>\n            </li>\n          </ul>\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport NewsApi from '@/assets/api/news';\nimport activityApi from '@/assets/api/activity';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport 'swiper/dist/css/swiper.css';\nimport { swiper, swiperSlide } from 'vue-awesome-swiper';\nimport $ from 'jquery';\nimport BG from '../assets/images/index_bg_xl.png';\n\nexport default {\n  name: 'Index',\n  components: {\n    // MagazineCard,\n    swiper,\n    swiperSlide,\n  },\n  data() {\n    return {\n      BG,\n      swiperOption: {\n        spaceBetween: 30,\n        loop: true,\n        // effect: 'fade',\n        autoplay: { delay: 6000 },\n      },\n      activitySwiperOption: {\n        slidesPerView: 2,\n        spaceBetween: 10,\n        slidesPerGroup: 2,\n        loop: true,\n        loopFillGroupWithBlank: true,\n        // effect: 'fade',\n        // pagination: {\n        //   el: '.swiper-pagination',\n        //   clickable: true,\n        // },\n        navigation: {\n          nextEl: '.next',\n          prevEl: '.prev',\n        },\n      },\n      eventSwiperOption: {\n        slidesPerView: 4,\n        spaceBetween: 10,\n        loop: false,\n        loopFillGroupWithBlank: true,\n        // effect: 'fade',\n        // pagination: {\n        //   el: '.swiper-pagination',\n        //   clickable: true,\n        // },\n        navigation: {\n          nextEl: '.next',\n          prevEl: '.prev',\n        },\n        observer: true,\n        observeParents: true,\n      },\n      Images: [\n        {\n          // eslint-disable-next-line global-require\n          Url: require('@/assets/images/banner/index_banner.jpg'),\n        },\n      ],\n      news: [],\n      newsCategrory: [],\n      Albums: [],\n      eventCategrory: [\n        {\n          Title: '全部',\n        },\n        // {\n        //   Title: '國際活動',\n        // },\n        // {\n        //   Title: '國內活動',\n        // },\n        // {\n        //   Title: '年會',\n        // },\n        {\n          Title: '會員大會',\n        },\n        {\n          Title: '學術研討會',\n        },\n        {\n          Title: '相關合辦活動',\n        },\n      ],\n      nowIndex: 0,\n      eventList: [],\n      isScroll: true,\n      mainHeigh: 0,\n      banners: [],\n    };\n  },\n  methods: {\n    openLoginbox() {\n      const vm = this;\n      if (!vm.isLogin) {\n        // eslint-disable-next-line no-shadow\n        const Loginbox = document.getElementById('loginbox');\n        // console.log(Loginbox);\n        vm.MemberPopup = false;\n        const tops = $(document).scrollTop();\n        $(document).bind('scroll', () => {\n          $(document).scrollTop(tops);\n        });\n        Loginbox.style.display = 'flex';\n      } else {\n        vm.$store.commit('ISLOGIN', false);\n        vm.$swal({\n          icon: 'success',\n          text: '已登出!',\n          confirmButtonText: '確定',\n        });\n      }\n    },\n    toActivityDetail(id) {\n      const vm = this;\n      vm.$router.push(`/activity/${id}`);\n    },\n    toIntroduction(text) {\n      const vm = this;\n      vm.$router.push({\n        name: 'Introduction',\n        params: { data: text },\n      });\n    },\n    toActivity(text, title, id) {\n      // 獲取從哪裡來、標題、ID\n      const vm = this;\n      // 利用router的功能，將參數帶到下一頁去\n      vm.$router.push({\n        name: 'Activity',\n        params: { data: text, title, id },\n      });\n    },\n    setSupervisory(index) {\n      const vm = this;\n      $('.btn-supervisory').removeClass('active');\n      // eslint-disable-next-line no-restricted-globals\n      $(event.target).addClass('active');\n      // eslint-disable-next-line no-restricted-globals\n      // console.log(event.target.getAttribute('data-id'), index, event.target);\n      vm.nowIndex = index;\n      // this.$refs.eventSwiper.swiper.destroy();\n      vm.$nextTick(() => {\n        // console.log(vm.$refs.eventSwiper);\n        vm.$refs.eventSwiper.mountInstance();\n        vm.$refs.eventSwiper.update();\n        // this.$refs.eventSwiper.swiper.instantSwiper();\n        // vm.$refs.eventSwiper.swiper.update();\n      });\n    },\n    goNewsDetail(id) {\n      const vm = this;\n      vm.$router.push(`/news/${id}`);\n    },\n    getNews() {\n      const vm = this;\n      NewsApi.getNewsCategories().then((res) => {\n        // 先取得所有分類\n        if (res.status === 200) {\n          vm.newsCategrory = res.data.Data;\n          NewsApi.getIndexNews().then((data) => {\n            // 再取得所有新聞資料\n            if (data.status === 200) {\n              vm.news = data.data.Data.News;\n              vm.news.forEach((item) => {\n                // 對新聞資料進行遍歷\n                vm.newsCategrory.forEach((cate) => {\n                  // 對分類進行遍歷\n                  if (cate.Id === item.Categories[0]) {\n                    // 當分類的ID等於新聞資料分類第一筆的ID時，把符合的分類資料塞進新聞資料分類的第一筆\n                    // eslint-disable-next-line no-param-reassign\n                    item.Categories[0] = cate;\n                  }\n                });\n              });\n            }\n          });\n        }\n      });\n    },\n    getAlbums() {\n      const vm = this;\n      activityApi.getAllAlbums(1).then((res) => {\n        if (res.status === 200) {\n          vm.Albums = res.data.Data.Activities;\n        }\n      });\n    },\n    getActivityMonth(month) {\n      const vm = this;\n      // activityApi.getMonthActivity(month).then((res) => {\n      //   if (res.status === 200) {\n      //     vm.eventList = res.data.Data.Activities;\n      //   }\n      //   // console.log(res);\n      // });\n      activityApi.getAllActivity(1).then((res) => {\n        if (res.status === 200) {\n          if (vm.eventList.length === 0) {\n            // vm.events = res.data.Data.Activities.filter(\n            //   (item) => item.Photos.length === 0,\n            // );\n            vm.eventList = res.data.Data.Activities;\n          }\n        }\n      });\n    },\n    getBanner(page) {\n      const vm = this;\n      NewsApi.getBanners(page).then((res) => {\n        if (res.status === 200) {\n          vm.banners = res.data.Data;\n        }\n      });\n    },\n  },\n  mounted() {\n    const vm = this;\n    $('#goNextArea').click((e) => {\n      e.preventDefault();\n      $('html,body').animate(\n        {\n          scrollTop: $('#indexMain').offset().top,\n        },\n        300,\n      );\n    });\n    // 首頁 banner 滾動滑鼠會直接移到主要區塊\n    const tmpHeaderHeight = $('#indexMain').offset().top; // 避免在其他頁找不到所以放在外面\n    $(window).scroll(() => {\n      const tmpScrollTop = $(window).scrollTop();\n      if (vm.$route.name === 'Index') {\n        // 避免在其他頁面觸發\n        if (tmpHeaderHeight >= tmpScrollTop && vm.isScroll) {\n          $('html,body').animate(\n            {\n              scrollTop: tmpHeaderHeight,\n            },\n            300,\n          );\n          vm.isScroll = false;\n        }\n        if (tmpScrollTop === 0) {\n          vm.isScroll = true;\n        }\n      }\n    });\n\n    $(window).resize(() => {\n      if (window.innerWidth <= 768 && window.innerWidth > 420) {\n        vm.eventSwiperOption.slidesPerView = 3;\n      } else if (window.innerWidth <= 420) {\n        vm.eventSwiperOption.slidesPerView = 2;\n      }\n      vm.$nextTick(() => {\n        // console.log(vm.$refs.eventSwiper);\n        vm.$refs.eventSwiper.mountInstance();\n        vm.$refs.eventSwiper.update();\n        // this.$refs.eventSwiper.swiper.instantSwiper();\n        // vm.$refs.eventSwiper.swiper.update();\n      });\n    });\n    // $('.sideMenu').addClass('d-none');\n    // if ('onmousewheel' in window) {\n    //   window.onmousewheel = this.MouseWheel();\n    // } else if ('onmousewheel' in document) {\n    //   document.onmousewheel = this.MouseWheel();\n    // } else if ('addEventListener' in window) {\n    //   window.addEventListener('mousewheel', this.MouseWheel(), false);\n    //   window.addEventListener('DOMMouseScroll', this.MouseWheel(), false);\n    // }\n    // window.addEventListener('scroll', this.MouseWheel, true);\n  },\n  created() {\n    const vm = this;\n    vm.getNews();\n    vm.getAlbums();\n    vm.getActivityMonth(vm.$moment().format('M'));\n    vm.getBanner(1);\n    // vm.news = [\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //     // eslint-disable-next-line global-require\n    //     Image: require('@/assets/images/continuing_pic.jpg'),\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: 'abcdefsdasdsdadsadasdasd',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '國際訊息',\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\n    //   },\n    //   {\n    //     Id: 'abcdefsdasdsdadsadasdasd',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: 'abcdefsdasdsdadsadasdasd',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '國際訊息',\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: 'abcdefsdasdsdadsadasdasd',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '國際訊息',\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '學會',\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\n    //   },\n    //   {\n    //     Id: 'abcdefsdasdsdadsadasdasd',\n    //     StartOn: '2019-01-07',\n    //     EndOn: '',\n    //     Sort: '國際訊息',\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。安安',\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\n    //   },\n    // ];\n    // vm.eventList = [\n    //   {\n    //     Title: 'Baltimore, 國際活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國際活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國際活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國際活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國內活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國內活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 年會',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '年會',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國際活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國際活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國際活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國際活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國內活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國內活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 年會',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '年會',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 年會',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '年會',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國內活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國內活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 國內活動',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '國內活動',\n    //   },\n    //   {\n    //     Title: 'Baltimore, 年會',\n    //     Time: '2020.05.03~2020.05.07',\n    //     Category: '年會',\n    //   },\n    // ];\n    if (vm.screenWidth <= 768) {\n      vm.eventSwiperOption.slidesPerView = 3;\n    }\n    if (vm.screenWidth <= 420) {\n      vm.eventSwiperOption.slidesPerView = 2;\n    }\n  },\n  computed: {\n    // newsList() {\n    //   const vm = this;\n    //   let tmpNews = [];\n    //   if (vm.news.length > 4) {\n    //     vm.news.length = 4;\n    //     tmpNews = vm.news;\n    //   } else {\n    //     tmpNews = vm.news;\n    //   }\n    //   return tmpNews;\n    // },\n    filterEventList() {\n      const vm = this;\n      let tmpList = [];\n      switch (vm.nowIndex) {\n        case 0:\n          tmpList = vm.eventList;\n          break;\n        case 1:\n          tmpList = vm.eventList.filter((item) => item.Categories[0] === 1);\n          break;\n        case 2:\n          tmpList = vm.eventList.filter((item) => item.Categories[0] === 2);\n          break;\n        case 3:\n          tmpList = vm.eventList.filter((item) => item.Categories[0] === 3);\n          break;\n        default:\n          break;\n      }\n      return tmpList;\n    },\n    isLogin() {\n      return this.$store.state.isLogin;\n    },\n    screenWidth() {\n      return this.$store.state.screenWidth;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.index-banner {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n  height: 100vh;\n\n  @media (max-width: 420px) {\n    height: 220px;\n  }\n  .slider {\n    width: 100%;\n    height: calc(100%);\n    padding-left: 100px;\n    @media (max-width: 420px) {\n      padding: 0;\n    }\n    .swiper {\n      height: calc(100%);\n      .swiper-slide {\n        background-position: center;\n        background-size: cover;\n\n        @media (max-width: 420px) {\n          background-repeat: no-repeat;\n        }\n        a {\n          width: 100%;\n          height: 100%;\n          display: flex;\n          position: relative;\n          text-decoration: none;\n        }\n\n        .banner-title {\n          position: absolute;\n          top: 50%;\n          left: 15%;\n          transform: translate(0%, -50%);\n          text-align: center;\n\n          @media (max-width: 1440px) {\n            left: 5%;\n          }\n\n          @media (max-width: 1024px) {\n            top: 20%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n          }\n\n          @media (max-width: 480px) {\n            top: 40%;\n          }\n\n          ::v-deep h1 {\n            color: #001139;\n            font-size: 5rem;\n            @media (max-width: 767px) {\n              font-size: 2rem;\n            }\n          }\n          ::v-deep h3 {\n            color: #263357;\n            font-size: 3rem;\n            @media (max-width: 767px) {\n              font-size: 1.5rem;\n            }\n          }\n        }\n      }\n    }\n  }\n  .side {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100px;\n    background-color: #fff;\n    z-index: 100;\n    box-shadow: 10px 0px 10px -10px rgba(0, 0, 0, 0.3);\n    padding-top: 5rem;\n    @media (max-width: 1366px) {\n      padding-top: 1rem;\n    }\n\n    @media (max-width: 420px) {\n      display: none;\n    }\n    .sideMenu-link {\n      display: block;\n      text-align: center;\n      margin-bottom: 1rem;\n    }\n    .index-copyright {\n      margin: auto;\n      font-size: 0.6rem;\n      color: #263357;\n      writing-mode: vertical-rl;\n      bottom: 0;\n      height: 75%;\n      text-align: end;\n      @media (max-width: 1366px) {\n        height: 65%;\n      }\n      @media (max-width: 1024px) {\n        height: 75%;\n      }\n      span {\n        display: inline-block;\n        transform: rotate(90deg);\n      }\n    }\n  }\n}\n\n.swiper-text-index {\n  position: absolute;\n  left: 10%;\n  top: 20%;\n  text-align: center;\n\n  @media (max-width: 420px) {\n    top: 10%;\n    left: 5%;\n  }\n  @media (max-width: 375px) {\n    top: 20%;\n  }\n  @media (max-width: 320px) {\n    top: 10%;\n  }\n\n  .main-text {\n    font-size: 5rem;\n    color: #001139;\n    font-weight: bold;\n    @media (max-width: 420px) {\n      font-size: 4rem;\n    }\n    @media (max-width: 375px) {\n      font-size: 3rem;\n    }\n  }\n\n  .sub-text {\n    font-size: 3rem;\n    color: #263357;\n    margin-bottom: 4rem;\n    @media (max-width: 420px) {\n      font-size: 2rem;\n    }\n  }\n  .link-text {\n    a {\n      font-size: 1.5rem;\n      color: #263357;\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n}\n\n.goMainBtn {\n  position: absolute;\n  left: calc(50% - 54px);\n  bottom: 5%;\n  cursor: pointer;\n\n  .scroll {\n    display: inline-block;\n    animation: scrollAnimate 1s ease infinite alternate;\n  }\n  .scroll:nth-child(2) {\n    animation-delay: 0s;\n  }\n  .scroll:nth-child(3) {\n    animation-delay: 0.1s;\n  }\n  .scroll:nth-child(4) {\n    animation-delay: 0.2s;\n  }\n  .scroll:nth-child(5) {\n    animation-delay: 0.3s;\n  }\n  .scroll:nth-child(6) {\n    animation-delay: 0.4s;\n  }\n  .scroll:nth-child(7) {\n    animation-delay: 0.5s;\n  }\n  .scroll:nth-child(8) {\n    animation-delay: 0.6s;\n  }\n  .scroll:nth-child(9) {\n    animation-delay: 0.7s;\n  }\n  .scroll:nth-child(10) {\n    animation-delay: 0.8s;\n  }\n  .scroll:nth-child(11) {\n    animation-delay: 0.9s;\n  }\n  .scroll:nth-child(12) {\n    animation-delay: 1s;\n  }\n\n  .material-icons {\n    padding-bottom: 5px;\n    display: block;\n    text-align: center;\n    animation: scrollAnimate 1s ease infinite alternate;\n    animation-delay: 0.5s;\n  }\n}\n\n@keyframes scrollAnimate {\n  0% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(-10px);\n  }\n}\n\n.content-index {\n  padding: 55px 110px;\n\n  @media (max-width: 1024px) {\n    padding: 55px 50px;\n  }\n  @media (max-width: 420px) {\n    padding: 55px 20px;\n  }\n}\n\n.introduction-list {\n  padding: 4rem 0;\n  display: flex;\n\n  @media (max-width: 1024px) {\n    flex-direction: column;\n  }\n\n  .introduction-list-text {\n    @media (max-width: 1024px) {\n      margin-bottom: 2rem;\n    }\n    h3 {\n      font-size: 1.1rem;\n      color: #001139;\n      padding: 1rem 0;\n      letter-spacing: 1.2px;\n    }\n    p {\n      color: #676767;\n      margin-bottom: 0;\n      letter-spacing: 1.2px;\n    }\n  }\n}\n\n.introduction-list-link {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  flex: 1;\n  margin-bottom: 0;\n  @media (max-width: 420px) {\n    flex-wrap: wrap;\n  }\n\n  li {\n    @media (max-width: 420px) {\n      margin-bottom: 1rem;\n      margin-right: 1rem;\n    }\n  }\n  a {\n    text-align: center;\n    display: block;\n    text-decoration: none;\n    color: #464646;\n    transition: all 0.3s ease-in-out;\n\n    &:hover {\n      color: #f68e56;\n    }\n  }\n\n  img {\n    display: block;\n    margin: auto;\n    margin-bottom: 1rem;\n  }\n}\n\n.banner-text {\n  &.index {\n    position: static;\n    span {\n      font-size: 18px;\n    }\n  }\n\n  &.inSwiper {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: inherit;\n    z-index: 101;\n  }\n}\n\n.Activity-list {\n  // height: 380px;\n  margin-bottom: 5rem;\n\n  .swiper-slide {\n    // padding-top: 100px;\n    img {\n      max-height: 375px;\n      width: 100%;\n    }\n\n    &.swiper-slide-active {\n      padding-top: 0;\n    }\n  }\n  .prev {\n    position: absolute;\n    bottom: 0;\n    left: 40%;\n    z-index: 10;\n    color: #4b4b4b;\n    @media (max-width: 420px) {\n      left: 35%;\n    }\n  }\n  .next {\n    position: absolute;\n    bottom: 0;\n    left: 45%;\n    z-index: 10;\n    color: #4b4b4b;\n  }\n\n  // .swiper-slide-active {\n  //   // padding-bottom: 50px;\n  // }\n  .swiper-slide-next {\n    padding-top: 100px;\n  }\n}\n\n.News-list {\n  display: flex;\n  justify-content: space-between;\n  @media (max-width: 420px) {\n    flex-direction: column;\n  }\n  .News-list-text {\n    position: relative;\n    p {\n      color: #676767;\n      margin-bottom: 0;\n      padding: 2rem 0;\n      letter-spacing: 1.2px;\n    }\n  }\n  .News-list-link {\n    // flex: 1;\n    img {\n      width: 100%;\n    }\n    .News-list-ul {\n      padding: 1rem;\n\n      @media (max-width: 1024px) {\n        padding: 1rem 0;\n      }\n      li {\n        padding: 0.5rem;\n        font-size: 1rem;\n        color: #676767;\n        line-height: 1;\n        a {\n          color: #676767;\n          &:hover {\n            color: #001139;\n          }\n\n          @media(max-width:480px) {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n}\n\n.blue-btn {\n  &.index {\n    width: 184px;\n    margin-right: 0;\n    // position: absolute;\n    left: 0;\n    bottom: 15%;\n\n    @media (max-width: 420px) {\n      position: static;\n    }\n  }\n}\n\n.eventCard-detail-tag {\n  &.index {\n    display: inline-block;\n    margin-left: 1rem;\n    margin-right: 1.5rem;\n  }\n}\n\n.event-list {\n  // height: 380px;\n  margin-bottom: 5rem;\n  display: flex;\n  justify-content: flex-start;\n\n  @media (max-width: 1024px) {\n    flex-direction: column;\n  }\n\n  .swiper-slide {\n    // padding-top: 100px;\n    img {\n      width: 100%;\n      height: 130px;\n\n      @media (max-width: 420px) {\n        height: 100px;\n      }\n    }\n\n    &.swiper-slide-active {\n      padding-top: 0;\n    }\n  }\n}\n\n.event-list-sliderArea {\n  width: 60%;\n  @media (max-width: 1024px) {\n    width: 100%;\n  }\n\n  .text-index {\n    letter-spacing: 1.2px;\n    color: #e8e7e7;\n    font-size: 6rem;\n\n    @media (max-width: 420px) {\n      line-height: 1;\n      font-size: 4.5rem;\n      margin-bottom: 1rem;\n    }\n\n    span {\n      font-size: 3rem;\n      @media (max-width: 420px) {\n        line-height: 1;\n        font-size: 3rem;\n      }\n    }\n  }\n}\n\n.activity-index-wrap {\n  display: block;\n  position: relative;\n  .event-list-tag {\n    color: #fff;\n    background-color: #001139;\n    display: inline-block;\n    padding: 5px;\n    padding-left: 10px;\n    position: absolute;\n    right: -3px;\n    bottom: -2px;\n\n    // @media (max-width: 420px) {\n    //   top: 45%;\n    // }\n  }\n}\n\n.event-list-title {\n  padding-top: 1rem;\n  word-break: break-word;\n  // @media (max-width: 420px) {\n  //   padding-top: 2rem;\n  // }\n  .date {\n    font-size: 0.8rem;\n  }\n}\n\n.event-list-filterArea {\n  flex: 1;\n  padding: 0 1.5rem;\n  position: relative;\n\n  @media (max-width: 1024px) {\n    padding: 1.5rem 1.5rem;\n  }\n\n  .title {\n    text-align: right;\n    .index {\n      display: inline-block;\n\n      .banner-text-line {\n        width: 238px;\n      }\n    }\n    // text-align: right;\n  }\n  .blue-btn.index {\n    position: static;\n    bottom: 0;\n    left: 1.5rem;\n  }\n}\n\n.supervisory-btnBlock {\n  div {\n    display: inline-block;\n  }\n\n  &.index {\n    padding: 1rem 0;\n    button {\n      @media (max-width: 420px) {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.swiper-customer-btn {\n  padding: 1rem 0;\n  color: #4b4b4b;\n  .material-icons.prev {\n    margin-right: 1rem;\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=c0d58cb2&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=c0d58cb2&lang=scss&scoped=true&\"\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  \"c0d58cb2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/學會章程.png\";","module.exports = __webpack_public_path__ + \"static/img/index_news.jpg\";","module.exports = __webpack_public_path__ + \"static/img/名錄.png\";"],"sourceRoot":""}