{"version":3,"sources":["webpack:///./src/assets/images/index_bg_big.png","webpack:///./src/views/News.vue?a5bf","webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./src/components/NewsList.vue?1d15","webpack:///./src/assets/api/news.js","webpack:///./src/views/News.vue?2793","webpack:///src/views/News.vue","webpack:///./src/views/News.vue?ea57","webpack:///./src/views/News.vue","webpack:///./src/components/NewsList.vue?e993","webpack:///src/components/NewsList.vue","webpack:///./src/components/NewsList.vue?6953","webpack:///./src/components/NewsList.vue","webpack:///./src/assets/images/banner/news_banner.jpg"],"names":["module","exports","$","$filter","filter","arrayMethodHasSpeciesSupport","arrayMethodUsesToLength","HAS_SPECIES_SUPPORT","USES_TO_LENGTH","target","proto","forced","callbackfn","this","arguments","length","undefined","API_URL","newsUrl","BannersUrl","NewsApi","params","url","getRequest","response","http","render","_vm","_h","$createElement","_c","_self","_m","staticClass","style","backgroundImage","BG","screenWidth","attrs","_v","_s","title","_l","item","index","key","class","active","titleZh","titleEn","on","$event","setTitle","_e","filterData","directives","name","rawName","value","expression","domProps","composing","searchString","staticRenderFns","components","NewsList","data","nowIndex","searchAge","listTitle","news","nowPage","busy","totalPage","methods","vm","text","filterAge","age","getNews","res","status","Data","News","Math","ceil","parseInt","Total","$store","dispatch","concat","loadMore","created","computed","filteredData","returnData","filterByCategory","applyFilters","state","component","Picture","day","month","year","Categories","Title","Id","preventDefault","goDetail","Content","props","type","Object","from","String","displayInfo","$router","push","tmpDay","tmpMonth","tmpYear"],"mappings":"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","file":"static/js/chunk-4d4e0fc4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/index_bg_big.png\";","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!./News.vue?vue&type=style&index=0&lang=scss&\"; 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!./News.vue?vue&type=style&index=0&lang=scss&\"","'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n// Edge 14- issue\nvar USES_TO_LENGTH = arrayMethodUsesToLength('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\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!./NewsList.vue?vue&type=style&index=0&lang=scss&\"; 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!./NewsList.vue?vue&type=style&index=0&lang=scss&\"","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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"contentContainer-noMove\",style:({ backgroundImage: 'url(' + _vm.BG + ')' })},[_c('div',{staticClass:\"content\"},[(_vm.screenWidth < 768)?_c('div',{staticClass:\"accordion mb-4 mt-4\",attrs:{\"id\":\"insideMenuMobile\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header insideMenu-header\",attrs:{\"id\":\"headingOne\"}},[_c('h2',{staticClass:\"mb-0\"},[_c('button',{staticClass:\"btn btn-block text-left\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#collapseOne\",\"aria-expanded\":\"false\",\"aria-controls\":\"collapseOne\"}},[_vm._v(\" \"+_vm._s(_vm.title)+\" \"),_c('i',{staticClass:\"fas fa-angle-down fa-lg insideMenu-icon\"}),_c('i',{staticClass:\"fas fa-angle-up fa-lg insideMenu-icon\"})])])]),_c('div',{staticClass:\"collapse\",attrs:{\"id\":\"collapseOne\",\"aria-labelledby\":\"headingOne\",\"data-parent\":\"#insideMenuMobile\"}},[_c('div',[_c('div',{staticClass:\"list-group list-bg\",attrs:{\"id\":\"list-tab\",\"role\":\"tablist\"}},_vm._l((_vm.listTitle),function(item,index){return _c('a',{key:index,staticClass:\"list-group-item text-center\",class:{ active: _vm.title === item.titleZh },attrs:{\"id\":item.titleEn,\"data-toggle\":\"list\",\"role\":\"tab\",\"aria-controls\":item.titleEn},on:{\"click\":function($event){return _vm.setTitle(item.titleZh)}}},[_vm._v(_vm._s(item.titleZh))])}),0)])])])]):_vm._e(),(_vm.screenWidth >= 768)?_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"list-group list-group-horizontal list-bg list-area rounded-pill\",attrs:{\"id\":\"list-tab\",\"role\":\"tablist\"}},_vm._l((_vm.listTitle),function(item,index){return _c('a',{key:index,staticClass:\"list-group-item text-center rounded-pill\",class:{ active: _vm.title === item.titleZh },attrs:{\"id\":item.titleEn,\"data-toggle\":\"list\",\"href\":\"#list-announcement\",\"role\":\"tab\",\"aria-controls\":item.titleEn},on:{\"click\":function($event){return _vm.setTitle(item.titleZh)}}},[_vm._v(_vm._s(item.titleZh))])}),0)]):_vm._e(),_c('div',{staticClass:\"tab-content\",attrs:{\"id\":\"nav-tabContent\"}},[_c('div',{staticClass:\"tab-pane fade show active\",attrs:{\"id\":\"list-dentalHygienists\",\"role\":\"tabpanel\",\"aria-labelledby\":\"list-dentalHygienists-list\"}},[_c('transition',{attrs:{\"mode\":\"out-in\"}},[_c('div',{staticClass:\"no\"},[(_vm.filterData.length > 0)?_c('div',{staticClass:\"announcement-wrap\"},[_c('div',{staticClass:\"announcement-listArea\"},[_c('div',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.loadMore),expression:\"loadMore\"}],staticClass:\"infinite-scroll\",attrs:{\"infinite-scroll-disabled\":\"busy\",\"infinite-scroll-distance\":\"0\"}},[_vm._l((_vm.filterData),function(item,index){return [_c('NewsList',{key:index,attrs:{\"data\":item,\"from\":'news'}})]})],2)]),_c('div',{staticClass:\"announcement-filterArea\"},[_c('div',{staticClass:\"announcement-searchBox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchString),expression:\"searchString\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.searchString)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchString=$event.target.value}}}),_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"fas fa-search fa-lg\"})])])])]):_c('div',{staticClass:\"content-contact\"},[_c('div',{staticClass:\"content-contact-border\"},[_c('div',{staticClass:\"member-box\"},[_c('h3',[_vm._v(\"目前沒有內容\")])])]),_c('div',{staticClass:\"announcement-filterArea\"},[_c('div',{staticClass:\"announcement-searchBox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchString),expression:\"searchString\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.searchString)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchString=$event.target.value}}}),_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"fas fa-search fa-lg\"})])])])])])])],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-content\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"../assets/images/banner/news_banner.jpg\"),\"alt\":\"banner\"}}),_c('div',{staticClass:\"banner-text\"},[_c('h1',[_vm._v(\"最新消息\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Lstest News\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"banner\">\r\n      <div class=\"banner-content\">\r\n        <img\r\n          class=\"img-fluid\"\r\n          src=\"../assets/images/banner/news_banner.jpg\"\r\n          alt=\"banner\"\r\n        />\r\n        <div class=\"banner-text\">\r\n          <h1>最新消息</h1>\r\n          <div class=\"banner-text-line\"></div>\r\n          <span>Lstest News</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"contentContainer-noMove\"\r\n      :style=\"{ backgroundImage: 'url(' + BG + ')' }\"\r\n    >\r\n      <div class=\"content\">\r\n        <!-- mobile 用 -->\r\n        <div\r\n          v-if=\"screenWidth < 768\"\r\n          class=\"accordion mb-4 mt-4\"\r\n          id=\"insideMenuMobile\"\r\n        >\r\n          <div class=\"card\">\r\n            <div class=\"card-header insideMenu-header\" id=\"headingOne\">\r\n              <h2 class=\"mb-0\">\r\n                <button\r\n                  class=\"btn btn-block text-left\"\r\n                  type=\"button\"\r\n                  data-toggle=\"collapse\"\r\n                  data-target=\"#collapseOne\"\r\n                  aria-expanded=\"false\"\r\n                  aria-controls=\"collapseOne\"\r\n                >\r\n                  {{ title }}\r\n                  <i class=\"fas fa-angle-down fa-lg insideMenu-icon\"></i>\r\n                  <i class=\"fas fa-angle-up fa-lg insideMenu-icon\"></i>\r\n                </button>\r\n              </h2>\r\n            </div>\r\n\r\n            <div\r\n              id=\"collapseOne\"\r\n              class=\"collapse\"\r\n              aria-labelledby=\"headingOne\"\r\n              data-parent=\"#insideMenuMobile\"\r\n            >\r\n              <div>\r\n                <div class=\"list-group list-bg\" id=\"list-tab\" role=\"tablist\">\r\n                  <a\r\n                    v-for=\"(item, index) in listTitle\"\r\n                    :key=\"index\"\r\n                    class=\"list-group-item text-center\"\r\n                    :class=\"{ active: title === item.titleZh }\"\r\n                    :id=\"item.titleEn\"\r\n                    data-toggle=\"list\"\r\n                    role=\"tab\"\r\n                    :aria-controls=\"item.titleEn\"\r\n                    @click=\"setTitle(item.titleZh)\"\r\n                    >{{ item.titleZh }}</a\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- PC 用 -->\r\n        <div v-if=\"screenWidth >= 768\" class=\"d-flex justify-content-center\">\r\n          <div\r\n            class=\"list-group list-group-horizontal list-bg list-area rounded-pill\"\r\n            id=\"list-tab\"\r\n            role=\"tablist\"\r\n          >\r\n            <a\r\n              v-for=\"(item, index) in listTitle\"\r\n              :key=\"index\"\r\n              class=\"list-group-item text-center rounded-pill\"\r\n              :class=\"{ active: title === item.titleZh }\"\r\n              :id=\"item.titleEn\"\r\n              data-toggle=\"list\"\r\n              href=\"#list-announcement\"\r\n              role=\"tab\"\r\n              :aria-controls=\"item.titleEn\"\r\n              @click=\"setTitle(item.titleZh)\"\r\n              >{{ item.titleZh }}</a\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"tab-content\" id=\"nav-tabContent\">\r\n          <div\r\n            class=\"tab-pane fade show active\"\r\n            id=\"list-dentalHygienists\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"list-dentalHygienists-list\"\r\n          >\r\n            <transition mode=\"out-in\">\r\n              <div class=\"no\">\r\n                <div class=\"announcement-wrap\" v-if=\"filterData.length > 0\">\r\n                  <div class=\"announcement-listArea\">\r\n                    <div\r\n                      class=\"infinite-scroll\"\r\n                      v-infinite-scroll=\"loadMore\"\r\n                      infinite-scroll-disabled=\"busy\"\r\n                      infinite-scroll-distance=\"0\"\r\n                    >\r\n                      <template v-for=\"(item, index) in filterData\">\r\n                        <NewsList\r\n                          :data=\"item\"\r\n                          :key=\"index\"\r\n                          :from=\"'news'\"\r\n                        ></NewsList>\r\n                      </template>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"announcement-filterArea\">\r\n                    <div class=\"announcement-searchBox\">\r\n                      <input type=\"text\" v-model=\"searchString\" />\r\n                      <a href=\"#\">\r\n                        <i class=\"fas fa-search fa-lg\"></i>\r\n                      </a>\r\n                    </div>\r\n                    <!-- <div class=\"announcement-tag\">\r\n                      依年份搜尋\r\n                      <ul class=\"announcement-tag-list list-unstyled\">\r\n                        <li>\r\n                          <a\r\n                            href=\"#\"\r\n                            class=\"filter-age\"\r\n                            @click.prevent=\"filterAge('2020')\"\r\n                            >2020</a\r\n                          >\r\n                        </li>\r\n                      </ul>\r\n                    </div> -->\r\n                  </div>\r\n                </div>\r\n                <div class=\"content-contact\" v-else>\r\n                  <div class=\"content-contact-border\">\r\n                    <div class=\"member-box\">\r\n                      <h3>目前沒有內容</h3>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"announcement-filterArea\">\r\n                    <div class=\"announcement-searchBox\">\r\n                      <input type=\"text\" v-model=\"searchString\" />\r\n                      <a href=\"#\">\r\n                        <i class=\"fas fa-search fa-lg\"></i>\r\n                      </a>\r\n                    </div>\r\n                    <!-- <div class=\"announcement-tag\">\r\n                      依年份搜尋\r\n                      <ul class=\"announcement-tag-list list-unstyled\">\r\n                        <li>\r\n                          <a\r\n                            href=\"#\"\r\n                            class=\"filter-age\"\r\n                            @click.prevent=\"filterAge('2020')\"\r\n                            >2020</a\r\n                          >\r\n                        </li>\r\n                      </ul>\r\n                    </div> -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </transition>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery';\r\nimport NewsList from '@/components/NewsList.vue';\r\nimport NewsApi from '@/assets/api/news';\r\nimport BG from '../assets/images/index_bg_big.png';\r\nimport 'vue-lazy-youtube-video/dist/style.css';\r\n\r\nexport default {\r\n  name: 'news',\r\n  components: {\r\n    NewsList,\r\n  },\r\n  data() {\r\n    return {\r\n      BG,\r\n      // screenWidth: 0,\r\n      title: '全部消息',\r\n      nowIndex: 0,\r\n      searchString: '',\r\n      searchAge: '',\r\n      listTitle: [\r\n        {\r\n          titleZh: '全部消息',\r\n          titleEn: 'all',\r\n        },\r\n        {\r\n          titleZh: '學會公告',\r\n          titleEn: 'association',\r\n        },\r\n        {\r\n          titleZh: '國際訊息',\r\n          titleEn: 'international',\r\n        },\r\n      ],\r\n      news: [],\r\n      filter: '',\r\n      nowPage: 1,\r\n      busy: false, // true觸發載入，false停止載入\r\n      totalPage: 1,\r\n    };\r\n  },\r\n  methods: {\r\n    setTitle(text) {\r\n      const vm = this;\r\n      vm.title = text;\r\n      // vm.searchString = '';\r\n      $('#collapseOne').collapse('hide');\r\n    },\r\n    filterAge(age) {\r\n      const vm = this;\r\n      $('.filter-age').removeClass('active');\r\n      // eslint-disable-next-line no-restricted-globals\r\n      $(event.target).addClass('active');\r\n      vm.searchAge = age;\r\n    },\r\n    getNews(page) {\r\n      const vm = this;\r\n      NewsApi.getAllNews(page).then((res) => {\r\n        if (res.status === 200) {\r\n          if (vm.news.length === 0) {\r\n            vm.news = res.data.Data.News;\r\n            vm.totalPage = Math.ceil(parseInt(res.data.Data.Total, 10) / 10); // 指定為10進位\r\n          } else {\r\n            vm.busy = false;\r\n            vm.$store.dispatch('updateLoading', false);\r\n            vm.news = vm.news.concat(res.data.Data.News);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    loadMore() {\r\n      const vm = this;\r\n      vm.busy = true;\r\n      if (vm.totalPage === 1 || vm.totalPage === vm.nowPage) {\r\n        vm.busy = false;\r\n      } else {\r\n        vm.$store.dispatch('updateLoading', true);\r\n        vm.nowPage += 1;\r\n        vm.getNews(vm.nowPage);\r\n      }\r\n    },\r\n    // search(string) {\r\n    //   const vm = this;\r\n    //   if (string === '') {\r\n    //     console.log('空的');\r\n    //   } else {\r\n    //     // vm.news = vm.news.filter((item) => item.Title.indexOf(vm.searchString) !== -1);\r\n    //   }\r\n    // },\r\n  },\r\n  created() {\r\n    const vm = this;\r\n    vm.getNews(vm.nowPage);\r\n    // vm.news = [\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //     // eslint-disable-next-line global-require\r\n    //     Image: require('@/assets/images/continuing_pic.jpg'),\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: 'abcdefsdasdsdadsadasdasd',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '國際訊息',\r\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\r\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\r\n    //   },\r\n    //   {\r\n    //     Id: 'abcdefsdasdsdadsadasdasd',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: 'abcdefsdasdsdadsadasdasd',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '國際訊息',\r\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\r\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: 'abcdefsdasdsdadsadasdasd',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '國際訊息',\r\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。',\r\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2018-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '視網膜醫學會網站 全新改版，會員/準會員 登入說明～',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: '7aecb625-4870-40af-a46d-4b6b80027ef3',\r\n    //     StartOn: '2019-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '學會',\r\n    //     Title: '中華民國視網膜醫學會 民國108年 工作計畫',\r\n    //     CategoryId: '0d740489-c8c0-4f24-9de5-61f5b4f27cbf',\r\n    //   },\r\n    //   {\r\n    //     Id: 'abcdefsdasdsdadsadasdasd',\r\n    //     StartOn: '2020-01-07',\r\n    //     EndOn: '',\r\n    //     Sort: '國際訊息',\r\n    //     Title: '轉知「醫策會20週年國際論壇」徵文訊息。安安',\r\n    //     CategoryId: '8f7587e8-3649-4dce-a525-c7a54499841d',\r\n    //   },\r\n    // ];\r\n  },\r\n  computed: {\r\n    filterData() {\r\n      const vm = this;\r\n      let returnData = [];\r\n\r\n      const filterByCategory = (category) => vm.news.filter(\r\n        (item) => item.Categories.indexOf(category) !== -1,\r\n      );\r\n\r\n      const applyFilters = (data) => {\r\n        let filteredData = data; // 新增一個新的變數保存篩選後的資料\r\n        if (vm.searchString !== '') {\r\n          filteredData = filteredData.filter(\r\n            (item) => item.Title.indexOf(vm.searchString) !== -1,\r\n          );\r\n        }\r\n        if (vm.searchAge !== '') {\r\n          filteredData = filteredData.filter(\r\n            (item) => item.CreatedOn.indexOf(vm.searchAge) !== -1,\r\n          );\r\n        }\r\n        return filteredData;\r\n      };\r\n\r\n      if (vm.title === '全部消息') {\r\n        returnData = vm.news;\r\n      } else if (vm.title === '學會公告') {\r\n        returnData = filterByCategory(1);\r\n      } else if (vm.title === '國際訊息') {\r\n        returnData = filterByCategory(3);\r\n      }\r\n\r\n      return applyFilters(returnData);\r\n    },\r\n    // setList() {\r\n    //   const vm = this;\r\n    //   return vm.answerData[vm.nowIndex];\r\n    // },\r\n    screenWidth() {\r\n      return this.$store.state.screenWidth;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.list-bg {\r\n  a {\r\n    cursor: pointer;\r\n  }\r\n}\r\n</style>\r\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!./News.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!./News.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./News.vue?vue&type=template&id=92598728&\"\nimport script from \"./News.vue?vue&type=script&lang=js&\"\nexport * from \"./News.vue?vue&type=script&lang=js&\"\nimport style0 from \"./News.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"newsCard\"},[(_vm.data.Picture)?_c('div',{staticClass:\"newsCard-img\"},[_c('img',{attrs:{\"src\":_vm.data.Picture,\"alt\":\"\"}})]):_vm._e(),_c('div',{staticClass:\"newsCard-content\"},[_c('div',{staticClass:\"newsCard-content-left\"},[_c('div',{staticClass:\"newsCard-date\"},[_c('div',{staticClass:\"newsCard-date-month\"},[_c('div',{staticClass:\"day\"},[_vm._v(_vm._s(_vm.day))]),_c('div',{staticClass:\"month\"},[_vm._v(_vm._s(_vm.month))])]),_c('div',{staticClass:\"newsCard-date-year\"},[_vm._v(_vm._s(_vm.year))])]),(_vm.data.Categories && _vm.data.Categories.length > 0)?_c('div',{staticClass:\"newsCard-tag\"},[(_vm.data.Categories[0] === 3)?_c('div',{staticClass:\"eventCard-detail-tag\"},[_vm._v(\" 國際訊息 \")]):(_vm.data.Categories[0] === 2)?_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 最新消息 \")]):(_vm.data.Categories[0] === 1)?_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 學會公告 \")]):_c('div',{staticClass:\"eventCard-detail-tag orange\"},[_vm._v(\" 其他 \")])]):_vm._e()]),_c('div',{staticClass:\"newsCard-content-right\"},[_c('div',{staticClass:\"newsCard-content-title\"},[_vm._v(_vm._s(_vm.data.Title))]),(_vm.data.Id !== 'ability')?_c('div',{staticClass:\"newsCard-content-detail\"},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.goDetail(_vm.data.Id)}}},[_vm._v(\"查看詳情\")])]):_vm._e(),(_vm.displayInfo)?_c('div',{staticClass:\"newsCard-content-info\",domProps:{\"innerHTML\":_vm._s(_vm.data.Content)}}):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"newsCard\">\r\n    <div class=\"newsCard-img\" v-if=\"data.Picture\">\r\n      <img :src=\"data.Picture\" alt />\r\n    </div>\r\n    <div class=\"newsCard-content\">\r\n      <div class=\"newsCard-content-left\">\r\n        <div class=\"newsCard-date\">\r\n          <div class=\"newsCard-date-month\">\r\n            <div class=\"day\">{{ day }}</div>\r\n            <div class=\"month\">{{ month }}</div>\r\n          </div>\r\n          <div class=\"newsCard-date-year\">{{ year }}</div>\r\n        </div>\r\n        <div class=\"newsCard-tag\" v-if=\"data.Categories && data.Categories.length > 0\">\r\n          <div\r\n            class=\"eventCard-detail-tag\"\r\n            v-if=\"data.Categories[0] === 3\"\r\n          >\r\n            國際訊息\r\n          </div>\r\n          <div\r\n            class=\"eventCard-detail-tag orange\"\r\n            v-else-if=\"data.Categories[0] === 2\"\r\n          >\r\n            最新消息\r\n          </div>\r\n          <div\r\n            class=\"eventCard-detail-tag orange\"\r\n            v-else-if=\"data.Categories[0] === 1\"\r\n          >\r\n            學會公告\r\n          </div>\r\n              <div\r\n                class=\"eventCard-detail-tag orange\"\r\n                v-else\r\n              >\r\n                其他\r\n              </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"newsCard-content-right\">\r\n        <div class=\"newsCard-content-title\">{{ data.Title }}</div>\r\n        <div class=\"newsCard-content-detail\" v-if=\"data.Id !== 'ability'\">\r\n          <a href=\"#\" @click.prevent=\"goDetail(data.Id)\">查看詳情</a>\r\n        </div>\r\n        <div class=\"newsCard-content-info\" v-if=\"displayInfo\" v-html=\"data.Content\">\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    from: {\r\n      type: String,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      displayInfo: false,\r\n    };\r\n  },\r\n  methods: {\r\n    goDetail(id) {\r\n      const vm = this;\r\n      if (vm.from === 'news') {\r\n        vm.$router.push(`/news/${id}`);\r\n      } else if (vm.from === 'ability') {\r\n        vm.displayInfo = !vm.displayInfo;\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    day() {\r\n      const vm = this;\r\n      const tmpDay = vm.$moment(vm.data.CreatedOn).format('DD'); // vm.data.StartOn.split('-');\r\n      return tmpDay;\r\n    },\r\n    month() {\r\n      const vm = this;\r\n      let tmpMonth = vm.$moment(vm.data.CreatedOn).format('MM'); // vm.data.StartOn.split('-');\r\n      switch (tmpMonth) {\r\n        case '01':\r\n          tmpMonth = 'JAN';\r\n          break;\r\n        case '02':\r\n          tmpMonth = 'FEB';\r\n          break;\r\n        case '03':\r\n          tmpMonth = 'MAR';\r\n          break;\r\n        case '04':\r\n          tmpMonth = 'APR';\r\n          break;\r\n        case '05':\r\n          tmpMonth = 'MAY';\r\n          break;\r\n        case '06':\r\n          tmpMonth = 'JUN';\r\n          break;\r\n        case '07':\r\n          tmpMonth = 'JUL';\r\n          break;\r\n        case '08':\r\n          tmpMonth = 'AUG';\r\n          break;\r\n        case '09':\r\n          tmpMonth = 'SEP';\r\n          break;\r\n        case '10':\r\n          tmpMonth = 'OCT';\r\n          break;\r\n        case '11':\r\n          tmpMonth = 'NOV';\r\n          break;\r\n        case '12':\r\n          tmpMonth = 'DEC';\r\n          break;\r\n\r\n        default:\r\n          break;\r\n      }\r\n      return tmpMonth;\r\n    },\r\n    year() {\r\n      const vm = this;\r\n      const tmpYear = vm.$moment(vm.data.CreatedOn).format('YYYY');// vm.data.StartOn.split('-');\r\n      return tmpYear;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.newsCard {\r\n  border: 1px solid #e3e3e3;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.newsCard-img {\r\n  img {\r\n    width: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    max-height: 300px;\r\n  }\r\n}\r\n\r\n.newsCard-content {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  @media (max-width: 420px) {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n.newsCard-content-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding-left: 1rem;\r\n  @media (max-width: 420px) {\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n.newsCard-date {\r\n  display: flex;\r\n  align-items: center;\r\n  color: #001139;\r\n  transition: all 0.5s;\r\n  padding: 1rem;\r\n}\r\n\r\n.newsCard-date-month {\r\n  .day {\r\n    font-size: 2.25rem;\r\n    line-height: 1;\r\n  }\r\n\r\n  .month {\r\n    font-size: 1.25rem;\r\n  }\r\n}\r\n\r\n.newsCard-date-year {\r\n  writing-mode: vertical-lr;\r\n  font-size: 1.5rem;\r\n\r\n  // @media (max-width: 1024px) {\r\n  //   margin-right: 1rem;\r\n  // }\r\n}\r\n\r\n.newsCard-tag {\r\n}\r\n\r\n.newsCard-content-right {\r\n  padding: 0 1rem;\r\n  width: 100%;\r\n}\r\n\r\n.newsCard-content-title {\r\n  font-size: 1.5rem;\r\n  color: #313131;\r\n  padding: 0.5rem 3rem 0 0;\r\n\r\n  @media (max-width: 420px) {\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n.newsCard-content-detail {\r\n  text-align: right;\r\n  // margin-top: -10px;\r\n\r\n  a {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding-right: 2rem;\r\n    padding-bottom: 1rem;\r\n    display: inline-block;\r\n    color: #001139;\r\n    font-size: 1.125rem;\r\n\r\n    &:hover {\r\n      text-decoration: none;\r\n\r\n      &:before {\r\n        right: -110%;\r\n        transition: 0.2s;\r\n      }\r\n\r\n      &:after {\r\n        right: 0%;\r\n        transition: 0.5s;\r\n      }\r\n    }\r\n\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 15px;\r\n      right: 0%;\r\n      display: block;\r\n      background: url(\"/static/arrow.png\") no-repeat;\r\n      width: 112px;\r\n      height: 16px;\r\n      transition: 1s;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 15px;\r\n      right: 100%;\r\n      display: block;\r\n      background: url(\"/static/arrow.png\") no-repeat;\r\n      width: 112px;\r\n      height: 16px;\r\n      transition: 0.5s;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./NewsList.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!./NewsList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsList.vue?vue&type=template&id=62719270&\"\nimport script from \"./NewsList.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsList.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/news_banner.jpg\";"],"sourceRoot":""}