{"version":3,"sources":["webpack:///./src/view/commodity/detail/commodity-detail.vue?33b7","webpack:///src/view/commodity/detail/commodity-detail.vue","webpack:///./src/view/commodity/detail/commodity-detail.vue?e4e3","webpack:///./src/view/commodity/detail/commodity-detail.vue?10c1","webpack:///./src/view/commodity/detail/index.js","webpack:///./src/view/commodity/detail/commodity-detail.vue?a7fb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","product","item","index","key","Name","picsLength","_e","_v","_s","Price","OldPrice","bntText","PurchaseLimitCount","_m","domProps","FullDescription","ExchangeExplain","class","isDisabled","on","goNext","msgTitle","msgTip","msgType","closeMsg","staticRenderFns","staticStyle","component","CommodityDetail"],"mappings":"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","file":"js/chunk-3080d49f.d7f426fc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"top-bar\"},[_c('a',{staticClass:\"icon icon-return\",attrs:{\"href\":\"javascript: history.go(-1)\"}}),_c('router-link',{staticClass:\"icon icon-home\",attrs:{\"tag\":\"a\",\"to\":\"/member/index\",\"href\":\"javascript: void(0)\"}})],1),_c('div',{staticClass:\"commodity-detail\"},[_c('div',{staticClass:\"detail-hd\"},[_c('div',{staticClass:\"pic-box swiper-container\",attrs:{\"id\":\"picBanner\"}},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.product.Pictures),function(item,index){return _c('div',{key:index,staticClass:\"swiper-slide\"},[_c('img',{attrs:{\"src\":item,\"alt\":_vm.product.Name}})])}),0),(_vm.picsLength > 1)?_c('div',{staticClass:\"pagination\"}):_vm._e()]),_c('div',{staticClass:\"text-box wrap\"},[_c('h3',[_vm._v(_vm._s(_vm.product.Name))]),_c('div',{staticClass:\"price-wrap\"},[_c('div',{staticClass:\"price-item price-new\"},[_c('i',{staticClass:\"cur\"},[_vm._v(_vm._s(_vm.product.Price))]),_vm._v(\"积分\")]),(_vm.product.OldPrice)?_c('div',{staticClass:\"price-item price-old\"},[_vm._v(_vm._s(_vm.product.OldPrice)+\"积分\")]):_vm._e(),(_vm.bntText==='积分不足')?_c('div',{staticClass:\"recommend-tips\"},[_c('router-link',{attrs:{\"to\":\"/recommend/courtesy\"}},[_vm._v(\"赚更多积分\")])],1):_vm._e()]),(_vm.product.IsPurchaseLimit)?_c('div',{staticClass:\"purchaseLimitCount\"},[_vm._v(\"限购数量：\"+_vm._s(_vm.product.PurchaseLimitCount))]):_vm._e()])]),_c('div',{staticClass:\"detail-bd wrap\"},[_c('div',{staticClass:\"detail-text\"},[_c('div',{staticClass:\"detail-text\"},[_vm._m(0),_c('p',{staticClass:\"show-item\",domProps:{\"innerHTML\":_vm._s(_vm.product.FullDescription)}})]),_c('br'),_c('div',{staticClass:\"detail-text\"},[_vm._m(1),_c('p',{staticClass:\"show-item\",domProps:{\"innerHTML\":_vm._s(_vm.product.ExchangeExplain)}})])])]),_c('div',{staticClass:\"bot-btn hvc\"},[_c('a',{class:(\"btn-item btn-exchange \" + _vm.isDisabled + \" hvc\"),attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.goNext}},[_vm._v(_vm._s(_vm.bntText))])])]),(_vm.msgShow)?_c('div',{staticClass:\"message-layer\"},[_c('div',{staticClass:\"message-content\"},[_c('div',{staticClass:\"msg-text\"},[_c('h3',[_vm._v(_vm._s(_vm.msgTitle))]),_c('div',{staticClass:\"msg-tip hvc\",domProps:{\"innerHTML\":_vm._s(_vm.msgTip)}})]),_c('div',{staticClass:\"msg-icon hc\"},[(_vm.msgType === 'error')?_c('i',{staticClass:\"icon icon-error\"}):_vm._e(),(_vm.msgType === 'success')?_c('i',{staticClass:\"icon icon-success\"}):_vm._e(),(_vm.msgType === 'checking')?_c('i',{staticClass:\"icon icon-checking\"}):_vm._e()]),(_vm.msgType === 'error')?_c('div',{staticClass:\"bottom-btn\"},[_c('a',{staticClass:\"btn-item btn-close hvc\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.closeMsg}},[_vm._v(\"关闭\")])]):_vm._e()])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"item-title\",staticStyle:{\"display\":\"-webkit-flex\",\"align-items\":\"center\",\"-webkit-align-items\":\"center\",\"height\":\"40px\",\"padding-bottom\":\"15px\",\"font-size\":\"16px\"}},[_c('span',[_vm._v(\"商品详情\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"item-title\",staticStyle:{\"display\":\"-webkit-flex\",\"align-items\":\"center\",\"-webkit-align-items\":\"center\",\"height\":\"40px\",\"padding-bottom\":\"15px\",\"font-size\":\"16px\"}},[_c('span',[_vm._v(\"兑换说明\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"content\">\r\n        <div class=\"top-bar\">\r\n            <a class=\"icon icon-return\" href=\"javascript: history.go(-1)\"></a>\r\n            <router-link tag=\"a\" to=\"/member/index\" class=\"icon icon-home\" href=\"javascript: void(0)\"></router-link>\r\n        </div>\r\n        <div class=\"commodity-detail\">\r\n            <div class=\"detail-hd\">\r\n                <div id=\"picBanner\" class=\"pic-box swiper-container\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\" v-for=\"(item, index) in product.Pictures\" :key=\"index\">\r\n                            <img :src=\"item\" :alt=\"product.Name\">\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"pagination\" v-if=\"picsLength > 1\"></div>\r\n                </div>\r\n                <div class=\"text-box wrap\">\r\n                    <h3>{{product.Name}}</h3>\r\n                    <div class=\"price-wrap\">\r\n                        <div class=\"price-item price-new\"><i class=\"cur\">{{product.Price}}</i>积分</div>\r\n                        <div class=\"price-item price-old\" v-if=\"product.OldPrice\">{{product.OldPrice}}积分</div>\r\n                        <div class=\"recommend-tips\" v-if=\"bntText==='积分不足'\">\r\n                            <router-link to=\"/recommend/courtesy\">赚更多积分</router-link>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"product.IsPurchaseLimit\" class=\"purchaseLimitCount\">限购数量：{{product.PurchaseLimitCount}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"detail-bd wrap\">\r\n                <div class=\"detail-text\">\r\n                    <div class=\"detail-text\">\r\n                        <p class=\"item-title\" style=\"display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 40px; padding-bottom: 15px; font-size: 16px;\"><span>商品详情</span></p>\r\n                        <p class=\"show-item\" v-html=\"product.FullDescription\"></p>\r\n                    </div>\r\n                    <br>\r\n                    <div class=\"detail-text\">\r\n                        <p class=\"item-title\" style=\"display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 40px; padding-bottom: 15px; font-size: 16px;\"><span>兑换说明</span></p>\r\n                        <p class=\"show-item\" v-html=\"product.ExchangeExplain\"></p>\r\n                    </div>\r\n                    <!--<p class=\"item-title\" style=\"display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 40px; padding-bottom: 15px; font-size: 16px;\">\r\n                        商品详情\r\n                    </p>\r\n                    <p style=\"padding-left: 7px; color: #747d80; line-height: 18px; word-break: break-all; word-wrap: break-word;\">\r\n                        这是一个测试商品，没有商品详情，只有这一段文字。\r\n                    </p>\r\n                    <p style=\"padding-left: 7px; color: #747d80; line-height: 18px; word-break: break-all; word-wrap: break-word;\">\r\n                        测试商品，兑换需要20001积分，积分满足可进行兑换，快\r\n                    </p>\r\n                    <p class=\"item-title\" style=\"display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 60px; padding-bottom: 15px; padding-top: 20px; font-size:16px;\">\r\n                        兑换说明\r\n                    </p>\r\n                    <p style=\"padding-left: 7px; color: #747d80; line-height: 18px; word-break: break-all; word-wrap: break-word;\">\r\n                        这是一个测试商品，没有商品详情，只有这一段文字。\r\n                    </p>\r\n                    <p style=\"padding-left: 7px; color: rgb(116, 125, 128); line-height: 18px; word-break: break-all; overflow-wrap: break-word;\">\r\n                        测试商品，兑换需要20001积分，积分满足可进行兑换，快\r\n                    </p>-->\r\n                </div>\r\n            </div>\r\n            <div class=\"bot-btn hvc\">\r\n                <a :class=\"`btn-item btn-exchange ${isDisabled} hvc`\" @click=\"goNext\" href=\"javascript: void(0)\">{{bntText}}</a>\r\n            </div>\r\n        </div>\r\n        <div class=\"message-layer\" v-if=\"msgShow\">\r\n            <div class=\"message-content\">\r\n                <div class=\"msg-text\">\r\n                    <h3>{{msgTitle}}</h3>\r\n                    <div class=\"msg-tip hvc\" v-html=\"msgTip\"></div>\r\n                </div>\r\n                <div class=\"msg-icon hc\">\r\n                    <i class=\"icon icon-error\" v-if=\"msgType === 'error'\"></i>\r\n                    <i class=\"icon icon-success\" v-if=\"msgType === 'success'\"></i>\r\n                    <i class=\"icon icon-checking\" v-if=\"msgType === 'checking'\"></i>\r\n                </div>\r\n                <div class=\"bottom-btn\" v-if=\"msgType === 'error'\">\r\n                    <a class=\"btn-item btn-close hvc\" href=\"javascript: void(0)\" @click=\"closeMsg\">关闭</a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from '@/libs/api.request'\r\n    import 'swiper/dist/css/swiper.css'\r\n    import Swiper from 'swiper'\r\n    import {delayDev} from \"../../../libs/tools\";\r\n    export default {\r\n        name: 'commodityDetail',\r\n        data: () => {\r\n            return {\r\n                picSwiper: null,\r\n                product: {},\r\n                picsLength: 0,\r\n                userPoint: 0,\r\n                bntText: '立即兑换',\r\n                isDisabled: '',\r\n                isLoop: false,\r\n                msgShow: false,\r\n                msgType: '', // success-成功  checking-待审核  error-出错了\r\n                msgTitle: '',\r\n                msgTip: ''\r\n            }\r\n        },\r\n        mounted () {\r\n            this.getDetailById(this.$route.query.Id)\r\n                .then(res => {\r\n                    // 判断库存\r\n                    if (res.StockQuantity === 0) {\r\n                        this.isDisabled = 'disabled'\r\n                        this.msgShow = true\r\n                        this.msgType = 'error'\r\n                        this.msgTitle = '系统提示'\r\n                        this.msgTip = '抱歉，库存不足！'\r\n                    }\r\n\r\n                    this.product = res\r\n                    this.picsLength = res.Pictures.length\r\n                    this.isLoop = this.picsLength > 1\r\n\r\n                    // 加载pro-banner\r\n                    delayDev(300, () => {\r\n                        this.picSwiper = new Swiper('#picBanner', {\r\n                            loop: this.isLoop,\r\n                            slidesPerView: 'auto',\r\n                            pagination: {\r\n                                el: '.pagination',\r\n                                type: 'bullets',\r\n                                bulletElement: 'span'\r\n                            },\r\n                            autoplay: {\r\n                                delay: 5000,\r\n                                disableOnInteraction: false\r\n                            }\r\n                        })\r\n                    })\r\n                    if(res.IsPurchaseLimit && res.AvailableExchangeQuantity===0){\r\n                      this.isDisabled = 'disabled'\r\n                    }\r\n                    // 加载积分\r\n                    return this.getUserPoint()\r\n                })\r\n                .then(res => {\r\n                    this.userPoint = res.userPoint\r\n\r\n                    if (this.userPoint < this.product.Price) {\r\n                        this.bntText = '积分不足'\r\n                        this.isDisabled = 'disabled'\r\n                    }\r\n                })\r\n        },\r\n        methods: {\r\n            closeMsg () {\r\n                this.msgShow = false\r\n            },\r\n            goNext () {\r\n                try {\r\n                    window.gio('track', 'RedeemGift', {'GiftID': this.product.Id});\r\n                } catch (e) {\r\n                    //console.log(e);\r\n                }\r\n\r\n                if (this.product.GiftType === 10) {\r\n                    this.$router.push(`/commodity/account?Id=${this.product.Id}&VirtualProductType=${this.product.VirtualProductType}`)\r\n                } else if (this.product.GiftType === 20) {\r\n                    this.$router.push(`/commodity/receiving?Id=${this.product.Id}&VirtualProductType=${this.product.VirtualProductType}`)\r\n                } else if (this.product.GiftType === 30) {\r\n                    this.$router.push(`/commodity/coupon?Id=${this.product.Id}&VirtualProductType=${this.product.VirtualProductType}`)\r\n                }\r\n            },\r\n            getUserPoint () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerInfo/ApiGetUserPoint',\r\n                        method: 'post',\r\n                        headers: {\r\n                            'Content-Type': 'application/json',\r\n                            'Authorization': `Bearer ${this.$store.state.user.token}`\r\n                        },\r\n                        data: {\r\n                            loyaltyId: this.$store.state.user.loyaltyId\r\n                        }\r\n                    })\r\n                        .then(res => {\r\n                            let data = res.data\r\n                            if (data.errCode === 0) {\r\n                                resolve(data.data)\r\n                            } else if (data.errCode === 1000) {\r\n                                window.console.log('失败')\r\n                            } else {\r\n                                window.console.log('系统错误')\r\n                            }\r\n                        })\r\n                        .catch(err => {\r\n                            window.console.log(err)\r\n                        })\r\n                })\r\n            },\r\n            getDetailById (Id) {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/pro/Store/CMProduct/GetDetailById',\r\n                        method: 'get',\r\n                        headers: {\r\n                            'Content-Type': 'application/json',\r\n                            'Authorization': `Bearer ${this.$store.state.user.token}`\r\n                        },\r\n                        params: {\r\n                            Id,\r\n                            v: (new Date()).getTime()\r\n                        }\r\n                    })\r\n                        .then(res => {\r\n                            let data = res.data\r\n                            if (data.errCode === 0) {\r\n                                resolve(data.data)\r\n                            } else if (data.errCode === 1000) {\r\n                                window.console.log('失败')\r\n                            } else {\r\n                                window.console.log('系统错误')\r\n                            }\r\n                        })\r\n                        .catch(err => {\r\n                            window.console.log(err)\r\n                        })\r\n                })\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .top-bar{\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n        width: 100%;\r\n        height: 0;\r\n        .icon{\r\n            position: absolute;\r\n            top: 0.20rem;\r\n            width: 0.60rem;\r\n            height: 0.60rem;\r\n            &.icon-return{\r\n                left: 0.18rem;\r\n                background: url(\"../../../assets/images/return_circle.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n            &.icon-home{\r\n                right: 0.18rem;\r\n                background: url(\"../../../assets/images/home_circle.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n        }\r\n    }\r\n    .commodity-detail{\r\n        background-color: #f5f6f8;\r\n        .detail-hd{\r\n            margin-bottom: 0.20rem;\r\n            background-color: #fff;\r\n            .pic-box{\r\n                height: 4.80rem;\r\n                .swiper-slide{\r\n                    display: flex;\r\n                    display: -webkit-flex;\r\n                    align-items: center;\r\n                    -webkit-align-items: center;\r\n                    height: 4.80rem;\r\n                    overflow: hidden;\r\n                    img{\r\n                        width: 100%;\r\n                    }\r\n                }\r\n                .pagination{\r\n                    position: absolute;\r\n                    left: 0;\r\n                    bottom: 0.20rem;\r\n                    z-index: 9;\r\n                    width: 100%;\r\n                    height: 0.20rem;\r\n                    text-align: center;\r\n                    .swiper-pagination-bullet{\r\n                        width: 0.12rem;\r\n                        height: 0.12rem;\r\n                        background: #b2babe;\r\n                    }\r\n                    .swiper-pagination-bullet-active{\r\n                        background: #fbc500;\r\n                    }\r\n                }\r\n            }\r\n            .text-box{\r\n                padding-top: 0.24rem;\r\n                padding-bottom: 0.20rem;\r\n                h3{\r\n                    font-size: 0.30rem;\r\n                    line-height: 1;\r\n                }\r\n                .price-wrap{\r\n                    display: flex;\r\n                    display: -webkit-flex;\r\n                    height: 0.40rem;\r\n                    margin-top: 0.30rem;\r\n                    .price-old{\r\n                        padding-top: 0.16rem;\r\n                        color: #747d80;\r\n                        line-height: 1;\r\n                        text-decoration: line-through;\r\n                    }\r\n                    .price-new{\r\n                        margin-right: 0.20rem;\r\n                        color: #ffa70d;\r\n                        line-height: 1;\r\n                        .cur{\r\n                            font-size: 0.46rem;\r\n                            font-weight: bold;\r\n                        }\r\n                    }\r\n                    .recommend-tips { \r\n                        position: relative;\r\n                        top: 4px;\r\n                        margin-left: 10px;\r\n                        color: #4a90e2;\r\n                    }\r\n                }\r\n              .purchaseLimitCount{\r\n                color: #747d80;\r\n                margin-top: 8px;\r\n              }\r\n            }\r\n        }\r\n        .detail-bd{\r\n            padding-top: 0.40rem;\r\n            padding-bottom: 1.45rem;\r\n            background-color: #fff;\r\n            /*.item-wrap{\r\n                margin-bottom: 0.40rem;\r\n                .item-title{\r\n                    height: 0.80rem;\r\n                    padding-bottom: 0.34rem;\r\n                    font-size: 0.30rem;\r\n                    .icon-line{\r\n                        width: 0.04rem;\r\n                        height: 0.30rem;\r\n                        margin-right: 0.10rem;\r\n                        background-color: #fbc500;\r\n                        border-radius: 0.02rem;\r\n                    }\r\n                }\r\n                .item-detail{\r\n                    padding-left: 0.14rem;\r\n                    color: #747d80;\r\n                    line-height: 0.32rem;\r\n                    word-break: break-all;\r\n                    word-wrap: break-word;\r\n                }\r\n            }*/\r\n        }\r\n        .bot-btn{\r\n            position: fixed;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 1.25rem;\r\n            border-top: #d4dbde solid 0.02rem;\r\n            background-color: #fff;\r\n            .btn-exchange{\r\n                display: flex;\r\n                display: -webkit-flex;\r\n                width: 6.92rem;\r\n                height: 0.95rem;\r\n                border-radius: 0.07rem;\r\n                background-color: #fbc500;\r\n                font-size: 0.30rem;\r\n                &.disabled{\r\n                    background-color: #eaeaeb;\r\n                    color: #747d80;\r\n                    pointer-events: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commodity-detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commodity-detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./commodity-detail.vue?vue&type=template&id=1233092c&scoped=true&\"\nimport script from \"./commodity-detail.vue?vue&type=script&lang=js&\"\nexport * from \"./commodity-detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./commodity-detail.vue?vue&type=style&index=0&id=1233092c&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  \"1233092c\",\n  null\n  \n)\n\nexport default component.exports","import CommodityDetail from './commodity-detail'\r\nexport default CommodityDetail","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commodity-detail.vue?vue&type=style&index=0&id=1233092c&lang=less&scoped=true&\""],"sourceRoot":""}