{"version":3,"sources":["webpack:///./src/components/Faq/FaqFeedback.vue?b90c","webpack:///./src/components/Faq/FaqFeedback.vue?bf93","webpack:///src/components/Faq/FaqFeedback.vue","webpack:///./src/components/Faq/FaqFeedback.vue?c9ee","webpack:///./src/components/Faq/FaqFeedback.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","active","faq","suggestionType","on","$event","onSuggestionClick","attrs","_v","style","directives","name","rawName","value","expression","isShowNagtivePopup","_l","item","i","key","selectedNagtiveItem","domProps","_s","onNagtiveSubmit","staticRenderFns","success","data","token","length","rewardToken","component"],"mappings":"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","file":"js/chunk-336bb6d0.b3a748f1.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!./FaqFeedback.vue?vue&type=style&index=0&id=0c16190c&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!./FaqFeedback.vue?vue&type=style&index=0&id=0c16190c&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"faDetail-useInfo\"},[_c('div',{staticClass:\"useInfo-choice js-useSelect\"},[_c('div',{class:{ active: _vm.faq.suggestionType == 1},on:{\"click\":function($event){return _vm.onSuggestionClick(1)}}},[_c('img',{staticClass:\"useInfo-icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/useIconN.png\",\"alt\":\"有用\"}}),_c('img',{staticClass:\"useInfo-iconActive\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/useIconWN.png\",\"alt\":\"有用\"}}),_c('span',[_vm._v(\"有用\")])]),_c('div',{class:{ active: _vm.faq.suggestionType == 2},on:{\"click\":function($event){return _vm.onSuggestionClick(2)}}},[_c('img',{staticClass:\"useInfo-icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/nouseIconN.png\",\"alt\":\"没用\"}}),_c('img',{staticClass:\"useInfo-iconActive\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/nouseIconWN.png\",\"alt\":\"没用\"}}),_c('span',[_vm._v(\"没用\")])])]),_c('div',{staticClass:\"useInfo-resons\",style:(_vm.nagtivePopupStyle)},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowNagtivePopup),expression:\"isShowNagtivePopup\"}],staticClass:\"useInfo-closedBtn js-closedBtn\",on:{\"click\":function($event){_vm.isShowNagtivePopup=false}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/closed.png\"}})]),_c('div',{staticClass:\"userInfo-resons-wrapper\"},[_c('div',{staticClass:\"useInfo-resonsTitle\"},[_vm._v(\"您认为没用的信息：\")]),_c('ul',{staticClass:\"useInfo-resonsCon\"},_vm._l((_vm.nagtiveItems),function(item,i){return _c('li',{key:('nagtiveItem_'+i),on:{\"click\":function($event){_vm.selectedNagtiveItem=item}}},[_c('input',{staticClass:\"js-radioBtn\",attrs:{\"type\":\"radio\",\"name\":\"useInfo\"},domProps:{\"checked\":item==_vm.selectedNagtiveItem}}),_c('span',{staticClass:\"js-radioBtn\"},[_vm._v(_vm._s(item))])])}),0),_c('div',{staticClass:\"useInfo-resonsSubmit\"},[_c('button',{staticClass:\"js-reasonSubmit\",on:{\"click\":_vm.onNagtiveSubmit}},[_vm._v(\"提交\")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"faDetail-useInfo\">\r\n        <div class=\"useInfo-choice js-useSelect\">\r\n            <div class=\"\" :class=\"{ active: faq.suggestionType == 1}\" @click=\"onSuggestionClick(1)\">\r\n                <img class=\"useInfo-icon\"\r\n                    src=\"https://resource.rcclchina.com.cn/Faq/useIconN.png\" alt=\"有用\">\r\n                <img class=\"useInfo-iconActive\" src=\"https://resource.rcclchina.com.cn/Faq/useIconWN.png\" alt=\"有用\">\r\n                <span>有用</span>\r\n            </div>\r\n            <div class=\"\" :class=\"{ active: faq.suggestionType == 2}\" @click=\"onSuggestionClick(2)\">\r\n                <img class=\"useInfo-icon\" src=\"https://resource.rcclchina.com.cn/Faq/nouseIconN.png\" alt=\"没用\">\r\n                <img class=\"useInfo-iconActive\" src=\"https://resource.rcclchina.com.cn/Faq/nouseIconWN.png\" alt=\"没用\">\r\n                <span>没用</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"useInfo-resons\" :style=\"nagtivePopupStyle\">\r\n            <div class=\"useInfo-closedBtn js-closedBtn\" @click=\"isShowNagtivePopup=false\" v-show=\"isShowNagtivePopup\">\r\n                <img src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/closed.png\">\r\n            </div>\r\n            <div class=\"userInfo-resons-wrapper\">\r\n                <div class=\"useInfo-resonsTitle\">您认为没用的信息：</div>\r\n                <ul class=\"useInfo-resonsCon\">\r\n                    <li v-for=\"(item, i) in nagtiveItems\" :key=\"('nagtiveItem_'+i)\" @click=\"selectedNagtiveItem=item\">\r\n                        <input type=\"radio\" name=\"useInfo\" class=\"js-radioBtn\" :checked=\"item==selectedNagtiveItem\">\r\n                        <span class=\"js-radioBtn\">{{item}}</span>\r\n                    </li>\r\n                </ul>\r\n                <div class=\"useInfo-resonsSubmit\">\r\n                    <button class=\"js-reasonSubmit\" @click=\"onNagtiveSubmit\">提交</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"FaqFeedback\",\r\n    props: {\r\n        faq: {\r\n            type: Object\r\n        },\r\n        selectedShipCategory: {\r\n            type: Object\r\n        },\r\n        onFaqFeedbackSuccess: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowNagtivePopup: false,\r\n            nagtiveItems: [\r\n                \"信息有误\",\r\n                \"信息不全\",\r\n                \"描述有歧义\",\r\n                \"问题和答案不符\",\r\n                \"不是我想要的信息\"\r\n            ],\r\n            selectedNagtiveItem: \"\",\r\n            isSubmitting: false\r\n        }\r\n    },\r\n    methods: {\r\n        async onSuggestionClick (type) {\r\n            if (this.faq.suggestionType > 0) {\r\n                if (this.faq.suggestionType == type && type == 1) {\r\n                    // cancel\r\n                    if (!this.isSubmitting) {\r\n                        const rewardToken = this.$store.state.user.userReviewToken\r\n                        const requestData = {\r\n                            faqId: this.faq.id,\r\n                            userName: rewardToken,\r\n                            shipCategory: this.selectedShipCategory.title,\r\n                            shipSubCategory: this.selectedShipCategory.subTitle\r\n                        }\r\n                        this.isSubmitting = true\r\n                        const { success, data } = await api.page.cancelFaqFeedback(requestData)\r\n                        this.isSubmitting = false\r\n                        if (success) {\r\n                            this.onFaqFeedbackSuccess(this.faq.id, 0)\r\n                        }\r\n                        if (data && data.token && data.token.length > 0 && data.token != rewardToken) {\r\n                            this.$store.commit('SET_REWARD_TOKEN', data.token)\r\n                        }\r\n                    }\r\n                }\r\n            } else if (type == 2) {\r\n                this.isShowNagtivePopup = true\r\n            } else {\r\n                // submit positive\r\n                if (!this.isSubmitting) {\r\n                    const rewardToken = this.$store.state.user.userReviewToken\r\n                    const requestData = {\r\n                        faqId: this.faq.id,\r\n                        userName: rewardToken,\r\n                        shipCategory: this.selectedShipCategory.title,\r\n                        shipSubCategory: this.selectedShipCategory.subTitle,\r\n                        isGood: true\r\n                    }\r\n                    this.isSubmitting = true\r\n                    const { success, data } = await api.page.submitFaqFeedback(requestData)\r\n                    this.isSubmitting = false\r\n                    if (success) {\r\n                        this.onFaqFeedbackSuccess(this.faq.id, 1)\r\n                    }\r\n                    if (data && data.token && data.token.length > 0 && data.token != rewardToken) {\r\n                        this.$store.commit('SET_REWARD_TOKEN', data.token)\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        async onNagtiveSubmit () {\r\n            if (!this.selectedNagtiveItem && this.selectedNagtiveItem.length == 0) {\r\n                this.$alert.show(\"请选择您认为没用的信息\")\r\n                return\r\n            }\r\n            if (!this.isSubmitting) {\r\n                const rewardToken = this.$store.state.user.userReviewToken\r\n                const requestData = {\r\n                    faqId: this.faq.id,\r\n                    userName: rewardToken,\r\n                    shipCategory: this.selectedShipCategory.title,\r\n                    shipSubCategory: this.selectedShipCategory.subTitle,\r\n                    isGood: false,\r\n                    suggestion: this.selectedNagtiveItem\r\n                }\r\n                this.isSubmitting = true\r\n                const { success, data } = await api.page.submitFaqFeedback(requestData)\r\n                this.isSubmitting = false\r\n                if (success) {\r\n                    this.onFaqFeedbackSuccess(this.faq.id, 2)\r\n                    this.isShowNagtivePopup = false\r\n                }\r\n                if (data && data.token && data.token.length > 0 && data.token != rewardToken) {\r\n                    this.$store.commit('SET_REWARD_TOKEN', data.token)\r\n                }\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        nagtivePopupStyle () {\r\n            if (this.isShowNagtivePopup) {\r\n                return { 'height': '330px'}\r\n            } else {\r\n                return { 'height': 0}\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n/**** 有用没用 ****/\r\n.faDetail-useInfo {\r\n    margin-top: 20px;\r\n}\r\n.faDetail-useInfo .useInfo-choice{\r\n    overflow:hidden;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div{\r\n    margin-right:6px;\r\n    /*background-color:#ececec;*/\r\n    width:90px;\r\n    height:30px;\r\n    line-height:30px;\r\n    text-align:center;\r\n    float:left;\r\n    cursor:pointer;\r\n    border-radius:4px;\r\n    font-size:0;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div>img{\r\n    vertical-align:middle;\r\n    margin-right:4px;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div>span{\r\n    vertical-align:middle;\r\n    font-size:13px;\r\n    color:#888;\r\n    margin-left:3px;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div>img.useInfo-icon{\r\n    display:inline-block;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div>img.useInfo-iconActive{\r\n    display:none;\r\n}\r\n.faDetail-useInfo .useInfo-choice > div.active{\r\n    background-color:#1174b8;\r\n}\r\n.faDetail-useInfo .useInfo-choice > div.active>span {\r\n    color:#fff;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div.active>img.useInfo-icon{\r\n    display:none;\r\n}\r\n.faDetail-useInfo .useInfo-choice>div.active>img.useInfo-iconActive{\r\n    display:inline-block;\r\n}\r\n.faDetail-useInfo .useInfo-resons {\r\n    position:absolute;\r\n    display:block;\r\n    z-index:1111;\r\n    width:32%;\r\n    transition: 0.3s all;\r\n    min-width:250px;\r\n    margin-top: 4px;\r\n    background-color: #ececec;\r\n    border-radius:4px;\r\n    // display:none;\r\n    box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7);\r\n    -webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7);\r\n    -moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7);\r\n\r\n    .userInfo-resons-wrapper {\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n}\r\n.faDetail-useInfo .useInfo-resons .useInfo-resonsTitle {\r\n    font-size:13px;\r\n    font-weight:bold;\r\n    padding:14px;\r\n    border-bottom:1px dashed #dadada;\r\n}\r\n.faDetail-useInfo .useInfo-resons .useInfo-resonsCon {\r\n}\r\n.faDetail-useInfo .useInfo-resons ul{\r\n    margin:0;\r\n    padding:14px;\r\n}\r\n.faDetail-useInfo .useInfo-resons ul li{\r\n    margin-bottom:20px;\r\n    cursor:pointer;\r\n}\r\n.faDetail-useInfo .useInfo-resons ul li input{\r\n    width:16px;\r\n    height:16px;\r\n    vertical-align:middle;\r\n    margin:0;\r\n}\r\n.faDetail-useInfo .useInfo-resons ul li span{\r\n    color:#000;\r\n    font-size:13px;\r\n    margin-left:6px;\r\n    display:inline-block;\r\n    vertical-align:middle;\r\n}\r\n.faDetail-useInfo .useInfo-resonsSubmit{\r\n    text-align:center;\r\n}\r\n.faDetail-useInfo .useInfo-resonsSubmit button{\r\n    margin:0 auto;\r\n    width:70px;\r\n    height:30px;\r\n    line-height:30px;\r\n    color:#000;\r\n    font-size:12px;\r\n    background-color:#fcc300;\r\n    border-radius:4px;\r\n}\r\n\r\n.faDetail-useInfo .useInfo-closedBtn {\r\n    position:absolute;\r\n    top: -20px;\r\n    right: -20px;\r\n    cursor:pointer;\r\n    z-index: 1;\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!./FaqFeedback.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!./FaqFeedback.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FaqFeedback.vue?vue&type=template&id=0c16190c&scoped=true&\"\nimport script from \"./FaqFeedback.vue?vue&type=script&lang=js&\"\nexport * from \"./FaqFeedback.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FaqFeedback.vue?vue&type=style&index=0&id=0c16190c&lang=less&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  \"0c16190c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}