{"version":3,"sources":["webpack:///./src/components/customer_service/ServiceCard/index.vue?8399","webpack:///./src/views/CustomerService/DamagePrevention/index.vue?1e6d","webpack:///./src/views/CustomerService/DamagePrevention/index.vue?fe81","webpack:///src/views/CustomerService/DamagePrevention/index.vue","webpack:///./src/views/CustomerService/DamagePrevention/index.vue?c91b","webpack:///./src/views/CustomerService/DamagePrevention/index.vue?f305","webpack:///./src/components/customer_service/ServiceCard/index.vue?3eb8","webpack:///src/components/customer_service/ServiceCard/index.vue","webpack:///./src/components/customer_service/ServiceCard/index.vue?a758","webpack:///./src/components/customer_service/ServiceCard/index.vue?51e0"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","damagePrevention","area01_Title","area01_SubTitle","area01_Image","area01_ButtonName","area01_ButtonURL","staticClass","domProps","_s","area02_Intro","_l","service","index","_v","_e","question","name","staticRenderFns","metaInfo","title","SEO_Title","meta","components","data","cardDetail","damagePreventionList","questions","FAQDetail","created","getDamagePrevention","methods","getProductQuestion","area03_FAQ01ID","detail","FAQID","push","area03_FAQ02ID","area03_FAQ03ID","area03_FAQ04ID","component","item","Image","class","expand","isExpand","on","Title","TitleNote","IsDetail","openDialog","$route","path","Url","Brief","Content","ref","props","Object","mounted","onResize","thiz","window","onresize","$store","state","screenWidth","document","documentElement","clientWidth","$emit","height","$refs","content","scrollHeight"],"mappings":"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","file":"js/chunk-464e2560.47e27821.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=39455498&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=39455498&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=f13eefa0&scoped=true&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!./index.vue?vue&type=style&index=0&id=f13eefa0&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"good_service\"}},[_c('custom-header',{attrs:{\"title\":_vm.damagePrevention.area01_Title,\"subTitle\":_vm.damagePrevention.area01_SubTitle,\"image\":_vm.damagePrevention.area01_Image,\"buttonName\":_vm.damagePrevention.area01_ButtonName,\"buttonURL\":_vm.damagePrevention.area01_ButtonURL}}),_c('section',{staticClass:\"container-fluid bg_light_blue i_pt_12 i_pt_md_6 i_pt_sm_8 i_pb_16\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"sub_title i_mr_14 i_ml_14 i_mr_md_0 i_ml_md_0\",domProps:{\"innerHTML\":_vm._s(_vm.damagePrevention.area02_Intro)}})])]),_c('div',{staticClass:\"row\"},_vm._l((_vm.damagePreventionList),function(service,index){return _c('div',{staticClass:\"col-12 i_mt_6\"},[_c('service-card',{attrs:{\"item\":service}})],1)}),0)])]),_c('section',{staticClass:\"container\"},[_c('h2',{staticClass:\"i_h2_title text-center i_mt_10 i_mb_2\"},[_vm._v(\"聚焦問題 解答疑惑\")]),(false)?_c('p',{staticClass:\"i_body_l text-center\"},[_vm._v(\"也歡迎至「\"),_c('span',[_c('router-link',{staticStyle:{\"cursor\":\"pointer\",\"color\":\"#009ce5\"},attrs:{\"tag\":\"a\",\"to\":{ name: 'CustomerServiceContactUs' }}},[_vm._v(\"聯絡我們\")])],1),_vm._v(\"」留下問題，將有專人主動聯繫回覆您\")]):_vm._e(),_c('div',{staticClass:\"row\"},_vm._l((_vm.questions),function(question){return _c('div',{staticClass:\"col-6 col-md-3 i_mt_8 i_mt_md_4\"},[_c('question',{attrs:{\"question\":question}})],1)}),0),_c('div',{staticClass:\"row text-center\"},[_c('router-link',{staticClass:\"see_more_btn sm btn_yellow text-center i_mtb_10\",attrs:{\"tag\":\"a\",\"to\":{ name: 'CustomerServiceFAQ' }}},[_vm._v(\"看更多\")])],1)]),_c('dedicated-line')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n#good_service\n  custom-header(\n    :title=\"damagePrevention.area01_Title\",\n    :subTitle=\"damagePrevention.area01_SubTitle\",\n    :image=\"damagePrevention.area01_Image\",\n    :buttonName=\"damagePrevention.area01_ButtonName\",\n    :buttonURL=\"damagePrevention.area01_ButtonURL\"\n  )\n  section.container-fluid.bg_light_blue.i_pt_12.i_pt_md_6.i_pt_sm_8.i_pb_16\n    .container\n      .row    \n        .col-12\n          .sub_title.i_mr_14.i_ml_14.i_mr_md_0.i_ml_md_0(v-html=\"damagePrevention.area02_Intro\")\n      .row\n        .col-12.i_mt_6(\n          v-for=\"(service, index) in damagePreventionList\"\n        )\n          service-card(:item=\"service\")\n  section.container\n    h2.i_h2_title.text-center.i_mt_10.i_mb_2 聚焦問題 解答疑惑\n    p.i_body_l.text-center(v-if=\"false\") 也歡迎至「\n      span\n        router-link(\n          tag=\"a\",\n          :to=\"{ name: 'CustomerServiceContactUs' }\",\n          style=\"cursor: pointer; color: #009ce5\"\n        ) 聯絡我們\n      | 」留下問題，將有專人主動聯繫回覆您\n    .row\n      .col-6.col-md-3.i_mt_8.i_mt_md_4(v-for=\"question in questions\")\n        question(:question=\"question\")\n    .row.text-center\n      router-link.see_more_btn.sm.btn_yellow.text-center.i_mtb_10(\n        tag=\"a\",\n        :to=\"{ name: 'CustomerServiceFAQ' }\"\n      ) 看更多\n  dedicated-line\n</template>\n\n<script>\nimport CustomHeader from \"@/components/customer_service/Header\";\nimport ServiceCard from \"@/components/customer_service/ServiceCard\";\nimport Question from \"@/components/common/Question\";\nimport DedicatedLine from \"@/components/customer_service/DedicatedLine\";\nimport { getDamagePrevention } from \"@/json/customer_service\";\nimport { getFAQDetail } from \"@/json/FAQ\";\n\nexport default {\n  name: \"CustomerServiceDamagePrevention\",\n  metaInfo() {\n    return {\n      title: this.damagePrevention.SEO_Title,\n      meta: [{ name: \"description\", content: this.damagePrevention.SEO_Description }],\n    };\n  },\n  components: { ServiceCard, CustomHeader,  question: Question, \"dedicated-line\": DedicatedLine,},\n  data() {\n    return {\n      cardDetail: {},\n      damagePrevention: {},\n      damagePreventionList: [],\n      questions: [],\n      FAQDetail: [],\n    };\n  },\n  created() {\n    this.getDamagePrevention();\n  },\n  methods: {\n    getDamagePrevention() {\n      getDamagePrevention().then((response) => {\n        this.damagePrevention = response.data;\n        this.damagePreventionList = response.data.area02_DamagePreventionList\n        getFAQDetail().then((response) => {\n          this.FAQDetail = response.data.FAQDeatilList;\n          this.getProductQuestion();\n        });\n      });\n    },\n    getProductQuestion() {\n      this.questions = [];\n      if (\n        this.damagePrevention.area03_FAQ01ID &&\n        this.damagePrevention.area03_FAQ01ID != \"\"\n      ) {\n        for (let x in this.FAQDetail) {\n          let detail = this.FAQDetail[x];\n          if (this.damagePrevention.area03_FAQ01ID == detail.FAQID) {\n            this.questions.push(detail);\n            break;\n          }\n        }\n      }\n\n      if (\n        this.damagePrevention.area03_FAQ02ID &&\n        this.damagePrevention.area03_FAQ02ID != \"\"\n      ) {\n        for (let x in this.FAQDetail) {\n          let detail = this.FAQDetail[x];\n          if (this.damagePrevention.area03_FAQ02ID == detail.FAQID) {\n            this.questions.push(detail);\n            break;\n          }\n        }\n      }\n\n      if (\n        this.damagePrevention.area03_FAQ03ID &&\n        this.damagePrevention.area03_FAQ03ID != \"\"\n      ) {\n        for (let x in this.FAQDetail) {\n          let detail = this.FAQDetail[x];\n          if (this.damagePrevention.area03_FAQ03ID == detail.FAQID) {\n            this.questions.push(detail);\n            break;\n          }\n        }\n      }\n\n      if (\n        this.damagePrevention.area03_FAQ04ID &&\n        this.damagePrevention.area03_FAQ04ID != \"\"\n      ) {\n        for (let x in this.FAQDetail) {\n          let detail = this.FAQDetail[x];\n          if (this.damagePrevention.area03_FAQ04ID == detail.FAQID) {\n            this.questions.push(detail);\n            break;\n          }\n        }\n      }\n\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.sub_title{\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 36px;\n}\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=f13eefa0&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=f13eefa0&scoped=true&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  \"f13eefa0\",\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:\"service_card d-flex flex-column flex-md-row\"},[_c('div',{staticClass:\"img_container\"},[_c('div',{staticClass:\"img_wrpper\"},[_c('img',{staticClass:\"bg_default_gray flex-grow-1\",attrs:{\"src\":_vm.item.Image}})]),_c('div',{staticClass:\"text d-flex d-md-block justify-content-between align-items-center\",class:{ expand: _vm.isExpand },on:{\"click\":_vm.expand}},[_c('p',[_vm._v(_vm._s(_vm.item.Title))]),_c('svg-icon',{staticClass:\"i_ml_2 d-md-none\",attrs:{\"iconClass\":\"arrow_bottom_g\",\"className\":\"arrow_bottom_g\"}})],1),_c('div',{staticClass:\"title-note\"},[_vm._v(_vm._s(_vm.item.TitleNote))]),(_vm.item.IsDetail == 1)?_c('div',{staticClass:\"see_more_btn d-none d-md-block d-lg-none i_mlr_0 text-center\",on:{\"click\":_vm.openDialog}},[_vm._v(\"詳細說明\")]):_vm._e(),(_vm.$route.path === '/customerservice/damageprevention')?_c('div',{staticClass:\"see_more_btn d-none d-md-block d-lg-none i_mlr_0 text-center\"},[_c('a',{attrs:{\"href\":_vm.item.Url,\"target\":\"_blank\"}},[_vm._v(\"詳細說明\")])]):_vm._e()]),_c('div',{staticClass:\"content d-none d-md-block flex-grow-1\"},[_c('p',[_vm._v(_vm._s(_vm.item.Brief)),_c('span',[_vm._v(_vm._s(_vm.item.Content))])]),(_vm.item.IsDetail == 1)?_c('div',{staticClass:\"see_more_btn d-none d-lg-block i_mlr_0 text-right\",on:{\"click\":_vm.openDialog}},[_vm._v(\"詳細說明\")]):_vm._e(),(_vm.$route.path === '/customerservice/damageprevention')?_c('div',{staticClass:\"see_more_btn d-none d-lg-block i_mlr_0 text-right\"},[_c('a',{attrs:{\"href\":_vm.item.Url,\"target\":\"_blank\"}},[_vm._v(\"詳細說明\")])]):_vm._e()]),_c('div',{ref:\"content\",staticClass:\"content d-md-none mobile flex-grow-1\"},[_c('p',[_vm._v(_vm._s(_vm.item.Brief)),_c('span',[_vm._v(_vm._s(_vm.item.Content))])]),(_vm.item.IsDetail == 1)?_c('div',{staticClass:\"btn_round btn_blue_ci d-md-none i_mt_5\",on:{\"click\":_vm.openDialog}},[_vm._v(\"詳細說明\")]):_vm._e(),(_vm.$route.path === '/customerservice/damageprevention')?_c('div',{staticClass:\"btn_round btn_blue_ci d-md-none i_mt_5\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":_vm.item.Url,\"target\":\"_blank\"}},[_vm._v(\"詳細說明\")])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.service_card.d-flex.flex-column.flex-md-row\n  .img_container\n    .img_wrpper\n      img.bg_default_gray.flex-grow-1(:src=\"item.Image\")\n    .text.d-flex.d-md-block.justify-content-between.align-items-center(\n      @click=\"expand\",\n      :class=\"{ expand: isExpand }\"\n    )\n      p {{ item.Title }}\n      svg-icon.i_ml_2.d-md-none(\n        iconClass=\"arrow_bottom_g\",\n        className=\"arrow_bottom_g\"\n      )\n    div.title-note {{ item.TitleNote }}\n    .see_more_btn.d-none.d-md-block.d-lg-none.i_mlr_0.text-center(\n      v-if=\"item.IsDetail == 1\",\n      @click=\"openDialog\"\n    ) 詳細說明\n    .see_more_btn.d-none.d-md-block.d-lg-none.i_mlr_0.text-center(\n      v-if=\"$route.path === '/customerservice/damageprevention'\"\n    )\n      a(:href=\"item.Url\" target=\"_blank\") 詳細說明\n\n  .content.d-none.d-md-block.flex-grow-1\n    p {{ item.Brief }}\n      span {{ item.Content }}\n    .see_more_btn.d-none.d-lg-block.i_mlr_0.text-right(\n      @click=\"openDialog\",\n      v-if=\"item.IsDetail == 1\"\n    ) 詳細說明\n    .see_more_btn.d-none.d-lg-block.i_mlr_0.text-right(\n      v-if=\"$route.path === '/customerservice/damageprevention'\"\n    )\n      a(:href=\"item.Url\" target=\"_blank\") 詳細說明\n  .content.d-md-none.mobile.flex-grow-1(ref=\"content\")\n    p {{ item.Brief }}\n      span {{ item.Content }}\n    .btn_round.btn_blue_ci.d-md-none.i_mt_5(\n      @click=\"openDialog\",\n      v-if=\"item.IsDetail == 1\"\n    ) 詳細說明\n    .btn_round.btn_blue_ci.d-md-none.i_mt_5(\n      v-if=\"$route.path === '/customerservice/damageprevention'\"\n    ) \n      a.text-white(:href=\"item.Url\" target=\"_blank\") 詳細說明\n</template>\n\n<script>\nimport Velocity from \"velocity-animate\";\n\nexport default {\n  name: \"ServiceCard\",\n  props: {\n    item: Object,\n  },\n  data() {\n    return {\n      isExpand: false,\n    };\n  },\n  mounted() {\n    this.onResize();\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    openDialog() {\n      this.$emit(\"openDialog\", this.item);\n    },\n    expand() {\n      if (this.$store.state.screenWidth > 767) return;\n\n      this.isExpand = !this.isExpand;\n\n      if (this.isExpand) {\n        //取得元素完整高度\n        var height = this.$refs.content.scrollHeight + 20;\n\n        Velocity(\n          this.$refs.content,\n          { maxHeight: height, opacity: 1 },\n          { duration: 300 }\n        );\n      } else {\n        Velocity(\n          this.$refs.content,\n          { maxHeight: 0, opacity: 0 },\n          { duration: 300 }\n        );\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/good_service/service_card\";\n.title-note {\n  font-size: 14px;\n  text-align: center;\n  color: $color_blue_btn_ci;\n}\n\n@media (max-width: 768px) {\n  .title-note {\n    text-align: left;\n  }\n}\n\n.text-white{\n  color: $color_white;\n}\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=39455498&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=39455498&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  \"39455498\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}