{"version":3,"sources":["webpack:///./src/views/store/productdetails.vue","webpack:///./node_modules/_vue-piczoom@1.0.6@vue-piczoom/src/components/PicZoom.vue","webpack:///node_modules/_vue-piczoom@1.0.6@vue-piczoom/src/components/PicZoom.vue","webpack:///./node_modules/_vue-piczoom@1.0.6@vue-piczoom/src/components/PicZoom.vue?8690","webpack:///./node_modules/_vue-piczoom@1.0.6@vue-piczoom/src/components/PicZoom.vue?ece0","webpack:///src/views/store/productdetails.vue","webpack:///./src/views/store/productdetails.vue?e933","webpack:///./src/views/store/productdetails.vue?995c","webpack:///./src/views/store/productdetails.vue?d60f","webpack:///./node_modules/_vue-piczoom@1.0.6@vue-piczoom/src/components/PicZoom.vue?1f79"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","on","$event","$router","push","_v","_m","detail","Url","_s","Name","Price","handleChange","model","value","num","callback","$$v","expression","payfun","staticRenderFns","ref","id","class","vertical","mousemove","mouseover","mouseleave","directives","name","rawName","showImg","imgUrl","showEidt","rotate","_e","props","scale","type","Number","default","url","String","required","bigUrl","scroll","Boolean","data","cover","imgbox","imgwrap","orginUrl","bigImgUrl","bigOrginUrl","img","canvas","ctx","rectTimesX","rectTimesY","imgTimesX","imgTimesY","init","step","bigStep","created","$chars","maxPos","length","str","i","charAt","Math","floor","random","watch","val","initTime","mounted","$nextTick","methods","imgsrc","box","$refs","querySelector","style","width","offsetWidth","height","offsetHeight","left","top","Image","src","onload","parentNode","removeChild","document","createElement","className","position","offsetLeft","offsetTop","border","zIndex","display","body","append","getContext","clearRect","initBox","setTimeout","e","_this","offset","curEle","totalLeft","totalTop","par","offsetParent","navigator","userAgent","indexOf","clientLeft","clientTop","getXY","eve","x","clientX","y","clientY","oEvent","event","pos","range","minX","maxX","minY","documentElement","scrollTop","maxY","startX","scrollLeft","startY","drawImage","currentTarget","addEventListener","ev","preventDefault","direction","orginImg","crossOrigin","rotateImg","bigOrginImg","isBig","min_step","max_step","degree","PI","newImg","toDataURL","component","axi","require","components","PicZoom","prlist","console","log","$store","state","shopid","post","Type","then","res","Code","Slave","Dto","commit","$message","error","Msg"],"mappings":"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","file":"js/chunk-7d877a25.6fca6d73.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"body\"}},[_c('div',{staticClass:\"homeheader\"},[_c('div',{staticClass:\"header-left\"},[_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":\"https://bxexample.oss-cn-shanghai.aliyuncs.com/OfficialWebsite/logo3.png\"},on:{\"click\":function($event){return _vm.$router.push('/')}}}),_c('p',{staticStyle:{\"margin\":\"0\",\"font-weight\":\"bold\"}},[_vm._v(\"大总管官方商城\")])]),_vm._m(0),_c('div',{staticClass:\"header-right\"})]),_c('div',{staticClass:\"date_main\"},[_c('div',{staticClass:\"left\"},[_c('pic-zoom',{attrs:{\"scale\":2,\"url\":_vm.detail.Url}})],1),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"titletext\"},[_vm._v(\" \"+_vm._s(_vm.detail.Name)+\" \")]),_c('div',{staticClass:\"picbox\"},[_c('span',{staticStyle:{\"display\":\"inline-block\",\"border\":\"1px solid #fd3f31\",\"width\":\"60px\",\"height\":\"30px\",\"text-align\":\"center\",\"line-height\":\"30px\",\"border-radius\":\"5px\",\"margin-right\":\"2%\"}},[_vm._v(\"价格\")]),_c('span',[_vm._v(\"￥\")]),_c('span',{staticStyle:{\"font-size\":\"70px\"}},[_vm._v(_vm._s(_vm.detail.Price)+\".00\"),_c('span',{staticStyle:{\"font-size\":\"14px\",\"color\":\"#888888\"}},[_vm._v(\" 起\")])])]),_c('div',{staticClass:\"verbox\"},[_c('p',[_vm._v(\"选择版本\")]),_c('button',{attrs:{\"type\":\"button\"}},[_vm._v(\"1年版\")]),_c('el-input-number',{staticClass:\"numbox\",attrs:{\"max\":1,\"min\":1},on:{\"change\":_vm.handleChange},model:{value:(_vm.num),callback:function ($$v) {_vm.num=$$v},expression:\"num\"}})],1),_c('div',{staticClass:\"vesboxs\"},[_c('span',[_vm._v(_vm._s(_vm.detail.Name)+\" 1年版\")]),_c('span',[_vm._v(\"价格 \"),_c('span',{staticStyle:{\"color\":\"#fd3f31\",\"font-size\":\"28px\"}},[_vm._v(_vm._s(_vm.detail.Price)+\"元\"),_c('span',{staticStyle:{\"font-size\":\"14px\",\"color\":\"#888888\"}},[_vm._v(\" 起\")])])])]),_c('div',{attrs:{\"id\":\"btn\"}},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":_vm.payfun}},[_vm._v(\"立即购买\")])])])]),_vm._m(1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-center\"},[_c('div',{staticClass:\"zt\"},[_c('div',{staticClass:\"tit\"},[_c('a',{attrs:{\"href\":\"#1\"}},[_vm._v(\"首页\")])]),_c('div',{staticClass:\"tit\"},[_c('a',{attrs:{\"href\":\"#2\"}},[_vm._v(\"软件\")])]),_c('div',{staticClass:\"tit\"},[_c('a',{attrs:{\"href\":\"#3\"}},[_vm._v(\"行业软件\")])]),_c('div',{staticClass:\"tit\"},[_c('a',{attrs:{\"href\":\"#4\"}},[_vm._v(\"增值服务\")])]),_c('div',{staticClass:\"tit\"},[_vm._v(\" 其他 \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tex\"},[_c('div',{staticClass:\"top\"},[_c('span',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\"大总管自营 \")]),_c('span',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\"7x12小时 客服服务 \")])]),_c('div',{staticClass:\"bottom\"},[_vm._v(\" 对于购买 \"),_c('span',{staticStyle:{\"color\":\"#000000\"}},[_vm._v(\" 大总管科技软件 \")]),_vm._v(\" 有任何疑问？\"),_c('span',{staticStyle:{\"color\":\"#fd3f31\",\"cursor\":\"pointer\"}},[_vm._v(\"咨询人工客服 >\")])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:_vm.id,staticClass:\"magnifier-box\",class:_vm.vertical?'vertical':'',on:{\"mousemove\":_vm.mousemove,\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showImg),expression:\"showImg\"}],attrs:{\"src\":_vm.imgUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"mouse-cover\"}),(_vm.showEidt)?_c('div',{staticClass:\"edit-wrap\"},[_c('span',{staticClass:\"rotate-left\",on:{\"click\":function($event){return _vm.rotate('left')}}}),_c('span',{staticClass:\"rotate-right\",on:{\"click\":function($event){return _vm.rotate('right')}}})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"magnifier-box\" :class=\"vertical?'vertical':''\" :ref=\"id\" @mousemove=\"mousemove\" @mouseover=\"mouseover\" @mouseleave=\"mouseleave\">\r\n        <img v-show=\"showImg\" :src=\"imgUrl\" alt=\"\">\r\n        <div class=\"mouse-cover\"></div>\r\n        <div class=\"edit-wrap\" v-if=\"showEidt\">\r\n            <span class=\"rotate-left\" @click=\"rotate('left')\"></span>\r\n            <span class=\"rotate-right\" @click=\"rotate('right')\"></span>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props:{\r\n            scale:{\r\n                type:Number,\r\n                default:2.5\r\n            },\r\n            url:{\r\n                type:String,\r\n                required:true\r\n            },\r\n            bigUrl:{\r\n                type:String,\r\n                default:null\r\n            },\r\n            scroll:{\r\n                type:Boolean,\r\n                default:false\r\n            },\r\n            showEidt:{\r\n                type:Boolean,\r\n                default:false\r\n            }\r\n        },\r\n        data () {\r\n            return {\r\n                id:null,\r\n                cover:null,\r\n                imgbox:null,\r\n                imgwrap:null,\r\n                orginUrl:null,\r\n                bigImgUrl:null,\r\n                bigOrginUrl:null,\r\n                imgUrl:null,\r\n                img:null,\r\n                canvas:null,\r\n                ctx:null,\r\n                rectTimesX:0,\r\n                rectTimesY:0,\r\n                imgTimesX:0,\r\n                imgTimesY:0,\r\n                init:false,\r\n                step:0,\r\n                bigStep:0,\r\n                vertical:false,\r\n                showImg:true\r\n            }\r\n        },\r\n        created(){\r\n        　　var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/\r\n        　　var maxPos = $chars.length;\r\n        　　var str = '';\r\n        　　for (let i = 0; i < 10; i++) {\r\n                str += $chars.charAt(Math.floor(Math.random() * maxPos));\r\n        　　}\r\n            this.id=str\r\n            this.imgUrl=this.url\r\n            this.orginUrl=this.url\r\n            this.bigImgUrl=this.bigUrl\r\n            this.bigOrginUrl=this.bigUrl\r\n        },\r\n        watch:{\r\n            url:function(val){\r\n                this.imgUrl=val\r\n                this.orginUrl=val\r\n                this.initTime()\r\n            },\r\n            bigUrl:function(){\r\n                this.bigImgUrl=bigUrl\r\n                this.bigOrginUrl=bigUrl\r\n                this.initTime()\r\n            }\r\n        },\r\n        mounted(){\r\n            this.$nextTick(()=>{\r\n                this.initTime()\r\n            })\r\n        },\r\n        methods: {\r\n            initTime(){\r\n                this.init=false\r\n                let box=this.$refs[this.id]\r\n                this.imgbox=box\r\n                this.cover=box.querySelector('.mouse-cover')\r\n                this.cover.style.width=(this.imgbox.offsetWidth/this.scale)+'px'\r\n                this.cover.style.height=(this.imgbox.offsetHeight/this.scale)+'px'\r\n                this.cover.style.left='-100%'\r\n                this.cover.style.top='-100%'\r\n                this.imgwrap=box.querySelector('img')\r\n                let imgsrc;\r\n                if(this.bigImgUrl){\r\n                    imgsrc=this.bigImgUrl\r\n                }else{\r\n                    imgsrc=this.imgUrl\r\n                }\r\n                \r\n                this.img=new Image()\r\n                this.img.src=imgsrc\r\n                this.img.onload=()=>{\r\n                    this.rectTimesX=(this.imgbox.offsetWidth/this.scale)/this.imgwrap.offsetWidth,\r\n                    this.rectTimesY=(this.imgbox.offsetHeight/this.scale)/this.imgwrap.offsetHeight\r\n                    this.imgTimesX=this.img.width/this.imgwrap.offsetWidth,\r\n                    this.imgTimesY=this.img.height/this.imgwrap.offsetHeight\r\n                    this.vertical=this.img.width<this.img.height\r\n                    this.init=true\r\n                }\r\n                if(this.canvas){\r\n                    this.canvas.parentNode.removeChild(this.canvas);\r\n                    this.canvas=null\r\n                }\r\n                this.canvas=document.createElement('canvas')\r\n                this.canvas.className='mouse-cover-canvas'\r\n                this.canvas.style.position='absolute'\r\n                this.canvas.style.left=this.imgbox.offsetLeft+this.imgbox.offsetWidth+10+'px'\r\n                this.canvas.style.top=this.imgbox.offsetTop+'px'\r\n                this.canvas.style.border='1px solid #eee'\r\n                this.canvas.style.zIndex='99999'\r\n                this.canvas.height=this.imgbox.offsetHeight\r\n                this.canvas.width=this.imgbox.offsetWidth\r\n                this.canvas.style.display='none'\r\n                document.body.append(this.canvas)\r\n                this.ctx=this.canvas.getContext(\"2d\");\r\n                this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);\r\n            },\r\n            initBox(){\r\n                this.showImg=false\r\n                this.canvas.style.display='none'\r\n                let box=this.$refs[this.id]\r\n                let imgsrc;\r\n                if(this.bigImgUrl){\r\n                    imgsrc=this.bigImgUrl\r\n                }else{\r\n                    imgsrc=this.imgUrl\r\n                    \r\n                }\r\n                this.img=new Image()\r\n                this.img.src=imgsrc\r\n                this.img.onload=()=>{\r\n                    this.vertical=this.img.width<this.img.height\r\n                    this.showImg=true\r\n                    let thumb=box.querySelector('img')\r\n                    setTimeout(() => {\r\n                        this.rectTimesX=(this.imgbox.offsetWidth/this.scale)/box.querySelector('img').offsetWidth,\r\n                        this.rectTimesY=(this.imgbox.offsetHeight/this.scale)/box.querySelector('img').offsetHeight\r\n                    }, 20);\r\n                }\r\n                \r\n            },\r\n            mousemove(e){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                let _this=this\r\n                //获取实际的offset\r\n                function offset(curEle){\r\n                    var totalLeft = null,totalTop = null,par = curEle.offsetParent;\r\n                    //首先加自己本身的左偏移和上偏移\r\n                    totalLeft+=curEle.offsetLeft;\r\n                    totalTop+=curEle.offsetTop\r\n                    //只要没有找到body，我们就把父级参照物的边框和偏移也进行累加\r\n                    while(par){\r\n                        if(navigator.userAgent.indexOf(\"MSIE 8.0\")===-1){\r\n                        //累加父级参照物的边框\r\n                        totalLeft+=par.clientLeft;\r\n                        totalTop+=par.clientTop\r\n                        }\r\n                        \r\n                        //累加父级参照物本身的偏移\r\n                        totalLeft+=par.offsetLeft;\r\n                        totalTop+=par.offsetTop\r\n                        par = par.offsetParent;\r\n                    }\r\n                \r\n                    return{\r\n                        left:totalLeft,\r\n                        top:totalTop\r\n                    }\r\n                }\r\n\r\n                function getXY(eve) {\r\n                    return {\r\n                        x : eve.clientX -(_this.cover.offsetWidth/2),\r\n                        y : eve.clientY-(_this.cover.offsetHeight/2) \r\n                    };\r\n                }\r\n                let oEvent = e || event;\r\n                let pos = getXY(oEvent);\r\n                let imgwrap=offset(this.imgwrap)\r\n                let range={\r\n                    minX:imgwrap.left,\r\n                    maxX:imgwrap.left+this.imgwrap.offsetWidth-this.cover.offsetWidth,\r\n                    minY:imgwrap.top-document.documentElement.scrollTop,\r\n                    maxY:imgwrap.top-document.documentElement.scrollTop+this.imgwrap.offsetHeight-this.cover.offsetHeight,\r\n                }\r\n                if(pos.x>range.maxX){\r\n                    pos.x=range.maxX\r\n                }\r\n                if(pos.x<range.minX){\r\n                    pos.x=range.minX\r\n                }\r\n                if(pos.y>range.maxY){\r\n                    pos.y=range.maxY\r\n                }\r\n                if(pos.y<range.minY){\r\n                    pos.y=range.minY\r\n                }\r\n                this.cover.style.left=pos.x+'px'\r\n                this.cover.style.top=pos.y+'px'\r\n                this.ctx.clearRect(0,0,this.imgwrap.offsetWidth,this.imgwrap.offsetHeight);\r\n                let startX=pos.x-(imgwrap.left-document.documentElement.scrollLeft),\r\n                startY=pos.y-(imgwrap.top-document.documentElement.scrollTop)\r\n                this.ctx.drawImage(this.img,startX*this.imgTimesX,startY*this.imgTimesY,this.img.width*this.rectTimesX,this.img.height*this.rectTimesY,0,0,this.imgbox.offsetWidth,this.imgbox.offsetHeight);\r\n                \r\n            },\r\n            mouseover(e){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                e=e||event\r\n                if(!this.scroll){\r\n                    e.currentTarget.addEventListener(\"mousewheel\",function(ev){\r\n                        ev.preventDefault();\r\n                    },false);\r\n\r\n                    e.currentTarget.addEventListener(\"DOMMouseScroll\",function(ev){\r\n                        ev.preventDefault();\r\n                    },false);\r\n                }\r\n                \r\n                this.cover.style.display='block'\r\n                this.canvas.style.display='block'\r\n            },\r\n            mouseleave(){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                this.cover.style.display='none'\r\n                this.canvas.style.display='none'\r\n            },\r\n            rotate(direction){\r\n                var orginImg=new Image()\r\n                orginImg.crossOrigin = \"Anonymous\";\r\n                orginImg.src=this.orginUrl\r\n                orginImg.onload=()=>{\r\n                    this.rotateImg(orginImg,direction,this.step)\r\n                }\r\n                if(this.bigOrginUrl){\r\n                    var bigOrginImg=new Image()\r\n                    orginImg.crossOrigin = \"Anonymous\";\r\n                    bigOrginImg.src=this.bigOrginUrl\r\n                    bigOrginImg.onload=()=>{\r\n                        this.rotateImg(bigOrginImg,direction,this.bigStep,true)\r\n                    }\r\n                }\r\n                \r\n            },\r\n            rotateImg(img,direction,step,isBig=false){\r\n                var min_step = 0;\r\n                var max_step = 3;\r\n                if (img == null) return;\r\n                //img的高度和宽度不能在img元素隐藏后获取，否则会出错    \r\n                var height = img.height;\r\n                var width = img.width;\r\n                \r\n                if (step == null) {\r\n                    step = min_step;\r\n                }\r\n                if (direction == 'right') {\r\n                    step++;\r\n                    //旋转到原位置，即超过最大值    \r\n                    step > max_step && (step = min_step);\r\n                } else {\r\n                    step--;\r\n                    step < min_step && (step = max_step);\r\n                }   \r\n                var canvas = document.createElement('canvas')  \r\n                \r\n                //旋转角度以弧度值为参数    \r\n                var degree = step * 90 * Math.PI / 180;\r\n                var ctx = canvas.getContext('2d');\r\n                canvas.width = height;\r\n                canvas.height = width;\r\n                ctx.rotate(degree);\r\n                ctx.drawImage(img, 0, -height);\r\n                switch (step) {\r\n                    case 0:\r\n                        canvas.width = width;\r\n                        canvas.height = height;\r\n                        ctx.drawImage(img, 0, 0);\r\n                        break;\r\n                    case 1:\r\n                        canvas.width = height;\r\n                        canvas.height = width;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, 0, -height);\r\n                        break;\r\n                    case 2:\r\n                        canvas.width = width;\r\n                        canvas.height = height;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, -width, -height);\r\n                        break;\r\n                    case 3:\r\n                        canvas.width = height;\r\n                        canvas.height = width;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, -width, 0);\r\n                        break;\r\n                }\r\n                var newImg=canvas.toDataURL()\r\n                \r\n                if(isBig){\r\n                    this.bigImgUrl=newImg\r\n                    this.bigStep=step\r\n                    this.initBox()\r\n                }else{\r\n                    this.imgUrl=newImg\r\n                    this.step=step\r\n                    this.$nextTick(()=>{\r\n                        this.initBox()\r\n                    })\r\n                }\r\n            },\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .magnifier-box{\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        position: relative;\r\n        .edit-wrap{\r\n            position: absolute;\r\n            top: 5px;\r\n            right: 0;\r\n            z-index: 9999999;\r\n            background: rgba(0,0,0,0.4);\r\n            padding: 5px 15px 0 15px;\r\n            border-radius: 15px;\r\n            .rotate-left{\r\n                display: inline-block;\r\n                cursor: pointer;\r\n                width: 16px;\r\n                height: 16px;\r\n                background: url(../rotate.png);\r\n                background-size: 100% 100%;\r\n                -moz-transform:scaleX(-1);\r\n                -webkit-transform:scaleX(-1);\r\n                -o-transform:scaleX(-1);\r\n                transform:scaleX(-1);\r\n                /*IE*/\r\n                filter:FlipH;\r\n            }\r\n            .rotate-right{\r\n                margin-left: 10px;\r\n                cursor: pointer;\r\n                display: inline-block;\r\n                width: 16px;\r\n                height: 16px;\r\n                background: url(../rotate.png);\r\n                background-size: 100% 100%;\r\n            }\r\n        }\r\n        img{\r\n            width: 100%;\r\n        };\r\n        .mouse-cover{\r\n            position: fixed;\r\n            background-color: rgba(0,0,0,0.5);\r\n            cursor:move\r\n        };\r\n        .mouse-cover-canvas{\r\n            position:fixed;\r\n            left:100%;\r\n            top:0;\r\n            width:100%;\r\n            height:100%;\r\n        }\r\n        &.vertical{\r\n            img{\r\n                height: 100%;\r\n                width: auto\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../_babel-loader@8.3.0@babel-loader/lib/index.js!../../../_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../_babel-loader@8.3.0@babel-loader/lib/index.js!../../../_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PicZoom.vue?vue&type=template&id=ac452f80&scoped=true\"\nimport script from \"./PicZoom.vue?vue&type=script&lang=js\"\nexport * from \"./PicZoom.vue?vue&type=script&lang=js\"\nimport style0 from \"./PicZoom.vue?vue&type=style&index=0&id=ac452f80&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ac452f80\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n\t<div id=\"body\">\r\n\t\t<!-- PC头部 -->\r\n\t\t<div class=\"homeheader\">\r\n\t\t\t<div class=\"header-left\">\r\n\t\t\t\t<img src=\"https://bxexample.oss-cn-shanghai.aliyuncs.com/OfficialWebsite/logo3.png\" style=\"cursor: pointer;\"\r\n\t\t\t\t\t  @click=\"$router.push('/')\">\r\n\t\t\t\t<p style=\" margin: 0;font-weight: bold;\">大总管官方商城</p>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"header-center\">\r\n\t\t\t\t<div class=\"zt\">\r\n\t\t\t\t\t<div class=\"tit\">\r\n\t\t\t\t\t\t<a href=\"#1\">首页</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"tit\">\r\n\t\t\t\t\t\t<a href=\"#2\">软件</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"tit\">\r\n\t\t\t\t\t\t<a href=\"#3\">行业软件</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"tit\">\r\n\t\t\t\t\t\t<a href=\"#4\">增值服务</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"tit\">\r\n\t\t\t\t\t\t其他\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"header-right\">\r\n\t\t\t\t<!-- <el-input placeholder=\"请输入内容\" @change='search' prefix-icon=\"el-icon-search\" v-model=\"selinp\">\r\n\t\t\t\t</el-input> -->\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"date_main\">\r\n\t\t\t<div class=\"left\">\r\n\t\t\t\t<pic-zoom :scale=\"2\" :url=\"detail.Url\"></pic-zoom>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"right\">\r\n\t\t\t\t<span class=\"titletext\">\r\n\t\t\t\t\t{{ detail.Name }}\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"picbox\">\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\t style=\"display: inline-block; border: 1px solid #fd3f31; width: 60px;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;margin-right: 2%;\">价格</span>\r\n\t\t\t\t\t<span>￥</span>\r\n\t\t\t\t\t<span style=\"font-size: 70px;\">{{ detail.Price }}.00<span\r\n\t\t\t\t\t\t style=\"font-size: 14px; color: #888888;\"> 起</span></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"verbox\">\r\n\t\t\t\t\t<p>选择版本</p>\r\n\t\t\t\t\t<button type=\"button\">1年版</button>\r\n\t\t\t\t\t<el-input-number v-model=\"num\" :max=\"1\" :min=\"1\" class=\"numbox\" @change=\"handleChange\"></el-input-number>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vesboxs\">\r\n\t\t\t\t\t<span>{{ detail.Name }} 1年版</span>\r\n\t\t\t\t\t<span>价格 <span style=\"color: #fd3f31;font-size: 28px;\">{{ detail.Price }}元<span\r\n\t\t\t\t\t\t style=\"font-size: 14px; color: #888888;\"> 起</span></span></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div id=\"btn\">\r\n\t\t\t\t\t<button type=\"button\" @click=\"payfun\">立即购买</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"tex\">\r\n\t\t\t<div class=\"top\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<i class=\"el-icon-circle-check\"></i>大总管自营\r\n\t\t\t\t</span>\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<i class=\"el-icon-circle-check\"></i>7x12小时 客服服务\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"bottom\">\r\n\t\t\t\t对于购买 <span style=\"color: #000000;\"> 大总管科技软件 </span> 有任何疑问？<span\r\n\t\t\t\t style=\"color: #fd3f31;cursor: pointer;\">咨询人工客服 ></span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport PicZoom from 'vue-piczoom'\r\nconst axi = require('../../assets/axi.js')\r\nexport default {\r\n\tname: 'App',\r\n\tcomponents: {\r\n\t\tPicZoom\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tdetail: {},\r\n\t\t\tprlist: [],\r\n\t\t\tnum: 1\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tconsole.log(this.$store.state.shopid)\r\n\t\tthis.detail = this.$store.state.shopid\r\n\t},\r\n\tmethods: {\r\n\t\thandleChange(value) {\r\n\t\t\tconsole.log(value);\r\n\t\t},\r\n\t\tpayfun() {\r\n\t\t\tconsole.log(this.detail)\r\n\t\t\taxi.post('Commodity/CommodityScaleDetails?Type=' + this.detail.Type).then(res => {\r\n\t\t\t\tconsole.log(res)\r\n\t\t\t\tif (res.data.Code == 1000) {\r\n\t\t\t\t\tthis.detail.Slave = res.data.Dto\r\n\t\t\t\t\tthis.$store.commit('shopidfun', this.detail)\r\n\t\t\t\t\tthis.$router.push('/information')\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.$message.error(res.data.Msg)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t// this.$store.commit('shopidfun',val)\r\n\t\t\t// this.$router.push('/information')\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#body {\r\n\tbackground-color: #F4F5FA;\r\n\tmin-height: 100vh;\r\n}\r\n\r\n.homeheader {\r\n\twidth: 100%;\r\n\theight: 100px;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tborder-bottom: 1px solid #f5f5f5;\r\n\tposition: sticky;\r\n\tposition: -webkit-sticky;\r\n\ttop: 0px;\r\n\tbackground-color: #FFFFFF;\r\n\tz-index: 999;\r\n\t\r\n\t.header-left {\r\n\t\twidth: 20%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\t\r\n\t\timg {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-width: 60%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.header-center {\r\n\t\twidth: 60%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t.zt {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-align: center;\r\n\t\t\t\r\n\t\t\t.tit {\r\n\t\t\t\twidth: 20%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\r\n\t\t\t\ta {\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tcolor: #000;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\ta:hover {\r\n\t\t\t\t\tcolor: #fd3f31;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.tit:hover {\r\n\t\t\t\tcolor: #fd3f31;\r\n\t\t\t\tborder-bottom: 3px solid #fd3f31;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t.header-right {\r\n\t\twidth: 20%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t\r\n\t\t.el-input {\r\n\t\t\twidth: 54%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.date_main {\r\n\twidth: 80%;\r\n\tmargin-left: 10%;\r\n\theight: 600px;\r\n\tmargin-top: 3%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-content: center;\r\n\t\r\n\t.left {\r\n\t\twidth: 30%;\r\n\t\theight: 100%;\r\n\t\ttext-align: center;\r\n\t\t\r\n\t\timg {\r\n\t\t\theight: 70%;\r\n\t\t\tmax-width: 100%;\r\n\t\t\tbackground-color: #ffffff;\r\n\t\t\tbox-shadow: 0 14px 26px 0 rgb(19 29 61 / 15%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.right {\r\n\twidth: 65%;\r\n\theight: 100%;\r\n\t// background-color: #ffaa7f;\r\n\tpadding-left: 5%;\r\n\t\r\n\t.titletext {\r\n\t\tfont-size: 36px;\r\n\t}\r\n\t\r\n\t.picbox {\r\n\t\tcolor: #fd3f31;\r\n\t}\r\n\t\r\n\t.verbox {\r\n\t\theight: 25%;\r\n\t\tmargin-top: 5%;\r\n\t\t\r\n\t\tbutton {\r\n\t\t\twidth: 25%;\r\n\t\t\theight: 40px;\r\n\t\t\tcolor: #fd3f31;\r\n\t\t\tborder: 1px solid #fd3f31;\r\n\t\t\tdisplay: block;\r\n\t\t\tbackground-color: #fff;\r\n\t\t}\r\n\t\t\r\n\t\t.numbox {\r\n\t\t\tmargin-top: 3%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.vesboxs {\r\n\t\tdisplay: flex;\r\n\t\twidth: 80%;\r\n\t\theight: 10%;\r\n\t\tmargin-top: 5%;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tjustify-content: space-around;\r\n\t\talign-items: center;\r\n\t}\r\n\t\r\n\t#btn {\r\n\t\twidth: 80%;\r\n\t\theight: 20%;\r\n\t\tdisplay: flex;\r\n\t\tmargin-top: 5%;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-items: center;\r\n\t\t\r\n\t\tbutton {\r\n\t\t\twidth: 60%;\r\n\t\t\theight: 60%;\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tbackground: linear-gradient(to right, #fd3f31, #FF8644);\r\n\t\t\tcolor: #fff;\r\n\t\t\tposition: relative;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t\t\r\n\t\tbutton:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tbackground-image: radial-gradient(circle, red 10%, transparent 10.01%);\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-position: 50%;\r\n\t\t\ttransform: scale(10, 10);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: transform .5s, opacity .5s;\r\n\t\t}\r\n\t\t\r\n\t\tbutton:active:after {\r\n\t\t\ttransform: scale(0, 0);\r\n\t\t\topacity: .3;\r\n\t\t\t//设置初始状态\r\n\t\t\ttransition: 0s;\r\n\t\t}\r\n\t\t\r\n\t}\r\n}\r\n\r\n.tex {\r\n\theight: 30%;\r\n\twidth: 100%;\r\n\t\r\n\t.top {\r\n\t\twidth: 25%;\r\n\t\theight: 50%;\r\n\t\tmargin-left: 10%;\r\n\t\tdisplay: flex;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 14px;\r\n\t\tjustify-content: space-around;\r\n\t\talign-items: center;\r\n\t\tborder-bottom: 1px solid #e0e1e2;\r\n\t}\r\n\t\r\n\t.bottom {\r\n\t\twidth: 30%;\r\n\t\tmargin-left: 5%;\r\n\t\theight: 50%;\r\n\t\tmargin-top: 1%;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: #999999;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./productdetails.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./productdetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./productdetails.vue?vue&type=template&id=02d1886e&scoped=true\"\nimport script from \"./productdetails.vue?vue&type=script&lang=js\"\nexport * from \"./productdetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./productdetails.vue?vue&type=style&index=0&id=02d1886e&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02d1886e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@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@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./productdetails.vue?vue&type=style&index=0&id=02d1886e&prod&lang=less&scoped=true\"","export * from \"-!../../../_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!../../../_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/lib/loader.js??ref--9-oneOf-1-3!../../../_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=style&index=0&id=ac452f80&prod&lang=scss&scoped=true\""],"sourceRoot":""}