{"version":3,"sources":["webpack:///./src/views/AboutUs/SocialResponsibility/index.vue?e0b5","webpack:///src/views/AboutUs/SocialResponsibility/index.vue","webpack:///./src/views/AboutUs/SocialResponsibility/index.vue?ef66","webpack:///./src/views/AboutUs/SocialResponsibility/index.vue?e09d","webpack:///./src/views/AboutUs/SocialResponsibility/index.vue?4876"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","CSR","area01_Content","isExpand","_e","on","expand","ref","domProps","area01_ContentDetail","class","_m","_l","Math","ceil","area02_FileList","length","fileRow","rowIndex","file","index","area02_FileURL","area02_Title","$store","state","screenWidth","style","backgroundImage","area02_BannerPC","area02_BannerMobile","area03_Title","item","key","staticRenderFns","name","metaInfo","title","SEO_Title","meta","components","MediaImg","Item","breadcrumb","Breadcrumb","data","itemList","mounted","onResize","created","getCSR","methods","thiz","window","onresize","document","documentElement","clientWidth","screenHeight","clientHeight","height","$refs","detail","scrollHeight","content","img","pageUrl","watch","component"],"mappings":"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","file":"js/chunk-8848b0e2.d4312d44.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"social_responsibility\"}},[_c('div',{staticClass:\"container custom_container_lg\"},[_c('div',{staticClass:\"row\"},[_c('breadcrumb')],1)]),_c('div',{staticClass:\"container custom_container_lg i_mt_14 i_mt_md_10 text-center\"},[_c('div',{staticClass:\"desc\"},[_c('p',[_vm._v(_vm._s(_vm.CSR.area01_Content))])]),(!_vm.isExpand)?_c('div',{staticClass:\"row i_mt_8\"},[_c('div',{staticClass:\"collapse_btn\",on:{\"click\":_vm.expand}},[_vm._v(\"查看永續發展政策\")])]):_vm._e()]),_c('div',{ref:\"detail\",staticClass:\"container-fluid detail bg_blue i_mt_6\"},[_c('div',{staticClass:\"container i_ptb_8\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"desc detail\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.CSR.area01_ContentDetail)}})])])]),(_vm.isExpand)?_c('div',{staticClass:\"row i_mt_8\"},[_c('div',{staticClass:\"collapse_btn\",class:{ expand: _vm.isExpand },on:{\"click\":_vm.expand}},[_vm._v(\"收起永續發展政策\")])]):_vm._e()])]),_c('section',{staticClass:\"container download i_pt_18 d-flex flex-column justify-content-center\"},[_vm._m(0),_vm._l((Math.ceil(_vm.CSR.area02_FileList.length / 5)),function(fileRow,rowIndex){return _c('div',{staticClass:\"row flex-wrap year_items\"},_vm._l((_vm.CSR.area02_FileList),function(file,index){return (index < (rowIndex + 1) * 5 && index >= rowIndex * 5)?_c('div',{staticClass:\"col-auto\"},[_c('a',{staticClass:\"year_item d-flex align-items-center i_mb_4\",attrs:{\"href\":file.area02_FileURL}},[_c('svg-icon',{attrs:{\"iconClass\":\"ic_download\",\"className\":\"icon\"}}),_c('p',{staticClass:\"i_body_l i_ml_2 i_pr_1\"},[_vm._v(_vm._s(file.area02_Title))])],1)]):_vm._e()}),0)}),(_vm.CSR && _vm.$store.state.screenWidth > 991)?_c('div',{staticClass:\"img i_mt_4\",style:({ backgroundImage: 'url(' + _vm.CSR.area02_BannerPC + ')' })}):_vm._e(),(_vm.CSR && _vm.$store.state.screenWidth <= 991)?_c('div',{staticClass:\"img i_mt_4\",style:({ backgroundImage: 'url(' + _vm.CSR.area02_BannerMobile + ')' })}):_vm._e()],2),_c('section',{staticClass:\"container items i_pt_18\"},[_c('div',{staticClass:\"row i_mb_10 i_mb_md_8\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.CSR.area03_Title))])])]),_c('div',{staticClass:\"row\"},_vm._l((_vm.itemList),function(item,index){return _c('div',{key:index,staticClass:\"col-md-6 i_mb_9 i_mb_md_7 i_mb_sm_8\"},[_c('item',{attrs:{\"item\":item}})],1)}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row i_mb_10 i_mb_md_6\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('h2',{staticClass:\"title\"},[_vm._v(\"永續報告書下載\")])])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n#social_responsibility\n  .container.custom_container_lg\n    .row\n      breadcrumb\n  .container.custom_container_lg.i_mt_14.i_mt_md_10.text-center\n    .desc\n      p {{ CSR.area01_Content }}\n    .row.i_mt_8(v-if=\"!isExpand\")\n      .collapse_btn(@click=\"expand\") 查看永續發展政策\n\n  .container-fluid.detail.bg_blue.i_mt_6(ref=\"detail\")\n    .container.i_ptb_8\n      .row\n        .col-12\n          .desc.detail\n            p(v-html=\"CSR.area01_ContentDetail\")\n      .row.i_mt_8(v-if=\"isExpand\")\n        .collapse_btn(@click=\"expand\", :class=\"{ expand: isExpand }\") 收起永續發展政策\n\n  section.container.download.i_pt_18.d-flex.flex-column.justify-content-center\n    .row.i_mb_10.i_mb_md_6\n      .col-12.text-center\n        h2.title 永續報告書下載\n    .row.flex-wrap.year_items(\n      v-for=\"(fileRow, rowIndex) in Math.ceil(CSR.area02_FileList.length / 5)\"\n    )\n      .col-auto(\n        v-for=\"(file, index) in CSR.area02_FileList\",\n        v-if=\"index < (rowIndex + 1) * 5 && index >= rowIndex * 5\"\n      )\n        a.year_item.d-flex.align-items-center.i_mb_4(\n          :href=\"file.area02_FileURL\"\n        )\n          svg-icon(iconClass=\"ic_download\", className=\"icon\")\n          p.i_body_l.i_ml_2.i_pr_1 {{ file.area02_Title }}\n\n    .img.i_mt_4(\n      v-if=\"CSR && $store.state.screenWidth > 991\",\n      :style=\"{ backgroundImage: 'url(' + CSR.area02_BannerPC + ')' }\"\n    )\n\n    .img.i_mt_4(\n      v-if=\"CSR && $store.state.screenWidth <= 991\",\n      :style=\"{ backgroundImage: 'url(' + CSR.area02_BannerMobile + ')' }\"\n    )\n\n  section.container.items.i_pt_18\n    .row.i_mb_10.i_mb_md_8\n      .col-12.text-center\n        h2.title {{ CSR.area03_Title }}\n    .row\n      .col-md-6.i_mb_9.i_mb_md_7.i_mb_sm_8(\n        v-for=\"(item, index) in itemList\",\n        :key=\"index\"\n      )\n        item(:item=\"item\")\n</template>\n\n<script>\nimport Velocity from \"velocity-animate\";\nimport MediaImg from \"@/components/common/MediaImg\";\nimport Item from \"@/components/about_us/social_responsibility/Item\";\nimport { getCSR } from \"@/json/about_us\";\nimport Breadcrumb from \"@/components/common/Breadcrumb\";\n\nexport default {\n  name: \"Governance\",\n  metaInfo() {\n    return {\n      title: this.CSR.SEO_Title,\n      meta: [{ name: \"description\", content: this.CSR.SEO_Description }],\n    };\n  },\n  components: {\n    \"media-img\": MediaImg,\n    item: Item,\n    breadcrumb: Breadcrumb,\n  },\n  data() {\n    return {\n      CSR: {\n        area02_FileList: [],\n      },\n      isExpand: false,\n      itemList: [],\n    };\n  },\n  mounted() {\n    this.onResize();\n  },\n  created() {\n    this.getCSR();\n  },\n  methods: {\n    onResize() {\n      var thiz = this;\n\n      window.onresize = function () {\n        // 定義視窗大小變更通知事件\n        thiz.$store.state.screenWidth = document.documentElement.clientWidth; //視窗寬度\n        thiz.$store.state.screenHeight = document.documentElement.clientHeight; //視窗高度\n      };\n    },\n    expand() {\n      this.isExpand = !this.isExpand;\n\n      if (this.isExpand) {\n        //取得元素完整高度\n        var height = this.$refs.detail.scrollHeight + 50;\n\n        Velocity(\n          this.$refs.detail,\n          { maxHeight: height, opacity: 1 },\n          { duration: 300 }\n        );\n      } else {\n        Velocity(\n          this.$refs.detail,\n          { maxHeight: 0, opacity: 0 },\n          { duration: 300 }\n        );\n      }\n    },\n    getCSR() {\n      getCSR().then((response) => {\n        this.CSR = response.data;\n        this.itemList = [];\n\n        let tempItem1 = {\n          title: this.CSR.area03_SubTitle01,\n          content: this.CSR.area03_Content01,\n          img: this.CSR.area03_Icon01,\n          pageUrl: this.CSR.area03_PageUrl01,\n        };\n        this.itemList.push(tempItem1);\n        let tempItem2 = {\n          title: this.CSR.area03_SubTitle02,\n          content: this.CSR.area03_Content02,\n          img: this.CSR.area03_Icon02,\n          pageUrl: this.CSR.area03_PageUrl02,\n        };\n        this.itemList.push(tempItem2);\n        let tempItem3 = {\n          title: this.CSR.area03_SubTitle03,\n          content: this.CSR.area03_Content03,\n          img: this.CSR.area03_Icon03,\n          pageUrl: this.CSR.area03_PageUrl03,\n        };\n        this.itemList.push(tempItem3);\n        let tempItem4 = {\n          title: this.CSR.area03_SubTitle04,\n          content: this.CSR.area03_Content04,\n          img: this.CSR.area03_Icon04,\n          pageUrl: this.CSR.area03_PageUrl04,\n        };\n        this.itemList.push(tempItem4);\n        let tempItem5 = {\n          title: this.CSR.area03_SubTitle05,\n          content: this.CSR.area03_Content05,\n          img: this.CSR.area03_Icon05,\n          pageUrl: this.CSR.area03_PageUrl05,\n        };\n        this.itemList.push(tempItem5);\n        let tempItem6 = {\n          title: this.CSR.area03_SubTitle06,\n          content: this.CSR.area03_Content06,\n          img: this.CSR.area03_Icon06,\n          pageUrl: this.CSR.area03_PageUrl06,\n        };\n        this.itemList.push(tempItem6);\n      });\n    },\n  },\n  watch: {\n    \"$store.state.screenWidth\": function () {\n      if (this.isExpand) {\n        //取得元素完整高度\n        var height = this.$refs.detail.scrollHeight + 20;\n\n        Velocity(\n          this.$refs.detail,\n          { maxHeight: height, opacity: 1 },\n          { duration: 0 }\n        );\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/about_us/about_us\";\n@import \"@/assets/style/about_us/social_responsibility\";\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=36b9b119&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=36b9b119&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  \"36b9b119\",\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=36b9b119&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=36b9b119&lang=scss&scoped=true&\""],"sourceRoot":""}