{"version":3,"sources":["webpack:///./src/components/Cruise/CruiseCoupon.vue?aedf","webpack:///./src/components/Cruise/CruiseCoupon.vue","webpack:///src/components/Cruise/CruiseCoupon.vue","webpack:///./src/components/Cruise/CruiseCoupon.vue?bf50","webpack:///./src/components/Cruise/CruiseCoupon.vue?dacd"],"names":["render","_vm","this","_c","_self","staticClass","class","active","isShow","on","$event","closeCruiseCoupon","_m","_l","coupons","coupon","i","key","hasSent","couponState","_v","_s","promotion","startTime","endTime","onCouponRuleClick","couponRule","attrs","onGetCouponClick","staticRenderFns","name","props","type","Boolean","Array","Function","setCouponRecieved","methods","userToken","$store","state","user","length","$confirm","show","confirmCallBack","$router","push","query","returnUrl","location","href","$loading","success","errMsg","api","booking","giveUserCoupon","id","source","hide","$alert","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,8BAA8BC,MAAM,CAAEC,OAAQN,EAAIO,SAAS,CAACL,EAAG,MAAM,CAACE,YAAY,iBAAiBI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,wBAAwBR,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACJ,EAAIW,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,mBAAmBJ,EAAIY,GAAIZ,EAAIa,SAAS,SAASC,EAAOC,GAAG,OAAOb,EAAG,MAAM,CAACc,IAAID,EAAEX,YAAY,kBAAkBC,MAAM,CAAEY,QAA+B,GAAtBH,EAAOI,cAAmB,CAAChB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAImB,GAAGnB,EAAIoB,GAAGN,EAAOO,cAAcnB,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACJ,EAAImB,GAAG,QAAQnB,EAAIoB,GAAGN,EAAOQ,WAAW,IAAItB,EAAIoB,GAAGN,EAAOS,YAAYrB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,OAAO,CAACE,YAAY,gCAAgCI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIwB,kBAAkBV,EAAOW,eAAe,CAACzB,EAAImB,GAAG,YAAYjB,EAAG,MAAM,CAACE,YAAY,gBAAgBsB,MAAM,CAAC,gBAAgB,OAAOlB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAI2B,iBAAiBb,cAAkB,GAAGZ,EAAG,MAAM,CAACE,YAAY,kCAAkCI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,uBAAuB,CAACR,EAAG,OAAO,CAACF,EAAImB,GAAG,cAErrCS,EAAkB,CAAC,WAAY,IAAI5B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACwB,MAAM,CAAC,IAAM,wEAAwExB,EAAG,OAAO,CAACF,EAAImB,GAAG,a,wBC4BrN,GACfU,KAAA,eACAC,MAAA,CACAvB,OAAA,CACAwB,KAAAC,SAEAnB,QAAA,CACAkB,KAAAE,OAEAvB,kBAAA,CACAqB,KAAAG,UAEAV,kBAAA,CACAO,KAAAG,UAEAC,kBAAA,CACAJ,KAAAG,WAGAE,QAAA,CACA,uBAAAtB,GACA,MAAAA,EAAAI,YACA,OAEA,MAAAmB,EAAA,KAAAC,OAAAC,MAAAC,KAAAH,UACA,IAAAA,GAAA,GAAAA,EAAAI,OAQA,YAPA,KAAAC,SAAAC,KAAA,wBACAC,qBACA,KAAAC,QAAAC,KAAA,CAAAjB,KAAA,QAAAkB,MAAA,CACAC,UAAAC,SAAAC,WAMA,KAAAC,SAAAR,OACA,cAAAS,EAAA,OAAAC,SAAAC,OAAAC,QAAAC,eAAA,CACAC,GAAA3C,EAAA2C,GACAC,OAAA,WAEA,KAAAP,SAAAQ,OACAP,EAIA,KAAAjB,kBAAArB,EAAA2C,IAHA,KAAAG,OAAAjB,KAAAU,MCxEoW,I,wBCQhWQ,EAAY,eACd,EACA9D,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAiC,E","file":"js/chunk-16eea344.39843a74.js","sourcesContent":["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!./CruiseCoupon.vue?vue&type=style&index=0&id=05fc7eb0&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"couponModel view-userCoupon\",class:{ active: _vm.isShow}},[_c('div',{staticClass:\"couponModel-bg\",on:{\"click\":function($event){return _vm.closeCruiseCoupon()}}}),_c('div',{staticClass:\"couponModel-container\"},[_vm._m(0),_c('div',{staticClass:\"couponModel-con\"},_vm._l((_vm.coupons),function(coupon,i){return _c('div',{key:i,staticClass:\"coupon-itemBody\",class:{ hasSent: coupon.couponState == 2}},[_c('div',{staticClass:\"coupon-itemConL\"},[_c('div',{staticClass:\"coupon-itemTypeTxt\"},[_vm._v(_vm._s(coupon.promotion))]),_c('div',{staticClass:\"coupon-itemExpiryDate\"},[_vm._v(\"有效期: \"+_vm._s(coupon.startTime)+\"-\"+_vm._s(coupon.endTime))]),_c('div',{staticClass:\"coupon-itemRule\"},[_c('span',{staticClass:\"coupon-itemRuleTxt useRuleBtn\",on:{\"click\":function($event){return _vm.onCouponRuleClick(coupon.couponRule)}}},[_vm._v(\"使用规则\")])]),_c('div',{staticClass:\"js-receiveBtn\",attrs:{\"data-couponid\":\"112\"},on:{\"click\":function($event){return _vm.onGetCouponClick(coupon)}}})])])}),0),_c('div',{staticClass:\"couponModel-closed js-closedBtn\",on:{\"click\":function($event){return _vm.closeCruiseCoupon()}}},[_c('span',[_vm._v(\"X\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"couponModel-title\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/giftIcon.png\"}}),_c('span',[_vm._v(\"优惠券\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"couponModel view-userCoupon\" :class=\"{ active: isShow}\">\r\n        <div class=\"couponModel-bg\" @click=\"closeCruiseCoupon()\"></div>\r\n        <div class=\"couponModel-container\">\r\n            <div class=\"couponModel-title\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/giftIcon.png\">\r\n                <span>优惠券</span>\r\n            </div>\r\n            <div class=\"couponModel-con\">\r\n                <div class=\"coupon-itemBody\" v-for=\"(coupon, i) in coupons\" :key=\"i\" :class=\"{ hasSent: coupon.couponState == 2}\">\r\n\r\n                    <div class=\"coupon-itemConL\">\r\n                        <div class=\"coupon-itemTypeTxt\">{{coupon.promotion}}</div>\r\n                        <div class=\"coupon-itemExpiryDate\">有效期:&nbsp;{{coupon.startTime}}-{{coupon.endTime}}</div>\r\n                        <div class=\"coupon-itemRule\">\r\n                            <span class=\"coupon-itemRuleTxt useRuleBtn\" @click=\"onCouponRuleClick(coupon.couponRule)\">使用规则</span>\r\n                        </div>\r\n                        <div class=\"js-receiveBtn\" data-couponid=\"112\" @click=\"onGetCouponClick(coupon)\"></div>\r\n                    </div>\r\n                </div>\r\n                \r\n               \r\n            </div>\r\n            <div class=\"couponModel-closed js-closedBtn\" @click=\"closeCruiseCoupon()\"><span>X</span></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: \"CruiseCoupon\",\r\n    props: {\r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        coupons: {\r\n            type: Array\r\n        },\r\n        closeCruiseCoupon: {\r\n            type: Function\r\n        },\r\n        onCouponRuleClick: {\r\n            type: Function\r\n        },\r\n        setCouponRecieved: {\r\n            type: Function\r\n        }\r\n    },\r\n    methods: {\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                this.$confirm.show('您尚未登录， 请登录之后， 再领取优惠券', {\r\n                    confirmCallBack: () => {\r\n                        this.$router.push({ name: 'Login', query:{ \r\n                            returnUrl: location.href\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: 'mobile'\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.setCouponRecieved(coupon.id)\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.couponModel {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 1000;\r\n    display: none;\r\n    .couponModel-bg {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,.4);\r\n        position: fixed;\r\n        bottom: 0;\r\n        left: 0;\r\n    }\r\n    .couponModel-container {\r\n        background-color: #fff;\r\n        border-top: 5px solid #FEBC10;\r\n        padding: 22px 20px 30px 20px;\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        padding-bottom: 44px;\r\n        .couponModel-title {\r\n            padding-bottom: 8px;\r\n            border-bottom: 1px solid #CCCCCC;\r\n            img {\r\n                width: 26px;\r\n                vertical-align: middle;\r\n            }\r\n            span {\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                font-family: PingFang-SC-Medium;\r\n                font-size: 14px;\r\n                color: #4A90E2;\r\n                letter-spacing: 1px;\r\n                margin-left: 5px;\r\n            }\r\n        }\r\n        .couponModel-con {\r\n            margin-top: 12px;\r\n            max-height: 400px;\r\n            overflow-y: scroll;\r\n            .coupon-itemBody {\r\n                margin-bottom: 10px;\r\n                background-color: transparent;\r\n                background-image: url(https://resource.rcclchina.com.cn/tui2/cruise/coupon_get.png);\r\n                background-size: 100% 100%;\r\n                position: relative;\r\n                height: 75px;\r\n                color: #051555;\r\n                .coupon-itemTypeTxt {\r\n                    font-family: PingFangSC-Semibold;\r\n                    font-size: 15px;\r\n                    letter-spacing: 0;\r\n                    margin-left: 10px;\r\n                    position: relative;\r\n                    top: 12px;\r\n                    max-width: 210px;\r\n                    font-weight: 600;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    white-space: nowrap;\r\n                }\r\n                .coupon-itemExpiryDate {\r\n                    font-family: PingFang-SC-Medium;\r\n                    font-size: 11px;\r\n                    margin-left: 10px;\r\n                    margin-top: 12px;\r\n                    letter-spacing: 0;\r\n                }\r\n                .coupon-itemRule {\r\n                    font-family: PingFang-SC-Medium;\r\n                    font-size: 11px;\r\n                    letter-spacing: 0;\r\n                }\r\n                .coupon-itemRuleTxt {\r\n                    margin-left: 10px;\r\n                    margin-right: 10px;\r\n                    margin-top: 2px;\r\n                    text-decoration: underline;\r\n                }\r\n                .js-receiveBtn {\r\n                    position: absolute;\r\n                    width: 106px;\r\n                    height: 75px;\r\n                    background: transparent;\r\n                    top: 0;\r\n                    right: 0;\r\n                }\r\n            }\r\n            .coupon-itemBody.hasSent {\r\n                background-image: url(https://resource.rcclchina.com.cn/tui2/cruise/coupon_has_got.png);\r\n                background-size: 100% 100%;\r\n            }\r\n        }\r\n        .couponModel-closed {\r\n            width: 38px;\r\n            text-align: center;\r\n            height: 34px;\r\n            line-height: 34px;\r\n            position: absolute;\r\n            top: -4px;\r\n            right: -4px;\r\n            background: #FEBC10;\r\n            border-bottom-left-radius: 8px;\r\n            -webkit-border-bottom-left-radius: 8px;\r\n            border-bottom-right-radius: 8px;\r\n            -webkit-border-bottom-right-radius: 8px;\r\n            > span {\r\n                display: inline-block;\r\n                color: #fff;\r\n                font-size: 16px;\r\n                -webkit-transform: scale(1.5,1.3);\r\n                -moz-transform: scale(1.5,1.3);\r\n                -ms-transform: scale(1.5,1.3);\r\n                -o-transform: scale(1.5,1.3);\r\n                transform: scale(1.5,1.3);\r\n            }\r\n        }\r\n\r\n       \r\n    }\r\n}\r\n\r\n.couponModel.active {\r\n    display: block;\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!./CruiseCoupon.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!./CruiseCoupon.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CruiseCoupon.vue?vue&type=template&id=05fc7eb0&scoped=true\"\nimport script from \"./CruiseCoupon.vue?vue&type=script&lang=js\"\nexport * from \"./CruiseCoupon.vue?vue&type=script&lang=js\"\nimport style0 from \"./CruiseCoupon.vue?vue&type=style&index=0&id=05fc7eb0&prod&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  \"05fc7eb0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}