{"code":"(window[\"webpackJsonp\"]=window[\"webpackJsonp\"]||[]).push([[\"chunk-6ea3355f\"],{\"2dc2\":function(n,e,t){e=n.exports=t(\"2350\")(!0),e.push([n.i,'.model-container[data-v-4de42fc2]{position:relative}.model-container[data-v-4de42fc2],.model-container .view-container[data-v-4de42fc2]{width:100%;height:100%;overflow:hidden}.model-container .tag-container[data-v-4de42fc2]{width:12.5vw;padding:1.04167vw;border:.10417vw solid #fff;top:-4.16667vw;background-color:rgba(116,130,143,.9);color:#fff;border-radius:.52083vw}.model-container #close[data-v-4de42fc2]{position:absolute;right:.52083vw;top:.52083vw;cursor:pointer}.model-container #close[data-v-4de42fc2]:hover{color:#12f4e2}.model-container .tag-container[data-v-4de42fc2]:after{content:\"\";height:1.04167vw;width:.10417vw;background-color:#12f4e2;position:absolute;top:100%;left:calc(50% - 1px)}.model-container .tag-container[data-v-4de42fc2]:before{content:\"\";height:.52083vw;width:.52083vw;border-radius:.26042vw;background-color:#12f4e2;position:absolute;top:calc(100% + 1.04167vw);left:calc(50% - .26042vw)}.model-container #loading[data-v-4de42fc2]{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;color:#fff;background-color:rgba(40,85,128,.9);display:flex;justify-content:center;align-items:center}.model-container .btn[data-v-4de42fc2]{position:absolute;left:50%;bottom:1.04167vw;transform:translateX(-50%);z-index:999}',\"\",{version:3,sources:[\"D:/jenkins/workspace/sfz-lh-fvue/src/views/Normal/components/D:/jenkins/workspace/sfz-lh-fvue/src/views/Normal/components/D:/jenkins/workspace/sfz-lh-fvue/src/views/Normal/components/D:/jenkins/workspace/sfz-lh-fvue/src/views/Normal/components/modalPosition.vue\"],names:[],mappings:\"AA6UA,kCACI,iBAGgB,CAJpB,oFAEI,WACA,YACA,eAIoB,CARxB,iDAWQ,aACA,kBACA,2BACA,eACA,sCACA,WACA,sBAAmB,CAjB3B,yCAqBQ,kBACA,eACA,aACA,cAAe,CAxBvB,+CA2BQ,aAAc,CA3BtB,uDA8BQ,WACA,iBACA,eACA,yBACA,kBACA,SACA,oBAAqB,CApC7B,wDAuCQ,WACA,gBACA,eACA,uBACA,yBACA,kBACA,2BACA,yBAAqB,CA9C7B,2CAiDQ,kBACA,OACA,MACA,WACA,YACA,gBACA,WACA,oCACA,aACA,uBACA,kBAAmB,CA3D3B,uCA8DQ,kBACA,SACA,iBACA,2BACA,WAAY,CAAA\",file:\"modalPosition.vue?vue&type=style&index=0&id=4de42fc2&lang=scss&scoped=true&\",sourcesContent:[\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\r\\n.model-container{\\r\\n    position: relative;\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n    overflow: hidden;\\r\\n    .view-container {\\r\\n        width: 100%;\\r\\n        height: 100%;\\r\\n        overflow: hidden;\\r\\n    }\\r\\n    .tag-container{\\r\\n        width: 240px;\\r\\n        padding: 20px;\\r\\n        border: 2px solid #fff;\\r\\n        top: -80px;\\r\\n        background-color: rgba(116, 130, 143, 0.9);\\r\\n        color: #fff;\\r\\n        border-radius: 10px;\\r\\n        // box-shadow: 0 0 10px 4px #12f4e2;\\r\\n    }\\r\\n    #close{\\r\\n        position: absolute;\\r\\n        right: 10px;\\r\\n        top: 10px;\\r\\n        cursor: pointer;\\r\\n    }\\r\\n     #close:hover{\\r\\n        color: #12f4e2;\\r\\n    }\\r\\n    .tag-container:after{\\r\\n        content: '';\\r\\n        height: 20px;\\r\\n        width: 2px;\\r\\n        background-color: #12f4e2;\\r\\n        position: absolute;\\r\\n        top: 100%;\\r\\n        left: calc(50% - 1px);\\r\\n    }\\r\\n    .tag-container:before{\\r\\n        content: '';\\r\\n        height: 10px;\\r\\n        width: 10px;\\r\\n        border-radius: 5px;\\r\\n        background-color: #12f4e2;\\r\\n        position: absolute;\\r\\n        top: calc(100% + 20px);\\r\\n        left: calc(50% - 5px);\\r\\n    }\\r\\n    #loading{\\r\\n        position: absolute;\\r\\n        left: 0;\\r\\n        top: 0;\\r\\n        width: 100%;\\r\\n        height: 100%;\\r\\n        overflow: hidden;\\r\\n        color: #fff;\\r\\n        background-color: rgba(40, 85, 128, 0.9);\\r\\n        display: flex;\\r\\n        justify-content: center;\\r\\n        align-items: center;\\r\\n    }\\r\\n    .btn{\\r\\n        position: absolute;\\r\\n        left: 50%;\\r\\n        bottom: 20px;\\r\\n        transform: translateX(-50%);\\r\\n        z-index: 999;\\r\\n    }\\r\\n}\\r\\n\\r\\n\"],sourceRoot:\"\"}])},\"628c\":function(n,e,t){\"use strict\";t(\"93fc\")},7013:function(n,e,t){\"use strict\";t.r(e);var o=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t(\"div\",{ref:\"model-container\",staticClass:\"model-container\"},[t(\"div\",{ref:\"threeDBox\",staticClass:\"view-container\"}),t(\"div\",{attrs:{id:\"loading\"}},[t(\"el-progress\",{attrs:{type:\"circle\",percentage:n.percent,\"show-text\":!1,\"stroke-width\":14}})],1)])},i=[],s=(t(\"7f7f\"),t(\"5a89\")),r=t(\"4721\"),a=t(\"34ad\"),c=t(\"afeb\"),d=(t(\"c1df\"),t(\"32d9\")),l=t(\"93e9\"),h=t(\"4e15\"),f=t(\"4b0a\"),u=t(\"360d\"),p=t(\"6c18\"),A={name:\"ModelIndex\",data:function(){return{width:0,height:0,scene:null,camera:null,controls:null,renderer:null,css2Renderer:null,clock:null,mixer:null,stats:null,animationId:null,chooseObj:null,tag:null,percent:0,gui:null,composer:null,outlinePass:null,effectFXAA:null}},mounted:function(){var n=this;this.$nextTick((function(){n.width=n.$refs[\"model-container\"].offsetWidth,n.height=n.$refs[\"model-container\"].offsetHeight,n.init(),n.animate()}))},methods:{addComposer:function(){this.composer=new d[\"a\"](this.renderer);var n=new l[\"a\"](this.scene,this.camera);this.composer.addPass(n),this.outlinePass=new h[\"a\"](new s[\"Mb\"](this.width,this.height),this.scene,this.camera),this.outlinePass.visibleEdgeColor.set(parseInt(65280)),this.outlinePass.hiddenEdgeColor=new s[\"l\"](0,0,0),this.composer.addPass(this.outlinePass);var e=new f[\"a\"];this.composer.addPass(e),this.effectFXAA=new u[\"a\"](p[\"a\"]),this.effectFXAA.uniforms[\"resolution\"].value.set(1/this.width,1/this.height),this.composer.addPass(this.effectFXAA)},loadModel:function(){var n=this,e=new a[\"a\"];e.load(\"/static/3DModel/sfz-lh.gltf\",(function(e){n.percent=100,n.scene.add(e.scene),document.getElementById(\"loading\").style.display=\"none\"}),(function(e){var t=Math.floor(e.loaded/e.total*100);t<96&&(n.percent=t)}),(function(n){}))},GUIControler:function(n){this.gui=new c[\"a\"],this.gui.domElement.style.right=\"0px\",this.gui.domElement.style.top=\"100px\",this.gui.domElement.style.width=\"300px\",this.gui.add(n.position,\"x\",-100,100).name(\"X坐标\").step(.1),this.gui.add(n.position,\"y\",-100,100).name(\"Y坐标\").step(.1),this.gui.add(n.position,\"z\",-100,100).name(\"Z坐标\").step(.1)},init:function(){var n=this,e=this.$refs.threeDBox;this.scene=new s[\"xb\"];var t=new s[\"Hb\"],o=new s[\"Cb\"](1e3,60,60),i=t.load(\"/static/3DModel/img/sky.png\"),a=new s[\"U\"]({map:i});o.scale(1,1,-1);var c=new s[\"T\"](o,a);this.scene.add(c),this.camera=new s[\"hb\"](30,this.width/this.height,1,3e3),this.camera.position.set(-82.3681,4.6218,.3505),this.camera.lookAt(0,0,0),this.loadModel();var d=new s[\"c\"](16777215,1);this.scene.add(d);var l=new s[\"o\"](16777215,2);l.position.set(80,100,50),this.scene.add(l);var h=[new s[\"U\"]({color:16777215,transparent:!0,opacity:1,side:s[\"t\"]}),new s[\"U\"]({map:(new s[\"Hb\"]).load(\"/static/3DModel/img/video.jpg\"),side:s[\"p\"]}),new s[\"U\"]({map:(new s[\"Hb\"]).load(\"/static/3DModel/img/video.jpg\"),side:s[\"p\"]})],f=new s[\"n\"](.15,.15,.05),u=new s[\"T\"](f,h);u.position.set(8.2,6.9,1.3),u.rotation.set(0,0,Math.PI/2,\"XZY\"),this.scene.add(u),this.GUIControler(u),this.renderer=new s[\"Qb\"]({antialias:!0}),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(this.width,this.height),this.renderer.outputColorSpace=s[\"vb\"],e.appendChild(this.renderer.domElement),this.controls=new r[\"a\"](this.camera,this.renderer.domElement),this.controls.target=new s[\"Nb\"],this.controls.minDistance=0,this.controls.maxDistance=200,this.autoRotate=!0,this.controls.update(),window.addEventListener(\"resize\",this.onWindowResize),this.renderer.domElement.addEventListener(\"click\",(function(e){var t=e.offsetX,o=e.offsetY,i=t/n.width*2-1,r=-o/n.height*2+1,a=new s[\"sb\"];a.setFromCamera(new s[\"Mb\"](i,r),n.camera);var c=a.intersectObject(n.scene,!0);c.length>0?(n.drop(),n.chooseObj=c[0].object,n.pick(n.chooseObj)):n.drop()})),this.addComposer(),setTimeout((function(){n.state=\"异常\"}),1e4)},drop:function(){this.outlinePass.selectedObjects=[]},pick:function(n){this.outlinePass.selectedObjects=[n]},onWindowResize:function(){this.camera.aspect=this.width/this.height,this.renderer.setSize(this.width,this.height),this.composer.setSize(this.width,this.height),this.camera.updateProjectionMatrix(),this.effectFXAA.uniforms[\"resolution\"].value.set(1/this.width,1/this.height)},animate:function(){this.animationId=requestAnimationFrame(this.animate),this.composer.render(this.scene,this.camera)},showData:function(){},removeEventListeners:function(){},destroyThreejs:function(){try{this.renderer.dispose(),this.renderer.forceContextLoss(),this.renderer.content=null;var n=this.renderer.domElement.getContext(\"webgl\");n&&n.getExtension(\"WEBGL_lose_context\")&&n.getExtension(\"WEBGL_lose_context\").loseContext(),this.renderer=null,this.camera=null,this.scene.traverse((function(n){n.material&&n.material.dispose(),n.geometry&&n.geometry.dispose(),n=null})),this.scene=null}catch(e){}}},beforeDestroy:function(){cancelAnimationFrame(this.animationId),this.removeEventListeners(),this.destroyThreejs(),this.gui.domElement.style.display=\"none\"}},m=A,w=(t(\"628c\"),t(\"2877\")),g=Object(w[\"a\"])(m,o,i,!1,null,\"4de42fc2\",null);e[\"default\"]=g.exports},\"93fc\":function(n,e,t){var o=t(\"2dc2\");\"string\"===typeof o&&(o=[[n.i,o,\"\"]]),o.locals&&(n.exports=o.locals);var i=t(\"499e\").default;i(\"4562593d\",o,!0,{sourceMap:!0,shadowMode:!1})}}]);","extractedComments":[]}