{"version":3,"sources":["webpack:///./src/view/commodity-detail/commodity-detail.vue?8b97","webpack:///./src/components/shop-rec-v/shop-rec-v.vue?ffc7","webpack:///./src/view/commodity-detail/commodity-detail.vue?ef32","webpack:///./src/components/shop-rec-v/shop-rec-v.vue?75a4","webpack:///src/components/shop-rec-v/shop-rec-v.vue","webpack:///./src/components/shop-rec-v/shop-rec-v.vue?090c","webpack:///./src/components/shop-rec-v/shop-rec-v.vue","webpack:///./src/components/shop-rec-v/index.js","webpack:///src/view/commodity-detail/commodity-detail.vue","webpack:///./src/view/commodity-detail/commodity-detail.vue?d82f","webpack:///./src/view/commodity-detail/commodity-detail.vue","webpack:///./src/view/commodity-detail/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","product","item","index","key","Name","picAmount","_e","_v","_s","domProps","FullDescription","Price","OldPrice","bntText","on","showRecommendLayer","PurchaseLimitCount","class","isDisabled","goNext","style","tags","_m","ExchangeExplain","shopRec","refreshPage","slot","loading","isShowFillLayer","selectData","closeFillLayer","submitInfo","directives","name","rawName","value","expression","$event","target","composing","userName","userTel","userDis","userAdd","isShowFillNum","closeFillNum","submitNum","VirtualProductType","accountNum","messageType","isShowMessage","messageTip","closeMessage","showResult","confirmSubmit","staticRenderFns","_t","slice","Id","refresh","ImageUrl","tag","GiftTags","component","ShopRecV","CommodityDetail"],"mappings":"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","file":"js/chunk-39179d46.ed4a68c5.js","sourcesContent":["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=604c7a9a&lang=less&scoped=true&\"","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!./shop-rec-v.vue?vue&type=style&index=0&id=7b60c4f5&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fix\"},[_c('div',{staticClass:\"commodity-detail l\"},[_c('div',{staticClass:\"detail-hd fix\"},[_c('div',{staticClass:\"pic-box swiper-container l\",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.picAmount > 1)?_c('div',{staticClass:\"pagination\"}):_vm._e()]),_c('div',{staticClass:\"text-box r\"},[_c('h3',[_vm._v(_vm._s(_vm.product.Name))]),_c('div',{staticClass:\"pro-introduce\",domProps:{\"innerHTML\":_vm._s(_vm.product.FullDescription)}}),_c('div',{staticClass:\"ope-box\"},[_c('div',{staticClass:\"price-wrap fix\"},[_c('div',{staticClass:\"price-new l\"},[_c('i',{staticClass:\"cur\"},[_vm._v(_vm._s(_vm.product.Price))]),_vm._v(\"积分\")]),(_vm.product.OldPrice)?_c('div',{staticClass:\"price-old l\"},[_vm._v(_vm._s(_vm.product.OldPrice)+\"积分\")]):_vm._e(),(_vm.bntText==='积分不足')?_c('div',{staticClass:\"recommend-tips\",on:{\"click\":_vm.showRecommendLayer}},[_c('a',[_vm._v(\"赚更多积分\")])]):_vm._e()]),(_vm.product.IsPurchaseLimit)?_c('div',{staticClass:\"purchaseLimitCount\"},[_vm._v(\"限购数量：\"+_vm._s(_vm.product.PurchaseLimitCount))]):_vm._e(),_c('div',{staticClass:\"bot-btn\"},[_c('a',{class:(\"btn-item btn-exchange \" + _vm.isDisabled),attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.goNext}},[_vm._v(_vm._s(_vm.bntText))])])])]),(_vm.tags)?_c('div',{staticClass:\"pro-tip\"},[_c('span',{staticClass:\"hvc\",style:((\"background-color: #\" + (_vm.tags.BackgroundColor) + \"; color: #\" + (_vm.tags.FontColor)))},[_vm._v(_vm._s(_vm.tags.Name))])]):_vm._e()]),_c('div',{staticClass:\"detail-bd\"},[_c('div',{staticClass:\"detail-text\"},[_vm._m(0),_c('p',{staticClass:\"show-item\",domProps:{\"innerHTML\":_vm._s(_vm.product.ExchangeExplain)}})])])]),_c('ShopRecV',{staticClass:\"r\",attrs:{\"rec\":_vm.shopRec},on:{\"on-refresh\":_vm.refreshPage}},[_c('h3',{attrs:{\"slot\":\"titleText\"},slot:\"titleText\"},[_vm._v(\"爆款推荐\")])]),_c('Loading',{attrs:{\"loading\":_vm.loading}}),_c('FillLayer',{attrs:{\"isShow\":_vm.isShowFillLayer},on:{\"on-select\":_vm.selectData,\"on-close\":_vm.closeFillLayer,\"on-submit\":_vm.submitInfo}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userName),expression:\"userName\"}],staticClass:\"form-item item-name\",attrs:{\"slot\":\"userName\",\"type\":\"text\",\"placeholder\":\"收件人\"},domProps:{\"value\":(_vm.userName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userName=$event.target.value}},slot:\"userName\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userTel),expression:\"userTel\"}],staticClass:\"form-item item-tel\",attrs:{\"slot\":\"userTel\",\"type\":\"text\",\"placeholder\":\"手机号码\"},domProps:{\"value\":(_vm.userTel)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userTel=$event.target.value}},slot:\"userTel\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userDis),expression:\"userDis\"}],staticClass:\"form-item item-district\",attrs:{\"slot\":\"userDistrict\",\"type\":\"text\",\"placeholder\":\"所在地区\",\"readonly\":\"\"},domProps:{\"value\":(_vm.userDis)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userDis=$event.target.value}},slot:\"userDistrict\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userAdd),expression:\"userAdd\"}],staticClass:\"form-item item-address\",attrs:{\"slot\":\"userAddress\",\"type\":\"text\",\"placeholder\":\"详细地址\"},domProps:{\"value\":(_vm.userAdd)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userAdd=$event.target.value}},slot:\"userAddress\"})]),_c('FillNum',{attrs:{\"isShow\":_vm.isShowFillNum},on:{\"on-close\":_vm.closeFillNum,\"on-submit\":_vm.submitNum}},[(_vm.product.VirtualProductType !== 70)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accountNum),expression:\"accountNum\"}],staticClass:\"form-item item-num\",attrs:{\"slot\":\"accountNum\",\"type\":\"text\",\"placeholder\":\"请填写会员本人的手机号\"},domProps:{\"value\":(_vm.accountNum)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.accountNum=$event.target.value}},slot:\"accountNum\"}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accountNum),expression:\"accountNum\"}],staticClass:\"form-item item-num\",attrs:{\"slot\":\"accountNum\",\"type\":\"text\",\"placeholder\":\"请填写需要充值的油卡账号\"},domProps:{\"value\":(_vm.accountNum)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.accountNum=$event.target.value}},slot:\"accountNum\"})]),_c('Message',{attrs:{\"type\":_vm.messageType,\"isShow\":_vm.isShowMessage,\"tip\":_vm.messageTip},on:{\"on-close\":_vm.closeMessage,\"on-result\":_vm.showResult}},[_c('a',{staticClass:\"btn-item btn-confirm\",attrs:{\"slot\":\"confirmBtn\",\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.confirmSubmit},slot:\"confirmBtn\"},[_vm._v(\"确认兑换\")])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"item-title\"},[_c('span',[_vm._v(\"兑换说明\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shop-rec\"},[_c('div',{staticClass:\"part-title fix\"},[_c('i',{staticClass:\"icon icon-shop\"}),_vm._t(\"titleText\")],2),_c('div',{staticClass:\"shop-list\"},[_c('ul',{staticClass:\"fix\"},_vm._l((_vm.shopRec.slice(0, 4)),function(item){return _c('li',{key:item.Id,on:{\"click\":function($event){return _vm.refresh(item.Id)}}},[_c('div',{staticClass:\"pic-box\"},[_c('img',{attrs:{\"src\":item.ImageUrl,\"alt\":item.Name}})]),_c('div',{staticClass:\"text-box\"},[_c('p',{staticClass:\"el\"},[_vm._v(_vm._s(item.Name))]),_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"price-new\"},[_vm._v(_vm._s(item.Price)+\"积分\")]),(item.OldPrice)?_c('span',{staticClass:\"price-old\"},[_vm._v(_vm._s(item.OldPrice)+\"积分\")]):_vm._e()])]),(_vm.tag = item.GiftTags[0])?_c('div',{staticClass:\"pro-tip\"},[_c('span',{staticClass:\"hvc\",style:((\"background-color: #\" + (_vm.tag.BackgroundColor) + \"; color: #\" + (_vm.tag.FontColor)))},[_vm._v(_vm._s(_vm.tag.Name))])]):_vm._e()])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shop-rec\">\r\n        <div class=\"part-title fix\">\r\n            <i class=\"icon icon-shop\"></i>\r\n            <slot name=\"titleText\"></slot>\r\n        </div>\r\n        <div class=\"shop-list\">\r\n            <ul class=\"fix\">\r\n                <li v-for=\"item in shopRec.slice(0, 4)\" :key=\"item.Id\" @click=\"refresh(item.Id)\">\r\n                    <div class=\"pic-box\">\r\n                        <img :src=\"item.ImageUrl\" :alt=\"item.Name\">\r\n                    </div>\r\n                    <div class=\"text-box\">\r\n                        <p class=\"el\">{{ item.Name }}</p>\r\n                        <div class=\"price\">\r\n                            <span class=\"price-new\">{{ item.Price }}积分</span>\r\n                            <span class=\"price-old\" v-if=\"item.OldPrice\">{{ item.OldPrice }}积分</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"pro-tip\" v-if=\"tag = item.GiftTags[0]\">\r\n                        <span class=\"hvc\" :style=\"`background-color: #${ tag.BackgroundColor }; color: #${ tag.FontColor }`\">{{ tag.Name }}</span>\r\n                    </div>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'ShopRecV',\r\n        props: ['rec'],\r\n        watch: {\r\n            'rec': function () {\r\n                this.update()\r\n            }\r\n        },\r\n        mounted () {\r\n            this.update()\r\n        },\r\n        data () {\r\n            return {\r\n                shopRec: []\r\n            }\r\n        },\r\n        methods: {\r\n            update () {\r\n                this.shopRec = this.rec\r\n            },\r\n            refresh (id) {\r\n                this.$emit('on-refresh', id)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .shop-rec{\r\n        width: 233px;\r\n        padding: 0 10px;\r\n        border: #d4dbde solid 1px;\r\n        background-color: #fff;\r\n        .part-title{\r\n            height: 50px;\r\n            .icon-shop{\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                width: 20px;\r\n                height: 20px;\r\n                background: url(\"../../assets/images/icon_shop_rec.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n            h3{\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                padding-left: 9px;\r\n                font-size: 16px;\r\n                line-height: 50px;\r\n            }\r\n        }\r\n        .shop-list{\r\n            ul{\r\n                li{\r\n                    position: relative;\r\n                    width: 100%;\r\n                    height: 186px;\r\n                    margin-bottom: 10px;\r\n                    cursor: pointer;\r\n                    &:last-child{\r\n                        &::after{\r\n                            display: none;\r\n                        }\r\n                    }\r\n                    .pic-box{\r\n                        height: 134px;\r\n                        overflow: hidden;\r\n                        img{\r\n                            width: 100%;\r\n                        }\r\n                    }\r\n                    .text-box{\r\n                        padding-top: 5px;\r\n                        p{\r\n                            line-height: 20px;\r\n                            font-size: 14px;\r\n                        }\r\n                        .price-new{\r\n                            font-size: 16px;\r\n                            color: #ffa70d;\r\n                            line-height: 26px;\r\n                        }\r\n                        .price-old{\r\n                            padding-left: 8px;\r\n                            font-size: 12px;\r\n                            color: #747d80;\r\n                            line-height: 26px;\r\n                            text-decoration: line-through;\r\n                        }\r\n                    }\r\n                    .pro-tip{\r\n                        position: absolute;\r\n                        left: 0;\r\n                        top: 0;\r\n                        span{\r\n                            width: 79px;\r\n                            height: 24px;\r\n                            border-bottom-right-radius: 8px;\r\n                            color: #fff;\r\n                            text-align: center;\r\n                            line-height: 24px;\r\n                        }\r\n                    }\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!./shop-rec-v.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!./shop-rec-v.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shop-rec-v.vue?vue&type=template&id=7b60c4f5&scoped=true&\"\nimport script from \"./shop-rec-v.vue?vue&type=script&lang=js&\"\nexport * from \"./shop-rec-v.vue?vue&type=script&lang=js&\"\nimport style0 from \"./shop-rec-v.vue?vue&type=style&index=0&id=7b60c4f5&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  \"7b60c4f5\",\n  null\n  \n)\n\nexport default component.exports","import ShopRecV from './shop-rec-v'\r\nexport default ShopRecV","<template>\r\n    <div class=\"fix\">\r\n        <div class=\"commodity-detail l\">\r\n            <div class=\"detail-hd fix\">\r\n                <div id=\"picBanner\" class=\"pic-box swiper-container l\">\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=\"picAmount > 1\"></div>\r\n                </div>\r\n                <div class=\"text-box r\">\r\n                    <h3>{{product.Name}}</h3>\r\n                    <div class=\"pro-introduce\" v-html=\"product.FullDescription\">\r\n                        <!--<p>品牌：</p>\r\n                        <p>产地：</p>\r\n                        <p>型号：</p>\r\n                        <p>颜色：</p>\r\n                        <p>规格：</p>\r\n                        <p>材质：</p>-->\r\n                    </div>\r\n                    <div class=\"ope-box\">\r\n                        <div class=\"price-wrap fix\">\r\n                            <div class=\"price-new l\"><i class=\"cur\">{{product.Price}}</i>积分</div>\r\n                            <div class=\"price-old l\" v-if=\"product.OldPrice\">{{product.OldPrice}}积分</div>\r\n                            <div class=\"recommend-tips\" @click=\"showRecommendLayer\" v-if=\"bntText==='积分不足'\">\r\n                                <a>赚更多积分</a>\r\n                            </div>\r\n                        </div>\r\n                        <div v-if=\"product.IsPurchaseLimit\" class=\"purchaseLimitCount\">限购数量：{{product.PurchaseLimitCount}}</div>\r\n                        <div class=\"bot-btn\">\r\n                            <a :class=\"`btn-item btn-exchange ${isDisabled}`\" @click=\"goNext\" href=\"javascript: void(0)\">{{bntText}}</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"pro-tip\" v-if=\"tags\">\r\n                    <span class=\"hvc\" :style=\"`background-color: #${ tags.BackgroundColor }; color: #${ tags.FontColor }`\">{{ tags.Name }}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"detail-bd\">\r\n                <div class=\"detail-text\">\r\n                    <p class=\"item-title\"><span>兑换说明</span></p>\r\n                    <p class=\"show-item\" v-html=\"product.ExchangeExplain\"></p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ShopRecV class=\"r\" :rec=\"shopRec\" @on-refresh=\"refreshPage\">\r\n            <h3 slot=\"titleText\">爆款推荐</h3>\r\n        </ShopRecV>\r\n        <Loading :loading=\"loading\"></Loading>\r\n        <FillLayer :isShow=\"isShowFillLayer\" @on-select=\"selectData\" @on-close=\"closeFillLayer\" @on-submit=\"submitInfo\">\r\n            <input class=\"form-item item-name\" type=\"text\" v-model=\"userName\" slot=\"userName\" placeholder=\"收件人\">\r\n            <input class=\"form-item item-tel\" type=\"text\" v-model=\"userTel\" slot=\"userTel\" placeholder=\"手机号码\">\r\n            <input class=\"form-item item-district\" type=\"text\" v-model=\"userDis\" slot=\"userDistrict\" placeholder=\"所在地区\" readonly>\r\n            <input class=\"form-item item-address\" type=\"text\" v-model=\"userAdd\" slot=\"userAddress\" placeholder=\"详细地址\">\r\n        </FillLayer>\r\n        <FillNum :isShow=\"isShowFillNum\" @on-close=\"closeFillNum\" @on-submit=\"submitNum\">\r\n            <input class=\"form-item item-num\" type=\"text\" v-model=\"accountNum\" slot=\"accountNum\" placeholder=\"请填写会员本人的手机号\" v-if=\"product.VirtualProductType !== 70\">\r\n            <input class=\"form-item item-num\" type=\"text\" v-model=\"accountNum\" slot=\"accountNum\" placeholder=\"请填写需要充值的油卡账号\" v-else>\r\n        </FillNum>\r\n        <Message :type=\"messageType\" :isShow=\"isShowMessage\" :tip=\"messageTip\" @on-close=\"closeMessage\" @on-result=\"showResult\">\r\n            <a class=\"btn-item btn-confirm\" href=\"javascript: void(0)\" slot=\"confirmBtn\" @click=\"confirmSubmit\">确认兑换</a>\r\n        </Message>\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 { checkTel, combineObject, delayDev, fuelCardVerify} from \"@/libs/tools\"\r\n    import ShopRecV from '@/components/shop-rec-v'\r\n    import Loading from '@/components/loading'\r\n    import Message from '@/components/message'\r\n    import FillLayer from '@/components/fill-info'\r\n    import FillNum from '@/components/fill-num'\r\n    export default {\r\n        name: 'commodityDetail',\r\n        components: {\r\n            ShopRecV,\r\n            Loading,\r\n            Message,\r\n            FillLayer,\r\n            FillNum\r\n        },\r\n        inject: ['reload'],\r\n        data: () => {\r\n            return {\r\n                picSwiper: null,\r\n                product: {},\r\n                tags: [],\r\n                userPoint: 0,\r\n                bntText: '立即兑换',\r\n                isDisabled: '',\r\n                shopRec: [],\r\n                loading: false,\r\n                isShowFillLayer: false,\r\n                userName: '',\r\n                userTel: '',\r\n                userDis: '',\r\n                userAdd: '',\r\n                userProvince: '',\r\n                userCity: '',\r\n                userDistrictCounty: '',\r\n                isShowMessage: false,\r\n                messageType: '', // success || examine || confirm || error\r\n                messageTip: '',\r\n                isShowFillNum: false,\r\n                accountNum: '',\r\n                picAmount: 0,\r\n                isLoop: false\r\n            }\r\n        },\r\n        mounted () {\r\n            this.loading = true\r\n\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.isShowMessage = true\r\n                        this.messageType = 'error'\r\n                        this.messageTip = '抱歉，库存不足！'\r\n                    }\r\n\r\n                    this.product = res\r\n                    this.tags = this.product.GiftTags[0]\r\n                    this.picAmount = this.product.Pictures.length\r\n                    this.isLoop = this.picAmount > 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                                clickable: true\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            this.getVipRecommend()\r\n                .then(res => {\r\n                    this.shopRec = res.rows\r\n\r\n                    this.loading = false\r\n\r\n                    /**\r\n                     * @description 滚动到页面顶部\r\n                     * */\r\n                    window.scrollTo({\r\n                        top: 0\r\n                    })\r\n                })\r\n            this.getCustomerAddress()\r\n                .then(res => {\r\n                    this.userName = res.Name ? res.Name : ''\r\n                    this.userTel = res.Mob ? res.Mob : ''\r\n                    this.userAdd = res.Address ? res.Address : ''\r\n\r\n                    this.userProvince = res.Province ? res.Province : ''\r\n                    this.userCity = res.City ? res.City : ''\r\n                    this.userDistrictCounty = res.DistrictCounty ? res.DistrictCounty : ''\r\n                    this.userDis = this.userProvince ? ` ${this.userCity}` : ''\r\n                })\r\n            window.addEventListener('popstate', this.reload, false)\r\n        },\r\n        beforeDestroy () {\r\n            window.removeEventListener('popstate', this.reload, false)\r\n        },\r\n        methods: {\r\n            goNext () {\r\n                let giftType = this.product.GiftType\r\n                let virtualProductType = this.product.VirtualProductType\r\n                if (giftType === 10) {\r\n                    if (virtualProductType === 50 || virtualProductType === 30) {\r\n                        this.isShowMessage = true\r\n                        this.messageType = 'confirm'\r\n                        this.messageTip = '是否兑换该商品'\r\n                    } else {\r\n                        this.isShowFillNum = true\r\n                    }\r\n                }\r\n                if (giftType === 20) {\r\n                    this.isShowFillLayer = true\r\n                }\r\n                if (giftType === 30) {\r\n                    this.isShowMessage = true\r\n                    this.messageType = 'confirm'\r\n                    this.messageTip = '是否兑换该商品'\r\n                }\r\n\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            },\r\n            closeFillNum () {\r\n                this.isShowFillNum = false\r\n            },\r\n            closeFillLayer () {\r\n                this.isShowFillLayer = false\r\n            },\r\n            submitInfo () {\r\n                if (this.userName === '') {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>未填写收件人姓名'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (this.userTel === '') {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>未填写收件人手机号码'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (!checkTel(this.userTel)) {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>收件人手机号码有误'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (this.userDis === '') {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>未选择所在地区'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (this.userAdd === '') {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>未填写详细地址'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (this.checkAddress(this.userAdd)) {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>请填写正确的地址信息'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                let data = {\r\n                    name: this.userName,\r\n                    mob: this.userTel,\r\n                    province: this.userProvince,\r\n                    city: this.userCity,\r\n                    districtCounty: this.userDistrictCounty,\r\n                    address: this.userAdd,\r\n                    zipCode: ''\r\n                }\r\n\r\n                try {\r\n                    window.gio('track', 'RedeemSubmit', {'GiftID':this.product.Id});\r\n                } catch (error) {\r\n                    //console.log(error);\r\n                }\r\n\r\n                // 显示loading\r\n                this.loading = true\r\n                this.placeOrder(combineObject(data, {productId: this.product.Id}))\r\n                    .then(res => {\r\n                        if (res.errCode === 0) {\r\n                            this.messageType = 'success'\r\n                            this.messageTip = '兑换成功<br>礼品将会尽快发出！'\r\n                            this.isShowMessage = true\r\n                        } else {\r\n                            this.messageType = 'examine'\r\n                            this.messageTip = '待审核<br>审核结果请于7天后查看'\r\n                            this.isShowMessage = true\r\n                        }\r\n                    })\r\n            },\r\n            submitNum () {\r\n                if (this.accountNum === '' && this.product.VirtualProductType !== 50) {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = `出错啦<br>未填写需要充值的${this.product.VirtualProductType ===70 ? '油卡账号' :'手机号'}`\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if (!checkTel(this.accountNum) && (this.product.VirtualProductType === 10 ||\r\n                    this.product.VirtualProductType === 20 || this.product.VirtualProductType === 40)) {\r\n                    this.messageType = 'error'\r\n                    this.messageTip = '出错啦<br>填写手机号不正确'\r\n                    this.isShowMessage = true\r\n                    return false\r\n                }\r\n                if(!fuelCardVerify(this.accountNum) && this.product.VirtualProductType === 70){\r\n                  this.messageType = 'error'\r\n                  this.messageTip = '出错啦<br>填写油卡账号不正确'\r\n                  this.isShowMessage = true\r\n                  return false\r\n                }\r\n                //显示loading\r\n                this.loading = true\r\n                this.placeOrder({\r\n                    productId: this.product.Id,\r\n                    accountnum: this.accountNum\r\n                })\r\n                    .then(res => {\r\n                        if (res.errCode === 0) {\r\n                            this.messageType = 'success'\r\n                            this.messageTip = '兑换成功<br>请在48小时内查收短信通知'\r\n                            this.isShowMessage = true\r\n                        } else {\r\n                            this.messageType = 'examine'\r\n                            this.messageTip = '待审核<br>审核结果请于7天后查看'\r\n                            this.isShowMessage = true\r\n                        }\r\n                    })\r\n            },\r\n            confirmSubmit () {\r\n                this.loading = true\r\n                this.placeOrder({\r\n                    productId: this.product.Id\r\n                })\r\n                    .then(res => {\r\n                        if (res.errCode === 0) {\r\n                            this.messageType = 'success'\r\n                            this.messageTip = '兑换成功<br>请至官网个人中心查看'\r\n                            this.isShowMessage = true\r\n                        } else {\r\n                            this.messageType = 'examine'\r\n                            this.messageTip = '待审核<br>审核结果请于7天后查看'\r\n                            this.isShowMessage = true\r\n                        }\r\n\r\n                    })\r\n            },\r\n            refreshPage (id) {\r\n                this.$router.push(`/commodity/detail?Id=${id}`)\r\n                this.reload()\r\n            },\r\n            closeMessage () {\r\n                this.isShowMessage = false\r\n            },\r\n            showResult () {\r\n                this.$router.push('/member/shop/gift')\r\n            },\r\n            selectData (data) {\r\n                this.userProvince = data.province\r\n                this.userCity = data.city\r\n                this.userDistrictCounty = data.district ? data.district : ''\r\n                this.userDis = `${this.userProvince} ${this.userCity} ${this.userDistrictCounty}`\r\n            },\r\n            checkAddress (address) {\r\n                let reg = /^[0-9a-zA-Z]+$/\r\n                return reg.test(address)\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/GetDetailByIdAvailable',\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            getVipRecommend () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/pro/Store/CMProduct/GetVipRecommend',\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                            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            getCustomerAddress () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/pro/Store/CMCommon/GetCustomerAddress',\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                            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            placeOrder (data) {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/pro/Store/CMOrder/PlaceOrder',\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: data\r\n                    })\r\n                        .then(res => {\r\n                            this.isShowFillLayer = false\r\n                            this.isShowFillNum = false\r\n                            this.loading = false\r\n                            let _data = res.data\r\n                            if (_data.errCode === 0 || _data.errCode === 10) {\r\n                                resolve(_data)\r\n                            } else if (_data.errCode === 1000 || _data.errCode === 1100) {\r\n                                window.console.log(_data.errMsg)\r\n                                this.messageType = 'error'\r\n                                this.messageTip = '出错啦<br>系统开小差了，晚点再回来看看吧！'\r\n                                this.isShowMessage = true\r\n                            } else {\r\n                                this.messageType = 'error'\r\n                                this.messageTip = _data.errMsg\r\n                                this.isShowMessage = true\r\n                            }\r\n                        })\r\n                        .catch(err => {\r\n                            window.console.log(err)\r\n                        })\r\n                })\r\n            },\r\n            showRecommendLayer () {\r\n                this.$store.commit('showRecommendLayer', true)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .commodity-detail{\r\n        width: 950px;\r\n        padding: 20px;\r\n        background-color: #fff;\r\n        border: #d4dbde solid 1px;\r\n        box-shadow: 0 0 24px rgba(146,148,154,0.13);\r\n        -webkit-box-shadow: 0 0 24px rgba(146,148,154,0.13);\r\n        -moz-box-shadow: 0 0 24px rgba(146,148,154,0.13);\r\n        -o-box-shadow: 0 0 24px rgba(146,148,154,0.13);\r\n        .detail-hd{\r\n            position: relative;\r\n            padding-bottom: 29px;\r\n            border-bottom: #d4dbde solid 1px;\r\n            .pic-box{\r\n                width: 520px;\r\n                height: 333px;\r\n                .swiper-slide{\r\n                    height: 333px;\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: 10px;\r\n                    z-index: 9;\r\n                    width: 100%;\r\n                    height: 14px;\r\n                    text-align: center;\r\n                    .swiper-pagination-bullet{\r\n                        width: 14px;\r\n                        height: 14px;\r\n                        background: #d4dbde;\r\n                    }\r\n                    .swiper-pagination-bullet-active{\r\n                        background: #fbc500;\r\n                    }\r\n                }\r\n            }\r\n            .text-box{\r\n                position: relative;\r\n                width: 368px;\r\n                height: 333px;\r\n                h3{\r\n                    font-size: 20px;\r\n                    line-height: 36px;\r\n                }\r\n                .pro-introduce{\r\n                    padding-top: 8px;\r\n                    line-height: 24px;\r\n                    color: #747d80;\r\n                }\r\n                .ope-box{\r\n                    position: absolute;\r\n                    left: 0;\r\n                    bottom: 0;\r\n                    .price-wrap{\r\n                        height: 30px;\r\n                        margin-bottom: 14px;\r\n                        .price-new{\r\n                            font-size: 20px;\r\n                            color: #ffa70d;\r\n                            line-height: 30px;\r\n                            .cur{\r\n                                position: relative;\r\n                                top: 3px;\r\n                                margin-right: 4px;\r\n                                font-size: 36px;\r\n                                font-weight: bold;\r\n                            }\r\n                        }\r\n                        .price-old{\r\n                            padding-top: 16px;\r\n                            margin-left: 13px;\r\n                            color: #747d80;\r\n                            line-height: 1;\r\n                            text-decoration: line-through;\r\n                        }\r\n                        .recommend-tips {\r\n                            display: inline-block;\r\n                            margin-left: 20px;\r\n                            vertical-align: bottom;\r\n                            padding-top: 12px;\r\n                            a {\r\n                                color: #006bad;\r\n                                cursor: pointer;\r\n                                &:hover {\r\n                                    text-decoration: underline;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    .purchaseLimitCount{\r\n                      color: #747d80;\r\n                      margin-bottom: 8px;\r\n                    }\r\n                    .bot-btn{\r\n                        .btn-exchange{\r\n                            width: 340px;\r\n                            height: 44px;\r\n                            background-color: #fbc500;\r\n                            font-size: 16px;\r\n                            line-height: 44px;\r\n                            text-align: center;\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            }\r\n            .pro-tip{\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n                z-index: 9;\r\n                span{\r\n                    width: 97px;\r\n                    height: 38px;\r\n                    border-bottom-right-radius: 12px;\r\n                    color: #fff;\r\n                    font-size: 16px;\r\n                    text-align: center;\r\n                    line-height: 38px;\r\n                }\r\n            }\r\n        }\r\n        .detail-bd{\r\n            padding-top: 18px;\r\n            .show-item{\r\n                padding-top: 14px;\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=604c7a9a&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=604c7a9a&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  \"604c7a9a\",\n  null\n  \n)\n\nexport default component.exports","import CommodityDetail from './commodity-detail'\r\nexport default CommodityDetail"],"sourceRoot":""}