| | |
| | | }, |
| | | |
| | | mounted() { |
| | | this.initStart() |
| | | this.$nextTick(() => { |
| | | this.initStart() |
| | | }) |
| | | |
| | | // this.$refs.datePick.focus() |
| | | // this.getDate() |
| | | // this.flyData() |
| | |
| | | const that = this |
| | | if (!res) { |
| | | that.map = new BMapGL.Map('map_container') |
| | | console.log('BMap', BMap) |
| | | console.log('BMapGL', BMapGL) |
| | | console.log('BMapGL', BMapGL) |
| | | console.log('window', window.BMapGL) |
| | | that.map.enableScrollWheelZoom(true) // 开启鼠标滚轮,地图可以进行放大、缩小s |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" > |
| | | <style lang="scss" scoped> |
| | | .main-container { |
| | | display: -webkit-box; |
| | | display: -ms-flexbox; |
| | | display: flex; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-box-direction: normal; |
| | | -ms-flex-flow: column; |
| | | flex-flow: column; |
| | | min-height: 100%; |
| | | -webkit-transition: margin-left .28s; |
| | | transition: margin-left .28s; |
| | | margin-left: 210px; |
| | | position: relative; |
| | | height: 100%; |
| | | } |
| | | /deep/.BMap_cpyCtrl { |
| | | display: none; |
| | | } |
| | |
| | | /deep/.inputNum { |
| | | width: 4% !important; |
| | | } |
| | | .dateArrClass { |
| | | position: relative; |
| | | } |
| | | .dateArrClass > div ::after { |
| | | content: ''; |
| | | position: absolute; |
| | | right: 8px; |
| | | top: 23px; |
| | | width: 5px; |
| | | height: 5px; |
| | | border-radius: 50%; |
| | | z-index: 999; |
| | | background-color: #f40; |
| | | } |
| | | |
| | | .numss { |
| | | width: 700px; |
| | | background-color: white; |
| | |
| | | width: 20%; |
| | | } |
| | | } |
| | | .jlpMySelectPopper.el-picker-panel { |
| | | width: 280px; |
| | | height: 330px; |
| | | } |
| | | .jlpMySelectPopper.el-date-picker table { |
| | | width: 88%; |
| | | } |
| | | |
| | | .BMap_cpyCtrl { |
| | | display: none; |
| | | } |
| | |
| | | overflow-x: hidden; |
| | | } |
| | | </style> |
| | | <style > |
| | | .jlpMySelectPopper.el-picker-panel { |
| | | width: 280px; |
| | | height: 330px; |
| | | } |
| | | .jlpMySelectPopper.el-date-picker table { |
| | | width: 88%; |
| | | } |
| | | .dateArrClass { |
| | | position: relative; |
| | | } |
| | | .dateArrClass > div ::after { |
| | | content: ''; |
| | | position: absolute; |
| | | right: 8px; |
| | | top: 23px; |
| | | width: 5px; |
| | | height: 5px; |
| | | border-radius: 50%; |
| | | z-index: 999; |
| | | background-color: #f40; |
| | | } |
| | | </style> |