joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test

Browse Source
This commit is contained in:
lVAL 2021-02-24 18:53:07 +08:00
commit 979d38053f
21 changed files with 2941 additions and 532 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

438
src/jlmap3d/jl3dstationmanager/component/jl3dactionmanager.js Normal file
View File

@ -0,0 +1,438 @@
import { Staticmodel } from '@/jlmap3d/jl3dtrafficplan/loader/stationconfig.js';
//静态资源文件路劲
import { JL3D_LOCAL_STATIC } from '@/api/jlmap3d/assets3d.js';
//loader
import { FBXLoader } from '@/jlmap3d/main/loaders/FBXLoader';
//轨道视角控制
import { StationManagerControls } from '@/jlmap3d/jl3dstationmanager/controls/stationManagerControls';
//模型管理器
import { ModelManager } from '@/jlmap3d/jl3dstationmanager/loader/loader.js';
//骨骼动画模型辅助工具
import { SkeletonUtils } from '@/jlmap3d/main/utils/SkeletonUtils.js';
//获取信息接口
import { getPublishMapVersion, getPublishMapDetail,getPublish3dMapDetail} from '@/api/jlmap3d/load3ddata';
//cctv站台对象
import { PasserStation } from '@/jlmap3d/jl3dtrafficplan/model/passerstation.js';
//cctv检票机对象
import { PasserCheckDoor } from '@/jlmap3d/jl3dtrafficplan/model/passercheckdoor.js';
//cctv列车对象
import { PasserTrain } from '@/jlmap3d/jl3dtrafficplan/model/passertrain.js';
//cctv行人对象
import { PasserHuman } from '@/jlmap3d/jl3dtrafficplan/model/passerhuman.js';
//cctv渲染器
import { PasserRender } from '@/jlmap3d/jl3dpassflow/passerrender/passerrender.js';
//cctv行人ai
import { PasserAi } from '@/jlmap3d/jl3dtrafficplan/passerai/passerai.js';
//行人寻路相关工具
import { ZoneManager } from '@/jlmap3d/jl3dtrafficplan/model/zonemanager.js';
import { PathFinder } from '@/jlmap3d/jl3dtrafficplan/passerai/pathfinder.js';
//cctv通信工具
import { PassflowConnect } from '@/jlmap3d/jl3dtrafficplan/connect/stationconnect.js';
import StompClient from '@/utils/sock';
import store from '@/store/index';
// import { Loading } from 'element-ui';
import {Stats} from '@/jlmap3d/main/lib/stats.min.js';
//动画播放相关
let clock = new THREE.Clock();
let delta;
let scene,camerass,renderer;
let aiswitch = 0;
//动画组
let mixers = [];
//车站摄像机模型
let monitor;
//寻路相关对象
let passerZone = new ZoneManager();
let pathFinder = new PathFinder();
let path;
//设备动画action组
let deviceaction = [];
//控制帧率的webworker线程
let passerWebWork = new Worker(JL3D_LOCAL_STATIC+"/workertest/trafficplan/trafficstation.js");
//老版本临时ai控制
let olddataai = false;
export function Jl3dStationManager(dom,skinCode,routegroup,viewMap,initCode) {
// let stats = new Stats();
// dom.appendChild( stats.dom );
let scope = this;
this.dom = dom;
this.nowcode = null;
this.animateswitch = false;
this.signallights = [];
this.mixers = [];
this.showmodel = null;
this.allStationData = [];
this.humanWaitTop = 0;
this.humanWaitDown = 0;
this.humanInSpeed = 0;
this.humanOutSpeed = 0;
let waitForCreatIn = [];
let waitForCreatOutTop = [];
let waitForCreatOutDown = [];
//定义相机
camerass = new THREE.PerspectiveCamera(70, dom.offsetWidth / dom.offsetHeight, 0.01, 10000);
camerass.position.set(0,200,0);
camerass.aspect = dom.offsetWidth / dom.offsetHeight;
camerass.updateProjectionMatrix();
//定义场景(渲染容器)
scene = new THREE.Scene();
// scene.background = new THREE.Color(0xa0a0a0);
var mesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 1000, 1000 ), new THREE.MeshPhongMaterial( { color: 0x999999, depthWrite: false } ) );
mesh.rotation.x = - Math.PI / 2;
mesh.receiveShadow = true;
scene.add( mesh );
var grid = new THREE.GridHelper( 1000, 100, 0x000000, 0x000000 );
grid.material.opacity = 0.2;
grid.material.transparent = true;
scene.add( grid );
let passerRender = new PasserRender(viewMap);
passerRender.initView(dom,scene,camerass);
passerRender.reSize(scope.dom.offsetWidth,scope.dom.offsetHeight);
//定义全局光
let ambientLight = new THREE.AmbientLight(0xffffff, 1.3);
scene.add(ambientLight);
var light = new THREE.HemisphereLight( 0xffffff, 0x444444 );
light.position.set( 0, 4000, 0 );
scene.add( light );
let controls = new THREE.StationManagerControls(camerass, dom,camerass,scene,mesh);
// controls.maxPolarAngle = Math.PI / 2;
// controls.minPolarangle = Math.PI / 5;
// controls.maxDistance = 800;
controls.screenSpacePanning = true;
controls.target.set( 1, 0, 0 );
controls.controlMode = "Draw";
controls.update();
this.selectmodel = null;
// let mouse = new THREE.Vector2();
let raycaster = new THREE.Raycaster();
//进站运动中乘客
let humanlist = new THREE.Group();
//上行等待上车乘客
let topWaitPassers = new THREE.Group();
//下行等待上车乘客
let downWaitPassers = new THREE.Group();
//出站乘客
let outStationPassers = new THREE.Group();
let passerHuman = new PasserHuman();
let passerAi = new PasserAi(passerZone,pathFinder);
this.anime = null;
this.modelmanager = new ModelManager();
// let loadingInstance = Loading.service({ fullscreen: true });
let stationlist = [];
let socktest = null;
let passerStation = new PasserStation();
let passerCheckDoor = new PasserCheckDoor();
let passerTrain = new PasserTrain();
// document.addEventListener( "mousedown", onselect, false );
this.modelmanager.loadpromise(Staticmodel, scope.mixers,"2").then(function (data) {
// console.log(scope.modelmanager.station.mesh.getObjectByName("top"));
// let testtop = scope.modelmanager.station.mesh.getObjectByName("down");
// for(let i=0;i<testtop.children.length;i++){
// console.log(testtop.children[i].matrixWorld.elements[12]);
// console.log(testtop.children[i].matrixWorld.elements);
// }
// console.log(scope.modelmanager.station.mesh.getObjectByName("down"));
passerStation.initStationAnimation(scope.modelmanager.station.mesh,mixers,deviceaction,scene);
passerCheckDoor.initCheckDoorInAnimation(scope.modelmanager.zhajiin.mesh,mixers,deviceaction,scene);
passerCheckDoor.initCheckDoorOutAnimation(scope.modelmanager.zhajiout.mesh,mixers,deviceaction,scene);
passerTrain.initTrain(scope.modelmanager.train.mesh,mixers,deviceaction,scene);
scene.add(scope.modelmanager.section.mesh);
monitor = scope.modelmanager.monitor.mesh;
scene.add(monitor);
console.log("animate");
animate();
})
this.initTrafficStart = function(){
passerStation.initCodeStation(initCode);
scope.humanWaitTop = passerStation.nowStation.toppassers;
scope.humanWaitDown = passerStation.nowStation.downpassers;
scope.humanInSpeed = 0;
scope.humanOutSpeed = 0;
passerHuman.speed = scope.humanInSpeed;
passerAi.initPasser(humanlist,topWaitPassers,downWaitPassers,passerHuman,scope);
updatePasserData(humanlist.children.length,topWaitPassers.children.length,downWaitPassers.children.length,outStationPassers.children.length,passerHuman.speed);
scope.resetscene();
}
this.changestation = function(stationname){
passerStation.changestation(stationname);
// console.log(passerStation.nowStation);
scope.humanWaitTop = passerStation.nowStation.toppassers;
scope.humanWaitDown = passerStation.nowStation.downpassers;
passerHuman.speed = passerStation.nowStation.topspeed + passerStation.nowStation.downspeed;
updatePasserData(humanlist.children.length,topWaitPassers.children.length,downWaitPassers.children.length,outStationPassers.children.length,passerHuman.speed);
scope.resetscene();
}
this.updateNowStationData = function(){
for(let i=0;i<passerStation.nowStation.topspeed;i++){
let newIn = {
overGoal:"top",
};
waitForCreatIn.push(newIn);
}
for(let i=0;i<passerStation.nowStation.downspeed;i++){
let newIn = {
overGoal:"down",
};
waitForCreatIn.push(newIn);
}
scope.humanInSpeed = passerStation.nowStation.topspeed+passerStation.nowStation.downspeed;
passerHuman.speed = scope.humanInSpeed;
passerWebWork.postMessage(["changespeed",scope.humanInSpeed/30]);
}
this.updateNowLeaveData = function(direct,outNum){
if(direct == "top"){
waitForCreatOutTop = getnum(outNum,17);
// console.log(waitForCreatOutTop);
for(let i=0;i<waitForCreatOutTop.length;i++){
for(let j=0;j<waitForCreatOutTop[i];j++){
setTimeout(function(){
// console.log(passerZone.list["standtop"].doorpoints[i]);
passerHuman.newHumanCreate(outStationPassers,passerZone.list["standtop"].doorpoints[i],5,"top",i);
}, Math.random()*1000*j);
}
}
}else{
waitForCreatOutDown = getnum(outNum,17);
for(let i=0;i<waitForCreatOutDown.length;i++){
for(let j=0;j<waitForCreatOutDown[i];j++){
setTimeout(function(){
// console.log(passerZone.list["standdown"].doorpoints[i]);
passerHuman.newHumanCreate(outStationPassers,passerZone.list["standdown"].doorpoints[i],5,"down",i);
}, Math.random()*1000*j);
}
}
}
}
this.resetscene = function(){
aiswitch = 1;
passerAi.toppasserin = false;
passerAi.downpasserin = false;
//下车控制开关
passerAi.toppasseron = false;
passerAi.downpasseron = false;
passerAi.toppasserinNum = 0;
passerAi.downpasserinNum = 0;
passerTrain.toptrain.nowcode = null;
passerTrain.downtrain.nowcode = null;
// humanlist = new THREE.Group();
for(let j=0; j<humanlist.children.length;j++){
humanlist.remove(humanlist.children[j]);
j--;
// j--;
}
for(let j=0; j<topWaitPassers.children.length;j++){
topWaitPassers.remove(topWaitPassers.children[j]);
j--;
// j--;
}
for(let j=0; j<downWaitPassers.children.length;j++){
downWaitPassers.remove(downWaitPassers.children[j]);
j--;
// j--;
}
for(let j=0; j<outStationPassers.children.length;j++){
outStationPassers.remove(outStationPassers.children[j]);
j--;
// j--;
}
passerTrain.toptrain.position.y = -20000;
passerTrain.downtrain.position.y = -20000;
deviceaction.down.action.reset();
deviceaction.down.action.time = deviceaction.down.action._clip.duration;
deviceaction.down.action.timeScale = -1;
deviceaction.down.action.play();
deviceaction.top.action.reset();
deviceaction.top.action.time = deviceaction.down.action._clip.duration;
deviceaction.top.action.timeScale = -1;
deviceaction.top.action.play();
for(let an=passerTrain.toptrain.action.top.length-1;an>=0;an--){
passerTrain.toptrain.action.top[an].reset();
passerTrain.toptrain.action.top[an].time = passerTrain.toptrain.action.top[an]._clip.duration;
passerTrain.toptrain.action.top[an].timeScale = -1;
passerTrain.toptrain.action.top[an].play();
}
for(let an=passerTrain.toptrain.action.down.length-1;an>=0;an--){
passerTrain.toptrain.action.down[an].reset();
passerTrain.toptrain.action.down[an].time = passerTrain.toptrain.action.down[an]._clip.duration;
passerTrain.toptrain.action.down[an].timeScale = -1;
passerTrain.toptrain.action.down[an].play();
}
// for(let an=actions.length-1;an>=0;an--){
// actions[an].reset();
// actions[an].time = actions[an]._clip.duration;
// actions[an].timeScale = -1;
// actions[an].play();
// }
setTimeout(function(){
passerAi.initPasser(humanlist,topWaitPassers,downWaitPassers,passerHuman,scope);
aiswitch = 0;
}, 2000);
}
function startWorker(){
let updateaianimate = setInterval(
function(){
// console.log("?");
if(aiswitch == 0){
updatePasserData(humanlist.children.length,topWaitPassers.children.length,downWaitPassers.children.length,outStationPassers.children.length,passerHuman.speed);
passerHuman.moveAnimateUpdate(humanlist,topWaitPassers,downWaitPassers,outStationPassers,passerHuman);
passerAi.aiUpdate(humanlist,topWaitPassers,downWaitPassers,outStationPassers,passerHuman,passerCheckDoor,deviceaction);
// passerZone.zoneActionCheck(humanlist,passerHuman,passerCheckDoor,deviceaction);
delta = clock.getDelta();
for(let i=mixers.length-1;i>=0;i--){
if(mixers[i]._actions[0].isRunning()){
mixers[i].update( delta );
}
}
// for(let i=topWaitPassers.children.length-1;i>=0;i--){
// if(topWaitPassers.children[i].mixer._actions[0].isRunning()){
// topWaitPassers.children[i].mixer.update( delta );
// }
// }
// for(let i=downWaitPassers.children.length-1;i>=0;i--){
// if(downWaitPassers.children[i].mixer._actions[0].isRunning()){
// downWaitPassers.children[i].mixer.update( delta );
// }
// }
// for(let i=outStationPassers.children.length-1;i>=0;i--){
// if(outStationPassers.children[i].mixer._actions[0].isRunning()){
// outStationPassers.children[i].mixer.update( delta );
// }
// }
// for(let i=humanlist.children.length-1;i>=0;i--){
// if(humanlist.children[i].mixer._actions[0].isRunning()){
// humanlist.children[i].mixer.update( delta );
// }
// }
}
}
, 100);
passerWebWork.onmessage = function (event) {
if(aiswitch == 0){
// console.log(humanlist.children.length);
this.allStationData = [];
if(waitForCreatIn.length>0){
let direct = Math.floor(Math.random()*(3-1+1))+1;
//1--top
//2-- down
if(direct == 1){
passerHuman.newHumanCreate(humanlist,passerZone.getzoneposition("enter1"),0,waitForCreatIn[0].overGoal);
}else{
passerHuman.newHumanCreate(humanlist,passerZone.getzoneposition("enter2"),0,waitForCreatIn[0].overGoal);
}
waitForCreatIn.shift();
}
}
};
}
//
// function onselect(event){
// if(event.button == '0'){
//
// //定义光线
// let raycaster = new THREE.Raycaster();
// //定义平面鼠标点击坐标
// let mouse = new THREE.Vector2();
// mouse.x = (event.clientX / scope.dom.offsetWidth) * 2 - 1;
// mouse.y = -(event.clientY / scope.dom.offsetHeight) * 2 + 1;
//
// raycaster.setFromCamera( mouse, camerass );
//
// let intersects = raycaster.intersectObject(scope.modelmanager.station.mesh,true);
// console.log(intersects[0].point);
// }
// }
//循环渲染函数
function animate() {
passerRender.update();
// console.log(passerRender);
// console.log("ss");
// if(passerRender.state == "freeview"){
controls.update();
// }
// delta = clock.getDelta();
requestAnimationFrame(animate);
}
window.onresize = function () {
passerRender.reSize(scope.dom.offsetWidth,scope.dom.offsetHeight);
}
this.switchviews = function(viewmode){
passerRender.changeRenderMode(viewmode);
}
function getnum(num,pnum){
let re = [];
let base = Math.floor(num/pnum);
let reset = num%pnum;
for(let i=0;i<pnum;i++){
let nownum = base+(i<reset?1:0);
re.push(nownum);
}
return re;
}
}

1518
src/jlmap3d/jl3dstationmanager/controls/TransformControls.js Normal file
View File

File diff suppressed because it is too large Load Diff

92
src/jlmap3d/jl3dstationmanager/controls/stationManagerControls.js
View File

@ -13,20 +13,33 @@
// Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish // Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
// Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move // Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
THREE.StationManagerControls = function ( object, domElement ) { THREE.StationManagerControls = function ( object, domElement ,camera,scene) {
this.object = object; this.object = object;
this.planeMesh = [];
this.data = { this.data = {
stationstandlist : null, stationstandlist : null,
trainlisttest : null trainlisttest : null
}; };
this.animateswitch = null; this.animateswitch = null;
this.scene = null; this.scene = null;
//控制模式切换 //控制模式切换
//画线:Orbit 绘图:Draw //画线:Orbit 绘图:Draw
this.controlMode = "Orbit"; this.controlMode = "Orbit";
this.drawColor = 0x2894FF;
this.drawSwitch = false;
this.drawGroup = new THREE.Group();
scene.add(this.drawGroup);
let drawMesh = null;
let mouse = new THREE.Vector2();
let raycaster = new THREE.Raycaster();
let intersects = null;
let drawStartPoint = null;
let drawEndPoint = null;
this.domElement = ( domElement !== undefined ) ? domElement : document; this.domElement = ( domElement !== undefined ) ? domElement : document;
@ -96,6 +109,10 @@ THREE.StationManagerControls = function ( object, domElement ) {
// //
// public methods // public methods
// //
this.initPlaneMesh = function (planeMesh){
scope.planeMesh["1floor"] = planeMesh.topfloor;
scope.planeMesh["2floor"] = planeMesh.downfloor;
};
this.getPolarAngle = function () { this.getPolarAngle = function () {
@ -729,7 +746,7 @@ THREE.StationManagerControls = function ( object, domElement ) {
// prevents the browser from setting it automatically. // prevents the browser from setting it automatically.
scope.domElement.focus ? scope.domElement.focus() : window.focus(); scope.domElement.focus ? scope.domElement.focus() : window.focus();
if(scope.controlMode == "orbit"){ if(scope.controlMode == "Orbit"){
switch ( event.button ) { switch ( event.button ) {
case scope.mouseButtons.RIGHT: case scope.mouseButtons.RIGHT:
@ -779,11 +796,29 @@ THREE.StationManagerControls = function ( object, domElement ) {
} }
if(scope.controlMode == "Draw"){ if(scope.controlMode == "Draw"){
var geometry = new THREE.PlaneGeometry( 20, 20, 1 ); if(scope.drawSwitch == true){
var material = new THREE.MeshBasicMaterial( {color: 0xffff00, side: THREE.DoubleSide} ); var geometry = new THREE.PlaneGeometry( 1, 1, 1 );
var plane = new THREE.Mesh( geometry, material ); var material = new THREE.MeshBasicMaterial( {color: scope.drawColor, side: THREE.DoubleSide} );
scene.add( plane ); drawMesh = new THREE.Mesh( geometry, material );
plane.position.x = 200; drawMesh.renderOrder = 8;
// drawMesh.rotation.x = Math.PI/2;
scope.drawGroup.add( drawMesh );
// let edges = new THREE.EdgesHelper( drawMesh, 0x0000C6 );//设置边框，可以旋转
// drawMesh.add( edges );
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
raycaster.setFromCamera( mouse, camera );
for(let k in scope.planeMesh){
intersects = raycaster.intersectObject( scope.planeMesh[k] );
if(intersects[0]){
drawMesh.underFloor = k;
drawStartPoint = intersects[0].point;
state = "Draw";
}
}
}
} }
if ( state !== STATE.NONE ) { if ( state !== STATE.NONE ) {
@ -833,15 +868,39 @@ THREE.StationManagerControls = function ( object, domElement ) {
} }
} }
if(scope.controlMode == "Draw"){ if(scope.controlMode == "Draw"){
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
raycaster.setFromCamera( mouse, camera );
for(let k in scope.planeMesh){
intersects = raycaster.intersectObject( scope.planeMesh[k] );
if(intersects[0]){
drawEndPoint = intersects[0].point;
let points = [ let points = [
{x:-10,y:0,z:10},
{x:10,y:0,z:10}, new THREE.Vector3(drawStartPoint.x,drawStartPoint.y+0.1,drawStartPoint.z),
{x:-10,y:0,z:-10}, new THREE.Vector3(drawEndPoint.x,drawStartPoint.y+0.1,drawStartPoint.z),
{x:10,y:0,z:-10} new THREE.Vector3(drawStartPoint.x,drawStartPoint.y+0.1,drawEndPoint.z),
new THREE.Vector3(drawEndPoint.x,drawStartPoint.y+0.1,drawEndPoint.z)
]; ];
plane.geometry.setFromPoints(points); for(let i=0;i<drawMesh.geometry.vertices.length;i++){
drawMesh.geometry.vertices[i].set(points[i].x,points[i].y,points[i].z);
}
// drawMesh.geometry.vertices = points;
drawMesh.geometry.verticesNeedUpdate = true;
}
}
// let points = [
// {x:-10,y:0,z:10},
// {x:10,y:0,z:10},
// {x:-10,y:0,z:-10},
// {x:10,y:0,z:-10}
// ];
// plane.geometry.setFromPoints(points);
} }
} }
@ -854,7 +913,10 @@ THREE.StationManagerControls = function ( object, domElement ) {
} }
if(scope.controlMode == "Draw"){ if(scope.controlMode == "Draw"){
scope.drawSwitch = false;
drawMesh = null;
drawStartPoint = null;
drawEndPoint = null;
} }
handleMouseUp( event ); handleMouseUp( event );

137
src/jlmap3d/jl3dstationmanager/jl3dstationmanager.js
View File

@ -1,26 +1,26 @@
import { Staticmodel } from '@/jlmap3d/jl3dtrafficplan/loader/stationconfig.js'; import { Staticmodel } from '@/jlmap3d/jl3dstationmanager/loader/stationconfig.js';
//静态资源文件路劲 //静态资源文件路劲
import { JL3D_LOCAL_STATIC } from '@/api/jlmap3d/assets3d.js'; import { JL3D_LOCAL_STATIC } from '@/api/jlmap3d/assets3d.js';
//loader //loader
import { FBXLoader } from '@/jlmap3d/main/loaders/FBXLoader'; import { FBXLoader } from '@/jlmap3d/main/loaders/FBXLoader';
//轨道视角控制 //轨道视角控制
import { StationManagerControls } from '@/jlmap3d/jl3dstationmanager/controls/stationManagerControls'; import { StationManagerControls } from '@/jlmap3d/jl3dstationmanager/controls/stationManagerControls';
//区域控制
import { TransformControls } from '@/jlmap3d/jl3dstationmanager/controls/TransformControls';
//模型管理器 //模型管理器
import { ModelManager } from '@/jlmap3d/jl3dtrafficplan/loader/loader.js'; import { ModelManager } from '@/jlmap3d/jl3dstationmanager/loader/loader.js';
//骨骼动画模型辅助工具 //骨骼动画模型辅助工具
import { SkeletonUtils } from '@/jlmap3d/main/utils/SkeletonUtils.js'; import { SkeletonUtils } from '@/jlmap3d/main/utils/SkeletonUtils.js';
//获取信息接口 //获取信息接口
import { getPublishMapVersion, getPublishMapDetail,getPublish3dMapDetail} from '@/api/jlmap3d/load3ddata'; import { getPublishMapVersion, getPublishMapDetail,getPublish3dMapDetail} from '@/api/jlmap3d/load3ddata';
//cctv站台对象 //cctv站台对象
import { PasserStation } from '@/jlmap3d/jl3dtrafficplan/model/passerstation.js'; import { PasserStation } from '@/jlmap3d/jl3dstationmanager/model/passerstation.js';
//cctv检票机对象 //cctv检票机对象
import { PasserCheckDoor } from '@/jlmap3d/jl3dtrafficplan/model/passercheckdoor.js'; import { PasserCheckDoor } from '@/jlmap3d/jl3dtrafficplan/model/passercheckdoor.js';
//cctv列车对象 //cctv列车对象
import { PasserTrain } from '@/jlmap3d/jl3dtrafficplan/model/passertrain.js'; import { PasserTrain } from '@/jlmap3d/jl3dtrafficplan/model/passertrain.js';
//cctv行人对象 //cctv行人对象
import { PasserHuman } from '@/jlmap3d/jl3dtrafficplan/model/passerhuman.js'; import { PasserHuman } from '@/jlmap3d/jl3dtrafficplan/model/passerhuman.js';
//cctv渲染器
import { PasserRender } from '@/jlmap3d/jl3dpassflow/passerrender/passerrender.js';
//cctv行人ai //cctv行人ai
import { PasserAi } from '@/jlmap3d/jl3dtrafficplan/passerai/passerai.js'; import { PasserAi } from '@/jlmap3d/jl3dtrafficplan/passerai/passerai.js';
//行人寻路相关工具 //行人寻路相关工具
@ -82,29 +82,35 @@ export function Jl3dStationManager(dom,skinCode,routegroup,viewMap,initCode) {
let waitForCreatOutTop = []; let waitForCreatOutTop = [];
let waitForCreatOutDown = []; let waitForCreatOutDown = [];
//定义相机 //定义相机
camerass = new THREE.PerspectiveCamera(70, dom.offsetWidth / dom.offsetHeight, 0.01, 10000); camerass = new THREE.PerspectiveCamera(70, dom.offsetWidth / dom.offsetHeight, 0.1, 10000);
camerass.position.set(0, 100, 0); camerass.position.set(0,300,0);
camerass.aspect = dom.offsetWidth / dom.offsetHeight; camerass.aspect = dom.offsetWidth / dom.offsetHeight;
camerass.updateProjectionMatrix(); camerass.updateProjectionMatrix();
//定义场景(渲染容器) //定义场景(渲染容器)
scene = new THREE.Scene(); scene = new THREE.Scene();
// scene.background = new THREE.Color(0xa0a0a0); scene.background = new THREE.Color(0xa0a0a0);
var mesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 1000, 1000 ), new THREE.MeshPhongMaterial( { color: 0x999999, depthWrite: false } ) ); // var mesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 1000, 1000 ), new THREE.MeshPhongMaterial( { color: 0x999999, depthWrite: false } ) );
mesh.rotation.x = - Math.PI / 2; // mesh.rotation.x = - Math.PI / 2;
mesh.receiveShadow = true; // mesh.receiveShadow = true;
scene.add( mesh ); // scene.add( mesh );
// var grid = new THREE.GridHelper( 1000, 100, 0x000000, 0x000000 );
// grid.material.opacity = 0.2;
// grid.material.transparent = true;
// scene.add( grid );
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setClearColor(new THREE.Color(0x000000));
renderer.setSize(scope.dom.offsetWidth,scope.dom.offsetHeight);
renderer.sortObjects = true;
dom.appendChild(renderer.domElement);
var grid = new THREE.GridHelper( 1000, 100, 0x000000, 0x000000 );
grid.material.opacity = 0.2;
grid.material.transparent = true;
scene.add( grid );
let passerRender = new PasserRender(viewMap);
passerRender.initView(dom,scene,camerass);
//定义全局光 //定义全局光
let ambientLight = new THREE.AmbientLight(0xffffff, 1.3); let ambientLight = new THREE.AmbientLight(0xffffff, 1.3);
@ -113,14 +119,36 @@ export function Jl3dStationManager(dom,skinCode,routegroup,viewMap,initCode) {
light.position.set( 0, 4000, 0 ); light.position.set( 0, 4000, 0 );
scene.add( light ); scene.add( light );
let controls = new THREE.StationManagerControls(camerass, dom); let controls = new THREE.StationManagerControls(camerass, dom,camerass,scene);
controls.maxPolarAngle = Math.PI / 2; // controls.maxPolarAngle = Math.PI / 2;
controls.minPolarangle = Math.PI / 5; // controls.minPolarangle = Math.PI / 5;
controls.maxDistance = 800; // controls.maxDistance = 800;
controls.screenSpacePanning = true; controls.screenSpacePanning = true;
controls.target.set( 1, 0, 0 );
controls.controlMode = "Orbit";
controls.update(); controls.update();
this.selectmodel = null; this.selectmodel = null;
var meshtest = new THREE.Mesh( new THREE.PlaneBufferGeometry( 200, 200 ), new THREE.MeshPhongMaterial( { color: 0x999999, depthWrite: false } ) );
meshtest.rotation.x = - Math.PI / 2;
meshtest.receiveShadow = true;
scene.add( meshtest );
let transformControl = new THREE.TransformControls( camerass, renderer.domElement );
transformControl.addEventListener( 'change', render );
transformControl.addEventListener( 'dragging-changed', function ( event ) {
controls.enabled = ! event.value;
} );
scene.add(transformControl);
// let mouse = new THREE.Vector2(); // let mouse = new THREE.Vector2();
let raycaster = new THREE.Raycaster(); let raycaster = new THREE.Raycaster();
@ -398,10 +426,64 @@ export function Jl3dStationManager(dom,skinCode,routegroup,viewMap,initCode) {
// } // }
// } // }
this.changeDrawType = function(drawType){
console.log(drawType);
controls.drawSwitch = true;
if(drawType == "stationRegion"){
controls.drawColor = 0x2894FF;
}
if(drawType == "securityRegion"){
controls.drawColor = 0xFF0000;
}
if(drawType == "checkRegion"){
controls.drawColor = 0x9F35FF;
}
if(drawType == "standRegion"){
controls.drawColor = 0x00EC00;
}
if(drawType == "ticketRegion"){
controls.drawColor = 0x00FFFF;
}
if(drawType == "elevatorRegion"){
controls.drawColor = 0xFFFF37;
}
if(drawType == "stairsRegion"){
controls.drawColor = 0xFF5809;
}
if(drawType == "escalatorRegion"){
controls.drawColor = 0x5CADAD;
}
if(drawType == "unaccessRegion"){
controls.drawColor = 0x272727;
}
}
let oldCameraPosition = new THREE.Vector3();
let oldCameraTarget = new THREE.Vector3();
this.changeControlMode = function(controlMode){
console.log(passerStation);
transformControl.attach(passerStation.topfloor);
if(controlMode == false){
controls.controlMode = "Orbit";
camerass.position.set(oldCameraPosition.x,oldCameraPosition.y,oldCameraPosition.z);
controls.target.set( oldCameraTarget.x,oldCameraTarget.y,oldCameraTarget.z);
passerStation.resetPosition(controls.drawGroup);
}else if(controlMode == true){
controls.controlMode = "Draw";
oldCameraPosition.copy(camerass.position);
oldCameraTarget.copy(controls.target);
// camerass.position.set(0,300,0);
// controls.target.set( 1, 0, 0 );
passerStation.apartPosition(controls.drawGroup);
controls.initPlaneMesh(passerStation);
}
}
//循环渲染函数 //循环渲染函数
function animate() { function animate() {
passerRender.update(); render();
// console.log(passerRender);
// console.log("ss"); // console.log("ss");
// if(passerRender.state == "freeview"){ // if(passerRender.state == "freeview"){
controls.update(); controls.update();
@ -411,13 +493,14 @@ export function Jl3dStationManager(dom,skinCode,routegroup,viewMap,initCode) {
requestAnimationFrame(animate); requestAnimationFrame(animate);
} }
function render() {
renderer.render( scene,camerass);
window.onresize = function () {
passerRender.reSize(scope.dom.offsetWidth,scope.dom.offsetHeight);
} }
this.switchviews = function(viewmode){ window.onresize = function () {
passerRender.changeRenderMode(viewmode); renderer.setSize(scope.dom.offsetWidth,scope.dom.offsetHeight);
} }

3
src/jlmap3d/jl3dstationmanager/loader/loader.js
View File

@ -130,7 +130,8 @@ function fbxpromise(asset,mixers,model){
if( mode == "2"){ if( mode == "2"){
loader.load( asset.url, function ( object ) { loader.load( asset.url, function ( object ) {
model.mesh = object; model.mesh = object;
console.log(asset.type);
console.log(object);
resolve(asset.deviceType); resolve(asset.deviceType);
} ); } );

4
src/jlmap3d/jl3dstationmanager/loader/stationconfig.js
View File

@ -17,7 +17,9 @@ var Staticmodel = [
name: "车站", name: "车站",
deviceType: "cctvStation", deviceType: "cctvStation",
type: "cctvStation", type: "cctvStation",
url: BASE_ASSET_API + "/MODEL/2021-01-27/323-88925.FBX"///MODEL/2020-11-23/79-95086.FBX url: BASE_ASSET_API + "/MODEL/2021-02-20/1296-89217.FBX"
//未分拆上下层模型 /MODEL/2021-01-27/323-88925.FBX
//最早模型 /MODEL/2020-11-23/79-95086.FBX
},{ },{
id: "4", id: "4",
name: "闸机", name: "闸机",

225
src/jlmap3d/jl3dstationmanager/model/passerstation.js Normal file
View File

@ -0,0 +1,225 @@
import {Materialload} from '@/jlmap3d/main/loaders/Materialload.js';
export function PasserStation() {
var scope = this;
this.stationMesh = null;
this.stationleft = [];
this.stationright = [];
//替换材质组(站台的)
this.stationtexture = [];
this.stationlist = [];
this.nowStation = null;
this.top = null;
this.down = null;
let originTopPosition = new THREE.Vector3();
let originDownPosition = new THREE.Vector3();
this.topfloor = null;
this.downfloor = null;
for(let i=0;i<22;i++){
let sl = {
id:"left"+i,
status:0,
waiting:0
}
scope.stationleft.push(sl);
}
for(let i=0;i<22;i++){
let sr = {
id:"right"+i,
status:0,
waiting:0
}
scope.stationright.push(sr);
}
//初始化车站模型动画
this.initStationAnimation = function( object,mixers ,deviceaction ,scene){
let mixer = new THREE.AnimationMixer( object ,mixers ,deviceaction ,scene);
let newclip = object.animations[ 0 ];
for(let j=0;j<object.children.length;j++){
if(object.children[j].name == "top"){
// let geometry = new THREE.BoxBufferGeometry( 50, 50, 50 );
// let material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
// let cube = new THREE.Mesh( geometry, material );
// cube.position.copy(object.children[j].position);
// scene.add( cube );
object.children[j].animations = [];
object.children[j].animations.push(newclip.clone());
let mixer = new THREE.AnimationMixer( object.children[j] );
let action =mixer.clipAction( object.children[j].animations[0])
action.setLoop(THREE.LoopOnce);
action.clampWhenFinished = true;
// action.play();
mixers.push(mixer);
let device = {
action:action,
mixer:mixer,
};
deviceaction[object.children[j].name] = device;
}
if(object.children[j].name == "down"){
object.children[j].animations = [];
object.children[j].animations.push(newclip.clone());
let mixer = new THREE.AnimationMixer( object.children[j] );
let action =mixer.clipAction( object.children[j].animations[0])
// action.play();
action.setLoop(THREE.LoopOnce);
action.clampWhenFinished = true;
mixers.push(mixer);
let device = {
action:action,
mixer:mixer,
};
deviceaction[object.children[j].name] = device;
}
}
object.traverse( function ( child ) {
if ( child.isMesh ) {
child.renderOrder = 9;
}
} );
scope.stationMesh = object;
scope.top = object.getObjectByName("1");
scope.down = object.getObjectByName("2");
originTopPosition.copy(scope.top.position);
originDownPosition.copy(scope.down.position);
scope.topfloor = object.getObjectByName("1floor");
scope.downfloor = object.getObjectByName("2floor");
// console.log(deviceaction);
scene.add(object);
}
//初始化车站名称数据
this.initStationList = function(stationdata,standdata,psddata){
let list = [];
if(psddata){
for(let i=0,leni = standdata.length;i<leni;i++){
for(let j=0,lenj = psddata.length;j<lenj;j++){
if(standdata[i].code == psddata[j].standCode){
standdata[i].name = psddata[j].code;
}
}
}
for(let i=0,leni = stationdata.length;i<leni;i++){
if(stationdata[i].depot == false){
list[stationdata[i].name] = [];
for(let j=0,lenj = standdata.length;j<lenj;j++){
if(standdata[j].stationCode == stationdata[i].code){
list[stationdata[i].name].push(standdata[j]);
}
}
}
}
for(let k in list){
if(list[k].length>0){
let stationobject = {
code : list[k][0].stationCode,
name : k,
toppsd:null,
downpsd:null,
topsection:null,
downsection:null,
};
if(list[k][0].position.y<list[k][1].position.y){
stationobject.toppsd = list[k][0].name;
stationobject.downpsd = list[k][1].name;
stationobject.topsection = list[k][0].standTrackCode;
stationobject.downsection = list[k][1].standTrackCode;
}else{
stationobject.toppsd = list[k][1].name;
stationobject.downpsd = list[k][0].name;
stationobject.topsection = list[k][1].standTrackCode;
stationobject.downsection = list[k][0].standTrackCode;
}
scope.stationlist.push(stationobject);
}
}
scope.nowStation = scope.stationlist[0];
if(scope.stationtexture["stationlist"]){
scope.stationMesh.getObjectByName("zhantailiebiao").material.map =scope.stationtexture["stationlist"];
scope.stationMesh.getObjectByName("zhantailiebiao").material.map.needsUpdate = true;
if(scope.stationMesh.getObjectByName("menkuangyanse")){
scope.stationMesh.getObjectByName("menkuangyanse").material.map =scope.stationtexture["pingbimen"];
scope.stationMesh.getObjectByName("menkuangyanse").material.map.needsUpdate = true;
}
scope.stationMesh.getObjectByName("zhantaiming").material.map = scope.stationtexture[scope.nowStation.code];
scope.stationMesh.getObjectByName("zhantaiming").material.map.needsUpdate = true;
}
updatestationlist(scope.stationlist);
}else{
olddataai = true;
}
}
//加载线路车站名贴图
this.loadMaterial = function(netdata3d){
Materialload(scope,JSON.parse(netdata3d.data.assets).stationTextureList[0]);
}
this.apartPosition = function(drawGroup){
// scope.down.position.y = scope.top.position.y;
scope.top.position.z += 75;
scope.down.position.z -= 75;
if(drawGroup.children.length>0){
for(let i=0;i<drawGroup.children.length;i++){
// drawGroup.children[i].position.y = scope.top.position.y;
if(drawGroup.children[i].underFloor == "1floor"){
drawGroup.children[i].position.z += 75;
}
if(drawGroup.children[i].underFloor == "2floor"){
drawGroup.children[i].position.z -= 75;
}
}
}
}
this.resetPosition = function(drawGroup){
scope.top.position.copy(originTopPosition);
scope.down.position.copy(originDownPosition);
if(drawGroup.children.length>0){
for(let i=0;i<drawGroup.children.length;i++){
if(drawGroup.children[i].underFloor == "1floor"){
drawGroup.children[i].position.z -= 75;
// drawGroup.children[i].position.y = scope.top.position.y;
}
if(drawGroup.children[i].underFloor == "2floor"){
drawGroup.children[i].position.z += 75;
// drawGroup.children[i].position.y = scope.down.position.y;
}
}
}
}
//更换场景车站
this.changestation = function(stationname){
for(let i=0,leni=scope.stationlist.length;i<leni;i++){
if(scope.stationlist[i].name == stationname){
scope.nowStation = scope.stationlist[i];
if(scope.stationtexture["stationlist"]){
scope.stationMesh.getObjectByName("zhantaiming").material.map = scope.stationtexture[scope.nowStation.code];
scope.stationMesh.getObjectByName("zhantaiming").material.map.needsUpdate = true;
}
i=leni;
}
}
}
}

17
src/jmapNew/shape/Station/index.js
View File

@ -529,16 +529,16 @@ export default class Station extends Group {
// console.log(model.controller, model.centralized, '5555555555555'); // console.log(model.controller, model.centralized, '5555555555555');
model.preResetValidDuration && this.handlePreResetLamp(); model.preResetValidDuration && this.handlePreResetLamp();
model.controller && this.handleComplexControl(model.controller); model.controller && this.handleComplexControl(model.controller);
model.emergencyController && this.handleEmergencyController(); model.emergencyController != undefined && this.handleEmergencyChange(model.emergencyController);
// model.controlApplicant // model.controlApplicant
model.controlApplicant && this.handleControlApplicant(model); model.controlApplicant && this.handleControlApplicant(model);
if (this.style.Station.syncCentralizeStation && (model.controlMode || model.controller || model.emergencyController) && model.centralized) { if (this.style.Station.syncCentralizeStation && (model.controlMode || model.controller || model.emergencyController != undefined) && model.centralized) {
model.chargeStationCodeList.forEach(item => { model.chargeStationCodeList.forEach(item => {
const device = store.getters['map/getDeviceByCode'](item); const device = store.getters['map/getDeviceByCode'](item);
device && device.instance && device.instance.recover(); device && device.instance && device.instance.recover();
if (model.emergencyController) { if (model.emergencyController != undefined) {
device.emergencyController = model.emergencyController; device.emergencyController = model.emergencyController;
device && device.instance && device.instance.handleEmergencyController(); device && device.instance && device.instance.handleEmergencyChange(model.emergencyController);
} }
if (model.controller) { if (model.controller) {
device.controller = model.controller; device.controller = model.controller;
@ -563,7 +563,6 @@ export default class Station extends Group {
} }
handleControlApplicant(model) { handleControlApplicant(model) {
// const controlApplicant = model.controlApplicant;
if (this.style.Station.stationText.isSpecialType) { if (this.style.Station.stationText.isSpecialType) {
const memberData = store.state.training.memberData; const memberData = store.state.training.memberData;
if (memberData[model.controller].userId == store.state.user.id ) { if (memberData[model.controller].userId == store.state.user.id ) {
@ -578,6 +577,14 @@ export default class Station extends Group {
} }
} }
handleEmergencyChange(emergencyController) {
if (emergencyController) {
this.handleEmergencyController();
} else {
this.stationText.setBackground(this.style.Station.stationText.defaultBackColor);
}
}
handleComplexControl(controller) { handleComplexControl(controller) {
// const controller = model.controller; // const controller = model.controller;
const memberData = store.state.training.memberData; const memberData = store.state.training.memberData;

244
src/jmapNew/theme/ningbo_03/menus/dialog/routeSelection.vue
View File

@ -1,244 +0,0 @@
<template>
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="350px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
<el-row class="header">
<el-col :span="11"><span>集中站</span></el-col>
<el-col :span="11" :offset="2"><span>始端信号机</span></el-col>
</el-row>
<el-row>
<el-col :span="11">
<el-input v-model="stationName" size="small" disabled />
</el-col>
<el-col :span="11" :offset="2">
<el-input v-model="signalName" size="small" disabled />
</el-col>
</el-row>
<el-row style="margin-top: 10px; line-height: 30px;">
<el-col :span="11"><span>进路列表</span></el-col>
<el-col :span="11" :offset="2">
<!-- <el-button class="expand" @click="expandPath">展开进路预览</el-button> -->
</el-col>
</el-row>
<el-table ref="table" :data="tempData" border :cell-style="tableStyle" style="width: 100%; height: 120px; margin-top:10px" size="mini" highlight-current-row :show-header="false" @row-click="clickEvent">
<el-table-column :id="domIdChoose" prop="name" style="margin-left:30px" />
</el-table>
<el-row justify="center" class="button-group">
<el-col :span="8" :offset="4">
<el-button :id="domIdConfirm" type="primary" :loading="loading" :disabled="commitDisabled" @click="commit">确定</el-button>
</el-col>
<el-col :span="8" :offset="4">
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
</el-col>
</el-row>
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
</el-dialog>
</template>
<script>
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
import { deepAssign } from '@/utils/index';
import {mouseCancelState} from '@/jmapNew/theme/components/utils/menuItemStatus';
import { mapGetters } from 'vuex';
export default {
name: 'RouteSelection',
components: {
NoticeInfo
},
data() {
return {
tempData: [],
beforeSectionList: [],
dialogShow: false,
loading: false,
selected: null,
row: null,
operation: '',
display: true,
stationName: '',
signalName: '',
tableStyle: {
'border-bottom': 'none'
}
};
},
computed: {
...mapGetters('map', [
'overlapData'
]),
show() {
return this.dialogShow && !this.$store.state.menuOperation.break;
},
domIdCancel() {
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
},
domIdChoose() {
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.choose.domId : '';
},
domIdConfirm() {
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
},
title() {
return '进路设置';
},
commitDisabled() {
let disabled = true;
if (this.row) {
disabled = !this.row.canSetting;
}
return disabled;
}
},
watch: {
'$store.state.map.keyboardEnterCount': function (val) {
if (this.show && !this.commitDisabled) {
this.commit();
}
}
},
methods: {
expandPath() {
console.log('展开进路预览');
},
doShow(operate, selected, tempData) {
this.selected = selected;
// 如果不是断点激活，而是第一次显示，则需要设置初始值
if (!this.dialogShow) {
this.signalName = '';
this.stationName = '';
if (selected && selected._type.toUpperCase() === 'Signal'.toUpperCase()) {
this.signalName = selected.name;
const station = this.$store.getters['map/getDeviceByCode'](selected.stationCode);
if (station) {
this.stationName = station.name;
}
}
const routeList = JSON.parse(JSON.stringify(tempData || []));
this.tempData = routeList;
this.tempData.forEach(route => {
if (route.turnBack) {
route.name = `${route.name}(Z)`;
}
});
this.operation = operate.operation;
}
this.dialogShow = true;
this.$nextTick(function () {
this.$store.dispatch('training/emitTipFresh');
});
},
doClose() {
this.loading = false;
this.dialogShow = false;
this.restoreBeforeDevices();
this.$refs.table.setCurrentRow();
this.$store.dispatch('training/emitTipFresh');
mouseCancelState(this.selected);
},
restoreBeforeDevices() {
// 恢复之前选中设备
if (this.beforeSectionList && this.beforeSectionList.length) {
this.beforeSectionList.forEach(elem => {
elem.cutOff = false;
});
}
this.$store.dispatch('training/updateMapState', [...this.beforeSectionList]);
this.beforeSectionList = [];
},
clickEvent(row, event, column) {
this.row = row;
if (row) {
// 恢复进路区段的切除状态
this.row.canSetting = true;
this.restoreBeforeDevices();
const containSectionList = [];
if (!row.setting) {
// 设置选中区段为切除状态
if (row.routeSectionList && row.routeSectionList.length) {
// 设置新选的进路区段为切除状态
row.routeSectionList.forEach(elem => {
const section = deepAssign({}, this.$store.getters['map/getDeviceByCode'](elem));
if (section.logicSectionCodeList && section.logicSectionCodeList.length) {
section.logicSectionCodeList.forEach(item => {
const sec = deepAssign({}, this.$store.getters['map/getDeviceByCode'](item));
sec.cutOff = true;
containSectionList.push(sec);
});
} else {
section.cutOff = true;
containSectionList.push(section);
}
});
}
if (this.overlapData[row.overlapCode] && this.overlapData[row.overlapCode].pathList && this.overlapData[row.overlapCode].pathList.length) {
this.overlapData[row.overlapCode].pathList.forEach(item => {
if (item.sectionList && item.sectionList.length) {
item.sectionList.forEach(elem => {
const section = deepAssign({}, this.$store.getters['map/getDeviceByCode'](elem));
if (section.logicSectionCodeList && section.logicSectionCodeList.length) {
section.logicSectionCodeList.forEach(logicSectionCode => {
const sec = deepAssign({}, this.$store.getters['map/getDeviceByCode'](logicSectionCode));
sec.cutOff = true;
containSectionList.push(sec);
});
} else {
section.cutOff = true;
containSectionList.push(section);
}
});
}
});
}
this.$store.dispatch('training/updateMapState', [...containSectionList]);
this.beforeSectionList = containSectionList || [];
// 设置选中指令
const operate = {
operation: OperationEvent.Signal.arrangementRoute.choose.operation,
val: row.code
};
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
if (valid) {
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
}
});
} else {
this.$refs.noticeInfo.doShow('当前进路不允许排列, 与其他进路可能发生冲突');
}
}
},
commit() {
if (this.row && this.row.canSetting) {
this.loading = true;
commitOperate(menuOperate.Signal.arrangementRoute, {routeCode:this.row.code}, 2).then(({valid})=>{
this.loading = false;
if (valid) {
this.doClose();
}
}).catch(() => {
this.loading = false;
this.doClose();
this.$refs.noticeInfo.doShow();
});
}
},
cancel() {
const operate = {
operation: OperationEvent.Command.cancel.menu.operation
};
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
if (valid) {
this.doClose();
}
}).catch(() => {
this.doClose();
});
}
}
};
</script>

16
src/jmapNew/theme/ningbo_03/menus/menuBar.vue
View File

@ -1347,7 +1347,7 @@ export default {
this.checkRoleChange(oldval, newval); this.checkRoleChange(oldval, newval);
// } // }
}, },
'$store.state.menuOperation.selectedCount': function (val) { '$store.state.menuOperation.leftClickCount': function (val) {
this.selectedChange(); this.selectedChange();
} }
@ -1366,7 +1366,9 @@ export default {
methods: { methods: {
selectedChange() { selectedChange() {
const model = this.$store.state.menuOperation.selected; const model = this.$store.state.menuOperation.selected;
if (model && model._type && model._type == 'Station' && model.controlApplicant) { const memberData = this.$store.state.training.memberData;
if (model && model._type && model._type == 'Station' && model.controlApplicant &&
model.controller && memberData[model.controller].userId == this.$store.state.user.id) {
const item = {operate: OperationEvent.Command.commandNingBo3.line_stand_transfer}; const item = {operate: OperationEvent.Command.commandNingBo3.line_stand_transfer};
this.authorizeTransfer(item); this.authorizeTransfer(item);
} }
@ -1393,10 +1395,16 @@ export default {
const newCenter = this.$store.getters['map/getDeviceByCode'](this.beCentralizedStation[newMember.deviceCode]); const newCenter = this.$store.getters['map/getDeviceByCode'](this.beCentralizedStation[newMember.deviceCode]);
centerStation = newCenter; centerStation = newCenter;
} }
centerStation && centerStation.instance && centerStation.instance.handleComplexControl(newStation.controller); if (centerStation && centerStation.instance) {
centerStation.instance.handleComplexControl(newStation.controller);
centerStation.instance.handleEmergencyChange(newStation.emergencyController);
}
centerStation.chargeStationCodeList.forEach(item => { centerStation.chargeStationCodeList.forEach(item => {
const device = this.$store.getters['map/getDeviceByCode'](item); const device = this.$store.getters['map/getDeviceByCode'](item);
device && device.instance && device.instance.handleComplexControl(newStation.controller); if (device && device.instance) {
device.instance.handleComplexControl(newStation.controller);
device.instance.handleEmergencyChange(newStation.emergencyController);
}
}); });
} }
} }

23
src/jmapNew/theme/ningbo_03/menus/menuDialog/stationDevolution.vue
View File

@ -14,7 +14,11 @@
<el-table :id="domIdChoose" ref="table" :data="centralizedStaionList" style="width: 100%;" height="320px" highlight-current-row @current-change="handleCurrentChange"> <el-table :id="domIdChoose" ref="table" :data="centralizedStaionList" style="width: 100%;" height="320px" highlight-current-row @current-change="handleCurrentChange">
<el-table-column prop="name" label="控制区域" /> <el-table-column prop="name" label="控制区域" />
<el-table-column label="用户Id" /> <el-table-column label="用户信息">
<template slot-scope="scope">
{{ getControllUserId(scope.row.controller) }}
</template>
</el-table-column>
<el-table-column label="授权范围" /> <el-table-column label="授权范围" />
</el-table> </el-table>
<div class="message" style="color:#ff0000;font-size:14px;margin-left:10px">{{ message }}</div> <div class="message" style="color:#ff0000;font-size:14px;margin-left:10px">{{ message }}</div>
@ -23,7 +27,7 @@
<el-button :id="domIdConfirm" type="primary" :disabled="status" :loading="loading" @click="commit(true)">确定(O)</el-button> <el-button :id="domIdConfirm" type="primary" :disabled="status" :loading="loading" @click="commit(true)">确定(O)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdApply" :disabled="status" @click="commit(false)">应用(A)</el-button> <el-button :id="domIdApply" :disabled="status" :loading="loading" @click="commit(false)">应用(A)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdClose" @click="cancel">关闭(C)</el-button> <el-button :id="domIdClose" @click="cancel">关闭(C)</el-button>
@ -106,6 +110,7 @@ export default {
if (val) { if (val) {
const stationEle = this.$store.getters['map/getDeviceByCode'](val.code); const stationEle = this.$store.getters['map/getDeviceByCode'](val.code);
if (stationEle && this.$store.state.training.prdType == '02') { if (stationEle && this.$store.state.training.prdType == '02') {
this.loading = false;
if (stationEle.controller) { if (stationEle.controller) {
const memberData = this.$store.state.training.memberData; const memberData = this.$store.state.training.memberData;
if (memberData[stationEle.controller].userId == this.$store.state.user.id) { if (memberData[stationEle.controller].userId == this.$store.state.user.id) {
@ -131,6 +136,18 @@ export default {
this.$store.dispatch('training/emitTipFresh'); this.$store.dispatch('training/emitTipFresh');
}); });
}, },
getControllUserId(controller) {
if (controller) {
const member = this.$store.state.training.memberData[controller];
if (member && member.labelName) {
return member.labelName;
} else {
return '';
}
} else {
return '';
}
},
doClose() { doClose() {
this.dialogShow = false; this.dialogShow = false;
this.status = true; this.status = true;
@ -170,6 +187,7 @@ export default {
}, },
commit(isClose = true) { commit(isClose = true) {
const val = this.selected || {}; const val = this.selected || {};
this.loading = true;
const steps = { const steps = {
operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation, operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation,
over: true, over: true,
@ -185,6 +203,7 @@ export default {
this.$emit('commandSuccess', val.code); this.$emit('commandSuccess', val.code);
} }
}).catch(() => { }).catch(() => {
this.loading = false;
isClose && this.doClose(); isClose && this.doClose();
this.$refs.noticeInfo.doShow(); this.$refs.noticeInfo.doShow();
}); });

23
src/jmapNew/theme/ningbo_03/menus/menuDialog/stationReclaim.vue
View File

@ -21,7 +21,11 @@
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
> >
<el-table-column prop="name" label="控制区域" /> <el-table-column prop="name" label="控制区域" />
<el-table-column label="用户Id" /> <el-table-column label="用户信息">
<template slot-scope="scope">
{{ getControllUserId(scope.row.controller) }}
</template>
</el-table-column>
<el-table-column label="授权范围" /> <el-table-column label="授权范围" />
</el-table> </el-table>
<el-checkbox v-model="allChecked" :disabled="true">所有站台(F)</el-checkbox> <el-checkbox v-model="allChecked" :disabled="true">所有站台(F)</el-checkbox>
@ -42,7 +46,7 @@
>确定(O)</el-button> >确定(O)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdApply" :disabled="status" @click="commit(false)">应用(A)</el-button> <el-button :id="domIdApply" :disabled="status" :loading="loading" @click="commit(false)">应用(A)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdClose" @click="cancel">关闭(C)</el-button> <el-button :id="domIdClose" @click="cancel">关闭(C)</el-button>
@ -121,6 +125,7 @@ export default {
if (val) { if (val) {
const stationEle = this.$store.getters['map/getDeviceByCode'](val.code); const stationEle = this.$store.getters['map/getDeviceByCode'](val.code);
if (stationEle && this.$store.state.training.prdType == '02') { if (stationEle && this.$store.state.training.prdType == '02') {
this.loading = false;
if (stationEle.controller) { if (stationEle.controller) {
const memberData = this.$store.state.training.memberData; const memberData = this.$store.state.training.memberData;
if (memberData[stationEle.controller].userId == this.$store.state.user.id) { if (memberData[stationEle.controller].userId == this.$store.state.user.id) {
@ -146,6 +151,18 @@ export default {
this.$store.dispatch('training/emitTipFresh'); this.$store.dispatch('training/emitTipFresh');
}); });
}, },
getControllUserId(controller) {
if (controller) {
const member = this.$store.state.training.memberData[controller];
if (member && member.labelName) {
return member.labelName;
} else {
return '';
}
} else {
return '';
}
},
doClose() { doClose() {
this.dialogShow = false; this.dialogShow = false;
this.status = true; this.status = true;
@ -192,6 +209,7 @@ export default {
}, },
commit(isClose = true) { commit(isClose = true) {
const val = this.selected || {}; const val = this.selected || {};
this.loading = true;
const steps = { const steps = {
operation: isClose operation: isClose
? OperationEvent.Command.common.confirm.operation ? OperationEvent.Command.common.confirm.operation
@ -215,6 +233,7 @@ export default {
}) })
.catch(() => { .catch(() => {
isClose && this.doClose(); isClose && this.doClose();
this.loading = false;
this.$refs.noticeInfo.doShow(); this.$refs.noticeInfo.doShow();
}); });
} }

33
src/jmapNew/theme/ningbo_03/menus/menuDialog/stationRequest.vue
View File

@ -14,7 +14,11 @@
<el-table :id="domIdChoose" ref="table" :data="centralizedStaionList" style="width: 100%;" height="320px" highlight-current-row @current-change="handleCurrentChange"> <el-table :id="domIdChoose" ref="table" :data="centralizedStaionList" style="width: 100%;" height="320px" highlight-current-row @current-change="handleCurrentChange">
<el-table-column prop="name" label="控制区域" /> <el-table-column prop="name" label="控制区域" />
<el-table-column label="用户Id" /> <el-table-column label="用户信息">
<template slot-scope="scope">
{{ getControllUserId(scope.row.controller) }}
</template>
</el-table-column>
<el-table-column label="授权范围" /> <el-table-column label="授权范围" />
</el-table> </el-table>
<el-checkbox v-model="allChecked" :disabled="true">所有站台(F)</el-checkbox> <el-checkbox v-model="allChecked" :disabled="true">所有站台(F)</el-checkbox>
@ -24,7 +28,7 @@
<el-button :id="domIdConfirm" type="primary" :loading="loading" :disabled="status" @click="commit(true)">确定(O)</el-button> <el-button :id="domIdConfirm" type="primary" :loading="loading" :disabled="status" @click="commit(true)">确定(O)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdApply" :disabled="status" @click="commit(false)">应用(A)</el-button> <el-button :id="domIdApply" :disabled="status" :loading="loading" @click="commit(false)">应用(A)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdClose" @click="cancel">关闭(C)</el-button> <el-button :id="domIdClose" @click="cancel">关闭(C)</el-button>
@ -108,14 +112,19 @@ export default {
if (val) { if (val) {
const stationEle = this.$store.getters['map/getDeviceByCode'](val.code); const stationEle = this.$store.getters['map/getDeviceByCode'](val.code);
if (stationEle) { if (stationEle) {
this.loading = false;
if (this.$store.state.training.prdType == '02') { if (this.$store.state.training.prdType == '02') {
if (stationEle.controller) { if (stationEle.controller) {
const memberData = this.$store.state.training.memberData; const memberData = this.$store.state.training.memberData;
if (memberData[stationEle.controller].userId == this.$store.state.user.id) { if (memberData[stationEle.controller].userId == this.$store.state.user.id) {
this.status = true; this.status = true;
} else {
if (stationEle.controlApplicant) {
this.status = true;
} else { } else {
this.status = false; this.status = false;
} }
}
} else { } else {
this.status = false; this.status = false;
} }
@ -124,14 +133,17 @@ export default {
const memberData = this.$store.state.training.memberData; const memberData = this.$store.state.training.memberData;
if (memberData[stationEle.controller].userId == this.$store.state.user.id) { if (memberData[stationEle.controller].userId == this.$store.state.user.id) {
this.status = true; this.status = true;
} else {
if (stationEle.controlApplicant) {
this.status = true;
} else { } else {
this.isCurrentStation(stationEle); this.isCurrentStation(stationEle);
} }
}
} else { } else {
this.isCurrentStation(stationEle); this.isCurrentStation(stationEle);
} }
} }
} }
} }
} }
@ -145,6 +157,18 @@ export default {
this.$store.dispatch('training/emitTipFresh'); this.$store.dispatch('training/emitTipFresh');
}); });
}, },
getControllUserId(controller) {
if (controller) {
const member = this.$store.state.training.memberData[controller];
if (member && member.labelName) {
return member.labelName;
} else {
return '';
}
} else {
return '';
}
},
isCurrentStation(stationEle) { isCurrentStation(stationEle) {
if (this.$store.state.map.showCentralizedStationCode == stationEle.code) { if (this.$store.state.map.showCentralizedStationCode == stationEle.code) {
this.status = false; this.status = false;
@ -191,6 +215,7 @@ export default {
}, },
commit(isClose = true) { commit(isClose = true) {
const val = this.selected || {}; const val = this.selected || {};
this.loading = true;
const steps = { const steps = {
operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation, operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation,
over: true, over: true,
@ -203,11 +228,13 @@ export default {
if (valid) { if (valid) {
if (isClose) { if (isClose) {
this.doClose(); this.doClose();
this.loading = false;
} }
this.$emit('commandSuccess', val.code); this.$emit('commandSuccess', val.code);
} }
}).catch(() => { }).catch(() => {
isClose && this.doClose(); isClose && this.doClose();
this.loading = false;
this.$refs.noticeInfo.doShow(); this.$refs.noticeInfo.doShow();
}); });
} }

50
src/jmapNew/theme/ningbo_03/menus/menuDialog/stationTransfer.vue
View File

@ -13,11 +13,24 @@
> >
<el-row style="margin-bottom: 20px"> <el-row style="margin-bottom: 20px">
<el-col :span="18"> <el-col :span="18">
<el-table :id="domIdChoose" ref="table" :data="centralizedStaionList" style="width: 100%;" height="350px" highlight-current-row @current-change="handleCurrentChange"> <el-table
:id="domIdChoose"
ref="table"
:data="centralizedStaionList"
style="width: 100%;"
height="320px"
highlight-current-row
@current-change="handleCurrentChange"
>
<el-table-column prop="name" label="控制区域" /> <el-table-column prop="name" label="控制区域" />
<el-table-column label="控制模式"> <el-table-column label="用户信息">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.controlMode == 'Center' ? '中控' : '站控' }}</span> {{ getControllUserId(scope.row.controller) }}
</template>
</el-table-column>
<el-table-column label="请求用户信息">
<template slot-scope="scope">
<span>{{ getControlApplUserId(scope.row.controller,scope.row.controlApplicant) }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -36,7 +49,7 @@
<el-button :id="domIdConfirm" type="primary" :disabled="status" :loading="loading" @click="commit(true)">确定(O)</el-button> <el-button :id="domIdConfirm" type="primary" :disabled="status" :loading="loading" @click="commit(true)">确定(O)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdApply" :disabled="status" @click="commit(false)">应用(A)</el-button> <el-button :id="domIdApply" :disabled="status" :loading="loading" @click="commit(false)">应用(A)</el-button>
</el-col> </el-col>
<el-col :span="4" :offset="2"> <el-col :span="4" :offset="2">
<el-button :id="domIdClose" @click="cancel">关闭(C)</el-button> <el-button :id="domIdClose" @click="cancel">关闭(C)</el-button>
@ -123,23 +136,48 @@ export default {
'selected': function(val) { 'selected': function(val) {
if (val && val.code) { if (val && val.code) {
const stationEle = this.$store.getters['map/getDeviceByCode'](val.code); const stationEle = this.$store.getters['map/getDeviceByCode'](val.code);
if (stationEle.controlApplicant) { const memberData = this.$store.state.training.memberData;
this.loading = false;
if (stationEle.controlApplicant && stationEle.controller && memberData[stationEle.controller].userId == this.$store.state.user.id) {
this.status = false; this.status = false;
} else { } else {
this.status = true; this.status = true;
} }
} else {
this.status = true;
} }
} }
}, },
methods: { methods: {
doShow() { doShow() {
this.message = ''; this.message = '';
this.$store.dispatch('menuOperation/setSelected', {device: {}});
this.dialogShow = true; this.dialogShow = true;
this.$nextTick(e => { this.$nextTick(e => {
this.$refs.table.setCurrentRow(); this.$refs.table.setCurrentRow();
this.$store.dispatch('training/emitTipFresh'); this.$store.dispatch('training/emitTipFresh');
}); });
}, },
getControlApplUserId(controller, controlApplicant) {
const memberData = this.$store.state.training.memberData;
if (controller && memberData[controller] && memberData[controller].userId == this.$store.state.user.id ) {
return this.getControllUserId(controlApplicant);
} else {
return '';
}
},
getControllUserId(controller) {
if (controller) {
const member = this.$store.state.training.memberData[controller];
if (member && member.labelName) {
return member.labelName;
} else {
return '';
}
} else {
return '';
}
},
doClose() { doClose() {
this.dialogShow = false; this.dialogShow = false;
this.status = true; this.status = true;
@ -179,6 +217,7 @@ export default {
}, },
commit(isClose = true) { commit(isClose = true) {
const val = this.selected || {}; const val = this.selected || {};
this.loading = true;
const steps = { const steps = {
operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation, operation: isClose ? OperationEvent.Command.common.confirm.operation : OperationEvent.Command.common.apply.operation,
over: true, over: true,
@ -194,6 +233,7 @@ export default {
this.$emit('commandSuccess', val.code); this.$emit('commandSuccess', val.code);
} }
}).catch(() => { }).catch(() => {
this.loading = false;
isClose && this.doClose(); isClose && this.doClose();
this.$refs.noticeInfo.doShow(); this.$refs.noticeInfo.doShow();
}); });

27
src/jmapNew/theme/ningbo_03/menus/menuSection.vue
View File

@ -28,7 +28,6 @@ import MenuContextHandler from '@/scripts/cmdPlugin/MenuContextHandler';
import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate'; import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
import LoadSpareTrain from '@/jmapNew/theme/components/menus/dialog/loadSpareTrain'; import LoadSpareTrain from '@/jmapNew/theme/components/menus/dialog/loadSpareTrain';
export default { export default {
name: 'SectionMenu', name: 'SectionMenu',
components: { components: {
@ -70,16 +69,6 @@ export default {
// handler: this.split, // handler: this.split,
// cmdType: CMD.Section.CMD_SECTION_CUT_OFF // cmdType: CMD.Section.CMD_SECTION_CUT_OFF
// }, // },
// {
// label: '区段封锁',
// handler: this.lock,
// cmdType: CMD.Section.CMD_SECTION_BLOCK
// },
// {
// label: '区段解封',
// handler: this.unlock,
// cmdType: CMD.Section.CMD_SECTION_UNBLOCK
// }
], ],
Center: [ Center: [
// { // {
@ -234,22 +223,6 @@ export default {
} }
}); });
}, },
// 区段封锁
lock() {
commitOperate(menuOperate.Section.lock, {sectionCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.sectionControl.doShow(operate, this.selected);
}
});
},
// 区段解锁
unlock() {
commitOperate(menuOperate.Section.unlock, {sectionCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.sectionUnLock.doShow(operate, this.selected);
}
});
},
// 设置速度 // 设置速度
setSpeed() { setSpeed() {
let sectionCode = this.selected.code; let sectionCode = this.selected.code;

177
src/jmapNew/theme/ningbo_03/menus/menuSignal.vue
View File

@ -1,11 +1,8 @@
<template> <template>
<div> <div>
<pop-menu ref="popMenu" :menu="menu" /> <pop-menu ref="popMenu" :menu="menu" />
<route-selection ref="routeSelection" />
<route-un-lock ref="routeUnLock" pop-class="ningbo-01__systerm" /> <route-un-lock ref="routeUnLock" pop-class="ningbo-01__systerm" />
<route-control ref="routeControl" pop-class="ningbo-01__systerm" /> <route-control ref="routeControl" pop-class="ningbo-01__systerm" />
<route-hand-control ref="routeHandControl" system-name="ningbo-01__systerm" />
<route-detail ref="routeDetail" system-name="ningbo-01__systerm" />
<router-command ref="routerCommand" /> <router-command ref="routerCommand" />
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" /> <notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
<set-fault ref="setFault" pop-class="ningbo-01__systerm" /> <set-fault ref="setFault" pop-class="ningbo-01__systerm" />
@ -16,11 +13,8 @@
import PopMenu from '@/components/PopMenu'; import PopMenu from '@/components/PopMenu';
import RouteControl from '@/jmapNew/theme/components/menus/dialog/routeControl'; import RouteControl from '@/jmapNew/theme/components/menus/dialog/routeControl';
import SetFault from '@/jmapNew/theme/components/menus/dialog/setFault'; import SetFault from '@/jmapNew/theme/components/menus/dialog/setFault';
import RouteSelection from './dialog/routeSelection';
import RouteUnLock from '@/jmapNew/theme/components/menus/dialog/sectionUnLock'; import RouteUnLock from '@/jmapNew/theme/components/menus/dialog/sectionUnLock';
import RouteHandControl from '@/jmapNew/theme/components/menus/dialog/routeHandControl';
import RouterCommand from './dialog/routerCommand'; import RouterCommand from './dialog/routerCommand';
import RouteDetail from '@/jmapNew/theme/components/menus/dialog/routeDetail';
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo'; import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate'; import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
import CMD from '@/scripts/cmdPlugin/CommandEnum'; import CMD from '@/scripts/cmdPlugin/CommandEnum';
@ -33,10 +27,7 @@ export default {
components: { components: {
PopMenu, PopMenu,
RouteControl, RouteControl,
RouteSelection,
RouteUnLock, RouteUnLock,
RouteHandControl,
RouteDetail,
RouterCommand, RouterCommand,
NoticeInfo, NoticeInfo,
SetFault SetFault
@ -54,42 +45,12 @@ export default {
menu: [], menu: [],
menuNormal: { menuNormal: {
Local: [ Local: [
// {
// label: '排列进路',
// handler: this.arrangementRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_SET_ROUTE
// },
// {
// label: '取消进路',
// handler: this.cancelTrainRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_ROUTE
// },
// {
// label: '信号重开',
// handler: this.reopenSignal,
// cmdType: CMD.Signal.CMD_SIGNAL_REOPEN_SIGNAL
// },
// {
// label: '信号机引导办理',
// handler: this.guide,
// cmdType: CMD.Signal.CMD_SIGNAL_ROUTE_GUIDE
// },
// { // {
// label: '人工解锁进路', // 信号机引导取消 // label: '人工解锁进路', // 信号机引导取消
// handler: this.humanTrainRoute, // handler: this.humanTrainRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_GUIDE // cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_GUIDE
// }, // },
// { // {
// label: '信号封锁',
// handler: this.lock,
// cmdType: CMD.Signal.CMD_SIGNAL_BLOCK
// },
// {
// label: '信号解封',
// handler: this.unlock,
// cmdType: CMD.Signal.CMD_SIGNAL_UNBLOCK
// },
// {
// label: 'Fleet进路办理', // label: 'Fleet进路办理',
// handler: this.singalPassModel, // handler: this.singalPassModel,
// cmdType: CMD.Signal.CMD_SIGNAL_SET_CI_AUTO // cmdType: CMD.Signal.CMD_SIGNAL_SET_CI_AUTO
@ -99,54 +60,14 @@ export default {
// handler: this.singalCancelPassModel, // handler: this.singalCancelPassModel,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_CI_AUTO // cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_CI_AUTO
// }, // },
// {
// label: '进路交人工控',
// handler: this.humanControl,
// cmdType: CMD.Signal.CMD_SIGNAL_CLOSE_AUTO_SETTING
// },
// {
// label: '进路交自动控',
// handler: this.atsAutoControl,
// cmdType: CMD.Signal.CMD_SIGNAL_OPEN_AUTO_SETTING
// },
// {
// label: '查询进路控制状态',
// handler: this.detail,
// cmdType: CMD.Signal.CMD_SIGNAL_DETAIL
// }
], ],
Center: [ Center: [
// {
// label: '排列进路',
// handler: this.arrangementRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_SET_ROUTE
// },
// {
// label: '取消进路',
// handler: this.cancelTrainRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_ROUTE
// },
// { // {
// label: '人工解锁进路', // 信号机引导取消 // label: '人工解锁进路', // 信号机引导取消
// handler: this.humanTrainRoute, // handler: this.humanTrainRoute,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_GUIDE // cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_GUIDE
// }, // },
// { // {
// label: '信号重开',
// handler: this.reopenSignal,
// cmdType: CMD.Signal.CMD_SIGNAL_REOPEN_SIGNAL
// },
// {
// label: '进路交人工控',
// handler: this.humanControl,
// cmdType: CMD.Signal.CMD_SIGNAL_CLOSE_AUTO_SETTING
// },
// {
// label: '进路交自动控',
// handler: this.atsAutoControl,
// cmdType: CMD.Signal.CMD_SIGNAL_OPEN_AUTO_SETTING
// },
// {
// label: '设置通过模式', // label: '设置通过模式',
// handler: this.singalPassModel, // handler: this.singalPassModel,
// cmdType: CMD.Signal.CMD_SIGNAL_SET_CI_AUTO // cmdType: CMD.Signal.CMD_SIGNAL_SET_CI_AUTO
@ -156,11 +77,6 @@ export default {
// handler: this.singalCancelPassModel, // handler: this.singalCancelPassModel,
// cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_CI_AUTO // cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_CI_AUTO
// }, // },
// {
// label: '查询进路控制状态',
// handler: this.detail,
// cmdType: CMD.Signal.CMD_SIGNAL_DETAIL
// }
] ]
}, },
menuForce: [ menuForce: [
@ -185,9 +101,6 @@ export default {
...mapGetters('menuOperation', [ ...mapGetters('menuOperation', [
'buttonOperation' 'buttonOperation'
]), ]),
...mapGetters('map', [
'routeList'
]),
group() { group() {
return this.$route.query.group; return this.$route.query.group;
} }
@ -228,80 +141,6 @@ export default {
this.$refs.popMenu.close(); this.$refs.popMenu.close();
} }
}, },
// 获取进路列表
getRouteList(selectType) {
const routes = [];
this.routeList.forEach(elem => {
if (elem.startSignalCode === selectType.code) {
routes.push(elem);
}
});
return routes;
},
// 排列进路
arrangementRoute() {
commitOperate(menuOperate.Signal.arrangementRoute, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeSelection.doShow(operate, this.selected, this.getRouteList(this.selected));
}
});
},
// 取消进路
cancelTrainRoute() {
commitOperate(menuOperate.Signal.cancelTrainRoute, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeControl.doShow(operate, this.selected);
}
});
},
// 信号封锁
lock() {
commitOperate(menuOperate.Signal.lock, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeControl.doShow(operate, this.selected);
}
});
},
// 信号解封
unlock() {
commitOperate(menuOperate.Signal.unlock, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeUnLock.doShow(operate, this.selected);
}
});
},
// 信号重开
reopenSignal() {
commitOperate(menuOperate.Signal.reopenSignal, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeControl.doShow(operate, this.selected);
}
});
},
// 信号关灯
signalClose() {
commitOperate(menuOperate.Signal.signalClose, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeControl.doShow(operate, this.selected);
}
});
},
// 进路交人工控
humanControl() {
commitOperate(menuOperate.Signal.humanControl, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeHandControl.doShow(operate, this.selected, this.getRouteList(this.selected));
}
});
},
// 进路交自动控
atsAutoControl() {
commitOperate(menuOperate.Signal.atsAutoControl, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeHandControl.doShow(operate, this.selected, this.getRouteList(this.selected));
}
});
},
// 设置通过模式 // 设置通过模式
singalPassModel() { singalPassModel() {
commitOperate(menuOperate.Signal.setAutoInterlock, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{ commitOperate(menuOperate.Signal.setAutoInterlock, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
@ -318,14 +157,6 @@ export default {
} }
}); });
}, },
// 查询进路状态
detail() {
commitOperate(menuOperate.Signal.detail, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routeDetail.doShow(operate, this.selected, this.getRouteList(this.selected));
}
});
},
// 人工解锁进路（信号机取消引导） // 人工解锁进路（信号机取消引导）
humanTrainRoute() { humanTrainRoute() {
commitOperate(menuOperate.Signal.cancelGuide, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{ commitOperate(menuOperate.Signal.cancelGuide, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
@ -334,14 +165,6 @@ export default {
} }
}); });
}, },
// 进路引导
guide() {
commitOperate(menuOperate.Signal.guide, {signalCode:this.selected.code}, 0).then(({valid, operate})=>{
if (valid) {
this.$refs.routerCommand.doShow(operate, this.selected, '是否执行引导命令?');
}
});
},
// 设置故障 // 设置故障
setStoppage() { setStoppage() {
commitOperate(menuOperate.Common.setFault, { code: this.selected.code }, 0).then(({valid, operate})=>{ commitOperate(menuOperate.Common.setFault, { code: this.selected.code }, 0).then(({valid, operate})=>{

2
src/utils/baseUrl.js
View File

@ -6,7 +6,7 @@ export function getBaseUrl() {
// BASE_API = 'http://192.168.8.107:9000'; // 袁琪 // BASE_API = 'http://192.168.8.107:9000'; // 袁琪
// BASE_API = 'http://192.168.8.129:9000'; // 旭强 // BASE_API = 'http://192.168.8.129:9000'; // 旭强
// BASE_API = 'http://192.168.8.119:9000'; // 张赛 // BASE_API = 'http://192.168.8.119:9000'; // 张赛
// BASE_API = 'http://192.168.8.140:9000'; // 杜康 BASE_API = 'http://192.168.8.140:9000'; // 杜康
// BASE_API = 'http://b29z135112.zicp.vip'; // BASE_API = 'http://b29z135112.zicp.vip';
// BASE_API = 'http://2925963m2a.zicp.vip'; // 杜康 // BASE_API = 'http://2925963m2a.zicp.vip'; // 杜康
// BASE_API = 'http://2i38984j47.qicp.vip'; // 张赛 // BASE_API = 'http://2i38984j47.qicp.vip'; // 张赛

172
src/views/jlmap3d/stationmanager/component/drawtype.vue Normal file
View File

@ -0,0 +1,172 @@
<template>
<el-tabs class="mapControl" :tab-position="tabPosition" v-model="activeName" type="card" @tab-click="handleClick" >
<el-tab-pane label="基础区域绘制" name="trackedit" >
<el-row>
<el-button id="stationRegion" class="editbutton stationRegion" @click="actionClick($event)">入口区域</el-button>
</el-row>
<el-row>
<el-button id="securityRegion" class="editbutton securityRegion" @click="actionClick($event)">安检区域</el-button>
</el-row>
<el-row>
<el-button id="checkRegion" class="editbutton checkRegion" @click="actionClick($event)">闸机区域</el-button>
</el-row>
<el-row>
<el-button id="standRegion" class="editbutton standRegion" @click="actionClick($event)">站台区域</el-button>
</el-row>
</el-tab-pane>
<el-tab-pane label="功能区域绘制" name="switchedit">
<el-row>
<el-button id="ticketRegion" class="editbutton ticketRegion" @click="actionClick($event)">售票区域</el-button>
</el-row>
<el-row>
<el-button id="elevatorRegion" class="editbutton elevatorRegion" @click="actionClick($event)">电梯区域</el-button>
</el-row>
<el-row>
<el-button id="stairsRegion" class="editbutton stairsRegion" @click="actionClick($event)">楼梯区域</el-button>
</el-row>
<el-row>
<el-button id="escalatorRegion" class="editbutton escalatorRegion" @click="actionClick($event)">扶梯区域</el-button>
</el-row>
<el-row>
<el-button id="unaccessRegion" class="editbutton unaccessRegion" @click="actionClick($event)">禁行区域</el-button>
</el-row>
</el-tab-pane>
</el-tabs>
<!-- <div class="mapControl">
</div> -->
</template>
<script>
export default {
name: 'DrawType',
components: {
},
data() {
return {
activeName: '',
tabPosition:'left',
size:'medium',
isActive:-1,
}
},
beforeDestroy() {
},
mounted() {
},
methods: {
init: function() {
},
back() {
},
handleClick(tab, event) {
// console.log(tab);
// if(tab.name == "pathedit"){
// this.$emit('saction',this.activeName);
// }
this.isActive = -1;
if(tab.name == "trackedit"){
}
if(tab.name == "switchedit"){
}
if(tab.name == "signaledit"){
}
if(tab.name == "stationedit"){
}
},
actionClick(element){
let actionId = element.currentTarget.id;
// console.log(element.currentTarget.id);
this.$emit('changeDrawType',actionId);
},
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "src/styles/mixin.scss";
.mapControl {
position:absolute;
float: left;
left:0;
width: 18%;
height:70%;
background:#fff;
overflow-y:auto;
z-index: 10;
border-radius:0 30px 30px 0;
border:1px solid #000;
// border-radius:5px;
// text-align: center;
}
.editmodelconfig{
left:0;
margin-top:5px;
width:98%;
border-radius:5px;
border:solid 2px #000
}
.active{
background-color:blue;
}
.editbutton{
padding: 1cm
}
.stationRegion{
background:#2894FF;
}
.securityRegion{
background:#FF0000;
}
.checkRegion{
background:#9F35FF;
}
.standRegion{
background:#00EC00;
}
.ticketRegion{
background:#00FFFF;
}
.elevatorRegion{
background:#FFFF37;
}
.stairsRegion{
background:#FF5809;
}
.escalatorRegion{
background:#5CADAD;
}
.unaccessRegion{
background:#272727;
}
</style>

74
src/views/jlmap3d/stationmanager/component/manager.vue Normal file
View File

@ -0,0 +1,74 @@
<template>
<div class="jl3dstationmanager">
<div id="jl3d" class="jl3dstationmanagerdraw">
</div>
</div>
</template>
<script>
import Vue from 'vue';
import { JL3D_LOCAL_STATIC } from '@/api/jlmap3d/assets3d.js';
import { Jl3dStationManager } from '@/jlmap3d/jl3dstationmanager/jl3dstationmanager.js';
export default {
name: 'ActionManager',
components: {
},
data() {
return {
localStatic:JL3D_LOCAL_STATIC,
jl3d: null,
}
},
watch: {
},
computed: {
},
mounted() {
this.initnewdata();
},
beforeDestroy() {
},
methods: {
initnewdata: function (group,header){
let dom = document.getElementById('jl3d');
this.jl3d = new Jl3dStationManager(dom);
},
}
}
</script>
<style scoped>
.jl3dstationmanager{
width: 100%;
height: 100%;
}
.jl3dstationmanagerdraw {
position: absolute;
float: right;
/* top:25%; */
/* left: 0; */
width: 100%;
height: 100%;
z-index: 9;
}
#canvastexture {
position: absolute;
float: left;
left: 0;
z-index: -12;
}
</style>

115
src/views/jlmap3d/stationmanager/component/property.vue Normal file
View File

@ -0,0 +1,115 @@
<template>
<el-tabs class="mapControl" :tab-position="tabPosition" v-model="activeName" type="card" @tab-click="handleClick" >
<el-tab-pane label="区域属性" name="trackedit" >
</el-tab-pane>
<el-tab-pane label="仿真配置" name="switchedit">
</el-tab-pane>
</el-tabs>
<!-- <div class="mapControl">
</div> -->
</template>
<script>
export default {
name: 'ProPerty',
components: {
},
data() {
return {
activeName: '',
tabPosition:'top',
size:'medium',
isActive:-1,
}
},
beforeDestroy() {
},
mounted() {
},
methods: {
init: function() {
},
back() {
},
handleClick(tab, event) {
// console.log(tab);
// if(tab.name == "pathedit"){
// this.$emit('saction',this.activeName);
// }
this.isActive = -1;
if(tab.name == "trackedit"){
}
if(tab.name == "switchedit"){
}
if(tab.name == "signaledit"){
}
if(tab.name == "stationedit"){
}
},
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "src/styles/mixin.scss";
.mapControl {
position:absolute;
float: right;
right:0;
width: 18%;
height:70%;
background:#fff;
overflow-y:auto;
z-index: 10;
border-radius:30px 0 0 30px;
border:1px solid #000;
// border-radius:5px;
// text-align: center;
}
.editmodelconfig{
left:0;
margin-top:5px;
width:98%;
border-radius:5px;
border:solid 2px #000
}
.active{
background-color:blue;
}
.editbutton{
padding: 1cm
}
</style>

57
src/views/jlmap3d/stationmanager/jl3dstationmanager.vue
View File

@ -1,6 +1,23 @@
<template> <template>
<div class="jl3dstationmanager"> <div class="jl3dstationmanager">
<div id="jl3d" class="jl3ddraw"> <el-row class="managerbutton">
<el-button @click="switchViews" round>{{switchButtonName}}</el-button>
<!-- 仿真操作按钮 -->
<el-button round >显示隐藏区域</el-button>
<el-button round >显示隐藏热力图</el-button>
<!-- 绘图操作按钮 -->
<el-button round >删除区域</el-button>
<el-button round >移动操作</el-button>
<el-button round>旋转操作</el-button>
<el-button round>拉伸操作</el-button>
<el-button round>保存方案</el-button>
<el-button round>加载方案</el-button>
<!-- 其他 -->
<el-button round>退出</el-button>
</el-row>
<Draw-Type @changeDrawType=changeDrawType ></Draw-Type>
<Pro-Perty></Pro-Perty>
<div id="jl3d" class="jl3dstationmanagerdraw">
</div> </div>
</div> </div>
</template> </template>
@ -10,14 +27,20 @@
import { Jl3dStationManager } from '@/jlmap3d/jl3dstationmanager/jl3dstationmanager.js'; import { Jl3dStationManager } from '@/jlmap3d/jl3dstationmanager/jl3dstationmanager.js';
import DrawType from '@/views/jlmap3d/stationmanager/component/drawtype';
import ProPerty from '@/views/jlmap3d/stationmanager/component/property';
export default { export default {
name: 'jl3devacuation', name: 'jl3devacuation',
components: { components: {
DrawType,
ProPerty,
}, },
data() { data() {
return { return {
localStatic:JL3D_LOCAL_STATIC, localStatic:JL3D_LOCAL_STATIC,
jl3d: null, jl3d: null,
switchButtonName:'仿真视角',
viewStatus:false,
} }
}, },
watch: { watch: {
@ -39,13 +62,34 @@
let dom = document.getElementById('jl3d'); let dom = document.getElementById('jl3d');
this.jl3d = new Jl3dStationManager(dom); this.jl3d = new Jl3dStationManager(dom);
}, },
changeDrawType(drawTypeName){
// console.log(drawTypeName);
this.jl3d.changeDrawType(drawTypeName);
},
switchViews(){
if(this.viewStatus == false){
this.switchButtonName = '绘制视角',
this.viewStatus = true;
this.jl3d.changeControlMode(true);
}else if(this.viewStatus == true){
this.switchButtonName = '仿真视角 ',
this.viewStatus = false;
this.jl3d.changeControlMode(false);
}
},
} }
} }
</script> </script>
<style scoped> <style scoped>
.jl3ddraw {
.jl3dstationmanager{
width: 100%;
height: 100%;
}
.jl3dstationmanagerdraw {
position: absolute; position: absolute;
float: right; float: right;
/* top:25%; */ /* top:25%; */
@ -54,9 +98,12 @@
height: 100%; height: 100%;
z-index: 9; z-index: 9;
} }
.jl3dstationmanager{ .managerbutton{
width: 100%; width:50%;
height: 100%; left:25%;
text-align: center;
position: absolute;
z-index: 10;
} }
#canvastexture { #canvastexture {
position: absolute; position: absolute;