{"version":3,"sources":["webpack:///./src/components/Cruise/CruiseDetail/CruiseCouponPopup.vue?af42","webpack:///src/components/Cruise/CruiseDetail/CruiseCouponPopup.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseCouponPopup.vue?c9b1","webpack:///./src/components/Cruise/CruiseDetail/CruiseCouponPopup.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseCouponPopup.vue?f814"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","in","isShowModal","active","isShow","attrs","on","onModalClose","staticStyle","_v","_l","coupon","i","key","reeceived_status","couponState","_s","promotion","startTime","endTime","$event","onCouponRuleClick","couponRule","onGetCouponClick","_m","staticRenderFns","component"],"mappings":"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","file":"js/chunk-76f058e6.6327e22c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],staticClass:\"modal fade get_coupon_modal\",class:{ in: _vm.isShowModal, active: _vm.isShow},attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"myModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-bg\",on:{\"click\":_vm.onModalClose}}),_c('div',{staticClass:\"modal-dialog\",staticStyle:{\"width\":\"870px\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"common-modal-close\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.onModalClose}},[_c('img',{staticClass:\"common-modal-close\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"}})]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"coupon_modal_hd\"},[_vm._v(\"领取优惠券\")]),_c('div',{staticClass:\"coupon_modal_bd\"},[_c('ul',{staticClass:\"row\"},_vm._l((_vm.coupons),function(coupon,i){return _c('li',{key:('coupon_'+i),staticClass:\"coupon_item col-md-6 col-xs-6\",class:{ reeceived_status: coupon.couponState == 2}},[_c('div',{staticClass:\"coupon_box fix\"},[_c('div',{staticClass:\"f-fl\"},[_c('div',{staticClass:\"left_box\"},[_c('div',{staticClass:\"coupon_title\"},[_vm._v(\" \"+_vm._s(coupon.promotion)+\" \")]),_c('div',{staticClass:\"coupon_date\"},[_vm._v(\" 有效期：\"+_vm._s(coupon.startTime)+\"-\"+_vm._s(coupon.endTime)+\" \")]),_c('div',{staticClass:\"coupon_info\"},[_c('span',{staticClass:\"couponRule\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.onCouponRuleClick(coupon.couponRule)}}},[_vm._v(\"使用规则\")])])])]),_c('div',{staticClass:\"f-fl\",on:{\"click\":function($event){return _vm.onGetCouponClick(coupon)}}},[_vm._m(0,true)])])])}),0)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right_box userGetCoupon\"},[_c('i',{staticClass:\"coupon_status\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal fade get_coupon_modal\"  :class=\"{ in: isShowModal, active: isShow}\"\r\n        tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\" v-show=\"isShow\">\r\n        <div class=\"modal-bg\" @click=\"onModalClose\"></div>\r\n        <div class=\"modal-dialog\" style=\"width: 870px;\">\r\n            <div class=\"modal-content\">\r\n                <div class=\"common-modal-close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"onModalClose\">\r\n                    <img class=\"common-modal-close\" src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\">\r\n                </div>\r\n\r\n                <div class=\"modal-body\">\r\n                    <div class=\"coupon_modal_hd\">领取优惠券</div>\r\n                    <div class=\"coupon_modal_bd\">\r\n                        <ul class=\"row\">\r\n                            <li class=\"coupon_item col-md-6 col-xs-6\" \r\n                            v-for=\"(coupon, i) in coupons\" :key=\"('coupon_'+i)\"\r\n                            :class=\"{ reeceived_status: coupon.couponState == 2}\"\r\n                            >\r\n                                <div class=\"coupon_box fix\">\r\n                                    <div class=\"f-fl\">\r\n                                        <div class=\"left_box\">\r\n                                            <div class=\"coupon_title\">\r\n                                                {{coupon.promotion}}\r\n                                            </div>\r\n                                            <div class=\"coupon_date\">\r\n                                                有效期：{{coupon.startTime}}-{{coupon.endTime}}\r\n                                            </div>\r\n                                            <div class=\"coupon_info\">\r\n                                                <span role=\"button\" class=\"couponRule\" @click=\"onCouponRuleClick(coupon.couponRule)\">使用规则</span>\r\n\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"f-fl\" @click=\"onGetCouponClick(coupon)\">\r\n                                        <div class=\"right_box userGetCoupon\">\r\n                                            <i class=\"coupon_status\"></i>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            \r\n                        </ul>\r\n                    </div>\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: \"CruiseCouponPopup\",\r\n    props: {\r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        coupons: {\r\n            type: Array\r\n        },\r\n        onCouponRuleClick: {\r\n            type: Function\r\n        },\r\n        setCouponRecieved: {\r\n            type: Function\r\n        },\r\n        showLoginPopup: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowModal: false\r\n        }\r\n    },\r\n    methods: {\r\n        onModalClose () {\r\n            this.isShowModal = false\r\n            setTimeout(()=> {\r\n                this.$emit('onModalClose')\r\n            }, 100)\r\n        },\r\n        async onGetCouponClick(coupon) {\r\n            if (coupon.couponState == 2) {\r\n                return\r\n            }\r\n            const userToken = this.$store.state.user.userToken\r\n            if (!userToken || userToken.length == 0) {\r\n                const self = this\r\n                this.$confirm.show('您尚未登录， 请登录之后， 再领取优惠券', {\r\n                    confirmCallBack: () => {\r\n                        self.showLoginPopup(()=> {\r\n                            self.onGetCouponClick(coupon)\r\n                        })\r\n                    }\r\n                })\r\n                return\r\n            }\r\n            this.$loading.show()\r\n            const { success, errMsg } = await api.booking.giveUserCoupon({\r\n                id: coupon.id,\r\n                source: 'online'\r\n            })\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                this.$alert.show(errMsg)\r\n                return\r\n            }\r\n            this.$alert.show(\"恭喜您成功领取该优惠券！\")\r\n            this.setCouponRecieved(coupon.id)\r\n        }\r\n    },\r\n    watch: {\r\n        isShow (newValue) {\r\n            setTimeout(()=> {\r\n                this.isShowModal = newValue\r\n            }, 100)\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.modal {\r\n    .modal-dialog {\r\n        top: 20%;\r\n    }\r\n}\r\n.get_coupon_modal .modal-body {\r\n    padding: 25px 20px;\r\n    .coupon_modal_hd {\r\n        font-size: 22px;\r\n        color: #282b2c;\r\n        margin-bottom: 20px;\r\n        .coupon_box {\r\n            color: #051555;\r\n            overflow: hidden;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.modal.active {\r\n    display: block;\r\n}\r\n\r\n.modal-bg {\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\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!./CruiseCouponPopup.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!./CruiseCouponPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CruiseCouponPopup.vue?vue&type=template&id=2152c012&scoped=true&\"\nimport script from \"./CruiseCouponPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./CruiseCouponPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CruiseCouponPopup.vue?vue&type=style&index=0&id=2152c012&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  \"2152c012\",\n  null\n  \n)\n\nexport default component.exports","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!./CruiseCouponPopup.vue?vue&type=style&index=0&id=2152c012&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!./CruiseCouponPopup.vue?vue&type=style&index=0&id=2152c012&lang=less&scoped=true&\""],"sourceRoot":""}