| | |
| | | name: 'campusBuildingSearch', |
| | | data () { |
| | | return { |
| | | DC: null, |
| | | shortcutList: [ |
| | | { |
| | | bgimg: '/img/search/org.png', |
| | |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | | 'viewer', |
| | | // 校区内导航的显示关闭 |
| | | 'campusNavFlag', |
| | | 'orgNavBarFlag', |
| | | 'arcNavBarFlag' |
| | | 'arcNavBarFlag', |
| | | 'twoOrThree' |
| | | ]) |
| | | }, |
| | | created () { |
| | | this.DC = global.DC |
| | | }, |
| | | methods: { |
| | | coordinate (item) { |
| | | const arr = item.split(',') |
| | | |
| | | return { |
| | | lng: arr[0], |
| | | lat: arr[1] |
| | | } |
| | | }, |
| | | |
| | | searchValueChange () { |
| | | if (this.searchInput == '') { |
| | | this.searchValList = [] |
| | |
| | | loadPopup (param) { |
| | | var that = this |
| | | |
| | | let obj = {} |
| | | |
| | | if (param.x && param.x != '') { |
| | | const position = this.coordinate(param.x) |
| | | obj = { |
| | | lng: position.lng, lat: position.lat |
| | | } |
| | | } else { |
| | | obj = { |
| | | lng: param.longitude, lat: param.latitude |
| | | } |
| | | } |
| | | |
| | | that.searchInput = '' |
| | | that.searchValList = [] |
| | | that.searchValShow = false |
| | |
| | | |
| | | this.$store.commit('SET_POPUPBGURL', imgArr[0]) |
| | | this.$store.commit('SET_POPUPQRURL', param.codeurl) |
| | | this.$store.commit('SET_POINTPOSITION', [ |
| | | Number(param.jd), |
| | | Number(param.wd), |
| | | Number(param.gd), |
| | | Number(param.heading), |
| | | Number(param.pitch), |
| | | Number(param.roll) |
| | | ]) |
| | | |
| | | this.$store.commit('SET_STATENAME', param.mechanismname) |
| | | this.$store.commit('SET_SITENAME', param.address) |
| | | this.$store.commit('SET_TELEPHONE', param.telephone) |
| | |
| | | this.$store.commit('SET_LIVELIST', []) |
| | | } |
| | | |
| | | this.newPopup(param) |
| | | this.viewer.flyToPosition( |
| | | new this.DC.Position( |
| | | Number(param.jd), |
| | | Number(param.wd), |
| | | 300, |
| | | this.newPopup(param, obj) |
| | | if (this.twoOrThree == '三 维') { |
| | | this.$store.commit('SET_POINTPOSITION', [ |
| | | Number(obj.lng), |
| | | Number(obj.lat), |
| | | Number(param.gd), |
| | | Number(param.heading), |
| | | Number(param.pitch), |
| | | Number(param.roll) |
| | | ), |
| | | () => { }, |
| | | 0.5 |
| | | ) |
| | | ]) |
| | | |
| | | global.viewer.flyToPosition( |
| | | new global.DC.Position( |
| | | Number(obj.lng), |
| | | Number(obj.lat), |
| | | 300, |
| | | Number(param.heading), |
| | | Number(param.pitch), |
| | | Number(param.roll) |
| | | ), |
| | | () => { }, |
| | | 0.5 |
| | | ) |
| | | } else { |
| | | this.$store.commit('SET_POINTPOSITION', [ |
| | | Number(param.jd), |
| | | Number(param.wd), |
| | | Number(50), |
| | | Number(param.heading), |
| | | Number(param.pitch), |
| | | Number(param.roll) |
| | | ]) |
| | | |
| | | global.viewer.flyToPosition( |
| | | new global.DC.Position( |
| | | Number(param.jd), |
| | | Number(param.wd), |
| | | 300, |
| | | Number(param.heading), |
| | | Number(param.pitch), |
| | | Number(param.roll) |
| | | ), |
| | | () => { }, |
| | | 0.5 |
| | | ) |
| | | } |
| | | }, |
| | | |
| | | newPopup (item) { |
| | | const position = this.DC.Transform.transformWGS84ToCartesian( |
| | | new this.DC.Position(Number(item.jd), Number(item.wd), Number(item.gd)) |
| | | ) |
| | | newPopup (item, obj) { |
| | | let position |
| | | if (this.twoOrThree == '三 维') { |
| | | position = global.DC.Transform.transformWGS84ToCartesian( |
| | | new global.DC.Position(Number(obj.lng), Number(obj.lat), Number(item.gd)) |
| | | ) |
| | | } else { |
| | | position = global.DC.Transform.transformWGS84ToCartesian( |
| | | new global.DC.Position(Number(item.jd), Number(item.wd), Number(50)) |
| | | ) |
| | | } |
| | | |
| | | // eslint-disable-next-line no-unused-vars |
| | | var popup = new this.DC.DivForms(this.viewer, { |
| | | var popup = new global.DC.DivForms(global.viewer, { |
| | | domId: 'divFormsDomBox', |
| | | position: [position] |
| | | }) |
| | |
| | | } |
| | | |
| | | .map-campus-shortcut { |
| | | margin-top: 20px; |
| | | margin-top: 40px; |
| | | width: 100%; |
| | | // height: 330px; |
| | | height: auto; |
| | |
| | | border-radius: 5px; |
| | | |
| | | .shortcut-box { |
| | | padding-top: 36px; |
| | | height: auto; |
| | | ul { |
| | | display: flex; |
| | | width: 100%; |
| | | height: auto; |
| | | justify-content: flex-start; |
| | | // justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | |
| | | li { |
| | | margin: 0 13px; |
| | | width: 84px; |
| | | height: 76px; |
| | | margin: 22.5px 0 0 22.5px; |
| | | width: 80px; |
| | | height: 70px; |
| | | |
| | | .el-button { |
| | | width: 80px; |
| | |
| | | border: 1px solid #000; |
| | | } |
| | | } |
| | | |
| | | li:last-child { |
| | | margin-bottom: 22.5px; |
| | | } |
| | | } |
| | | } |
| | | } |