{"version":3,"sources":["webpack:///./src/views/AboutUs/SocialResponsibility/Stakeholder/index.vue?9dc0","webpack:///./src/views/AboutUs/SocialResponsibility/Stakeholder/index.vue?21bd","webpack:///src/views/AboutUs/SocialResponsibility/Stakeholder/index.vue","webpack:///./src/views/AboutUs/SocialResponsibility/Stakeholder/index.vue?c14a","webpack:///./src/views/AboutUs/SocialResponsibility/Stakeholder/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","stakeholder","area01_Title","domProps","area01_Content","area02_Title","isExpand","_e","_m","area02_IssueList","Role","Icon","Issue","on","scrollEvent","_l","index","key","Policy","Communication","communicationIndex","style","color","CommunicationURL","CommunicationTitle","expand","staticRenderFns","name","metaInfo","title","SEO_Title","meta","components","breadcrumb","Breadcrumb","data","scrollLeftSide","scrollRightSide","created","onResize","getStakeholder","methods","thiz","window","onresize","$store","state","screenWidth","document","documentElement","clientWidth","e","srcElement","scrollLeft","watch","width","component"],"mappings":"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","file":"js/chunk-10e95452.6317e87c.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=01512ed3&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=01512ed3&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\":\"stakeholder\"}},[_c('div',{staticClass:\"container custom_container_lg\"},[_c('div',{staticClass:\"row\"},[_c('breadcrumb')],1)]),_c('section',{staticClass:\"container custom_container_lg i_mt_14 i_mt_md_10 position-relative\"},[_c('div',{staticClass:\"desc i_mt_14 i_mt_md_10\"},[_c('div',{staticClass:\"text-center text-lg-left\"},[_c('h2',{staticClass:\"title bottom_line\"},[_vm._v(_vm._s(_vm.stakeholder.area01_Title))])]),_c('p',{staticClass:\"i_mt_8\",domProps:{\"innerHTML\":_vm._s(_vm.stakeholder.area01_Content)}})]),_c('div',{staticClass:\"desc i_mt_14 i_mt_md_10\"},[_c('h2',{staticClass:\"title text-center text-lg-left\"},[_vm._v(_vm._s(_vm.stakeholder.area02_Title))])]),(!_vm.isExpand)?_c('div',{staticClass:\"stakeholder_table unexpand\"},[_c('table',{staticClass:\"fade table table-bordered i_mt_8\"},[_vm._m(0),_c('tbody',[_c('tr',[_c('td',{staticClass:\"col_1 stakeholder_col\"},[_c('p',[_vm._v(_vm._s(_vm.stakeholder.area02_IssueList[0].Role))]),_c('img',{attrs:{\"src\":_vm.stakeholder.area02_IssueList[0].Icon}})]),_c('td',{staticClass:\"col_2\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.stakeholder.area02_IssueList[0].Issue)}})])])])])]):_vm._e(),(_vm.isExpand)?_c('div',{staticClass:\"table_wrapper i_mt_8\"},[_c('div',{staticClass:\"stakeholder_table\",on:{\"scroll\":_vm.scrollEvent}},[_c('table',{staticClass:\"fade table table-bordered\"},[_vm._m(1),_c('tbody',_vm._l((_vm.stakeholder.area02_IssueList),function(stakeholder,index){return _c('tr',{key:index},[_c('td',{staticClass:\"col_1 stakeholder_col\"},[_c('p',[_vm._v(_vm._s(stakeholder.Role))]),_c('img',{attrs:{\"src\":stakeholder.Icon}})]),_c('td',{staticClass:\"col_2\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(stakeholder.Issue)}})]),_c('td',{staticClass:\"col_3\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(stakeholder.Policy)}})]),_c('td',{staticClass:\"col_4\"},_vm._l((stakeholder.CommunicationList),function(Communication,communicationIndex){return _c('div',{key:communicationIndex},[(Communication.CommunicationURL)?_c('a',{style:({ color: '#029CE6' }),attrs:{\"href\":Communication.CommunicationURL}},[_vm._v(_vm._s(Communication.CommunicationTitle))]):_c('li',{style:({ color: '#25282b' })},[_vm._v(_vm._s(Communication.CommunicationTitle))])])}),0)])}),0)])]),(_vm.scrollLeftSide)?_c('div',{staticClass:\"scroll_sign left d-md-none\"}):_vm._e(),(_vm.scrollRightSide)?_c('div',{staticClass:\"scroll_sign right d-md-none\"}):_vm._e()]):_vm._e(),(!_vm.isExpand)?_c('div',{staticClass:\"cover_gradient d-md-none\"},[_c('div',{staticClass:\"btn_round btn_blue_ci\",on:{\"click\":_vm.expand}},[_vm._v(\"展開表格\")])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{staticClass:\"col_1\",attrs:{\"scope\":\"col\"}},[_vm._v(\"利害關係人\")]),_c('th',{staticClass:\"col_2\",attrs:{\"scope\":\"col\"}},[_vm._v(\"關切議題\")]),_c('th',{staticClass:\"col_3\",attrs:{\"scope\":\"col\"}},[_vm._v(\"關切議題推動方針\")]),_c('th',{staticClass:\"col_4\",attrs:{\"scope\":\"col\"}},[_vm._v(\"溝通管道（頻率）\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{staticClass:\"col_1\",attrs:{\"scope\":\"col\"}},[_vm._v(\"利害關係人\")]),_c('th',{staticClass:\"col_2\",attrs:{\"scope\":\"col\"}},[_vm._v(\"關切議題\")]),_c('th',{staticClass:\"col_3\",attrs:{\"scope\":\"col\"}},[_vm._v(\"關切議題推動方針\")]),_c('th',{staticClass:\"col_4\",attrs:{\"scope\":\"col\"}},[_vm._v(\"溝通管道（頻率）\")])])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n#stakeholder\n  .container.custom_container_lg\n    .row\n      breadcrumb\n  section.container.custom_container_lg.i_mt_14.i_mt_md_10.position-relative\n    .desc.i_mt_14.i_mt_md_10\n      .text-center.text-lg-left\n        h2.title.bottom_line {{ stakeholder.area01_Title }}\n      p.i_mt_8(v-html=\"stakeholder.area01_Content\")\n    .desc.i_mt_14.i_mt_md_10\n      h2.title.text-center.text-lg-left {{ stakeholder.area02_Title }}\n    .stakeholder_table.unexpand(v-if=\"!isExpand\")\n      table.fade.table.table-bordered.i_mt_8\n        thead\n          tr\n            th.col_1(scope=\"col\") 利害關係人\n            th.col_2(scope=\"col\") 關切議題\n            th.col_3(scope=\"col\") 關切議題推動方針\n            th.col_4(scope=\"col\") 溝通管道（頻率）\n        tbody\n          tr\n            td.col_1.stakeholder_col\n              p {{ stakeholder.area02_IssueList[0].Role }}\n              img(:src=\"stakeholder.area02_IssueList[0].Icon\")\n            td.col_2\n              p(v-html=\"stakeholder.area02_IssueList[0].Issue\")\n    .table_wrapper.i_mt_8(v-if=\"isExpand\")\n      .stakeholder_table(@scroll=\"scrollEvent\")\n        table.fade.table.table-bordered\n          thead\n            tr\n              th.col_1(scope=\"col\") 利害關係人\n              th.col_2(scope=\"col\") 關切議題\n              th.col_3(scope=\"col\") 關切議題推動方針\n              th.col_4(scope=\"col\") 溝通管道（頻率）\n          tbody\n            tr(\n              v-for=\"(stakeholder, index) in stakeholder.area02_IssueList\",\n              :key=\"index\"\n            )\n              td.col_1.stakeholder_col\n                p {{ stakeholder.Role }}\n                img(:src=\"stakeholder.Icon\")\n              td.col_2 \n                p(v-html=\"stakeholder.Issue\")\n              td.col_3\n                p(v-html=\"stakeholder.Policy\")\n              td.col_4 \n                div(\n                  v-for=\"(Communication, communicationIndex) in stakeholder.CommunicationList\",\n                  :key=\"communicationIndex\"\n                )\n                  a(\n                    v-if=\"Communication.CommunicationURL\",\n                    :href=\"Communication.CommunicationURL\",\n                    :style=\"{ color: '#029CE6' }\"\n                  ) {{ Communication.CommunicationTitle }}\n                  li(v-else=\"\", , :style=\"{ color: '#25282b' }\") {{ Communication.CommunicationTitle }}\n      .scroll_sign.left.d-md-none(v-if=\"scrollLeftSide\")\n      .scroll_sign.right.d-md-none(v-if=\"scrollRightSide\")\n    .cover_gradient.d-md-none(v-if=\"!isExpand\")\n      .btn_round.btn_blue_ci(@click=\"expand\") 展開表格\n</template>\n\n<script>\nimport { getStakeholder } from \"@/json/about_us\";\nimport Breadcrumb from \"@/components/common/Breadcrumb\";\n\nexport default {\n  name: \"AboutUsSocialResponsibilityStakeholder\",\n  metaInfo() {\n    return {\n      title: this.stakeholder.SEO_Title,\n      meta: [{ name: \"description\", content: this.stakeholder.SEO_Description }],\n    };\n  },\n  components: {\n    breadcrumb: Breadcrumb,\n  },\n  data() {\n    return {\n      isExpand: false,\n      scrollLeftSide: false,\n      scrollRightSide: true,\n      stakeholder: {},\n    };\n  },\n  created() {\n    this.onResize();\n    this.getStakeholder();\n  },\n  methods: {\n    onResize() {\n      var thiz = this;\n\n      window.onresize = function () {\n        // 定義視窗大小變更通知事件\n        thiz.$store.state.screenWidth = document.documentElement.clientWidth; //視窗寬度\n      };\n\n      if (thiz.$store.state.screenWidth > 767) {\n        this.isExpand = true;\n      }\n    },\n    expand() {\n      this.isExpand = true;\n    },\n    getStakeholder() {\n      getStakeholder().then((response) => {\n        this.stakeholder = response.data;\n      });\n    },\n    scrollEvent(e) {\n      if (e.srcElement.scrollLeft == 0) {\n        this.scrollLeftSide = false;\n      } else {\n        this.scrollLeftSide = true;\n      }\n\n      if (\n        Math.ceil(e.srcElement.scrollLeft) + e.srcElement.offsetWidth >=\n        e.srcElement.scrollWidth\n      ) {\n        this.scrollRightSide = false;\n      } else {\n        this.scrollRightSide = true;\n      }\n    },\n  },\n  watch: {\n    \"$store.state.screenWidth\": function (width) {\n      if (width > 767) {\n        this.isExpand = true;\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/news\";\n@import \"@/assets/style/about_us/social_responsibility/common\";\n@import \"@/assets/style/about_us/stakeholder\";\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=01512ed3&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=01512ed3&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  \"01512ed3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}