{"version":3,"sources":["webpack:///./src/assets/images/index_bg_big.png","webpack:///./src/components/MagazineCard.vue?e81e","webpack:///./src/views/Magazine.vue?41e8","webpack:///./src/components/MagazineCard.vue?fcbb","webpack:///src/components/MagazineCard.vue","webpack:///./src/components/MagazineCard.vue?265b","webpack:///./src/components/MagazineCard.vue","webpack:///./src/views/Magazine.vue?5f19","webpack:///src/views/Magazine.vue","webpack:///./src/views/Magazine.vue?9544","webpack:///./src/views/Magazine.vue","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/assets/images/icon/back_icon.png","webpack:///./src/assets/api/submission.js","webpack:///./src/assets/images/banner/magazine_banner.jpg","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./src/assets/api/magazine.js","webpack:///./src/assets/images/magazine_default.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","preventDefault","getDocumentID","data","Id","Picture","Title","getPlanID","_v","_s","day","month","year","staticRenderFns","props","type","Object","from","String","pathCheck","methods","vm","$store","commit","$router","push","computed","tmpDay","tmpMonth","tmpYear","fromPath","getters","created","$route","path","component","_m","style","backgroundImage","BG","setPage","infiniteData","length","directives","name","rawName","value","expression","_l","item","index","key","Detail","StartOn","split","EndOn","download","DocumentFile","_e","domProps","Content","ref","class","active","Submission","guid","formData","target","composing","$set","fileName","toInputValue","deleteFile","submit","reset","components","MagazineCard","title","isMagazine","myFile","fullFileName","Name","Mobile","Email","Affiliation","Position","submitTitle","count","nowPage","busy","totalPage","setTitle","text","getMagazineList","res","status","Data","Journals","Math","ceil","parseInt","Total","dispatch","concat","getSubmissionList","Submissions","loadMore","File","size","$swal","confirmButtonText","tmpFileName","test","$refs","file","icon","append","downloadFunction","Type","params","$http","url","submissionId","Url","searchParams","get","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","call","match","error","API_URL","submissionUrl","SubmissionApi","page","getRequest","response","postfileRequest","postRequest","http","_defineProperties","i","descriptor","enumerable","writable","_createClass","Constructor","protoProps","staticProps","magazineUrl","magazineDetailUrl","videoUrl","videoDetailUrl","MagazineApi"],"mappings":"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","file":"static/js/chunk-9f4f9c54.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!./MagazineCard.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!./MagazineCard.vue?vue&type=style&index=0&lang=scss&\"","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!./Magazine.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!./Magazine.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"magazine-box\"},[_c('div',{staticClass:\"magazine-img\"},[(_vm.pathCheck)?_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getDocumentID(_vm.data.Id)}}},[(_vm.data.Picture)?_c('img',{attrs:{\"src\":_vm.data.Picture,\"alt\":_vm.data.Title}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/magazine_default.jpg\"),\"alt\":_vm.data.Title}})]):_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getPlanID(_vm.data.Id)}}},[(_vm.data.Picture)?_c('img',{attrs:{\"src\":_vm.data.Picture,\"alt\":_vm.data.Title}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/magazine_default.jpg\"),\"alt\":_vm.data.Title}})])]),(_vm.pathCheck)?_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getDocumentID(_vm.data.Id)}}},[_c('div',{staticClass:\"magazine-text\"},[_c('div',{staticClass:\"magazine-text-date\"},[_c('div',{staticClass:\"magazine-text-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:\"magazine-text-date-year\"},[_vm._v(_vm._s(_vm.year))])]),_c('h3',[_vm._v(_vm._s(_vm.data.Title))])])]):_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getPlanID(_vm.data.Id)}}},[_c('div',{staticClass:\"magazine-text\"},[_c('div',{staticClass:\"magazine-text-date\"},[_c('div',{staticClass:\"magazine-text-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:\"magazine-text-date-year\"},[_vm._v(_vm._s(_vm.year))])]),_c('h3',[_vm._v(_vm._s(_vm.data.Title))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"magazine-box\">\r\n    <div class=\"magazine-img\">\r\n      <a v-if=\"pathCheck\" href=\"#\" @click.prevent=\"getDocumentID(data.Id)\">\r\n        <img v-if=\"data.Picture\" :src=\"data.Picture\" :alt=\"data.Title\" />\r\n        <img v-else src=\"@/assets/images/magazine_default.jpg\" :alt=\"data.Title\" />\r\n      </a>\r\n      <!-- <a v-else :href=\"`/dath/plan?Id=${data.Id}`\">\r\n        <img :src=\"data.Image\" :alt=\"data.Title\" />\r\n      </a> -->\r\n      <a v-else href=\"#\" @click.prevent=\"getPlanID(data.Id)\">\r\n        <img v-if=\"data.Picture\" :src=\"data.Picture\" :alt=\"data.Title\" />\r\n        <img v-else src=\"@/assets/images/magazine_default.jpg\" :alt=\"data.Title\" />\r\n      </a>\r\n    </div>\r\n    <a v-if=\"pathCheck\" href=\"#\" @click.prevent=\"getDocumentID(data.Id)\">\r\n      <div class=\"magazine-text\">\r\n        <div class=\"magazine-text-date\">\r\n          <div class=\"magazine-text-date-month\">\r\n            <div class=\"day\">{{day}}</div>\r\n            <div class=\"month\">{{month}}</div>\r\n          </div>\r\n          <div class=\"magazine-text-date-year\">{{year}}</div>\r\n        </div>\r\n        <h3>{{ data.Title }}</h3>\r\n      </div>\r\n    </a>\r\n    <a v-else href=\"#\" @click.prevent=\"getPlanID(data.Id)\">\r\n      <div class=\"magazine-text\">\r\n        <div class=\"magazine-text-date\">\r\n          <div class=\"magazine-text-date-month\">\r\n            <div class=\"day\">{{day}}</div>\r\n            <div class=\"month\">{{month}}</div>\r\n          </div>\r\n          <div class=\"magazine-text-date-year\">{{year}}</div>\r\n        </div>\r\n        <h3>{{ data.Title }}</h3>\r\n      </div>\r\n    </a>\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      pathCheck: false,\r\n    };\r\n  },\r\n  methods: {\r\n    getDocumentID(id) {\r\n      const vm = this;\r\n      vm.$store.commit('FROM', vm.from);\r\n      vm.$router.push(`/magazine/document/${id}`);\r\n    },\r\n    getPlanID(id) {\r\n      const vm = this;\r\n      // vm.$router.push(`/plan/planId/${id}`);\r\n      vm.$router.push(`/healthEducation/magazine/${id}`);\r\n    },\r\n  },\r\n  computed: {\r\n    day() {\r\n      const vm = this;\r\n      const tmpDay = vm.$moment(vm.data.StartOn).format('DD');\r\n      return tmpDay;\r\n    },\r\n    month() {\r\n      const vm = this;\r\n      let tmpMonth = vm.$moment(vm.data.StartOn).format('MM');\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.StartOn).format('YYYY');\r\n      return tmpYear;\r\n    },\r\n    fromPath() {\r\n      return this.$store.getters.from;\r\n    },\r\n  },\r\n  created() {\r\n    // console.log(this.data.StartOn.split('-'));\r\n    const vm = this;\r\n    if (vm.$route.path === '/magazine') {\r\n      vm.pathCheck = true;\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.magazine-box {\r\n  width: 33.33333%;\r\n  max-width: 325px;\r\n  padding: 1.5rem;\r\n\r\n  @media (max-width: 1024px) {\r\n    padding: 1rem;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    width: 50%;\r\n  }\r\n  @media (max-width: 420px) {\r\n    width: 100%;\r\n  }\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .magazine-img {\r\n    margin-bottom: 1.5rem;\r\n    a {\r\n      display: block;\r\n      border: 1px solid #f1f1f1;\r\n      box-shadow: 5px 4px #f5f5f5;\r\n      transition: all 0.5s;\r\n\r\n      img {\r\n        max-height: 493px;\r\n        display: block;\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    .magazine-img {\r\n      a {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 5px 4px #df6c1c;\r\n        border: 1px solid #df6c1c;\r\n        transition: all 0.5s;\r\n      }\r\n    }\r\n    .magazine-text {\r\n      h3 {\r\n        color: #df6c1c;\r\n        transition: all 0.5s;\r\n      }\r\n    }\r\n    .magazine-text-date {\r\n      color: #df6c1c;\r\n      transition: all 0.5s;\r\n    }\r\n  }\r\n}\r\n\r\n.magazine-text {\r\n  display: flex;\r\n  h3 {\r\n    font-size: 1.5rem;\r\n    color: #3a3a3a;\r\n    margin-bottom: 0;\r\n    transition: all 0.5s;\r\n  }\r\n}\r\n\r\n.magazine-text-date {\r\n  display: flex;\r\n  align-items: center;\r\n  color: #001139;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.magazine-text-date-month {\r\n  .day {\r\n    font-size: 2rem;\r\n    line-height: 1;\r\n  }\r\n}\r\n\r\n.magazine-text-date-year {\r\n  writing-mode: vertical-lr;\r\n  font-size: 1.3rem;\r\n  margin-right: 2rem;\r\n\r\n  @media (max-width: 1024px) {\r\n    margin-right: 1rem;\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!./MagazineCard.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!./MagazineCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MagazineCard.vue?vue&type=template&id=e96fd72e&\"\nimport script from \"./MagazineCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MagazineCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MagazineCard.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',[_vm._m(0),_c('div',{staticClass:\"contentContainer-noMove\",style:({ backgroundImage: 'url(' + _vm.BG + ')' })},[_c('div',{staticClass:\"content\"},[_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\"}},[_c('a',{staticClass:\"list-group-item active text-center rounded-pill\",attrs:{\"id\":\"list-magazine-list\",\"data-toggle\":\"list\",\"href\":\"#list-magazine\",\"role\":\"tab\",\"aria-controls\":\"magazine\"},on:{\"click\":function($event){return _vm.setPage(true)}}},[_vm._v(\"電子會刊\")]),_c('a',{staticClass:\"list-group-item text-center rounded-pill\",attrs:{\"id\":\"list-submit-list\",\"data-toggle\":\"list\",\"href\":\"#list-submit\",\"role\":\"tab\",\"aria-controls\":\"submit\"},on:{\"click\":function($event){return _vm.setPage(false)}}},[_vm._v(\"線上投稿\")])])]),_c('div',{staticClass:\"tab-content\",attrs:{\"id\":\"nav-tabContent\"}},[_c('div',{staticClass:\"tab-pane fade show active\",attrs:{\"id\":\"list-magazine\",\"role\":\"tabpanel\",\"aria-labelledby\":\"list-magazine-list\"}},[_c('div',{staticClass:\"content-title\"},[_c('h2',[_vm._v(\"電子會刊\")]),_c('div',{staticClass:\"bread\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('i',{staticClass:\"fas fa-home fa-lg\"})]),_c('span',[_vm._v(\">\")]),_vm._v(\" 雜誌專區 \")],1)]),(_vm.infiniteData.length > 0)?_c('div',{staticClass:\"content-textBox\"},[_c('div',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.loadMore),expression:\"loadMore\"}],staticClass:\"magazine-wrap\",attrs:{\"infinite-scroll-disabled\":\"busy\",\"infinite-scroll-distance\":\"10\"}},[_vm._l((_vm.infiniteData),function(item,index){return [_c('MagazineCard',{key:index,attrs:{\"data\":item,\"from\":'magazine'}})]})],2)]):_c('div',{staticClass:\"content-contact\"},[_vm._m(1)])]),_c('div',{staticClass:\"tab-pane fade\",attrs:{\"id\":\"list-submit\",\"role\":\"tabpanel\",\"aria-labelledby\":\"list-submit-list\"}},[_c('div',{staticClass:\"content-title\"},[_c('h2',[_vm._v(\"投稿專區\")]),_c('div',{staticClass:\"bread\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('i',{staticClass:\"fas fa-home fa-lg\"})]),_c('span',[_vm._v(\">\")]),_vm._v(\" 投稿專區 \")],1)]),(_vm.Detail && _vm.Detail.length > 0)?_c('div',{staticClass:\"content-textBox\"},[_c('div',{staticClass:\"text\"},[_c('h3',[_vm._v(\"投稿辦法：\")]),(_vm.Detail[0].Id)?_c('section',[_c('div',{staticClass:\"box\"},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.Detail[0].Title))]),_c('div',{staticClass:\"tr\"},[_c('div',[_vm._v(\"投稿日期\")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.Detail[0].StartOn.split(\"T\")[0] + \" ~ \" + _vm.Detail[0].EndOn.split(\"T\")[0])+\" \")])]),(_vm.Detail[0].DocumentFile)?_c('div',{staticClass:\"tr\"},[_c('div',[_vm._v(\"檔案下載\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.download(_vm.Detail[0].DocumentFile)}}},[_vm._v(\"檔案下載\")])]):_vm._e(),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.Detail[0].Content)}})])]):_vm._e()])]):_vm._e(),(_vm.Detail && _vm.Detail.length > 0)?_c('div',{staticClass:\"content-title\"},[_c('h2',[_vm._v(\"填寫投稿人資訊\")])]):_vm._e(),(_vm.Detail && _vm.Detail.length > 0)?_c('div',{staticClass:\"content-contact\"},[_c('div',{staticClass:\"content-contact-border\"},[_c('form',{ref:\"form\",staticClass:\"submission_box\",class:{ active: _vm.Submission }},[_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"Id\"},domProps:{\"value\":_vm.guid}}),_c('div',{staticClass:\"input_span\"},[_c('span',[_vm._v(\"姓名\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.Name),expression:\"formData.Name\"}],attrs:{\"type\":\"text\",\"name\":\"Name\",\"placeholder\":\"請填寫姓名\"},domProps:{\"value\":(_vm.formData.Name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData, \"Name\", $event.target.value)}}})]),_c('div',{staticClass:\"input_span\"},[_c('span',[_vm._v(\"聯絡電話\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.Mobile),expression:\"formData.Mobile\"}],attrs:{\"type\":\"text\",\"name\":\"Mobile\",\"placeholder\":\"請填寫連絡電話\"},domProps:{\"value\":(_vm.formData.Mobile)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData, \"Mobile\", $event.target.value)}}})]),_c('div',{staticClass:\"input_span\"},[_c('span',[_vm._v(\"E-mail\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.Email),expression:\"formData.Email\"}],attrs:{\"type\":\"text\",\"name\":\"Email\",\"placeholder\":\"請填寫您的E-mail\"},domProps:{\"value\":(_vm.formData.Email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData, \"Email\", $event.target.value)}}})]),_c('div',{staticClass:\"input_span\"},[_c('span',[_vm._v(\"上傳檔案\")]),_c('div',{staticClass:\"fileArea\"},[_c('label',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fileName),expression:\"!fileName\"}],attrs:{\"for\":\"file\"}},[_vm._v(\"上傳檔案\")]),_c('input',{ref:\"file\",attrs:{\"id\":\"file\",\"type\":\"file\",\"name\":\"File\"},on:{\"change\":function($event){return _vm.toInputValue($event)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fileName),expression:\"!fileName\"}]},[_vm._v(\"※檔案請小於2.0MB\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.fileName),expression:\"fileName\"}],staticClass:\"file_name\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fileName),expression:\"fileName\"}],attrs:{\"type\":\"text\",\"id\":\"forFile\"},domProps:{\"value\":(_vm.fileName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.fileName=$event.target.value}}}),_c('div',{staticClass:\"delete\",on:{\"click\":_vm.deleteFile}},[_c('span',[_vm._v(\"✖\")]),_c('span',[_vm._v(\"刪除\")])])])])]),_c('div',{staticClass:\"contact-btnBlock\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"btn blue-btn islogin\",on:{\"click\":_vm.submit}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"完成送出\")])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"btn white-btn islogin\",on:{\"click\":_vm.reset}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"重新填寫\")])])])])])])]):_vm._e(),(_vm.Detail && _vm.Detail.length > 0)?_c('div',{staticClass:\"contact-back\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\" 回首頁 \"),_c('img',{attrs:{\"src\":require(\"../assets/images/icon/back_icon.png\"),\"alt\":\"回首頁\"}})])],1):_c('div',{staticClass:\"content-contact\"},[_vm._m(2)])])])])])])}\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/magazine_banner.jpg\"),\"alt\":\"banner\"}}),_c('div',{staticClass:\"banner-text\"},[_c('h1',[_vm._v(\"雜誌專區\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Magazine Area\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-contact-border\"},[_c('div',{staticClass:\"member-box\"},[_c('h3',[_vm._v(\"目前沒有內容\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-contact-border\"},[_c('div',{staticClass:\"member-box\"},[_c('h3',[_vm._v(\"目前沒有內容\")])])])}]\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/magazine_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>Magazine Area</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        <div 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              class=\"list-group-item active text-center rounded-pill\"\r\n              id=\"list-magazine-list\"\r\n              data-toggle=\"list\"\r\n              href=\"#list-magazine\"\r\n              role=\"tab\"\r\n              aria-controls=\"magazine\"\r\n              @click=\"setPage(true)\"\r\n              >電子會刊</a\r\n            >\r\n            <a\r\n              class=\"list-group-item text-center rounded-pill\"\r\n              id=\"list-submit-list\"\r\n              data-toggle=\"list\"\r\n              href=\"#list-submit\"\r\n              role=\"tab\"\r\n              aria-controls=\"submit\"\r\n              @click=\"setPage(false)\"\r\n              >線上投稿</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-magazine\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"list-magazine-list\"\r\n          >\r\n            <div class=\"content-title\">\r\n              <h2>電子會刊</h2>\r\n              <div class=\"bread\">\r\n                <router-link to=\"/\">\r\n                  <i class=\"fas fa-home fa-lg\"></i>\r\n                </router-link>\r\n                <span>></span>\r\n                雜誌專區\r\n              </div>\r\n            </div>\r\n            <div class=\"content-textBox\" v-if=\"infiniteData.length > 0\">\r\n              <div\r\n                class=\"magazine-wrap\"\r\n                v-infinite-scroll=\"loadMore\"\r\n                infinite-scroll-disabled=\"busy\"\r\n                infinite-scroll-distance=\"10\"\r\n              >\r\n                <template v-for=\"(item, index) in infiniteData\">\r\n                  <MagazineCard\r\n                    :data=\"item\"\r\n                    :key=\"index\"\r\n                    :from=\"'magazine'\"\r\n                  ></MagazineCard>\r\n                </template>\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>\r\n          </div>\r\n          <div\r\n            class=\"tab-pane fade\"\r\n            id=\"list-submit\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"list-submit-list\"\r\n          >\r\n            <div class=\"content-title\">\r\n              <h2>投稿專區</h2>\r\n              <div class=\"bread\">\r\n                <router-link to=\"/\">\r\n                  <i class=\"fas fa-home fa-lg\"></i>\r\n                </router-link>\r\n                <span>></span>\r\n                投稿專區\r\n              </div>\r\n            </div>\r\n            <div class=\"content-textBox\" v-if=\"Detail && Detail.length > 0\">\r\n              <div class=\"text\">\r\n                <h3>投稿辦法：</h3>\r\n                <section v-if=\"Detail[0].Id\">\r\n                  <div class=\"box\">\r\n                    <h3 class=\"title\">{{ Detail[0].Title }}</h3>\r\n                    <!-- <div class=\"img\">\r\n                      <img :src=\"Detail.Image\" :alt=\"Detail.Title\" />\r\n                    </div> -->\r\n                    <!-- <div class=\"border\"></div> -->\r\n                    <div class=\"tr\">\r\n                      <div>投稿日期</div>\r\n                      <div>\r\n                        {{\r\n                          Detail[0].StartOn.split(\"T\")[0] +\r\n                          \" ~ \" +\r\n                          Detail[0].EndOn.split(\"T\")[0]\r\n                        }}\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tr\" v-if=\"Detail[0].DocumentFile\">\r\n                      <div>檔案下載</div>\r\n                      <a\r\n                        href=\"javascript:;\"\r\n                        @click=\"download(Detail[0].DocumentFile)\"\r\n                        >檔案下載</a\r\n                      >\r\n                    </div>\r\n                    <div class=\"\" v-html=\"Detail[0].Content\"></div>\r\n                  </div>\r\n                  <!-- <graybtn name=\"回列表頁\" url=\"back\" /> -->\r\n                </section>\r\n              </div>\r\n            </div>\r\n            <div class=\"content-title\" v-if=\"Detail && Detail.length > 0\">\r\n              <h2>填寫投稿人資訊</h2>\r\n            </div>\r\n            <div class=\"content-contact\" v-if=\"Detail && Detail.length > 0\">\r\n              <div class=\"content-contact-border\">\r\n                <form\r\n                  class=\"submission_box\"\r\n                  :class=\"{ active: Submission }\"\r\n                  ref=\"form\"\r\n                >\r\n                  <input type=\"hidden\" name=\"Id\" :value=\"guid\" />\r\n                  <div class=\"input_span\">\r\n                    <span>姓名</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"Name\"\r\n                      v-model=\"formData.Name\"\r\n                      placeholder=\"請填寫姓名\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"input_span\">\r\n                    <span>聯絡電話</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"Mobile\"\r\n                      v-model=\"formData.Mobile\"\r\n                      placeholder=\"請填寫連絡電話\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"input_span\">\r\n                    <span>E-mail</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"Email\"\r\n                      v-model=\"formData.Email\"\r\n                      placeholder=\"請填寫您的E-mail\"\r\n                    />\r\n                  </div>\r\n                  <!-- <div class=\"input_span\">\r\n                    <span>服務單位</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"Affiliation\"\r\n                      v-model=\"formData.Affiliation\"\r\n                      placeholder=\"請填寫您目前的服務單位\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"input_span\">\r\n                    <span>職稱</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"Position\"\r\n                      v-model=\"formData.Position\"\r\n                      placeholder=\"請填寫您目前的職稱\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"input_span\">\r\n                    <span>投稿標題</span>\r\n                    <input\r\n                      type=\"text\"\r\n                      name=\"submitTitle\"\r\n                      v-model=\"formData.submitTitle\"\r\n                      placeholder=\"請填寫您的投稿標題\"\r\n                    />\r\n                  </div> -->\r\n                  <div class=\"input_span\">\r\n                    <span>上傳檔案</span>\r\n                    <div class=\"fileArea\">\r\n                      <label for=\"file\" v-show=\"!fileName\">上傳檔案</label>\r\n                      <input\r\n                        id=\"file\"\r\n                        ref=\"file\"\r\n                        type=\"file\"\r\n                        name=\"File\"\r\n                        @change=\"toInputValue($event)\"\r\n                      />\r\n                      <div v-show=\"!fileName\">※檔案請小於2.0MB</div>\r\n                      <div class=\"file_name\" v-show=\"fileName\">\r\n                        <input type=\"text\" id=\"forFile\" v-model=\"fileName\" />\r\n                        <div class=\"delete\" @click=\"deleteFile\">\r\n                          <span>✖</span>\r\n                          <span>刪除</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <!-- <div class=\"btn_box\">\r\n                    <div class=\"item\">\r\n                      <div class=\"White_btn islogin\" @click=\"reset\">\r\n                        <a href=\"javascript:;\">重新填寫</a>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"item\">\r\n                      <div class=\"Orange_btn islogin\" @click=\"submit\">\r\n                        <a href=\"javascript:;\">確定送出</a>\r\n                      </div>\r\n                    </div>\r\n                  </div>-->\r\n                  <div class=\"contact-btnBlock\">\r\n                    <div class=\"item\">\r\n                      <div class=\"btn blue-btn islogin\" @click=\"submit\">\r\n                        <a href=\"javascript:;\">完成送出</a>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"item\">\r\n                      <div class=\"btn white-btn islogin\" @click=\"reset\">\r\n                        <a href=\"javascript:;\">重新填寫</a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </form>\r\n              </div>\r\n            </div>\r\n            <div class=\"contact-back\" v-if=\"Detail && Detail.length > 0\">\r\n              <router-link to=\"/\">\r\n                回首頁\r\n                <img src=\"../assets/images/icon/back_icon.png\" alt=\"回首頁\" />\r\n              </router-link>\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>\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 MagazineCard from '@/components/MagazineCard.vue';\r\nimport Common from '@/common';\r\nimport MagazineApi from '@/assets/api/magazine';\r\nimport SubmissionApi from '@/assets/api/submission';\r\nimport BG from '../assets/images/index_bg_big.png';\r\n\r\nexport default {\r\n  name: 'Magazine',\r\n  components: {\r\n    MagazineCard,\r\n  },\r\n  data() {\r\n    return {\r\n      BG,\r\n      title: '學會歷史',\r\n      isMagazine: true,\r\n      Detail: [],\r\n      myFile: [],\r\n      Submission: false,\r\n      fileName: '',\r\n      fullFileName: '',\r\n      formData: {\r\n        Name: '',\r\n        Mobile: '',\r\n        Email: '',\r\n        Affiliation: '',\r\n        Position: '',\r\n        submitTitle: '',\r\n      },\r\n      count: 0, // 要推入的資料位置初始值\r\n      infiniteData: [], // inifinite scroll渲染的部分\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      $('#collapseOne').collapse('hide');\r\n    },\r\n    getMagazineList(page) {\r\n      const vm = this;\r\n      MagazineApi.getMagazines(page).then((res) => {\r\n        if (res.status === 200) {\r\n          if (vm.infiniteData.length === 0) {\r\n            vm.infiniteData = res.data.Data.Journals;\r\n            vm.totalPage = Math.ceil(parseInt(res.data.Data.Total, 10) / 10);\r\n          } else {\r\n            vm.busy = false;\r\n            vm.$store.dispatch('updateLoading', false);\r\n            vm.infiniteData = vm.infiniteData.concat(res.data.Data.Journals);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    getSubmissionList() {\r\n      const vm = this;\r\n      SubmissionApi.getAllSubmission(1, 3).then((res) => {\r\n        if (res.status === 200) {\r\n          if (!vm.Detail.Id) {\r\n            // 過濾還沒公布結果的投稿\r\n            vm.Detail = res.data.Data.Submissions;\r\n          }\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.getMagazineList(vm.nowPage);\r\n      }\r\n    },\r\n    setPage(data) {\r\n      const vm = this;\r\n      vm.isMagazine = data;\r\n    },\r\n    // eslint-disable-next-line consistent-return\r\n    toInputValue(e) {\r\n      const vm = this;\r\n      const File = e.target.files || e.dataTransfer.files;\r\n      if (File[0].size > 2000000) {\r\n        vm.$swal({\r\n          type: 'warning',\r\n          text: '檔案大小超過 2MB，請重新選擇檔案',\r\n          confirmButtonText: '確定',\r\n        });\r\n        return false;\r\n      }\r\n      // eslint-disable-next-line prefer-destructuring\r\n      vm.myFile = File[0];\r\n      const tmpFileName = File[0].name.split('.');\r\n      if (tmpFileName.length >= 2) {\r\n        // eslint-disable-next-line prefer-destructuring\r\n        vm.fileName = tmpFileName[0];\r\n      } else {\r\n        vm.fileName = File[0].name;\r\n      }\r\n      vm.fullFileName = File[0].name;\r\n      if (!/^[\\u4e00-\\u9fa5_a-zA-Z0-9]+$/.test(vm.fileName)) {\r\n        vm.$swal({\r\n          type: 'warning',\r\n          text: '檔名請勿使用特殊符號或空格',\r\n          confirmButtonText: '確定',\r\n        }).then((data) => {\r\n          if (data.value) {\r\n            vm.deleteFile();\r\n          }\r\n        });\r\n      }\r\n    },\r\n    deleteFile() {\r\n      const vm = this;\r\n      vm.myFile = [];\r\n      vm.fileName = '';\r\n      vm.fullFileName = '';\r\n      vm.$refs.file.value = '';\r\n    },\r\n    // eslint-disable-next-line consistent-return\r\n    submit() {\r\n      const vm = this;\r\n      if (\r\n        !vm.formData.Name\r\n        || !vm.formData.Mobile\r\n        || !vm.formData.Email\r\n        || !vm.myFile\r\n        || !vm.fileName\r\n      ) {\r\n        vm.$swal({\r\n          icon: 'warning',\r\n          text: '尚有欄位未填寫',\r\n          confirmButtonText: '確定',\r\n        });\r\n        return false;\r\n      }\r\n      const formData = new FormData();\r\n      // formData.append('Id', vm.guid);\r\n      formData.append('Name', vm.formData.Name);\r\n      formData.append('Mobile', vm.formData.Mobile);\r\n      formData.append('Telephone', vm.formData.Mobile);\r\n      formData.append('Email', vm.formData.Email);\r\n      formData.append('Affiliation', vm.formData.Affiliation);\r\n      formData.append('Position', vm.formData.Position);\r\n      formData.append('Filename', vm.fileName);\r\n      formData.append('File', vm.myFile, vm.fullFileName);\r\n      // console.log(vm.myFile);\r\n      // for (var pair of formData.entries()) {\r\n      //   console.log(pair[0] + \", \" + pair[1]);\r\n      // }\r\n      vm.$store.dispatch('updateLoading', true);\r\n\r\n      // 測試用\r\n      // vm.$swal({\r\n      //   icon: 'success',\r\n      //   text: '投稿成功!',\r\n      //   confirmButtonText: '確定',\r\n      // }).then(() => {\r\n      //   vm.reset();\r\n      // });\r\n\r\n      // 正式用\r\n      // eslint-disable-next-line no-undef\r\n      SubmissionApi.postSubmissions(vm.Detail[0].Id, formData).then((res) => {\r\n        // console.log(res);\r\n        vm.$store.dispatch('updateLoading', false);\r\n        if (res.status === 200) {\r\n          vm.$swal({\r\n            icon: 'success',\r\n            title: '投稿成功!',\r\n            text: `您的投稿編號為： ${res.data.Message}`,\r\n            confirmButtonText: '確定',\r\n          });\r\n          vm.reset();\r\n          // const UrlString = window.location.href;\r\n          // const Url = new URL(UrlString);\r\n          // vm.submissionId = Url.searchParams.get('Id');\r\n        } else {\r\n          vm.$swal({\r\n            icon: 'error',\r\n            text: '投稿失敗，請檢查您所填寫欄位及上傳的檔案，或著稍後在試!',\r\n            confirmButtonText: '確定',\r\n          });\r\n        }\r\n      });\r\n      // vm.$refs.form.submit();\r\n    },\r\n    reset() {\r\n      const vm = this;\r\n      vm.formData = {\r\n        Name: '',\r\n        Mobile: '',\r\n        Email: '',\r\n        Affiliation: '',\r\n        Position: '',\r\n      };\r\n      vm.deleteFile();\r\n    },\r\n    downloadFunction(url, params = {}) {\r\n      const uA = window.navigator.userAgent;\r\n      const isIE = /msie\\s|trident\\/|edge\\//i.test(uA)\r\n        && !!(\r\n          'uniqueID' in document\r\n          || 'documentMode' in document\r\n          || 'ActiveXObject' in window\r\n          || 'MSInputMethodContext' in window\r\n        );\r\n\r\n      let Type;\r\n      if (params.type === 'paf' || params.type === 'PDF') {\r\n        Type = 'application/pdf';\r\n      } else if (params.type === 'doc') {\r\n        Type = 'application/msword';\r\n      } else {\r\n        Type = `video/${params.type}`;\r\n      }\r\n      this.$http\r\n        .get(url, { responseType: 'blob' })\r\n        .then(({ data }) => {\r\n          const blob = new Blob([data], { type: Type });\r\n          const link = document.createElement('a');\r\n          link.href = window.URL.createObjectURL(blob);\r\n          link.download = `TADHfile.${params.type}`;\r\n\r\n          if (isIE) {\r\n            navigator.msSaveBlob(new Blob([data]), `TADHfile.${params.type}`);\r\n          } else {\r\n            link.click();\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          // console.log('錯誤', err);\r\n        });\r\n      return true;\r\n    },\r\n    download(url) {\r\n      const vm = this;\r\n      const Type = url.split('/').pop().split('.').pop();\r\n      vm.downloadFunction(url, { type: Type });\r\n    },\r\n  },\r\n  created() {\r\n    // $('#collapseOne').collapse('hide');\r\n    const vm = this;\r\n    vm.getMagazineList(vm.nowPage);\r\n    vm.getSubmissionList();\r\n    const UrlString = window.location.href;\r\n    const Url = new URL(UrlString);\r\n    const Id = 123; // Url.searchParams.get('Id');\r\n    vm.submissionId = Url.searchParams.get('Id');\r\n    vm.guid = Common.generateUUID();\r\n    if (Id !== null) {\r\n      // if (process.env.NODE_ENV === 'production') {\r\n      //   // eslint-disable-next-line no-undef\r\n      //   API.getSubmissionDetail({ Id }).then((res) => {\r\n      //     if (res.Ok) {\r\n      //       vm.Detail = res.Data;\r\n      //     }\r\n      //   });\r\n      // } else {\r\n      // vm.Detail = {\r\n      //   Id: 'test0101',\r\n      //   Title: '艾利根論文獎甄選活動!!',\r\n      //   // Image: require('@/assets/dev/img2.png'),\r\n      //   StartOn: '2019-07-11T00:00:00',\r\n      //   EndOn: '2019-08-17T00:00:00',\r\n      //   DocumentFile:\r\n      //     'https://retinasociety.blob.core.windows.net/submission/eeb70bfb-ea96-4fb9-8957-59ec9131cf68/9a66c81ffdd24878b9821af506da5f22.doc',\r\n      //   Content: `   <p>親愛的會員您好:</p>\r\n      //         <p>\r\n      //           今年的第八屆TRS年會將會與第十五屆世界眼炎醫學會年會「15th International Ocular Inflammation Society (IOIS) Congress」假高雄展覽館合辦。其中IOIS會期為108年11月13日至16日(星期三至星期六)，而\r\n      //           <strong>TRS年會將會於民國108年11月16日(星期六)舉辦</strong>，年會中包含一Free Paper Presentation時段，題目不拘，預定講者八名。另今年第四屆台日聯合會將會同日本視網膜醫學會年會(108年12月6日至8日)在日本長崎舉辦，同往例包含Rapid Fire單元，題目不拘，預定講者八名。\r\n      //         </p>\r\n      //         <p>本會現針對第八屆視網膜醫學會年會Free Paper及第四屆台日聯合會Rapid Fire舉辦聯合徵稿活動，在此敬邀各位會員踴躍投稿。投稿注意事項如下</p>\r\n      //         <ul>\r\n      //           <li>(一) 投稿台日Rapid-Fire並獲選報告者，將依據往例日方提供報名費及住宿，本會提供新台幣一萬元整交通補助。</li>\r\n      //           <li>(二) 第一階段評選: 無論投稿Free Paper或Rapid Fire，Abstract篩選獲選者，需於108年8月4日本年度第二次Retina club中報告，並由本會學術委員會選出最終適合報告之論文。</li>\r\n      //           <li>\r\n      //             (三) 今年在諾華公司贊助下，設立「影像與疾病趨勢專題」研究獎，學術委員會及評審將就108年8月4日之預報內容評審，選出nAMD研究組兩名DR/DME研究組兩名，共計四名得獎者，\r\n      //             <span\r\n      //               style=\"backgroundColor:#ff0;\"\r\n      //             >各頒予NTD 20,000現金</span>。申請人須為該論文之第一作者，且該研究需為台灣本土之研究資料，尚未於其他處發表。評選內容將同時依據摘要與上台報告時呈現之影像及內容評之。\r\n      //           </li>\r\n      //           <li>\r\n      //             (四) 敬請各位會員於\r\n      //             <strong>6月20日</strong>前填好abstract form (如附件)電郵交付TRS辦公室，投稿時務必註明想在台日報告、想在IOIS報告、或均可。\r\n      //           </li>\r\n      //         </ul>\r\n      //         <p>另本會今年協辦第十五屆IOIS Congress，秘書處在此亦鼓勵各位會員及所屬住院醫師踴躍報名參加及投稿，其中Abstract投稿現已開放，截止日期為6月1日。</p>\r\n      //         <p>\r\n      //           相關投稿事項請至IOIS網站:\r\n      //           <a\r\n      //             href=\"https://www.iois.info/page.php?edi_id=1463\"\r\n      //           >https://www.iois.info/page.php?edi_id=1463</a>。本會為鼓勵住院醫師多參與此次會議，凡住院醫師投稿IOIS獲選者，學會即補助會議報名費NTD 3,000元整。(本國住院醫師報名費早鳥價150 EURO)\r\n      //         </p>\r\n      //         <p>這些會議均是千載難逢與國際專家交流的好機會，歡迎大家多多踴躍參與投稿，千萬不要錯過囉!!</p>\r\n      //         <p>中華民國視網膜醫學會 陳世真 理事長</p>\r\n      //         <p>第八屆會員大會暨學術演講會/第15屆IOIS醫學會年會</p>\r\n      //         <p>許淑娟 會長 敬邀</p>`,\r\n      // };\r\n      // }\r\n    }\r\n  },\r\n  computed: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.magazine-wrap {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n\r\n  @media (max-width: 420px) {\r\n    justify-content: center;\r\n  }\r\n  &:after {\r\n    content: \"\";\r\n    flex: 0 0 30%;\r\n    width: 33.33333%;\r\n    max-width: 325px;\r\n  }\r\n}\r\n.submission_box .input_span label {\r\n  display: block;\r\n  padding: 5px 24px;\r\n  background-color: #f68e56;\r\n  color: #fff;\r\n  // border-radius: 5px;\r\n  cursor: pointer;\r\n}\r\n.submission_box .input_span .note {\r\n  letter-spacing: 2px;\r\n  padding: 5.5px 0;\r\n}\r\n.submission_box .input_span input[type=\"file\"] {\r\n  display: none;\r\n}\r\n.file_name {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n}\r\n.file_name input {\r\n  flex: 1;\r\n  /* margin-right: 10px; */\r\n}\r\n.file_name .delete {\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.file_name .delete span:nth-child(1) {\r\n  color: #f00;\r\n  font-weight: 600;\r\n  padding: 0 10px;\r\n  font-size: 1.5rem;\r\n  width: unset;\r\n  text-align: unset;\r\n  margin-right: unset;\r\n}\r\n.file_name .delete span:nth-child(2) {\r\n  font-weight: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  width: unset;\r\n  text-align: unset;\r\n  margin-right: unset;\r\n}\r\n\r\n.fileArea {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n\r\n  label {\r\n    margin-bottom: 0;\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!./Magazine.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!./Magazine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Magazine.vue?vue&type=template&id=8b8e1704&\"\nimport script from \"./Magazine.vue?vue&type=script&lang=js&\"\nexport * from \"./Magazine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Magazine.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 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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANVJREFUeNpi/P//PwM1ABMDlQAxBvkB8WpKDGID4j4g3gDEEoQMYsEhrgjEq4DYhGi/gQIbDYcC8cf/qOAbEB8D4qlAbIVFD4pBHEA8/T9xYDkQ8+Ay6Oh/0sAeIGbGZpAeEF8n0bAkbAaBMDcQzyfBoBO4DILhaCD+hKThNBBbAnExEL9CEv9OyCAQVgXic1ANh5HEpYH4PlT8CzEGgTA7EE8C4kNo4ulQg3YTaxAMy6HxA6EGecPEGMnM/QuB+C8QJ1GS+72A+BcQZyALMg668gggwADCTT0NBe9eggAAAABJRU5ErkJggg==\"","import http from './ajax';\n\nconst API_URL = {\n  submissionUrl: '/Submission',\n};\n\nclass SubmissionApi extends http {\n  // eslint-disable-next-line no-unused-vars\n  getAllSubmission = async (page, type) => {\n    const url = `${API_URL.submissionUrl}/api/Submissions/${type}?count=10&leaf=${page}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  getSubmissionDetail = async (params) => {\n    const url = `${API_URL.submissionUrl}/${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n\n  postSubmissions = async (Id, params = {}) => {\n    const url = `${API_URL.submissionUrl}/Submit/${Id}`;\n    try {\n      const response = await this.postfileRequest(url, params);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  };\n\n  checkSubmission = async (params) => {\n    const url = `${API_URL.submissionUrl}/Check?number=${params}`;\n    try {\n      const response = await this.postRequest(url, params);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n}\n\nexport default new SubmissionApi();\n","module.exports = __webpack_public_path__ + \"static/img/magazine_banner.jpg\";","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","import http from './ajax';\r\n\r\nconst API_URL = {\r\n  magazineUrl: '/Magazine/Journals',\r\n  magazineDetailUrl: '/Magazine/Journal',\r\n\r\n  videoUrl: '/Magazine/JournalVideos',\r\n  videoDetailUrl: '/Magazine/JournalVideo',\r\n};\r\n\r\nclass MagazineApi extends http {\r\n  // eslint-disable-next-line no-unused-vars\r\n  async getMagazines(params) {\r\n    const url = `${API_URL.magazineUrl}?count=10&leaf=${params}`;\r\n    try {\r\n      const response = await this.getRequest(url);\r\n      return response;\r\n    } catch (err) {\r\n      return err;\r\n    }\r\n  }\r\n\r\n  async getMagazineDetail(params) {\r\n    const url = `${API_URL.magazineDetailUrl}/${params}`;\r\n    try {\r\n      const response = await this.getRequest(url);\r\n      return response;\r\n    } catch (err) {\r\n      return err;\r\n    }\r\n  }\r\n\r\n  async getVideos(params) {\r\n    const url = `${API_URL.videoUrl}?count=10&leaf=${params}`;\r\n    try {\r\n      const response = await this.getRequest(url);\r\n      return response;\r\n    } catch (err) {\r\n      return err;\r\n    }\r\n  }\r\n\r\n  async getVideoDetail(params) {\r\n    const url = `${API_URL.videoDetailUrl}/${params}`;\r\n    try {\r\n      const response = await this.getRequest(url);\r\n      return response;\r\n    } catch (err) {\r\n      return err;\r\n    }\r\n  }\r\n}\r\n\r\nexport default new MagazineApi();\r\n","module.exports = __webpack_public_path__ + \"static/img/magazine_default.jpg\";"],"sourceRoot":""}