|
|
@@ -15,10 +15,11 @@
|
|
|
v-show="isFold"
|
|
|
@click="activeEvent(item.name)"
|
|
|
>
|
|
|
- <img :src="item.imgUrl" />
|
|
|
+ <img v-if="item.name == '数据面板'" :src="dataPanelImg" />
|
|
|
+ <img v-else :src="item.imgUrl" />
|
|
|
</div>
|
|
|
<div class="list-item" :title="'工具栏'" @click="isFold = !isFold">
|
|
|
- <img :src="unfoldUrl" />
|
|
|
+ <img :src="!isFold ? unfoldUrl : foldUrl" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="roam-panel" v-show="isRoaming">
|
|
|
@@ -41,6 +42,7 @@ const viewMemoryType = {
|
|
|
@Component({ name: 'ToolBox', components: { ViewManagement } })
|
|
|
export default class ToolBox extends Vue {
|
|
|
toolList: Array<any> = [
|
|
|
+ { name: '数据面板' },
|
|
|
{ imgUrl: require('@/views/groupPage/images/工具栏/基础地图.png'), name: '基础地图' },
|
|
|
{ imgUrl: require('@/views/groupPage/images/工具栏/初始范围.png'), name: '初始范围' },
|
|
|
{ imgUrl: require('@/views/groupPage/images/工具栏/俯视.png'), name: '俯视' },
|
|
|
@@ -50,7 +52,9 @@ export default class ToolBox extends Vue {
|
|
|
// { imgUrl: require('@/views/groupPage/images/工具栏/图片.png'), name: '截图' },
|
|
|
// { imgUrl: require('@/views/groupPage/images/工具栏/鹰眼.png'), name: '鹰眼' }
|
|
|
]
|
|
|
+ dataPanelImg = null
|
|
|
unfoldUrl = require('@/views/groupPage/images/工具栏/展开.png')
|
|
|
+ foldUrl = require('@/views/groupPage/images/工具栏/收起.png')
|
|
|
isFold: boolean = false
|
|
|
isRoaming: boolean = false //漫游面板
|
|
|
g_preViews = [] //前一视图
|
|
|
@@ -63,18 +67,28 @@ export default class ToolBox extends Vue {
|
|
|
get isInitViewer() {
|
|
|
return this.$store.state.bigScreen.isInitViewer
|
|
|
}
|
|
|
+ get isDataPanelShow() {
|
|
|
+ return this.$store.state.bigScreen.currentActive
|
|
|
+ }
|
|
|
@Watch('isInitViewer')
|
|
|
onChangeMethod() {
|
|
|
this.viewer = (window as any).viewer
|
|
|
this.cameraMoveEvent()
|
|
|
}
|
|
|
+ @Watch('isDataPanelShow', { immediate: true })
|
|
|
+ onShowMethod(n) {
|
|
|
+ if (n != '') {
|
|
|
+ this.dataPanelImg = require('@/views/groupPage/images/工具栏/收起-面板.png')
|
|
|
+ } else {
|
|
|
+ this.dataPanelImg = require('@/views/groupPage/images/工具栏/展开-面板.png')
|
|
|
+ }
|
|
|
+ }
|
|
|
mounted() {
|
|
|
let target = this.$refs['widget-ToolBox'] as any
|
|
|
target.style.setProperty('--right', '2.291667rem')
|
|
|
}
|
|
|
activeEvent(type) {
|
|
|
- var id = type
|
|
|
- switch (id) {
|
|
|
+ switch (type) {
|
|
|
case '初始范围':
|
|
|
this.initPosition()
|
|
|
break
|
|
|
@@ -90,6 +104,16 @@ export default class ToolBox extends Vue {
|
|
|
case '漫游':
|
|
|
this.roaming()
|
|
|
break
|
|
|
+ case '数据面板':
|
|
|
+ this.activePanel()
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ activePanel() {
|
|
|
+ if (this.$store.state.bigScreen.currentActive != '') {
|
|
|
+ this.$store.state.bigScreen.currentActive = ''
|
|
|
+ } else {
|
|
|
+ this.$store.state.bigScreen.currentActive = 'ProjectPanoramic'
|
|
|
}
|
|
|
}
|
|
|
//初始位置
|