631 lines
25 KiB
Vue
631 lines
25 KiB
Vue
<template>
|
|
<div class="main" :style="{width: canvasWidth+'px'}" @mousemove="mousemove">
|
|
<Jl3d-Drive v-show="drivingShow" ref="Jl3dDrive" :panel-show="drivingShow" @showdriving="showdriving" />
|
|
<Jl3d-Maintainer v-if="jl3dmaintainershow" @back="back" />
|
|
<ibp-plate v-show="ibpShow" ref="ibpPlate" @hideIbp="hideIbp" />
|
|
<div v-show="panelShow" :panelShow="panelShow">
|
|
<transition name="el-zoom-in-bottom">
|
|
<map-system-draft ref="mapCanvas" @back="back" />
|
|
</transition>
|
|
|
|
<menu-demon-joint
|
|
ref="demonMenu"
|
|
:group="group"
|
|
:data-error="dataError"
|
|
:user-role="userRole"
|
|
:device-code="deviceCode"
|
|
:countdown-time="countdownTime"
|
|
@getUserRole="getUserRole"
|
|
@hidepanel="hidepanel"
|
|
@showIbp="showIbp"
|
|
@startCounting="startCounting"
|
|
@hidejl3dcctv="hidejl3dcctv"
|
|
/>
|
|
<menu-demon-schema
|
|
ref="menuSchema"
|
|
:group="group"
|
|
:offset="offset"
|
|
:user-role="userRole"
|
|
:show-station="showStation"
|
|
:station-list="stationList"
|
|
:show-select-station="showSelectStation"
|
|
:data-error="dataError"
|
|
@runPlanLoadShow="runPlanLoadShow"
|
|
@runPlanViewShow="runPlanViewShow"
|
|
@faultChooseShow="faultChooseShow"
|
|
@switchStationMode="switchStationMode"
|
|
/>
|
|
<join-fault-choose ref="faultChoose" :group="group" :offset="offset" />
|
|
<join-run-plan-Load ref="runPlanLoad" :group="group" />
|
|
<join-run-plan-view ref="runPlanView" :group="group" />
|
|
<menu-system-time ref="menuSystemTime" :offset="offset" :group="group" :right="right" />
|
|
<menu-train-list v-if="prdType=='02'" @setCenter="setCenter" />
|
|
<js-question v-if="project==='jsxt'" :offset="offset" :question-list="questionList" />
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import MapSystemDraft from '@/views/newMap/mapsystemNew/index';
|
|
import MenuDemonJoint from './menuDemon';
|
|
import MenuDemonSchema from './menuSchema';
|
|
import JsQuestion from './jsQuestion';
|
|
import JoinFaultChoose from '@/views/newMap/displayNew/demon/faultChoose';
|
|
import JoinRunPlanLoad from '@/views/newMap/displayNew/demon/runPlanLoad';
|
|
import JoinRunPlanView from '@/views/newMap/displayNew/demon/runPlanView';
|
|
import menuSystemTime from '@/views/newMap/displayNew/menuSystemTime';
|
|
import IbpPlate from '@/views/ibp/ibpsystem/index';
|
|
import MenuTrainList from './menuTrainList';
|
|
import { mapGetters } from 'vuex';
|
|
import { OperateMode, TrainingMode } from '@/scripts/ConstDic';
|
|
import { checkLoginLine } from '@/api/login';
|
|
import { loadNewMapDataByGroup } from '@/utils/loaddata';
|
|
import { getUserRolesNew, deljointTrainRoomNew} from '@/api/jointTraining';
|
|
import { clearSimulation, getSimulationInfoNew } from '@/api/simulation';
|
|
import {getRaceUserById, getTestPaperDatail} from '@/api/competition';
|
|
import { getSessionStorage } from '@/utils/auth';
|
|
import Jl3dDrive from '@/views/jlmap3d/drive/jl3ddrive';
|
|
import Jl3dMaintainer from '@/views/jlmap3d/maintainer/jl3dmaintainer';
|
|
import { EventBus } from '@/scripts/event-bus';
|
|
import ibpData from '@/ibp/constant/ibpData';
|
|
import { timeFormat } from '@/utils/date';
|
|
import { Message } from 'element-ui';
|
|
import Vue from 'vue';
|
|
import localStore from 'storejs';
|
|
|
|
export default {
|
|
name: 'JointTrainingDraft',
|
|
components: {
|
|
MapSystemDraft,
|
|
MenuDemonJoint,
|
|
MenuDemonSchema,
|
|
JoinFaultChoose,
|
|
JoinRunPlanLoad,
|
|
JoinRunPlanView,
|
|
MenuTrainList,
|
|
menuSystemTime,
|
|
Jl3dDrive,
|
|
Jl3dMaintainer,
|
|
IbpPlate,
|
|
JsQuestion
|
|
},
|
|
data() {
|
|
return {
|
|
trainingObj: {},
|
|
checkLine: null,
|
|
timeDemonNum: 0,
|
|
offset: 10,
|
|
mouseNum: 1,
|
|
ierval: null,
|
|
mouseNumTime: 0,
|
|
mapBoxP: null,
|
|
userRole: '',
|
|
deviceCode: '',
|
|
group: '',
|
|
mapId: '',
|
|
lineCode: '',
|
|
simulationShow: false,
|
|
drivingShow: false,
|
|
jl3dmaintainershow:false,
|
|
ibpShow: false,
|
|
panelShow: true,
|
|
ibpPart: '',
|
|
showStation: '',
|
|
stationList: [],
|
|
showSelectStation: false,
|
|
mapViewLoadedOver: false,
|
|
dataError: false,
|
|
countdownTime: '00:00:00',
|
|
practicalTime: 0,
|
|
countdown: null,
|
|
questionList: [],
|
|
practicalExamTime: 0
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters([
|
|
'canvasWidth',
|
|
'canvasHeight'
|
|
]),
|
|
...mapGetters('map', [
|
|
'map',
|
|
'bigScreenSplitConfig'
|
|
|
|
]),
|
|
...mapGetters('training', [
|
|
'offsetStationCode'
|
|
]),
|
|
...mapGetters('config', [
|
|
'canvasId'
|
|
]),
|
|
width() {
|
|
return this.$store.state.app.width;
|
|
},
|
|
height() {
|
|
return this.$store.state.app.height;
|
|
},
|
|
right() {
|
|
return this.$store.state.config.width / 2 - 55;
|
|
},
|
|
userId() {
|
|
return this.$store.state.user ? this.$store.state.user.id : '';
|
|
},
|
|
prdType() {
|
|
return this.$store.state.training.prdType;
|
|
},
|
|
project() {
|
|
return getSessionStorage('project');
|
|
}
|
|
},
|
|
watch: {
|
|
'$store.state.config.menuBarLoadedCount': function (val) {
|
|
this.setPosition();
|
|
},
|
|
'$store.state.training.prdType': function (val) {
|
|
this.setPosition();
|
|
if (val === '01' && this.$route.query.lineCode === '06') {
|
|
this.showSelectStation = true;
|
|
this.mapViewLoadedOver && this.setShowStation(this.showStation);
|
|
this.cancelBigScreenMode();
|
|
} else if (val === '02' && this.$route.query.lineCode === '06') {
|
|
this.showSelectStation = false;
|
|
this.mapViewLoadedOver && this.setShowStation('');
|
|
this.cancelBigScreenMode();
|
|
} else if (val === '07') { // 大屏
|
|
this.setBigScreenMode();
|
|
} else {
|
|
this.cancelBigScreenMode();
|
|
}
|
|
},
|
|
'$store.state.map.mapViewLoadedCount': function (val) {
|
|
this.mapBoxP = document.getElementById(this.canvasId).children[0];
|
|
this.mapBoxP.style.cursor = '';
|
|
this.mapViewLoadedOver = true;
|
|
this.showSelectStation && this.setShowStation(this.showStation);
|
|
},
|
|
'$store.state.socket.permissionOver': function () {
|
|
this.$alert(this.$t('tip.userRightsHaveBeenReclaimed'), this.$t('tip.hint'), {
|
|
confirmButtonText: this.$t('global.confirm'),
|
|
showClose: false,
|
|
callback: async (action) => {
|
|
await this.$store.dispatch('training/over');
|
|
await clearSimulation(this.group);
|
|
await deljointTrainRoomNew(this.group);
|
|
this.$router.go(-1);
|
|
}
|
|
});
|
|
},
|
|
'$store.state.socket.jointRoomInfo': function (val) { // 综合演练房间信息
|
|
if (val.creatorId) {
|
|
this.handleRoomInfo(val);
|
|
}
|
|
},
|
|
'$store.state.socket.roleList': function (val) { // 综合演练被踢出房间
|
|
val.forEach(elem => {
|
|
if (elem.id == this.userId && !elem.userRole) {
|
|
this.$router.go(-1);
|
|
this.messageInfo(this.$t('tip.beKickedOut'), 'warning');
|
|
}
|
|
});
|
|
},
|
|
'$store.state.app.windowSizeCount': function() {
|
|
this.setWindowSize();
|
|
},
|
|
$route() {
|
|
this.$nextTick(() => {
|
|
this.initLoadData();
|
|
});
|
|
},
|
|
'$store.state.map.map': function (val) {
|
|
this.showSelectStation = val.skinVO.code === '06' && this.$store.state.training.prdType === '01';
|
|
this.setStationList(val);
|
|
}
|
|
},
|
|
async created() {
|
|
this.group = this.$route.query.group;
|
|
this.mapId = this.$route.query.mapId;
|
|
this.lineCode = this.$route.query.lineCode;
|
|
this.drawWay = this.$route.query.drawWay;
|
|
Message.closeAll();
|
|
},
|
|
async mounted() {
|
|
await this.setWindowSize();
|
|
await this.initLoadData();
|
|
},
|
|
async beforeDestroy() {
|
|
await this.clearAllTimer();
|
|
await this.$store.dispatch('training/end', null);
|
|
await this.$store.dispatch('training/reset');
|
|
await this.$store.dispatch('map/mapClear');
|
|
await this.$store.dispatch('training/setGroup', '');
|
|
if (this.countdown) {
|
|
clearInterval(this.countdown);
|
|
}
|
|
Message.closeAll();
|
|
},
|
|
methods: {
|
|
mousemove(e) {
|
|
this.mouseNum = 1;
|
|
},
|
|
handleRoomInfo(data) {
|
|
if (data.state == '03') { // 退出房间
|
|
this.$router.go(-1);
|
|
} else if (data.state == '01') { // 进入准备中
|
|
const query = { group: this.group, lineCode:this.lineCode };
|
|
if (this.drawWay) {
|
|
query.drawWay = this.drawWay;
|
|
}
|
|
this.$router.replace({ path: `/trainroom`, query: query });
|
|
}
|
|
this.$store.dispatch('socket/setJointRoomInfo'); // 清空房间信息
|
|
},
|
|
// 清除检查在线定时器
|
|
clearAllTimer() {
|
|
if (this.ierval) {
|
|
clearTimeout(this.ierval);
|
|
this.ierval = null;
|
|
}
|
|
|
|
if (this.checkLine) {
|
|
clearTimeout(this.checkLine);
|
|
this.checkLine = null;
|
|
}
|
|
},
|
|
// 设置检查在线定时器
|
|
checkLoginLineTimer() {
|
|
if (this.checkLine) {
|
|
clearTimeout(this.checkLine);
|
|
}
|
|
|
|
this.checkLine = setInterval(() => {
|
|
checkLoginLine();
|
|
}, 5000 * 60);
|
|
},
|
|
// 设置手标显示状态
|
|
checkMouseStatusTimer() {
|
|
if (this.ierval) {
|
|
clearTimeout(this.ierval);
|
|
}
|
|
|
|
this.ierval = setInterval(() => {
|
|
if (this.mouseNum) {
|
|
this.mouseNum = 0;
|
|
this.mouseNumTime = 0;
|
|
if (this.mapBoxP) {
|
|
this.mapBoxP.style.cursor = this.mapBoxP.style.cursor != 'none' ? this.mapBoxP.style.cursor : '';
|
|
}
|
|
} else {
|
|
this.mouseNumTime += 1;
|
|
}
|
|
if (this.mapBoxP) {
|
|
if (this.mouseNumTime >= 12) {
|
|
this.mapBoxP.style.cursor = 'none';
|
|
}
|
|
}
|
|
}, 1000);
|
|
},
|
|
// 设置菜单和工具栏位置
|
|
setPosition() {
|
|
this.$nextTick(() => {
|
|
let offset = 10;
|
|
const menuBar = document.getElementById('menuBar');
|
|
const menuTool = document.getElementById('menuTool');
|
|
if (menuBar) {
|
|
offset += (menuBar.offsetHeight || 0);
|
|
}
|
|
if (menuTool) {
|
|
offset += (menuTool.offsetHeight || 0);
|
|
}
|
|
if (this.$store.state.training.prdType === '07') {
|
|
offset = 10;
|
|
}
|
|
if (this.offset != offset) {
|
|
this.offset = offset;
|
|
}
|
|
});
|
|
},
|
|
// 结束加载状态
|
|
endViewLoading(isSuccess) {
|
|
if (!isSuccess) {
|
|
this.$store.dispatch('map/mapClear');
|
|
}
|
|
|
|
this.$nextTick(() => {
|
|
EventBus.$emit('viewLoading', false);
|
|
});
|
|
},
|
|
setCenter(code) {
|
|
this.$refs.mapCanvas.setCenter(code);
|
|
},
|
|
// 加载地图数据
|
|
initLoadData() {
|
|
const width = document.documentElement.clientWidth;
|
|
const height = document.documentElement.clientHeight + 200;
|
|
this.$store.dispatch('config/resize', { width, height });
|
|
|
|
try {
|
|
this.loadSimulationInfo();
|
|
this.initLoadDemonData();
|
|
this.checkLoginLineTimer();
|
|
this.checkMouseStatusTimer();
|
|
} catch (error) {
|
|
this.$messageBox( this.$t('error.initializationFailed') + error.message);
|
|
this.endViewLoading();
|
|
}
|
|
},
|
|
async loadSimulationInfo() {
|
|
const resp = await getSimulationInfoNew(this.group);
|
|
if (resp && resp.code == 200 && resp.data && !resp.data.dataError) {
|
|
this.$store.dispatch('scriptRecord/updateSimulationPause', resp.data.pause);
|
|
this.questId = Number(resp.data.questId) || 0;
|
|
this.$store.dispatch('training/setInitTime', +new Date(`${new Date().toLocaleDateString()} ${timeFormat(resp.data.systemTime)}`));
|
|
this.$store.dispatch('map/setRunPlanStatus', resp.data.planRunning);
|
|
if (resp.data.planRunning) {
|
|
this.$store.dispatch('training/simulationStart');
|
|
} else {
|
|
this.$store.dispatch('training/over');
|
|
}
|
|
// if (this.isDemon) {
|
|
// this.$refs.menuDemon.initPlannedDriving(resp.data.planRunning);
|
|
// } else if (this.isScript) {
|
|
// this.$refs.menuScript.initPlannedDriving(resp.data.planRunning);
|
|
// }
|
|
} else if (resp && resp.code == 200 && resp.data && resp.data.dataError) {
|
|
this.dataError = true;
|
|
this.$messageBox('此地图数据正在维护中,无法运行！');
|
|
}
|
|
},
|
|
async getUserRole() {
|
|
const res = await getUserRolesNew(this.group);
|
|
const data = res.data || {};
|
|
this.userRole = data.userRole;
|
|
this.deviceCode = data.deviceCode;
|
|
this.ibpPart = data.ibpPart;
|
|
if (this.userRole === 'IBP') {
|
|
this.showIbp(this.deviceCode);
|
|
} else {
|
|
this.hideIbp();
|
|
}
|
|
return res;
|
|
},
|
|
// 仿真系统
|
|
async initLoadDemonData() {
|
|
this.$store.dispatch('training/end', TrainingMode.NORMAL);
|
|
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); // 默认为正常模式
|
|
|
|
if (this.lineCode) {
|
|
// 01 现地 02 行调 '' 观众
|
|
let resp = {data: {}};
|
|
if (this.project == 'jsxt' ) {
|
|
resp = await getRaceUserById(this.$route.query.raceId);
|
|
resp.data.userRole = resp.data.role;
|
|
const paperResp = await getTestPaperDatail(this.$route.query.raceId);
|
|
if (paperResp.data && paperResp.data.practicalQuestions) {
|
|
this.questionList = [];
|
|
this.practicalExamTime = paperResp.data.practicalExamTime;
|
|
const storeKey = this.$store.state.user.id + '' + this.$route.query.raceId + 'practical';
|
|
const startTime = localStore.get(storeKey);
|
|
if (startTime) {
|
|
const dt = new Date().getTime() - startTime;
|
|
this.practicalTime = paperResp.data.practicalExamTime * 60 - Math.floor(dt / 1000);
|
|
} else {
|
|
this.practicalTime = this.practicalExamTime * 60;
|
|
}
|
|
this.countdownTime = this.computationTime(this.practicalTime);
|
|
paperResp.data.practicalQuestions.forEach(elem => {
|
|
this.questionList.push({name: elem.question.name, description:elem.question.description});
|
|
});
|
|
}
|
|
} else if (this.project == 'refereeJsxt') {
|
|
resp['code'] = 200;
|
|
resp.data['userRole'] = 'ADMIN';
|
|
} else {
|
|
resp = await this.getUserRole();
|
|
}
|
|
// console.log('/////////////' + resp.data.userRole);
|
|
if (resp && resp.code == 200) {
|
|
// Admin 管理员 Instructor 教员 Dispatcher 行调 STATION_SUPERVISOR 车站 Audience 观众 Driver 司机 MAINTAINER 通号 IBP:IBP盘
|
|
this.userRole = resp.data.userRole;
|
|
switch (this.userRole) {
|
|
case 'ADMIN': this.$store.dispatch('training/setPrdType', '02'); this.$store.dispatch('training/setRoles', 'ADMIN'); this.hideIbp(); break;
|
|
case 'INSTRUCTOR': this.$store.dispatch('training/setPrdType', '02'); this.$store.dispatch('training/setRoles', 'INSTRUCTOR'); this.hideIbp(); break;
|
|
case 'DISPATCHER': this.$store.dispatch('training/setPrdType', '02'); this.$store.dispatch('training/setRoles', 'DISPATCHER'); this.hideIbp(); break;
|
|
case 'STATION_SUPERVISOR': this.$store.dispatch('training/setPrdType', '01'); this.$store.dispatch('training/setRoles', 'STATION_SUPERVISOR'); this.hideIbp(); break;
|
|
case 'INTERLOCK': this.$store.dispatch('training/setPrdType', '01'); this.$store.dispatch('training/setRoles', 'INTERLOCK'); this.hideIbp(); break;
|
|
case 'AUDIENCE': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'AUDIENCE'); this.hideIbp(); break;
|
|
case 'DRIVER': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'DRIVER'); this.hideIbp(); break;
|
|
case 'MAINTAINER': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'MAINTAINER'); this.hideIbp(); break;
|
|
case 'IBP': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'IBP'); this.showIbp(resp.data.deviceCode); break;
|
|
case 'BIGSCREEN': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'BIGSCREEN'); this.hideIbp(); break;
|
|
}
|
|
}
|
|
await this.getTrainDetail();
|
|
} else {
|
|
this.endViewLoading();
|
|
}
|
|
},
|
|
startCounting() {
|
|
const storeKey = this.$store.state.user.id + '' + this.$route.query.raceId + 'practical';
|
|
const startTime = localStore.get(storeKey);
|
|
if (!startTime) {
|
|
const storeValue = new Date().getTime();
|
|
localStore.set(storeKey, storeValue);
|
|
}
|
|
this.countdown = setInterval(() => {
|
|
if (this.practicalTime <= 0) {
|
|
if (this.countdown) {
|
|
clearInterval(this.countdown);
|
|
}
|
|
this.$refs.demonMenu.submit();
|
|
}
|
|
this.practicalTime--;
|
|
this.countdownTime = this.computationTime(this.practicalTime);
|
|
}, 1000);
|
|
},
|
|
async getTrainDetail() {
|
|
try {
|
|
await loadNewMapDataByGroup(this.group);
|
|
await this.$store.dispatch('training/setMapDefaultState');
|
|
if (this.userRole == 'MAINTAINER') {
|
|
this.jl3dmaintainershow = true;
|
|
}
|
|
} catch (error) {
|
|
this.$messageBox(this.$t('error.getMapDataFailed'));
|
|
this.endViewLoading();
|
|
}
|
|
},
|
|
back() {
|
|
this.$refs.demonMenu.back();
|
|
},
|
|
runPlanViewShow() {
|
|
this.$refs.runPlanView.doShow();
|
|
},
|
|
runPlanLoadShow() {
|
|
this.$refs.runPlanLoad.doShow();
|
|
},
|
|
faultChooseShow() {
|
|
this.$refs.faultChoose.doShow();
|
|
},
|
|
computationTime(time) {
|
|
let hours = Math.floor(time / 3600);
|
|
const newTime = time % 3600;
|
|
let minutes = Math.floor(newTime / 60) + '';
|
|
let seconds = newTime % 60;
|
|
if (hours < 0) {
|
|
hours = '00';
|
|
} else if (hours < 10) {
|
|
hours = '0' + hours;
|
|
}
|
|
if (minutes < 0) {
|
|
minutes = '00';
|
|
} else if (minutes < 10) {
|
|
minutes = '0' + minutes;
|
|
}
|
|
if (seconds < 0) {
|
|
seconds = '00';
|
|
} else if (seconds < 10) {
|
|
seconds = '0' + seconds;
|
|
}
|
|
return hours + ':' + minutes + ':' + seconds;
|
|
},
|
|
showdriving() {
|
|
this.panelShow = true;
|
|
this.drivingShow = false;
|
|
this.ibpShow = false;
|
|
},
|
|
showIbp(deviceCode) {
|
|
if (!this.ibpShow) {
|
|
this.drivingShow = false;
|
|
this.panelShow = false;
|
|
this.ibpShow = true;
|
|
if (!deviceCode || !ibpData[deviceCode]) {
|
|
Message.warning({message: this.$t('error.ibpNoDraw'), duration: 0, showClose: true, type: 'error'});
|
|
return;
|
|
} else {
|
|
Message.closeAll();
|
|
}
|
|
this.$refs.ibpPlate.show(deviceCode, this.ibpPart);
|
|
}
|
|
},
|
|
hidejl3dcctv() {
|
|
const routeData = this.$router.resolve({
|
|
path:'/jlmap3d/passengerflow',
|
|
query:{
|
|
mapid:this.mapId,
|
|
group:this.group,
|
|
project: this.project
|
|
}
|
|
});
|
|
window.open(routeData.href, '_blank', 'noopener noreferrer');
|
|
},
|
|
hidepanel() {
|
|
this.panelShow = false;
|
|
this.drivingShow = true;
|
|
this.ibpShow = false;
|
|
this.$refs.Jl3dDrive.show(this.mapId, this.group);
|
|
},
|
|
|
|
hideIbp() {
|
|
Message.closeAll();
|
|
this.drivingShow = false;
|
|
this.panelShow = true;
|
|
this.ibpShow = false;
|
|
if (this.$refs && this.$refs.ibpPlate) {
|
|
this.$refs.ibpPlate.ibpDestroy();
|
|
}
|
|
},
|
|
messageInfo(message, type) {
|
|
this.$message({
|
|
showClose: true,
|
|
message: message,
|
|
type: type
|
|
});
|
|
},
|
|
setWindowSize() {
|
|
this.$nextTick(() => {
|
|
if (this.prdType == '07') {
|
|
const width = this.$store.state.app.width - 2;
|
|
const height = this.$store.state.app.height;
|
|
this.$store.dispatch('config/resize', { width, height });
|
|
this.setBigScreenMode();
|
|
} else {
|
|
this.$store.dispatch('config/resize', { width: this.width, height: this.height });
|
|
this.$store.dispatch('training/updateOffsetStationCode', { offsetStationCode: this.offsetStationCode });
|
|
}
|
|
});
|
|
},
|
|
switchStationMode(val) {
|
|
this.showStation = val;
|
|
this.setShowStation(this.showStation);
|
|
},
|
|
setShowStation(val) {
|
|
const nameList = Object.keys(this.$store.state.map.map);
|
|
let list = [];
|
|
nameList.forEach(item => {
|
|
if (this.$store.state.map.map[item] && this.$store.state.map.map[item].constructor === Array) {
|
|
list = [...list, ...this.$store.state.map.map[item]];
|
|
}
|
|
});
|
|
Vue.prototype.$jlmap.updateShowStation(list, val);
|
|
Vue.prototype.$jlmap.setCenter(val);
|
|
},
|
|
setStationList(val) {
|
|
this.stationList = [];
|
|
(val.stationList || []).forEach(item => {
|
|
if (item.centralized) {
|
|
this.stationList.push({value: item.code, name: item.name});
|
|
}
|
|
});
|
|
if (this.stationList.length) {
|
|
this.showStation = this.stationList[0].value;
|
|
}
|
|
},
|
|
setBigScreenMode() {
|
|
if (this.bigScreenSplitConfig.length) {
|
|
const size = {
|
|
width: this.$store.state.app.width - 2,
|
|
height: this.$store.state.app.height - 60,
|
|
offsetY: 60,
|
|
list: this.bigScreenSplitConfig.map(ele => ele.position)
|
|
};
|
|
this.$jlmap.off('zoom');
|
|
this.$jlmap.setUpdateScreen(size);
|
|
}
|
|
},
|
|
cancelBigScreenMode() {
|
|
this.$jlmap.on('zoom');
|
|
this.$jlmap.setRevoverBigScreen();
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
.main {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|