| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0b62f9"],{"1ba3":function(t,e,o){"use strict";o.r(e);var n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"flex flex-col h-screen"},[o("van-nav-bar",{attrs:{title:t.house.name+" "+t.building.name,"left-text":"返回","left-arrow":""},on:{"click-left":function(e){return t.$router.go(-1)}}}),o("div",{staticClass:"flex-1"},[o("div",{ref:"map",staticStyle:{width:"100%",height:"100%"}})])],1)},i=[],a=o("d696"),r=(o("e994"),o("fc89")),c=(o("1ae6"),o("c08f"),o("f8c2"),o("09ed"),o("4d38"),o("97ee")),s=o("f34f"),l=o("da7b"),u=o("72be"),f=o("fc9b"),h=o("15ea"),d=o("a31a"),g=o("93f7"),m=o("b91b"),w=o("019e"),b=o("c33f"),p=o("e93b"),x=o("88bb"),v=o("f1aa"),S=(o("8df8"),{components:Object(a["a"])({},r["a"].name,r["a"]),data:function(){return{imgx:0,imgy:0,building:{},house:{},floors:[],rooms:[],map:null,floorSource:new h["a"]({wrapX:!1}),roomSource:new h["a"]({wrapX:!1})}},mounted:function(){this.id=this.$route.params.id,this.getBuilding()},methods:{getHouse:function(){var t=this;Object(c["a"])("/houses/"+this.building.house_id).then((function(e){t.house=e.data})).catch((function(t){console.log(t)}))},getBuilding:function(){var t=this;Object(c["a"])("/building/"+this.id).then((function(e){t.building=e.data,t.init(),t.getFloors(),t.loadRoom(),t.getHouse()})).catch((function(t){console.log(t)}))},getFloors:function(){var t=this;Object(c["a"])("/floor/list",{building_id:this.id}).then((function(e){t.floors=e.data.list,t.setFloorSource()})).catch((function(t){console.log(t)}))},loadRoom:function(){var t=this;Object(c["a"])("/room/list").then((function(e){t.rooms=e.data.list,t.setRoomSource()})).catch((function(t){console.log(t)}))},init:function(){var t=this,e=new Image;e.src=this.building.elevation,e.onload=function(e){t.imgx=e.target.width,t.imgy=e.target.height,t.initMap()}},initMap:function(){var t=this,e=[0,0,this.imgx,this.imgy],o=new m["b"]({code:"xkcd-image",units:"pixels",extent:e}),n=new u["a"]({source:new d["a"]({url:this.building.elevation,projection:o,imageExtent:e})}),i=new f["a"]({source:this.floorSource}),a=new f["a"]({source:this.roomSource});this.map=new s["a"]({target:this.$refs["map"],layers:[n,i,a],view:new l["a"]({projection:o,center:Object(g["w"])(e),extent:e,showFullExtent:!0,zoom:1,maxZoom:18})}),this.map.on("click",(function(e){t.roomSource.getFeatures().forEach((function(t){t.getGeometry().intersectsCoordinate(e.coordinate)&&t.getId()}))}))},getFloorStyle:function(t){return new w["b"]({stroke:new b["a"]({color:"#E6A23C",width:2,lineDash:[10,6]}),fill:new p["a"]({color:"rgba(255,255,255,0.2)"}),text:new x["a"]({textAlign:"center",textBaseline:"middle",font:"normal 16px 微软雅黑",text:t,fill:new p["a"]({color:"rgba(0,0,0,0.6)"}),stroke:new b["a"]({color:"rgba(255,255,255,0.6)",width:2})})})},setFloorSource:function(){var t=this;this.floorSource.clear();var e=[];this.floors.forEach((function(o){var n=(new v["a"]).readFeature(o.shape);n&&(n.setStyle(t.getFloorStyle(o.name.toString())),n.setId(o.id),e.push(n))})),this.floorSource.addFeatures(e)},getRoomStyle:function(t){return new w["b"]({stroke:new b["a"]({color:"#1890ff",width:2,lineDash:[10,6]}),fill:new p["a"]({color:"rgba(255,255,255,0.2)"}),text:new x["a"]({textAlign:"center",textBaseline:"middle",font:"normal 16px 微软雅黑",text:t,fill:new p["a"]({color:"rgba(0,0,0,0.6)"}),stroke:new b["a"]({color:"rgba(255,255,255,0.6)",width:2})})})},setRoomSource:function(){var t=this;this.roomSource.clear();var e=[];this.rooms.forEach((function(o){var n=(new v["a"]).readFeature(o.shape);n&&(n.setStyle(t.getRoomStyle(o.name.toString())),n.setId(o.id),e.push(n))})),this.roomSource.addFeatures(e)}}}),y=S,F=o("cba8"),k=Object(F["a"])(y,n,i,!1,null,"420540a1",null);e["default"]=k.exports}}]);
|
