diff --git a/src/components/view/right/viewRight.component.ts b/src/components/view/right/viewRight.component.ts
index 254414a..678455e 100644
--- a/src/components/view/right/viewRight.component.ts
+++ b/src/components/view/right/viewRight.component.ts
@@ -1,4 +1,4 @@
-import {Component, Emit, Vue} from 'vue-property-decorator';
+import {Component, Emit, Prop, Vue} from 'vue-property-decorator';
import template from "./viewRight.component.html"
import {lineChartData,radarChartData} from "./chartData";
import TitleComponent from "@/components/title.component.vue"
@@ -17,34 +17,8 @@ Component.registerHooks([
},
})
export default class ViewRightComponent extends Vue {
+ @Prop({default:{}}) viewRightData!:any
- tableData = [
- {
- rate:3,
- title:'顶层沸溢火',
- point:'5',
- },{
- rate:4,
- title:'顶层沸溢火',
- point:'5',
- },{
- rate:2,
- title:'顶层沸溢火',
- point:'5',
- },{
- rate:3,
- title:'顶层沸溢火',
- point:'5',
- },{
- rate:4,
- title:'顶层沸溢火',
- point:'5',
- },{
- rate:2,
- title:'顶层沸溢火',
- point:'5',
- },
- ]
//训练内容详情
@Emit('showDetail')
diff --git a/src/mock/treeData.ts b/src/mock/treeData.ts
new file mode 100644
index 0000000..f6f7b56
--- /dev/null
+++ b/src/mock/treeData.ts
@@ -0,0 +1,305 @@
+import Mock from "mockjs"
+
+export const treeData = [
+ {
+ id: Mock.mock("@id"),
+ label: '技能训练设施',
+ type: 'skill',
+ data: {
+ content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+ dataList: [
+ {
+ id: Mock.mock("@id"),
+ rate: 1,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660769.28,
+ 3692443.52,
+ 67.69076171875
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660674.56,
+ 3692452.8000000003,
+ 21.751074218750002
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '顶层沸溢火',
+ point: '3',
+ position: [[
+ 11660930.56,
+ 3692587.52,
+ 21.947177734375
+ ],[
+ 11660902.4,
+ 3692583.68,
+ 21.947197265625
+ ],[
+ 11660860.16,
+ 3692580.8000000003,
+ 21.94720703125
+ ]]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 3,
+ title: '罐体火灾',
+ point: '5',
+ position: [
+ 11661059.84,
+ 3692514.24,
+ 13.2171923828125
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '油罐车爆炸',
+ point: '5',
+ position: [
+ 11661043.200000001,
+ 3692599.68,
+ 9.2683056640625
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '5',
+ },
+ ]
+ },
+
+ children: []
+ }, {
+ label: '灾害事故处置训练设施',
+ type: 'fire',
+ children: [{
+ label: '火灾扑救训练设',
+ children: [
+ {
+ label: '综合训练楼',
+ data: {
+ content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+ dataList: [
+ {
+ id: Mock.mock("@id"),
+ rate: 1,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660769.28,
+ 3692443.52,
+ 67.69076171875
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660674.56,
+ 3692452.8000000003,
+ 21.751074218750002
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '顶层沸溢火',
+ point: '3',
+ position: [[
+ 11660930.56,
+ 3692587.52,
+ 21.947177734375
+ ],[
+ 11660902.4,
+ 3692583.68,
+ 21.947197265625
+ ],[
+ 11660860.16,
+ 3692580.8000000003,
+ 21.94720703125
+ ]]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 3,
+ title: '罐体火灾',
+ point: '5',
+ position: [
+ 11661059.84,
+ 3692514.24,
+ 13.2171923828125
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '油罐车爆炸',
+ point: '5',
+ position: [
+ 11661043.200000001,
+ 3692599.68,
+ 9.2683056640625
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '5',
+ },
+ ]
+ },
+ children: []
+ }, {
+ label: '化工装置火灾事故处置训练设施',
+ data: {
+ content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+ dataList: [
+ {
+ id: Mock.mock("@id"),
+ rate: 1,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660769.28,
+ 3692443.52,
+ 67.69076171875
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660674.56,
+ 3692452.8000000003,
+ 21.751074218750002
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '顶层沸溢火',
+ point: '3',
+ position: [[
+ 11660930.56,
+ 3692587.52,
+ 21.947177734375
+ ],[
+ 11660902.4,
+ 3692583.68,
+ 21.947197265625
+ ],[
+ 11660860.16,
+ 3692580.8000000003,
+ 21.94720703125
+ ]]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 3,
+ title: '罐体火灾',
+ point: '5',
+ position: [
+ 11661059.84,
+ 3692514.24,
+ 13.2171923828125
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '油罐车爆炸',
+ point: '5',
+ position: [
+ 11661043.200000001,
+ 3692599.68,
+ 9.2683056640625
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '5',
+ },
+ ]
+ },
+ children: []
+ }
+ ]
+ }]
+ }, {
+ label: '战勤保障训练设施',
+ type: 'safeguard',
+ data: {
+ content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+ dataList: [
+ {
+ id: Mock.mock("@id"),
+ rate: 1,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660769.28,
+ 3692443.52,
+ 67.69076171875
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '1',
+ position: [
+ 11660674.56,
+ 3692452.8000000003,
+ 21.751074218750002
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '顶层沸溢火',
+ point: '3',
+ position: [[
+ 11660930.56,
+ 3692587.52,
+ 21.947177734375
+ ],[
+ 11660902.4,
+ 3692583.68,
+ 21.947197265625
+ ],[
+ 11660860.16,
+ 3692580.8000000003,
+ 21.94720703125
+ ]]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 3,
+ title: '罐体火灾',
+ point: '5',
+ position: [
+ 11661059.84,
+ 3692514.24,
+ 13.2171923828125
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 4,
+ title: '油罐车爆炸',
+ point: '5',
+ position: [
+ 11661043.200000001,
+ 3692599.68,
+ 9.2683056640625
+ ]
+ }, {
+ id: Mock.mock("@id"),
+ rate: 2,
+ title: '顶层沸溢火',
+ point: '5',
+ },
+ ]
+ },
+ children: []
+ }]
diff --git a/src/views/overview.component.html b/src/views/overview.component.html
index 1642a95..db900e6 100644
--- a/src/views/overview.component.html
+++ b/src/views/overview.component.html
@@ -7,7 +7,7 @@
-
+
@@ -19,7 +19,7 @@
-
+
diff --git a/src/views/overview.component.ts b/src/views/overview.component.ts
index 8dcb49d..8861169 100644
--- a/src/views/overview.component.ts
+++ b/src/views/overview.component.ts
@@ -38,6 +38,7 @@ export default class OverViewComponent extends BaseComponent {
// 是否隐藏除地图外所有板块
public hideAllPanel = false;
+ public viewRightData = {};
async created(){
// this.currentLayers = this.getCurrentLayers();
}
@@ -158,7 +159,8 @@ export default class OverViewComponent extends BaseComponent {
//todo 进入自由导览
}
//展开导览右侧
- showViewRight(){
+ showViewRight(data){
+ this.viewRightData = data
if (this.viewRightShow){
this.viewRightShow = false
setTimeout(()=>{
@@ -166,11 +168,12 @@ export default class OverViewComponent extends BaseComponent {
})
}else{
this.viewRightShow = true
+
}
}
//右侧详情点击事件
showDetail(item){
- console.log('右侧详情点击事件')
+ console.log('右侧详情点击事件',item)
}
mounted() {
console.log(2)
@@ -201,7 +204,11 @@ export default class OverViewComponent extends BaseComponent {
return layers
}
-
+ //进入路线导览
+ playView(item){
+ this.toggleAllPanel()
+ console.log('进入路线导览',item)
+ }
deactivated(){
console.log(123)
自由导览
+ 
+ 
-