{"version":3,"sources":["webpack:///./src/components/Faq/FaqItem.vue?8873","webpack:///./src/components/Faq/FaqItem.vue?fc2b","webpack:///./src/components/Faq/FaqItem.vue?da79","webpack:///src/components/Faq/FaqItem.vue","webpack:///./src/components/Faq/FaqItem.vue?c887","webpack:///./src/components/Faq/FaqItem.vue?43f0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isTarget","on","$event","onFaqClick","attrs","domProps","_s","item","question","_e","style","ref","answer","url","length","_v","shipCategory","onFaqFeedbackSuccess","staticRenderFns","component"],"mappings":"kHAAA,yBAA6jB,EAAG,G,oCCAhkB,yBAAqiB,EAAG,G,gECAxiB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAM,CAAC,sBAAuBP,EAAIQ,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,gBAAgB,CAACP,EAAG,KAAK,CAACE,YAAY,+BAA+B,CAACF,EAAG,IAAI,CAACQ,MAAM,CAAC,cAAc,WAAW,cAAc,cAAcC,SAAS,CAAC,UAAYb,EAAIc,GAAGd,EAAIe,KAAKC,aAAaZ,EAAG,OAAO,CAACE,YAAY,kBAAmBN,EAAIe,KAAU,MAAEX,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,6DAA6DZ,EAAIiB,SAASb,EAAG,MAAM,CAACE,YAAY,iBAAiBY,MAAOlB,EAAa,WAAG,CAACI,EAAG,MAAM,CAACe,IAAI,WAAWb,YAAY,cAAc,CAACF,EAAG,IAAI,CAACS,SAAS,CAAC,UAAYb,EAAIc,GAAGd,EAAIe,KAAKK,WAAYpB,EAAIe,KAAKM,KAAKrB,EAAIe,KAAKM,IAAIC,OAAO,EAAGlB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACQ,MAAM,CAAC,OAAS,SAAS,KAAOZ,EAAIe,KAAKM,MAAM,CAACrB,EAAIuB,GAAG,YAAYvB,EAAIiB,KAAKb,EAAG,eAAe,CAACQ,MAAM,CAAC,IAAMZ,EAAIe,KAAK,qBAAuBf,EAAIwB,aAAa,qBAAuBxB,EAAIyB,yBAAyB,QACjjCC,EAAkB,GC6BtB,G,UAAA,oEACA,GACE,KAAF,UACE,WAAF,CACI,YAAJ,GAEE,MAAF,CACI,SAAJ,CACM,KAAN,QACM,QAFN,WAGQ,OAAR,IAGI,KAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,aAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,qBAAJ,CACM,KAAN,WAGE,KA5BF,WA6BI,MAAJ,CACM,QAAN,EACM,WAAN,IAGE,QAAF,CACI,WADJ,WAGM,GADA,KAAN,8BACA,2BACQ,IAAR,4FACA,+CACQ,OAAR,aAEQ,KAAR,sBAIE,SAAF,CACI,UADJ,WAEM,GAAN,yCACQ,IAAR,mCAEQ,OADA,QAAR,OACA,CAAU,OAAV,OAAU,SAAV,WAEQ,MAAR,MCpFgW,I,kCCS5VC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-3dc393ea.ff2bc702.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FaqItem.vue?vue&type=style&index=0&id=328137fd&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FaqItem.vue?vue&type=style&index=0&id=328137fd&lang=less&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FaqItem.vue?vue&type=style&index=1&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FaqItem.vue?vue&type=style&index=1&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"panel panel-default\"},[_c('div',{staticClass:\"panel-heading\",class:{'panel-headingActive': _vm.isTarget},on:{\"click\":function($event){return _vm.onFaqClick()}}},[_c('h4',{staticClass:\"panel-title btn_angle_img_0\"},[_c('a',{attrs:{\"data-toggle\":\"collapse\",\"data-parent\":\"#accordion\"},domProps:{\"innerHTML\":_vm._s(_vm.item.question)}}),_c('span',{staticClass:\"top_angle_img\"}),(_vm.item.isHot)?_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/content/FAQ/hot_2.png\"}}):_vm._e()])]),_c('div',{staticClass:\"panel-collapse\",style:(_vm.itemStyle)},[_c('div',{ref:\"itemBody\",staticClass:\"panel-body\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.item.answer)}}),(_vm.item.url&&_vm.item.url.length>0)?_c('div',{staticClass:\"sort_about dn_0\"},[_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.item.url}},[_vm._v(\"点击下载\")])]):_vm._e(),_c('faq-feedback',{attrs:{\"faq\":_vm.item,\"selectedShipCategory\":_vm.shipCategory,\"onFaqFeedbackSuccess\":_vm.onFaqFeedbackSuccess}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"panel panel-default\">\r\n        <div class=\"panel-heading\" :class=\"{'panel-headingActive': isTarget}\"\r\n        @click=\"onFaqClick()\">\r\n            <h4 class=\"panel-title btn_angle_img_0\">\r\n                <a data-toggle=\"collapse\" data-parent=\"#accordion\" v-html=\"item.question\">\r\n                    \r\n                </a>\r\n                <span class=\"top_angle_img\"></span>\r\n                <img v-if=\"item.isHot\" src=\"https://resource.rcclchina.com.cn/content/FAQ/hot_2.png\">\r\n            </h4>\r\n        </div>\r\n        <div class=\"panel-collapse\" :style=\"itemStyle\">\r\n            <div class=\"panel-body\" ref=\"itemBody\">\r\n                <p v-html=\"item.answer\"></p>\r\n                <div class=\"sort_about dn_0\" v-if=\"item.url&&item.url.length>0\">\r\n                    <a target=\"_blank\" :href=\"item.url\">点击下载</a>\r\n                </div>\r\n                <faq-feedback \r\n                    :faq=\"item\"\r\n                    :selectedShipCategory=\"shipCategory\"\r\n                    :onFaqFeedbackSuccess=\"onFaqFeedbackSuccess\"\r\n                />\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst FaqFeedback = () => import('@/components/Faq/FaqFeedback')\r\nexport default {\r\n    name: \"FaqItem\",\r\n    components: {\r\n        FaqFeedback\r\n    },\r\n    props: {\r\n        isTarget: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        item: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        shipCategory: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        onFaqFeedbackSuccess: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return { \r\n            isOpen: false,\r\n            itemHeight: 0\r\n        }\r\n    },\r\n    methods: {\r\n        onFaqClick () {\r\n            this.$emit('faqClicked', this.item)\r\n            if (this.item.openInNewWindow) {\r\n                const urlLink =  \"/Rccl.CustomPage/Faq/Detail/\" + this.item.id + \".html?shipCategory=\" + this.shipCategory.title\r\n                    + \"&shipSubCategory=\" + this.shipCategory.subTitle;\r\n                window.open(urlLink)\r\n            } else {\r\n                this.isOpen = !this.isOpen\r\n            }\r\n        },\r\n    },\r\n    computed: {\r\n        itemStyle () {\r\n            if (this.isOpen && !this.item.openInNewWindow) {\r\n                const height = this.$refs.itemBody.clientHeight\r\n                console.log(height)\r\n                return { height: height + 'px', overflow: 'initial'}\r\n            } else {\r\n                return {}\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"less\" scoped>\r\n.panel{\r\n  margin-bottom: 10px;\r\n  cursor: pointer;\r\n  position:relative;\r\n}\r\n.panel-default>.panel-heading{\r\n  background-color: #fff;\r\n}\r\n.panel-default .panel-body span{\r\n  font-family:\"Microsoft Yahei\",latolight,Arial,\"Helvetica Neue\",Helvetica,Arial,sans-serif !important;\r\n  font-size:14px !important;\r\n}\r\n\r\n.panel-headingActive{\r\n  background-color: #dbdbdb !important;\r\n}\r\n.panel-heading{\r\n  padding: 20px 15px;\r\n}\r\n\r\n/*top_angle_img*/\r\n.top_angle_img{\r\n  display: inline-block;\r\n  width: 15px;\r\n  height: 15px;\r\n  float: right;\r\n  background: url(https://resource.rcclchina.com.cn/content/FAQ/bottomimg1.png) 3px 8px no-repeat;\r\n}\r\n.btn_angle_img2{\r\n  display: inline-block;\r\n  width: 15px;\r\n  height: 15px;\r\n  float: right;\r\n  background: url(https://resource.rcclchina.com.cn/content/FAQ/topimg1.png) 3px 8px no-repeat;\r\n}\r\n\r\n/**** 问答图片样式 ****/\r\n.panel-collapse.collapse p>img{\r\n    width:100%;\r\n    height:auto;\r\n}\r\n\r\n\r\n.sort_about{\r\n  width: 100px;\r\n  height: 30px;\r\n  border-radius: 5px;\r\n  background: #fbc300;\r\n  text-align: center;\r\n  line-height: 30px;\r\n  color: #333333;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  margin: 8px 0 0 0;\r\n  cursor: pointer;\r\n}\r\n.sort_about a{\r\n  color: #000;\r\n  width: 100%;\r\n  display: inline-block;\r\n}\r\n\r\n.panel-collapse {\r\n    position:relative;\r\n    height: 0px;\r\n    overflow: hidden;\r\n    transition: height 0.2s;\r\n    &.in {\r\n        overflow: initial;\r\n    }\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"less\">\r\n.panel-default>.panel-heading .panel-title p span{\r\n  font-family:\"Microsoft Yahei\",latolight,Arial,\"Helvetica Neue\",Helvetica,Arial,sans-serif !important;\r\n  font-size:16px !important;\r\n}\r\n.panel-default>.panel-heading .panel-title p{\r\n  display:inline;\r\n}\r\n\r\n</style>","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!./FaqItem.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!./FaqItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FaqItem.vue?vue&type=template&id=328137fd&scoped=true&\"\nimport script from \"./FaqItem.vue?vue&type=script&lang=js&\"\nexport * from \"./FaqItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FaqItem.vue?vue&type=style&index=0&id=328137fd&lang=less&scoped=true&\"\nimport style1 from \"./FaqItem.vue?vue&type=style&index=1&lang=less&\"\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  \"328137fd\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}