Compare commits
No commits in common. "26d3efd3462fa10b28d2d2ba13f456d21d985652" and "88bee2f2a0d99dbd2db4bea90fff2fbc4cb24a02" have entirely different histories.
26d3efd346
...
88bee2f2a0
|
@ -16,4 +16,4 @@ VUE_APP_ALL_MENU = false
|
||||||
# 微前端地址
|
# 微前端地址
|
||||||
VUE_APP_REMOTES_URL="http://119.45.158.12/common/"
|
VUE_APP_REMOTES_URL="http://119.45.158.12/common/"
|
||||||
# 当前应用部署地址
|
# 当前应用部署地址
|
||||||
VUE_APP_EXPOSES_URL="http://192.168.2.72:8081/"
|
VUE_APP_EXPOSES_URL=""
|
|
@ -1,19 +0,0 @@
|
||||||
|
|
||||||
#开发环境
|
|
||||||
NODE_ENV:"development"
|
|
||||||
# 页面标题
|
|
||||||
VUE_APP_TITLE = 汉邦唐消防训练基地
|
|
||||||
# 网关地址
|
|
||||||
VUE_APP_GATEWAY_URL="/dev-api"
|
|
||||||
# UE4服务地址
|
|
||||||
VUE_APP_PALYER_URL="192.168.1.66:8080"
|
|
||||||
# 服务地址
|
|
||||||
VUE_APP_BASE_API_URL="http://192.168.2.3:8081"
|
|
||||||
# 服务前-- 请严格遵守格式 不允许换行
|
|
||||||
VUE_APP_SERVICE_PREFIX= '{"knowledge":"/knowledge","system":"/system"}'
|
|
||||||
# 是否显示全部菜单
|
|
||||||
VUE_APP_ALL_MENU = false
|
|
||||||
# 微前端地址
|
|
||||||
VUE_APP_REMOTES_URL="http://119.45.158.12/common/"
|
|
||||||
# 当前应用部署地址
|
|
||||||
VUE_APP_EXPOSES_URL="http://192.168.2.72:8081/"
|
|
|
@ -5,7 +5,6 @@
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vue-cli-service serve --mode development",
|
"serve": "vue-cli-service serve --mode development",
|
||||||
"local": "vue-cli-service serve --mode developmentLocal --port 8084",
|
"local": "vue-cli-service serve --mode developmentLocal --port 8084",
|
||||||
"serveGY": "vue-cli-service serve --mode developmentGY",
|
|
||||||
"build": "vue-cli-service build --mode production",
|
"build": "vue-cli-service build --mode production",
|
||||||
"buildProdLocal": "vue-cli-service build --mode prodLocal",
|
"buildProdLocal": "vue-cli-service build --mode prodLocal",
|
||||||
"buildProd": "vue-cli-service build --mode prod",
|
"buildProd": "vue-cli-service build --mode prod",
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -4,8 +4,8 @@ import router from './router'
|
||||||
import store from './store'
|
import store from './store'
|
||||||
import ElementUI from 'element-ui';
|
import ElementUI from 'element-ui';
|
||||||
import 'element-ui/lib/theme-chalk/index.css';
|
import 'element-ui/lib/theme-chalk/index.css';
|
||||||
import SvgComponent from "hbt-common/components/common/svg.component.vue"
|
import SvgComponent from "hbt-common/components/svg.component.vue"
|
||||||
import EchartsComponent from "hbt-common/components/common/echarts.component.vue"
|
import EchartsComponent from "hbt-common/components/echarts.component.vue"
|
||||||
import "@/assets/common/icons";
|
import "@/assets/common/icons";
|
||||||
import 'animate.css';
|
import 'animate.css';
|
||||||
import Mock from "mockjs"
|
import Mock from "mockjs"
|
||||||
|
|
|
@ -8,9 +8,7 @@
|
||||||
<div class="text-con flex-0">
|
<div class="text-con flex-0">
|
||||||
{{ viewRightData.data.content }}
|
{{ viewRightData.data.content }}
|
||||||
</div>
|
</div>
|
||||||
<h3 v-show="viewRightData.data.dataList.length>0" class="sub-title flex-0">
|
<h3 v-show="viewRightData.data.dataList.length>0" class="sub-title flex-0">模拟火情</h3>
|
||||||
{{ viewRightData.data.type==='info'?'设施介绍':'模拟火情' }}
|
|
||||||
</h3>
|
|
||||||
<div class="right-view-list view-right">
|
<div class="right-view-list view-right">
|
||||||
<div class="right-view-item d-flex align-items-center" :class="activeItem === i?'flow-light-box':''" @click="clickItem(item,i)"
|
<div class="right-view-item d-flex align-items-center" :class="activeItem === i?'flow-light-box':''" @click="clickItem(item,i)"
|
||||||
v-for="(item,i) in viewRightData.data.dataList">
|
v-for="(item,i) in viewRightData.data.dataList">
|
||||||
|
|
|
@ -933,16 +933,6 @@ export const treeData = [
|
||||||
data: {
|
data: {
|
||||||
content: '油罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行油罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
|
content: '油罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行油罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
|
||||||
dataList: [
|
dataList: [
|
||||||
{
|
|
||||||
id: Mock.mock("@id"),
|
|
||||||
title: '外浮顶罐介绍',
|
|
||||||
remark: '外浮顶罐介绍',
|
|
||||||
type: 'video',
|
|
||||||
model: 'video',
|
|
||||||
img: require('@/assets/img/view/密封圈火.png'),
|
|
||||||
info: require('@/assets/video/外浮顶罐.mp4'),
|
|
||||||
content: '外浮顶罐介绍'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: Mock.mock("@id"),
|
id: Mock.mock("@id"),
|
||||||
rate: 1,
|
rate: 1,
|
||||||
|
@ -1456,16 +1446,6 @@ export const treeData = [
|
||||||
data: {
|
data: {
|
||||||
content: '气罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行气罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
|
content: '气罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行气罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
|
||||||
dataList: [
|
dataList: [
|
||||||
{
|
|
||||||
id: Mock.mock("@id"),
|
|
||||||
title: '球罐介绍',
|
|
||||||
remark: '球罐介绍',
|
|
||||||
type: 'video',
|
|
||||||
model: 'video',
|
|
||||||
img: require('@/assets/img/view/密封圈火.png'),
|
|
||||||
info: require('@/assets/video/球罐.mp4'),
|
|
||||||
content: '球罐介绍'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: Mock.mock("@id"),
|
id: Mock.mock("@id"),
|
||||||
rate: 1,
|
rate: 1,
|
||||||
|
@ -2180,36 +2160,8 @@ export const treeData = [
|
||||||
],
|
],
|
||||||
data: {
|
data: {
|
||||||
content: '模拟在密闭建筑物内发生火灾,消防员在高温、浓烟、高噪音的情况下进行火情侦察,寻找被困人员,救出被困人员,灭火抢险等战斗',
|
content: '模拟在密闭建筑物内发生火灾,消防员在高温、浓烟、高噪音的情况下进行火情侦察,寻找被困人员,救出被困人员,灭火抢险等战斗',
|
||||||
type:'info',
|
|
||||||
dataList: [
|
dataList: [
|
||||||
{
|
|
||||||
id: Mock.mock("@id"),
|
|
||||||
title: '常减压装置',
|
|
||||||
remark: '常减压装置',
|
|
||||||
type: 'video',
|
|
||||||
model: 'video',
|
|
||||||
img: require('@/assets/img/view/初馏塔回流罐顶火.png'),
|
|
||||||
info: require('@/assets/video/常减压装置.mp4'),
|
|
||||||
content: '常减压装置介绍'
|
|
||||||
},{
|
|
||||||
id: Mock.mock("@id"),
|
|
||||||
title: '化工工艺步骤',
|
|
||||||
remark: '化工工艺步骤',
|
|
||||||
type: 'video',
|
|
||||||
model: 'video',
|
|
||||||
img: require('@/assets/img/view/初馏塔回流罐顶火.png'),
|
|
||||||
info: require('@/assets/video/化工工艺步骤.mp4'),
|
|
||||||
content: '化工工艺步骤'
|
|
||||||
},{
|
|
||||||
id: Mock.mock("@id"),
|
|
||||||
title: '工艺流程',
|
|
||||||
remark: '工艺流程',
|
|
||||||
type: 'video',
|
|
||||||
model: 'video',
|
|
||||||
img: require('@/assets/img/view/初馏塔回流罐顶火.png'),
|
|
||||||
info: require('@/assets/video/工艺流程.mp4'),
|
|
||||||
content: '工艺流程'
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
children: []
|
children: []
|
||||||
|
|
|
@ -6,7 +6,7 @@ interface ActionResult<T> {
|
||||||
/**
|
/**
|
||||||
* message: 错误消息
|
* message: 错误消息
|
||||||
*/
|
*/
|
||||||
msg: string;
|
message: string;
|
||||||
/**
|
/**
|
||||||
* data: 数据
|
* data: 数据
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -61,24 +61,20 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
public showLoading = true
|
public showLoading = true
|
||||||
|
|
||||||
public viewLayer = {} as any;
|
public viewLayer = {} as any;
|
||||||
|
|
||||||
async created(){
|
async created(){
|
||||||
// this.currentLayers = this.getCurrentLayers();
|
// this.currentLayers = this.getCurrentLayers();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public upDateEventList(){
|
public upDateEventList(){
|
||||||
const eventList = MockData.getEventList().data
|
const eventList = MockData.getEventList().data
|
||||||
this.$store.commit("upDateEventList",eventList)
|
this.$store.commit("upDateEventList",eventList)
|
||||||
}
|
}
|
||||||
|
|
||||||
public getHiddenDangrous(){
|
public getHiddenDangrous(){
|
||||||
this.parkService.getHiddenDangrous().then((res:any)=>{
|
this.parkService.getHiddenDangrous().then((res:any)=>{
|
||||||
this.dataList["hidden-dangrous"] = res.data;
|
this.dataList["hidden-dangrous"] = res.data;
|
||||||
this.$store.commit("setHiddenDangrousList",res.data)
|
this.$store.commit("setHiddenDangrousList",res.data)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 地图初始化后
|
// 地图初始化后
|
||||||
public getMap(store: any) {
|
public getMap(store: any) {
|
||||||
this.player = store;
|
this.player = store;
|
||||||
|
@ -130,7 +126,6 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
},2000)
|
},2000)
|
||||||
},1000)
|
},1000)
|
||||||
}
|
}
|
||||||
|
|
||||||
//展示车辆详情
|
//展示车辆详情
|
||||||
emitCarPop(item){
|
emitCarPop(item){
|
||||||
this.resetMap();
|
this.resetMap();
|
||||||
|
@ -143,7 +138,6 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
},2000)
|
},2000)
|
||||||
},1000)
|
},1000)
|
||||||
}
|
}
|
||||||
|
|
||||||
closeCarPersonPop(){
|
closeCarPersonPop(){
|
||||||
this.currentCarPeople = null;
|
this.currentCarPeople = null;
|
||||||
}
|
}
|
||||||
|
@ -249,18 +243,15 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
)
|
)
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//定位坐标
|
//定位坐标
|
||||||
changePoint(item){
|
changePoint(item){
|
||||||
this.addWarnning(item)
|
this.addWarnning(item)
|
||||||
}
|
}
|
||||||
|
|
||||||
//关闭告警详情
|
//关闭告警详情
|
||||||
changeClose(){
|
changeClose(){
|
||||||
this.waringRightShow = false
|
this.waringRightShow = false
|
||||||
this.player.api.customObject.delete(this.currentWanning.id)
|
this.player.api.customObject.delete(this.currentWanning.id)
|
||||||
}
|
}
|
||||||
|
|
||||||
//进入自由导览
|
//进入自由导览
|
||||||
async showView (){
|
async showView (){
|
||||||
this.toggleAllPanel();
|
this.toggleAllPanel();
|
||||||
|
@ -280,7 +271,6 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
|
|
||||||
//todo 进入自由导览
|
//todo 进入自由导览
|
||||||
}
|
}
|
||||||
|
|
||||||
//展开导览右侧
|
//展开导览右侧
|
||||||
showViewRight(data){
|
showViewRight(data){
|
||||||
if(data.area){
|
if(data.area){
|
||||||
|
@ -295,9 +285,9 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
this.viewRightShow = true
|
this.viewRightShow = true
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
//右侧详情点击事件
|
//右侧详情点击事件
|
||||||
showDetail(item){
|
showDetail(item){
|
||||||
|
debugger
|
||||||
if(this.currentEvent){
|
if(this.currentEvent){
|
||||||
if(this.currentEvent.id === item.id){
|
if(this.currentEvent.id === item.id){
|
||||||
return
|
return
|
||||||
|
@ -309,7 +299,7 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
}
|
}
|
||||||
if(item.type === 'video'){
|
if(item.type === 'video'){
|
||||||
const currentData = (this.layerData.find(item=>item.value === "video")as any).data.find(items=>items.remark === item.title)
|
const currentData = (this.layerData.find(item=>item.value === "video")as any).data.find(items=>items.remark === item.title)
|
||||||
this.openVideo(currentData ?? item)
|
this.openVideo(currentData)
|
||||||
}else{
|
}else{
|
||||||
if(!this.viewLayer[item.id]){
|
if(!this.viewLayer[item.id]){
|
||||||
const data = [] as any;
|
const data = [] as any;
|
||||||
|
@ -369,10 +359,8 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
}
|
}
|
||||||
|
|
||||||
get showBackGround(){
|
get showBackGround(){
|
||||||
let flag = this.currentNav === 'view' && !this.viewRightShow
|
let flag = this.currentNav === 'view' && !this.viewRightShow
|
||||||
return flag?'none':''
|
return flag?'none':''
|
||||||
|
@ -410,7 +398,6 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
this.showPlay = true
|
this.showPlay = true
|
||||||
this.player.api.cameraTour.play(item.id)
|
this.player.api.cameraTour.play(item.id)
|
||||||
}
|
}
|
||||||
|
|
||||||
closeRight(){
|
closeRight(){
|
||||||
this.viewRightShow = false;
|
this.viewRightShow = false;
|
||||||
const dom = document.querySelector('div.is-current') as any;
|
const dom = document.querySelector('div.is-current') as any;
|
||||||
|
@ -423,15 +410,13 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
this.currentEvent = null;
|
this.currentEvent = null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//暂停继续
|
//暂停继续
|
||||||
playAction(type){
|
playAction(type){
|
||||||
this.player.api.cameraTour[type]()
|
this.player.api.cameraTour[type]()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开摄像头
|
// 打开摄像头
|
||||||
openVideo(item){
|
openVideo(item){
|
||||||
// this.resetMap();
|
this.resetMap();
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
// this.player.api.marker.focus(item.id,20,2)
|
// this.player.api.marker.focus(item.id,20,2)
|
||||||
if(item.model === 'video'){
|
if(item.model === 'video'){
|
||||||
|
@ -444,7 +429,7 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
<video src="${item.info}" controls style="width:100%" autoplay></video>
|
<video src="${item.info}" controls style="width:100%" autoplay></video>
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
}, 500)
|
},2000)
|
||||||
}else{
|
}else{
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
layer.open({
|
layer.open({
|
||||||
|
@ -463,16 +448,14 @@ export default class OverViewComponent extends BaseComponent {
|
||||||
>${item.info}</div></div>`
|
>${item.info}</div></div>`
|
||||||
|
|
||||||
})
|
})
|
||||||
|
},2000)
|
||||||
|
}
|
||||||
|
|
||||||
},1000)
|
},1000)
|
||||||
}
|
}
|
||||||
|
|
||||||
}, 100)
|
|
||||||
}
|
|
||||||
|
|
||||||
deactivated(){
|
deactivated(){
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
|
||||||
beforeDestory() {
|
beforeDestory() {
|
||||||
if (this.player) {
|
if (this.player) {
|
||||||
this.player = null
|
this.player = null
|
||||||
|
|
Loading…
Reference in New Issue