{"version":3,"sources":["webpack:///./src/components/about_us/social_responsibility/Card/index.vue?17a9","webpack:///./src/views/AboutUs/SocialResponsibility/StaffCare/index.vue?3a11","webpack:///./src/views/AboutUs/SocialResponsibility/StaffCare/index.vue?c37b","webpack:///./src/components/about_us/social_responsibility/Card/index.vue?82a9","webpack:///src/components/about_us/social_responsibility/Card/index.vue","webpack:///./src/components/about_us/social_responsibility/Card/index.vue?04b1","webpack:///./src/components/about_us/social_responsibility/Card/index.vue","webpack:///./src/components/about_us/social_responsibility/ListItem/index.vue?1da1","webpack:///src/components/about_us/social_responsibility/ListItem/index.vue","webpack:///./src/components/about_us/social_responsibility/ListItem/index.vue?e5b0","webpack:///./src/components/about_us/social_responsibility/ListItem/index.vue","webpack:///src/views/AboutUs/SocialResponsibility/StaffCare/index.vue","webpack:///./src/views/AboutUs/SocialResponsibility/StaffCare/index.vue?6d50","webpack:///./src/views/AboutUs/SocialResponsibility/StaffCare/index.vue","webpack:///./src/components/about_us/social_responsibility/ListItem/index.vue?0766"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","employeeCare","area01_Title","_l","care","index","key","_m","event","totalRows","perPage","model","value","callback","$$v","currentPage","expression","staticRenderFns","on","expand","info","img","title","class","isExpand","domProps","description","name","props","Object","data","methods","component","style","backgroundImage","Image","_e","PostDate","Title","getType","Type","Brief","$event","toDetailPage","ID","type","$router","push","query","metaInfo","SEO_Title","meta","components","card","Card","breadcrumb","Breadcrumb","ListItem","careList","news","currentNewsList","created","getEmployeeCare","getEmployeeCareNews","watch","getCurrentList","EmployeeCareNewsList","slice"],"mappings":"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","file":"js/chunk-0043f37c.79f6dd18.js","sourcesContent":["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=709cc3b6&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=709cc3b6&lang=scss&scoped=true&\"","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=d2326ff6&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=d2326ff6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"staff_care\"}},[_c('div',{staticClass:\"container custom_container_lg\"},[_c('div',{staticClass:\"row\"},[_c('breadcrumb')],1)]),_c('section',{staticClass:\"container custom_container_md custom_container_news_sm\"},[_c('div',{staticClass:\"row i_mt_14 i_mt_md_10\"},[_c('div',{staticClass:\"col-12 text-center text-lg-left\"},[_c('h2',{staticClass:\"title bottom_line\"},[_vm._v(_vm._s(_vm.employeeCare.area01_Title))])])]),_c('div',{staticClass:\"row\"},_vm._l((_vm.careList),function(care,index){return _c('div',{key:index,staticClass:\"col-12 col-md-6 i_mt_10 i_mt_sm_0\"},[_c('card',{attrs:{\"info\":care}})],1)}),0)]),_c('section',{staticClass:\"container custom_container_md custom_container_news_sm\"},[_vm._m(0),_c('div',{staticClass:\"row\"},_vm._l((_vm.currentNewsList),function(event,index){return _c('div',{key:index,staticClass:\"col-12 i_mt_10 i_mt_sm_8\"},[_c('list-item',{attrs:{\"info\":event}})],1)}),0),_c('div',{staticClass:\"row i_mt_8\"},[_c('div',{staticClass:\"col-12 text center justify-content-center\"},[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage,\"first-number\":\"\",\"last-number\":\"\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row i_mt_14 i_mt_md_10\"},[_c('div',{staticClass:\"col-12 text-center text-lg-left\"},[_c('h2',{staticClass:\"title bottom_line\"},[_vm._v(\"熱情的員工參與\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card_borderless\"},[_c('div',{staticClass:\"card_title flex_h justify-content-start align-items-center\",on:{\"click\":_vm.expand}},[_c('img',{attrs:{\"src\":_vm.info.img}}),_c('h4',{staticClass:\"i_mt_1 i_mt_sm_0 i_ml_4\"},[_vm._v(_vm._s(_vm.info.title))]),_c('svg-icon',{staticClass:\"d-md-none\",class:{ expand: _vm.isExpand },attrs:{\"iconClass\":\"arrow_bottom_g\",\"className\":\"arrow_bottom_g\"}})],1),_c('div',{staticClass:\"card_title_cover d-none d-md-block\"}),_c('div',{staticClass:\"card_expand_content\",class:{ expand: _vm.isExpand }},[_c('p',{staticClass:\"i_body_l i_mt_2\",domProps:{\"innerHTML\":_vm._s(_vm.info.description)}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.card_borderless\n  .card_title.flex_h.justify-content-start.align-items-center(@click=\"expand\")\n    img(:src=\"info.img\")\n    h4.i_mt_1.i_mt_sm_0.i_ml_4 {{ info.title }}\n    svg-icon.d-md-none(\n      iconClass=\"arrow_bottom_g\",\n      className=\"arrow_bottom_g\",\n      :class=\"{ expand: isExpand }\"\n    )\n  .card_title_cover.d-none.d-md-block\n  .card_expand_content(:class=\"{ expand: isExpand }\")\n    p.i_body_l.i_mt_2(v-html=\"info.description\")\n</template>\n\n<script>\nexport default {\n  name: \"Card\",\n  props: {\n    info: Object,\n  },\n  data() {\n    return {\n      isExpand: false,\n    };\n  },\n  methods: {\n    expand() {\n      this.isExpand = !this.isExpand;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/about_us/social_responsibility/card\";\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=709cc3b6&scoped=true&lang=pug&\"\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=709cc3b6&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  \"709cc3b6\",\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:\"list_item\"},[_c('div',{staticClass:\"content d-flex flex-column flex-md-row align-items-center align-items-md-start\"},[(_vm.info)?_c('div',{staticClass:\"img\",style:({ backgroundImage: 'url(' + _vm.info.Image + ')' })}):_vm._e(),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"i_body_l i_mt_2\"},[_vm._v(\"活動日期：\"+_vm._s(_vm.info.PostDate))]),_c('p',{staticClass:\"i_body_l i_mt_2\"},[_vm._v(\"活動標題：\"+_vm._s(_vm.info.Title))]),_c('p',{staticClass:\"i_body_l i_mt_2\"},[_vm._v(\"活動類別：\"+_vm._s(_vm.getType(_vm.info.Type)))]),_c('p',{staticClass:\"i_body_l i_mt_2\"},[_vm._v(\"簡述：\"+_vm._s(_vm.info.Brief))])])]),_c('div',{staticClass:\"see_more_btn\",on:{\"click\":function($event){return _vm.toDetailPage(_vm.info.ID)}}},[_vm._v(\"看更多\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.list_item\n  .content.d-flex.flex-column.flex-md-row.align-items-center.align-items-md-start\n    .img(v-if=\"info\", :style=\"{ backgroundImage: 'url(' + info.Image + ')' }\")\n    .content\n      p.i_body_l.i_mt_2 活動日期：{{ info.PostDate }}\n      p.i_body_l.i_mt_2 活動標題：{{ info.Title }}\n      p.i_body_l.i_mt_2 活動類別：{{ getType(info.Type) }}\n      p.i_body_l.i_mt_2 簡述：{{ info.Brief }}\n  .see_more_btn(@click=\"toDetailPage(info.ID)\") 看更多\n</template>\n\n<script>\nexport default {\n  name: \"ListItem\",\n  props: {\n    info: Object,\n  },\n  methods: {\n    getType(type) {\n      switch (type) {\n        case \"1\":\n          return \"社團活動\";\n        case \"2\":\n          return \"公司活動\";\n        case \"3\":\n          return \"轄區活動\";\n        case \"4\":\n          return \"跨部門活動\";\n        default:\n          return \"\";\n      }\n    },\n    toDetailPage(id) {\n      this.$router.push({\n        name: \"Detail\",\n        query: { type: \"employeeCareNews\", id: id },\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/about_us/social_responsibility/list_item\";\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=3672f83a&scoped=true&lang=pug&\"\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=3672f83a&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  \"3672f83a\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\n#staff_care\n  .container.custom_container_lg\n    .row\n      breadcrumb\n  section.container.custom_container_md.custom_container_news_sm\n    .row.i_mt_14.i_mt_md_10\n      .col-12.text-center.text-lg-left\n        h2.title.bottom_line {{ employeeCare.area01_Title }}\n    .row\n      .col-12.col-md-6.i_mt_10.i_mt_sm_0(\n        v-for=\"(care, index) in careList\",\n        :key=\"index\"\n      )\n        card(:info=\"care\")\n  section.container.custom_container_md.custom_container_news_sm\n    .row.i_mt_14.i_mt_md_10\n      .col-12.text-center.text-lg-left\n        h2.title.bottom_line 熱情的員工參與\n    .row\n      .col-12.i_mt_10.i_mt_sm_8(\n        v-for=\"(event, index) in currentNewsList\",\n        :key=\"index\"\n      )\n        list-item(:info=\"event\")\n    .row.i_mt_8\n      .col-12.text.center.justify-content-center\n        b-pagination(\n          v-model=\"currentPage\",\n          :total-rows=\"totalRows\",\n          :per-page=\"perPage\",\n          first-number,\n          last-number\n        )\n</template>\n\n<script>\nimport Card from \"@/components/about_us/social_responsibility/Card\";\nimport ListItem from \"@/components/about_us/social_responsibility/ListItem\";\nimport { getEmployeeCare, getEmployeeCareNews } from \"@/json/about_us\";\nimport Breadcrumb from \"@/components/common/Breadcrumb\";\n\nexport default {\n  name: \"AboutUsSocialResponsibilityStaffCard\",\n  metaInfo() {\n    return {\n      title: this.employeeCare.SEO_Title,\n      meta: [\n        { name: \"description\", content: this.employeeCare.SEO_Description },\n      ],\n    };\n  },\n  components: {\n    card: Card,\n    breadcrumb: Breadcrumb,\n    \"list-item\": ListItem,\n  },\n  data() {\n    return {\n      employeeCare: {},\n      careList: [],\n      news: {},\n      currentNewsList: [],\n      totalRows: 0,\n      perPage: 5,\n      currentPage: 1,\n    };\n  },\n  created() {\n    this.getEmployeeCare();\n    this.getEmployeeCareNews();\n  },\n  watch: {\n    currentPage() {\n      this.getCurrentList();\n    },\n  },\n  methods: {\n    getEmployeeCare() {\n      getEmployeeCare().then((response) => {\n        this.employeeCare = response.data;\n\n        this.careList = [];\n        let tempCare1 = {\n          title: this.employeeCare.area01_SubTitle01,\n          img: this.employeeCare.area01_Icon01,\n          description: this.employeeCare.area01_Content01,\n        };\n        this.careList.push(tempCare1);\n        let tempCare2 = {\n          title: this.employeeCare.area01_SubTitle02,\n          img: this.employeeCare.area01_Icon02,\n          description: this.employeeCare.area01_Content02,\n        };\n        this.careList.push(tempCare2);\n        let tempCare3 = {\n          title: this.employeeCare.area01_SubTitle03,\n          img: this.employeeCare.area01_Icon03,\n          description: this.employeeCare.area01_Content03,\n        };\n        this.careList.push(tempCare3);\n        let tempCare4 = {\n          title: this.employeeCare.area01_SubTitle04,\n          img: this.employeeCare.area01_Icon04,\n          description: this.employeeCare.area01_Content04,\n        };\n        this.careList.push(tempCare4);\n      });\n    },\n    getEmployeeCareNews() {\n      getEmployeeCareNews().then((response) => {\n        this.news = response.data;\n        this.totalRows = this.news.EmployeeCareNewsList.length;\n        this.getCurrentList();\n      });\n    },\n    getCurrentList() {\n      this.currentNewsList = [];\n      let number = this.perPage * this.currentPage;\n      this.currentNewsList = this.news.EmployeeCareNewsList.slice(\n        number - this.perPage,\n        number\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/common/pagination\";\n@import \"@/assets/style/about_us/social_responsibility/common\";\n@import \"@/assets/style/about_us/news\";\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=d2326ff6&scoped=true&lang=pug&\"\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=d2326ff6&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  \"d2326ff6\",\n  null\n  \n)\n\nexport default component.exports","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=3672f83a&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=3672f83a&lang=scss&scoped=true&\""],"sourceRoot":""}