guangyin
/
hbt-training-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: guangyin:8ea6b03bc590f287ee0342209ea02dc322ac8553
Branches Tags
guangyin:master
guangyin:guangyin
guangyin:wuyanfu
..
compare: guangyin:dc0a11a501a75b2e8515a92e37e506cba14ccefb
Branches Tags
guangyin:master
guangyin:guangyin
guangyin:wuyanfu

No commits in common. "8ea6b03bc590f287ee0342209ea02dc322ac8553" and "dc0a11a501a75b2e8515a92e37e506cba14ccefb" have entirely different histories.
8ea6b03bc5 ... dc0a11a501

6 changed files with 34 additions and 93 deletions
Show Stats Expand all files Collapse all files

4
src/assets/style/pageCommon.component.scss
View File

@ -3115,7 +3115,3 @@ svg.loading-icon {
}
}
}
.close-style{
font-size: 14px;
cursor: pointer;
}

10
src/components/view/right/viewRight.component.html
View File

@ -1,8 +1,7 @@
<div class="env-right emergency-part">
<div class="view-right-title d-flex is-justify-space-between align-items-center flex-0">
<span>{{viewRightData.label}}</span>
<span @click="closeRight" class="close-style"><i class="el-icon-close"></i>关闭</span>
<div class="view-right-title flex-0">
{{viewRightData.label}}
</div>
<h3 class="sub-title flex-0">训练内容</h3>
<div class="text-con flex-0">
@ -11,9 +10,8 @@
<h3 class="sub-title flex-0">模拟火情</h3>
<div class="right-view-list">
<div class="right-view-item d-flex align-items-center" @click="showDetail(item)" v-for="(item,i) in viewRightData.data.dataList">
<!-- <img v-if="1%2 === 0" src="~@/assets/img/view/fire.png" alt="">
<img v-else src="~@/assets/img/view/fire2.png" alt="">-->
<img :src="item.img" alt="">
<img v-if="1%2 === 0" src="~@/assets/img/view/fire.png" alt="">
<img v-else src="~@/assets/img/view/fire2.png" alt="">
<div>
<p>{{item.title}}</p>
<div class="d-flex align-items-center right-sub-text">

5
src/components/view/right/viewRight.component.ts
View File

@ -25,11 +25,6 @@ export default class ViewRightComponent extends Vue {
showDetail(item){
//
}
//关闭右侧
@Emit('closeRight')
closeRight(item){
//
}
mounted() {

98
src/mock/treeData.ts
View File

@ -1,8 +1,5 @@
const img1 = require('@/assets/img/view/fire.png')
const img2 = require('@/assets/img/view/fire2.png')
import Mock from "mockjs"
export const treeData = [
{
id: Mock.mock("@id"),
@ -21,9 +18,7 @@ export const treeData = [
3692443.52,
47.9283447265625
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}, {
id: Mock.mock("@id"),
rate: 2,
@ -34,7 +29,6 @@ export const treeData = [
3692452.8000000003,
21.751074218750002
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}, {
@ -55,7 +49,6 @@ export const treeData = [
3692580.8000000003,
21.94720703125
]],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}, {
@ -68,7 +61,6 @@ export const treeData = [
3692514.24,
13.2171923828125
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}, {
@ -81,7 +73,6 @@ export const treeData = [
3692601.6,
2.3062506103515625
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}
@ -109,10 +100,7 @@ export const treeData = [
11660769.28,
3692443.52,
67.69076171875
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 2,
@ -122,10 +110,7 @@ export const treeData = [
11660674.56,
3692452.8000000003,
21.751074218750002
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -143,10 +128,7 @@ export const treeData = [
11660860.16,
3692580.8000000003,
21.94720703125
]],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]]
}, {
id: Mock.mock("@id"),
rate: 3,
@ -156,10 +138,7 @@ export const treeData = [
11661059.84,
3692514.24,
13.2171923828125
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -169,11 +148,13 @@ export const treeData = [
11661043.200000001,
3692599.68,
9.2683056640625
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}
]
}, {
id: Mock.mock("@id"),
rate: 2,
title: '顶层沸溢火',
point: '5',
},
]
},
children: []
@ -191,10 +172,7 @@ export const treeData = [
11660769.28,
3692443.52,
67.69076171875
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 2,
@ -204,10 +182,7 @@ export const treeData = [
11660674.56,
3692452.8000000003,
21.751074218750002
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -225,10 +200,7 @@ export const treeData = [
11660860.16,
3692580.8000000003,
21.94720703125
]],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]]
}, {
id: Mock.mock("@id"),
rate: 3,
@ -238,10 +210,7 @@ export const treeData = [
11661059.84,
3692514.24,
13.2171923828125
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -251,11 +220,13 @@ export const treeData = [
11661043.200000001,
3692599.68,
9.2683056640625
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
}
]
}, {
id: Mock.mock("@id"),
rate: 2,
title: '顶层沸溢火',
point: '5',
},
]
},
children: []
@ -277,10 +248,7 @@ export const treeData = [
11660769.28,
3692443.52,
67.69076171875
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 2,
@ -290,10 +258,7 @@ export const treeData = [
11660674.56,
3692452.8000000003,
21.751074218750002
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -311,10 +276,7 @@ export const treeData = [
11660860.16,
3692580.8000000003,
21.94720703125
]],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]]
}, {
id: Mock.mock("@id"),
rate: 3,
@ -324,10 +286,7 @@ export const treeData = [
11661059.84,
3692514.24,
13.2171923828125
],
img:img2,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
}, {
id: Mock.mock("@id"),
rate: 4,
@ -337,10 +296,7 @@ export const treeData = [
11661043.200000001,
3692599.68,
9.2683056640625
],
img:img1,
content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
]
},
]
},

4
src/views/overview.component.html
View File

@ -1,6 +1,6 @@
<div class="overview-container">
<!--<MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>-->
<MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>
<div class="bg-box left animate__animated">
<div class="panel-container">
@ -19,7 +19,7 @@
<HomeRightComponent v-if="currentNav === 'home'"
class="animate__animated animate__fadeInRight"></HomeRightComponent>
<!-- 导览-->
<ViewRightComponent @closeRight="closeRight" :viewRightData="viewRightData" @showDetail="showDetail" v-if="currentNav === 'view' && viewRightShow" class="animate__animated animate__fadeInLeft"></ViewRightComponent>
<ViewRightComponent :viewRightData="viewRightData" @showDetail="showDetail" v-if="currentNav === 'view' && viewRightShow" class="animate__animated animate__fadeInLeft"></ViewRightComponent>
<!-- 运营管理-->
<ManageRightComponent v-if="currentNav === 'manage'" class="animate__animated animate__fadeInLeft"></ManageRightComponent>
</div>

6
src/views/overview.component.ts
View File

@ -214,7 +214,7 @@ export default class OverViewComponent extends BaseComponent {
urls:[],
ids:[],
data,
}
this.currentEvent = item;
}else{
@ -261,10 +261,6 @@ export default class OverViewComponent extends BaseComponent {
console.log(item)
this.player.api.cameraTour.play(item.id)
}
closeRight(){
this.viewRightShow = false
console.log('关闭右侧')
}
deactivated(){
console.log(123)