修改皮肤skinStyle为skinCode

This commit is contained in:
ival 2019-08-14 09:35:38 +08:00
parent 4e88c02363
commit 78a805cd2f
136 changed files with 562 additions and 3017 deletions

View File

@ -1,17 +1,17 @@
import request from '@/utils/request';
/** 根据皮肤获取地图版本信息*/
export function getPublishMapVersion(skinStyle) {
export function getPublishMapVersion(skinCode) {
return request({
url: `/api/map/skin/${skinStyle}/version`,
url: `/api/map/skin/${skinCode}/version`,
method: 'get'
});
}
/** 根据皮肤获取发布地图详细内容*/
export function getPublishMapDetail(skinStyle) {
export function getPublishMapDetail(skinCode) {
const datad = request({
url: `/api/map/skin/${skinStyle}/details`,
url: `/api/map/skin/${skinCode}/details`,
method: 'get'
});
return datad.then();
@ -66,9 +66,9 @@ export function loadmap3dModel() {
method: 'get'
});
}
export function getPublish3dMapDetail(skinStyle) {
export function getPublish3dMapDetail(skinCode) {
const datad = request({
url: `/api/map/${skinStyle}/3dMapData`,
url: `/api/map/${skinCode}/3dMapData`,
method: 'get'
});
return datad.then();

View File

@ -10,25 +10,25 @@ export function getPublishMapList(params) {
}
/** 根据皮肤获取发布地图列表*/
export function getPublishMapListBySkinStyle(skinStyle) {
export function getPublishMapListBySkinStyle(skinCode) {
return request({
url: `/api/map/${skinStyle}/list`,
url: `/api/map/${skinCode}/list`,
method: 'get'
});
}
/** 根据皮肤获取地图版本信息*/
export function getPublishMapVersion(skinStyle) {
export function getPublishMapVersion(skinCode) {
return request({
url: `/api/map/skin/${skinStyle}/version`,
url: `/api/map/skin/${skinCode}/version`,
method: 'get'
});
}
/** 根据皮肤获取发布地图详细内容*/
export function getPublishMapDetail(skinStyle) {
export function getPublishMapDetail(skinCode) {
return request({
url: `/api/map/skin/${skinStyle}/details`,
url: `/api/map/skin/${skinCode}/details`,
method: 'get'
});
}
@ -50,9 +50,9 @@ export function getPublishMapDetailById(id) {
}
/** 获取发布地图列车列表*/
export function getPublishTrainList(skinStyle) {
export function getPublishTrainList(skinCode) {
return request({
url: `/api/map/${skinStyle}/train`,
url: `/api/map/${skinCode}/train`,
method: 'get'
});
}

View File

@ -62,9 +62,9 @@ export function deleteTrainingCategory(data) {
/**
* 获取地图下的产品列表
*/
export function getCommodityMapProduct(skinStyle) {
export function getCommodityMapProduct(skinCode) {
return request({
url: `/api/mapPrd/${skinStyle}/list`,
url: `/api/mapPrd/${skinCode}/list`,
method: 'get'
});
}

View File

@ -90,9 +90,9 @@ export function deleteOperateStepData(id) {
/**
* 批量生成操作列表
*/
export function addTrainingRulesList(skinStyle, data) {
export function addTrainingRulesList(skinCode, data) {
return request({
url: `/api/operate/${skinStyle}/generate`,
url: `/api/operate/${skinCode}/generate`,
method: 'post',
data: data
});
@ -107,7 +107,7 @@ export function getPlaceholderList(data) {
method: 'get',
params: {
trainingType: data.trainingType,
skinStyle: data.skinStyle
skinCode: data.skinCode
}
});
}
@ -121,7 +121,7 @@ export function getOperateTrainingList(data) {
method: 'get',
params: {
productType: data.productType,
skinStyle: data.skinStyle
skinCode: data.skinCode
}
});
}

View File

@ -13,9 +13,9 @@ export function getRunPlanList() {
/**
* 获取地图速度等级列表
*/
export function getSpeedLevels(skinStyle) {
export function getSpeedLevels(skinCode) {
return request({
url: `/api/runPlan/draft/${skinStyle}/speed`,
url: `/api/runPlan/draft/${skinCode}/speed`,
method: 'get'
});
}
@ -44,9 +44,9 @@ export function getStationList(mapId) {
/**
* 通过皮肤获取运行图车站列表
*/
export function getStationListBySkinStyle(skinStyle) {
export function getStationListBySkinStyle(skinCode) {
return request({
url: `/api/runPlan/draft/station/${skinStyle}/bySkin`,
url: `/api/runPlan/draft/station/${skinCode}/bySkin`,
method: 'get'
});
}
@ -98,16 +98,16 @@ export function publishRunPlan(data) {
*/
export function importRunPlan(data) {
return request({
url: `/api/runPlan/draft/${data.skinStyle}/prdPlan`,
url: `/api/runPlan/draft/${data.skinCode}/prdPlan`,
method: 'post',
data: data.runPlanList
});
}
/** 获取运行图停车点列表*/
export function getRunPlanStopPointList(skinStyle) {
export function getRunPlanStopPointList(skinCode) {
return request({
url: `/api/runPlan/draft/stopPoint/${skinStyle}`,
url: `/api/runPlan/draft/stopPoint/${skinCode}`,
method: 'get'
});
}
@ -121,17 +121,17 @@ export function getRpListByMapId(mapId) {
}
/** 获取站间运行时间*/
export function getStationRunning(skinStyle) {
export function getStationRunning(skinCode) {
return request({
url: `/api/runPlan/draft/${skinStyle}/stationRunning`,
url: `/api/runPlan/draft/${skinCode}/stationRunning`,
method: 'get'
});
}
/** 设置站间运行时间*/
export function setStationRunning(skinStyle, data) {
export function setStationRunning(skinCode, data) {
return request({
url: `/api/runPlan/draft/${skinStyle}/stationRunning`,
url: `/api/runPlan/draft/${skinCode}/stationRunning`,
method: 'put',
data: data
});
@ -309,17 +309,17 @@ export function deleteRunPlanEveryDay(planId) {
}
/** 获取地图运行图的车次号*/
export function getPublishMapTrainNos(skinStyle) {
export function getPublishMapTrainNos(skinCode) {
return request({
url: `/api/runPlan/daily/${skinStyle}/trainNos`,
url: `/api/runPlan/daily/${skinCode}/trainNos`,
method: 'get'
});
}
/** 获取服务号、车组号*/
export function getPublishMapTrainServerNos(skinStyle) {
export function getPublishMapTrainServerNos(skinCode) {
return request({
url: `/api/runPlan/daily/${skinStyle}/serverNos`,
url: `/api/runPlan/daily/${skinCode}/serverNos`,
method: 'get'
});
}

View File

@ -1,37 +1,37 @@
import Vue from 'vue';
//main
// main
import {Three} from '@/jlmap3d/main/three.min.js';
//模型loader
// 模型loader
import { AssetLoader } from '@/jlmap3d/main/loaders/AssetLoader.js';
import {DDSLoader} from '@/jlmap3d/main/loaders/DDSLoader.js';
import {OBJLoader} from '@/jlmap3d/main/loaders/OBJLoader.js';
import {MTLLoader} from '@/jlmap3d/main/loaders/MTLLoader.js';
import { FBXLoader } from '@/jlmap3d/main/loaders/FBXLoader.js';
//controls
// controls
import {OrbitControls} from '@/jlmap3d/control/OrbitControls.js';
import { DragControls } from '@/jlmap3d/edit/control/DragControls.js';
//component
// component
import {Helper} from '@/jlmap3d/component/Helper';
//data
// data
import { Jl3ddata } from '@/jlmap3d/jl3ddata';
//setconfig
// setconfig
import { SetCamera } from '@/jlmap3d/config/Camera';
import { SetRender } from '@/jlmap3d/config/Render';
import { SetScene } from '@/jlmap3d/config/Scene';
//加载器
// 加载器
import { ModelLoad } from '@/jlmap3d/jl3dsimulation/simulationloader';
//connect
// connect
import {Jl3dDriving} from '@/jlmap3d/jl3dsimulation/moveupdate/DrivingConnect';
//import {Jlmap3dSubscribe} from '@/jlmap3d/connect/TrainingConnectTest';
// import {Jlmap3dSubscribe} from '@/jlmap3d/connect/TrainingConnectTest';
import { getPublishMapVersion, getPublishMapDetail,getPublish3dMapDetail} from '@/api/jlmap3d/load3ddata';
//utils
// utils
import { UpdateTrain } from '@/jlmap3d/jl3dsimulation/moveupdate/UpdateTrain';
//import { UpdateTrain } from '@/jlmap3d/utils/UpdateTrainTest';
// import { UpdateTrain } from '@/jlmap3d/utils/UpdateTrainTest';
import { ReStart } from '@/jlmap3d/utils/ReStart';
import {Stats} from '@/jlmap3d/main/lib/stats.min.js';
@ -40,41 +40,41 @@ import {MouseControls} from '@/jlmap3d/control/FirstControls';
var clock = new THREE.Clock();
export function JLmapDriving(dom, data,skinStyle) {
export function JLmapDriving(dom, data,skinCode) {
let scope = this;
this.dom = dom;
//渲染循环开关
// 渲染循环开关
this.animateswitch = false;
//初始化webgl渲染
// 初始化webgl渲染
let renderer = SetRender(dom);
renderer.domElement.style.position = "absolute";
renderer.domElement.style.top = "0";
document.getElementById('jlsimulation').appendChild(renderer.domElement);
//定义相机
// 定义相机
let camera = SetCamera(dom);
//定义场景(渲染容器)
// 定义场景(渲染容器)
let scene = SetScene();
let speed = 0;
let drivingcode = null;
//模型加载器
// 模型加载器
this.assetloader = new AssetLoader();
//替换材质组,例:信号机不同灯光
// 替换材质组,例:信号机不同灯光
this.materiallist = [];
//初始化场景线框和灯光 暂时
// 初始化场景线框和灯光 暂时
Helper(scene);
//点击选中的模型
// 点击选中的模型
this.selectmodel = null;
//鼠标点击模型切换
// 鼠标点击模型切换
this.raycasterswitch = "stand";
//选中物体描边方框
// 选中物体描边方框
this.helpbox = null;
//车门,站台门道岔动画构造器
// 车门,站台门道岔动画构造器
this.mixers = [];
//模型操作命令组
// 模型操作命令组
this.actions = {};
this.nowspeed = null;
this.nowmxlen = null;
@ -84,7 +84,7 @@ export function JLmapDriving(dom, data,skinStyle) {
this.stime = null;
this.webwork=new Worker("../../static/workertest/trainworker.js");
//地图模型数据
// 地图模型数据
let mapdata = new Jl3ddata();
let camera2 = new THREE.PerspectiveCamera( 60,window.innerWidth / window.innerHeight, 1, 2000 );
@ -93,40 +93,40 @@ export function JLmapDriving(dom, data,skinStyle) {
let controls3 = new MouseControls(camera2, 1.6);
controls3.enabled = true;
scene.add(controls3.getObject());
//订阅仿真socket
// 订阅仿真socket
this.Subscribe = new Jl3dDriving(scope);
//连接到通信
//console.log(this.Subscribe.config);
// 连接到通信
// console.log(this.Subscribe.config);
//this.webwork.postMessage(this.Subscribe.teststomp);
// this.webwork.postMessage(this.Subscribe.teststomp);
this.Subscribe.socketon(scope.Subscribe.topic);
//初始化加载数据和模型
getPublish3dMapDetail(skinStyle).then(netdata => {
// 初始化加载数据和模型
getPublish3dMapDetail(skinCode).then(netdata => {
ModelLoad(data,scope,netdata.data,mapdata,camera,controls3,scene);
});
//let stats = new Stats();
//dom.appendChild( stats.dom );
//开启渲染
// let stats = new Stats();
// dom.appendChild( stats.dom );
// 开启渲染
animate();
startWorker();
//动画时间
// 动画时间
let delta;
//循环渲染函数
// 循环渲染函数
function animate() {
//循环渲染
//requestAnimationFrame(animate);
//renderer.setAnimationLoop(animate);
// 循环渲染
// requestAnimationFrame(animate);
// renderer.setAnimationLoop(animate);
requestAnimationFrame(animate);
//判断渲染是否开启
// 判断渲染是否开启
if(scope.animateswitch == true){
//根据相机渲染场景
// 根据相机渲染场景
renderer.render(scene,camera2);
//updatcontrols();
// updatcontrols();
controls3.update();
//检测动画构造器播放动画
// 检测动画构造器播放动画
}
@ -147,8 +147,8 @@ export function JLmapDriving(dom, data,skinStyle) {
scope.webwork.onmessage = function (event) {
//更新列车位置
// stats.update();
// 更新列车位置
// stats.update();
UpdateTrain(camera,mapdata.trainlisttest);
delta = clock.getDelta();
for(let i=scope.mixers.length-1;i>=0;i--){
@ -195,7 +195,7 @@ export function JLmapDriving(dom, data,skinStyle) {
renderer.setAnimationLoop(null);
renderer.dispose();
scene.dispose();
// controls.dispose();
// controls.dispose();
camera = null;
scope.assetloader = null;
@ -208,8 +208,8 @@ export function JLmapDriving(dom, data,skinStyle) {
scope.mixers = null;
scope.actions = null;
scope.Subscribe = null;
//console.log(scope);
//scope = null;
// console.log(scope);
// scope = null;
}
this.rayswitch = function(value){
@ -249,12 +249,12 @@ export function JLmapDriving(dom, data,skinStyle) {
};
this.animateon = function(){
//controls.enabled = false;
// controls.enabled = false;
scope.animateswitch = true;
};
this.animateoff = function(){
//controls.enabled = false;
// controls.enabled = false;
scope.animateswitch = false;
};
@ -263,19 +263,19 @@ export function JLmapDriving(dom, data,skinStyle) {
};
this.eventon = function(){
//raycaster交互模型点击事件
// raycaster交互模型点击事件
document.getElementById("jlsimulation").addEventListener( "mousedown", onselect, false );
//窗口自适应
// 窗口自适应
window.addEventListener( 'resize', onWindowResized, false );
//controls.update();
// controls.update();
};
this.eventoff = function(){
//console.log("off");
//raycaster交互模型点击事件
// console.log("off");
// raycaster交互模型点击事件
document.getElementById("jlsimulation").removeEventListener( "mousedown", onselect, false );
//窗口自适应
// 窗口自适应
window.removeEventListener( 'resize', onWindowResized, false );
};
@ -286,15 +286,15 @@ export function JLmapDriving(dom, data,skinStyle) {
camera.position.x = mesh.position.x-300;
camera.position.y = 100;
camera.position.z = mesh.children[0].position.z;
//controls.target = new THREE.Vector3(mesh.position.x,0,mesh.children[0].position.z);
// controls.target = new THREE.Vector3(mesh.position.x,0,mesh.children[0].position.z);
}
//console.log(mesh);
// console.log(mesh);
if(type == "station"){
camera.position.x = mesh.position.x;
camera.position.y = mesh.position.y+800;
camera.position.z = mesh.position.z+300;
//更新相机方向
//controls.target = new THREE.Vector3(mesh.position.x,mesh.position.y,mesh.position.z);
// 更新相机方向
// controls.target = new THREE.Vector3(mesh.position.x,mesh.position.y,mesh.position.z);
}
if(type == "train"){
camera.position.x = mesh.position.x;
@ -306,19 +306,19 @@ export function JLmapDriving(dom, data,skinStyle) {
function onWindowResized() {
//窗口自适应
// 窗口自适应
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
}
//三维交互点击事件函数
// 三维交互点击事件函数
function onselect(event) {
if(event.button == "0"){
//定义光线
// 定义光线
let raycaster = new THREE.Raycaster();
//定义平面鼠标点击坐标
// 定义平面鼠标点击坐标
let mouse = new THREE.Vector2();
mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
@ -330,19 +330,19 @@ export function JLmapDriving(dom, data,skinStyle) {
}
if(scope.raycasterswitch == "stand"){
//从站台对象组获取点击目标
// 从站台对象组获取点击目标
let intersects1 = raycaster.intersectObjects( mapdata.stationstandlist.textlist);
//获取最近处点击到的模型对象
// 获取最近处点击到的模型对象
if(intersects1[0]){
//遍历对象组获取对象坐标更新相机数据
// 遍历对象组获取对象坐标更新相机数据
for(let j=0;j<mapdata.stationstandlist.list.length;j++){
if(intersects1[0].object.name == mapdata.stationstandlist.list[j].mesh.code){
camera.position.x = mapdata.stationstandlist.list[j].mesh.position.x;
camera.position.y = mapdata.stationstandlist.list[j].mesh.position.y+200;
camera.position.z = mapdata.stationstandlist.list[j].mesh.position.z+300;
//更新相机方向
// controls.target = new THREE.Vector3(mapdata.stationstandlist.list[j].mesh.position.x,mapdata.stationstandlist.list[j].mesh.position.y,mapdata.stationstandlist.list[j].mesh.position.z);
// controls.update();
// 更新相机方向
// controls.target = new THREE.Vector3(mapdata.stationstandlist.list[j].mesh.position.x,mapdata.stationstandlist.list[j].mesh.position.y,mapdata.stationstandlist.list[j].mesh.position.z);
// controls.update();
}
}
}
@ -362,7 +362,7 @@ export function JLmapDriving(dom, data,skinStyle) {
}
if(scope.raycasterswitch == "section"){
//console.log(mapdata.sectionlist.sections.modellist);
// console.log(mapdata.sectionlist.sections.modellist);
let intersects = raycaster.intersectObjects( mapdata.sectionlist.sections.modellist,true);
if(intersects[0]){

View File

@ -38,7 +38,7 @@ import {Stats} from '@/jlmap3d/main/lib/stats.min.js';
var clock = new THREE.Clock();
export function JLmap3d(dom, data,skinStyle) {
export function JLmap3d(dom, data,skinCode) {
let scope = this;
@ -89,7 +89,7 @@ export function JLmap3d(dom, data,skinStyle) {
this.Subscribe.socketon(scope.Subscribe.topic);
//初始化加载数据和模型
getPublish3dMapDetail(skinStyle).then(netdata => {
getPublish3dMapDetail(skinCode).then(netdata => {
ModelLoad(data,scope,netdata.data,mapdata,camera,controls,scene);
});
//

View File

@ -7,5 +7,5 @@ const mapDeviceStyle = {
};
export function selectSkinStyle(code) {
return Object.assign({}, require(`./skinStyle/${mapDeviceStyle[code || '02']}`).default);
return Object.assign({}, require(`./skinCode/${mapDeviceStyle[code || '02']}`).default);
}

View File

@ -1,16 +0,0 @@
import defaultStyle from '../defaultStyle';
import deviceType from '../../constant/deviceType';
class SkinStyle extends defaultStyle {
constructor() {
super();
this[deviceType.Link] = {
lineWidthColor: '#FFFFFF', // line 颜色
linkWidth: 4.4, // link 宽度
linkColor: '#3F3F3F', // link 线条颜色
linkTextColor: '#FFFFFF' // link 字体颜色
};
}
}
export default new SkinStyle();

View File

@ -1,556 +0,0 @@
import defaultStyle from '../defaultStyle';
import deviceType from '../../constant/deviceType';
class SkinStyle extends defaultStyle {
constructor() {
super();
this[deviceType.Link] = {
lineWidthColor: '#FFFFFF', // line 颜色
linkWidth: 4.4, // link 宽度
linkColor: '#3F3F3F', // link 线条颜色
linkTextColor: '#FFFFFF' // link 字体颜色
};
this[deviceType.Section] = {
text: {
position: -1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
logicText: {
position: -1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
standText: {
opposite: true, // 对称相反
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
reentryText: {
opposite: true, // 对称相反
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
transferText: {
opposite: true, // 对称相反
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
destinationText: {
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 11, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'bold', // 字体粗细
fontColor: 'yellow', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
mouseOverStyle: {
borderColor: '#fff',
borderBackgroundColor: '#22DFDF',
textShadowColor: '#22DFDF'
},
line: {
width: 5, // 区段宽度
beyondWidth: 0, // 区段宽超出宽度
invadeColor: '#EF0C08', // 区段侵入颜色
spareColor: '#606060', // 区段空闲颜色
communicationOccupiedColor: '#FF0000', // 区段通信车占用颜色
unCommunicationOccupiedColor: '#800080', // 区段非通讯车占用颜色
routeLockColor: '#FFFFFF', // 区段路由锁定颜色
faultLockColor: '#006400', // 区段故障锁定颜色
undefinedColor: '#0071C1', // 区段未定义颜色
protectionLockedColor: '#FEFF00', // 保护区段锁闭(未用)
blockColor: '#800080', // 区段封锁颜色
atcExcisionColor: '#A0522D', // 区段atc切除颜色
atsExcisionColor: '#A0522D', // 区段ats切除颜色
timeReleaseColor: '#3F3F3F', // 区段延时释放颜色
protectiveLockColor: '#FFFF00', // 区段保护锁闭
protectiveTimeReleaseColor: '#0071C1', // 区段保护延时解锁
logicalColor: '#FFFF00', // 逻辑区段颜色 (未用)
logicalTextColor: '#C0C0C0' // 逻辑区段名称颜色 (未用)
},
axle: {
radius: 3, // 计轴 半径
distance: 5, // 计轴和区段之间的距离 (未用)
color: '#C0C0C0', // 区段计轴颜色
resetColor: '#00FFFF', // 区段计轴预复位颜色
Failure: '#E6A23C' // #FFFF00 计轴失效
},
speedLimit: { // 限速元素
width: 1, // 限速线的宽度
distance: 5, // 限速线距离区段距离
lineColor: '#FFFF00', // 限速线颜色
nameShow: false // 名称显示
},
separator: {
z: 1, // 分割符层级
width: 1.5, // 分隔符宽度
endWidth: 1.5, // 尽头分隔符宽度
endColor: '#7F7F7F', // 尽头分隔符颜色
color: '#7F7F7F' // 区段边界符颜色
}
};
this[deviceType.Signal] = {
distance: 0, // 设备距离区段的距离
post: {
standardColor: '#5578B6', // 灯灯柱颜色
standardWidth: 1.5 // 灯柱宽度
},
text: {
distance: 3, // 文字和灯杆的距离
isNoRotation: true, // 是否禁止旋转
isAlignCenter: false, // 信号字体对其方式
fontSize: 11, // 信号机名称字体大小
fontWeight: 'bold', // 信号机名称字体粗细
defaultColor: '#C0C0C0', // 信号灯字体默认色
blockColor: '#EF0C08', // 信号灯字体锁定颜色
checkColor: '#00FF00' // 信号字体
},
lamp: {
stopWidth: 2, // 禁止线宽度
borderVariable: true, // 信号灯边框可变
borderWidth: 0.5, // 信号灯边框线宽度
borderColor: '#3149C3', // 信号灯边框线颜色
radiusR: 5, // 信号机宽度
blockColor: '#EF0C08', // 信号灯锁闭
grayColor: '#7F7F7F', // 信号灯灰色
redColor: '#FF0000', // 信号灯红色
greenColor: '#00FF00', // 信号灯绿色
yellowColor: '#FFFF00', // 信号灯黄色
whiteColor: '#FFFFFF', // 信号灯白色
blueColor: '#0070C0' // 信号灯蓝色
},
route: {
direction: false, // 自动进路方向
offset: { x: 1, y: -2 }, // 自动进路偏移量
routeColor: '#00FF00' // 自动进路
},
auto: {
direction: true, // 自动通过方向
offset: { x: 4, y: 0}, // 自动通过偏移量
width: 5, // 自动宽度
autoRoute: '#00FF00', // 自动进路
autoTrigger: '#FFFF00', // 自动触发
manualControl: '#FFFF00', // 人工控制
outConflict: '#C00808' // 出车冲突
},
delay: {
direction: false, // 延时解锁方向
offset: { x: 0, y: -5}, // 延时解锁偏移量
fontSize: 9, // 延迟解锁字体大小
fontColor: '#FF0000', // 延迟解锁颜色
fontWeight: 'bold' // 字体粗细
},
button: {
distance: 5, // 信号灯按钮距离区段的距离
borderDashColor: '#FFFFFF', // 信号灯按钮边线
buttonColor: 'darkgreen', // 信号灯按钮颜色
buttonLightenColor: '#E4EF50' // 信号灯按钮闪烁颜色
},
mouseOverStyle: {
borderLineColor: '#FFFFFF',
borderLineDash: [3, 3],
nameBackgroundColor: '#22DFDF',
lampBorderLineColor: '#22DFDF'
}
};
this[deviceType.StationStand] = {
common: { // 通用属性
textFontSize: 8 // 站台默认字体大小
},
safetyDoor: { // 屏蔽门
height: 1.6, // 站台屏蔽门高度
distance: 9, // 站台和屏蔽门之间的距离
defaultColor: '#00FF00', // 屏蔽门默认颜色
splitDoorColor: '#F61107' // 屏蔽门切除颜色
},
stand: { // 站台
headFontSize: 8, // 站台首端字体大小
spareColor: '#606060', // 站台空闲颜色
stopColor: '#FEFE00', // 站台列车停站颜色
jumpStopColor: '#9A99FF', // 站台跳停颜色
designatedJumpStopColor: 'lightSkyBlue' // 站台指定列车跳停颜色
},
standEmergent: { // 紧急关闭
mergentR: 4, // 站台紧急关闭半径
offset: {x: 0, y: 0}, // 站台紧急关闭偏移量
closeColor: '#F61107' // 站台紧急关闭颜色
},
reentry: { // 站台折返策略
position: 0, // 折返方向
offset: {x: -16, y: 18}, // 折返偏移量
noHumanColor: '#0F16DA', // 站台无人折返
autoChangeEndsColor: '#0BF400' // 站台自动换端
},
detainCar: { // 扣车
text: 'H', // 扣车显示内容
position: 1, // 扣车方向
offset: {x: -8, y: 13}, // 扣车偏移量
trainColor: '#E4EF50', // 车站扣车颜色
centerTrainColor: '#FFFFFF', // 中心扣车颜色
andCenterTrainColor: '#F61107', // 车站+中心扣车颜色
detainTrainTextColor: '#E4EF50' // 车站扣除文字颜色
},
stopTime: { // 停站时间
position: 1, // 运行时间方向
offset: {x: -8, y: 3}, // 运行时间偏移量
textColor: '#FFFFFF' // 停站时间字体颜色
},
level: { // 运行等级
position: 1, // 运行等级方向
offset: {x: -8, y: 22}, // 运行等级偏移量
textColor: '#FFFFFF' // 停站等级字体颜色
},
mouseOverStyle: {
borderLineColor: '#FFFFFF',
borderLineDash: [3, 3]
}
};
this[deviceType.StationControl] = {
text: {
distance: 2, // 灯和文字之间的距离
fontSize: 10, // 控制模式字体大小
fontFormat: 'consolas', // 控制模式字体格式
fontColor: '#ffffff', // 控制模式字体颜色
fontWeight: 'normal', // 控制模式字体粗细
textAlign: 'middle', // 控制模式水平对齐
textVerticalAlign: 'top' // 控制模式垂直对齐
},
lamp: {
count: 3, // 控制模式灯个数
offset: { x: 20, y: 0 }, // 偏移量
radiusR: 6, // 控制模式灯的半径
distance: 36, // 控制模式之间灯之间的距离
grayColor: '#7F7F7F', // 控制模式灰色
greenColor: '#00FF00', // 控制模式绿色
redColor: '#FF0000', // 控制模式红色
yellowColor: '#FFFF00' // 控制模式黄色
},
arrow: {
show: false // 控制模式箭头显隐
},
mouseOverStyle: { // 鼠标悬浮样式
fontSize: 10,
fontFormat: 'consolas',
fontColor: '#FFF000',
fontWeight: 'normal',
textAlign: 'middle',
textVerticalAlign: 'top'
}
};
this[deviceType.StationCounter] = {
text: {
distance: 2, // 计数器名称和文字的距离
fontColor: '#FFFFFF', // 计数器字体颜色
borderColor: '#E4EF50' // 计数器边框颜色
}
};
this[deviceType.StationDelayUnlock] = {
text: {
distance: 3, // 延迟解锁和设备之间的距离
fontColor: '#FFFFFF', // 延时解锁字体颜色
borderColor: '#FFFFFF' // 延迟解锁边框颜色
}
};
this[deviceType.Station] = {
kilometerPosition: 'down', // 公里标位置
fontWeight: 'bold' // 文字错细
};
this[deviceType.Switch] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
offset: {x: -15, y: -10}, // 道岔名称与区段距离
fontSize: 10, // 字体大小
fontWeight: 'normal', // 字体粗细
borderColor: '#FE0000', // 道岔边框颜色
lossColor: '#FFFFFF', // 道岔失去颜色
locateColor: '#00FF00', // 道岔定位颜色
inversionColor: '#9C9D09', // 道岔反位颜色
monolockColor: '#870E10' // 道岔单锁颜色
},
core: {
length: 6 // 道岔单边长度
},
monolock: { // 道岔单锁配置
locationColor: '#870E10', // 道岔单锁定位颜色 (红色)
inversionColor: '#870E10', // 道岔单锁反位颜色 (红色)
rectShow: false // 道岔单锁 矩形框是否显示
},
block: { // 道岔封锁配置
nameBorderShow: true, // 道岔名称是否有包围框 显示
contentRectShow: false // 道岔封锁显示
},
mouseOverStyle: {
borderBackgroundColor: '#22DFDF', // 边框背景色
borderColor: '#fff', // 边框颜色
textShadowColor: '#22DFDF' // 字体阴影颜色
}
};
this[deviceType.LcControl] = {
text: {
fontSize: 10, // 灯字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 灯大小
controlColor: '#FFFF00' // 灯颜色
},
mouseOverStyle: {
fontSize: 10,
fontFormat: 'consolas',
fontColor: '#FFF000',
fontWeight: 'normal',
textAlign: 'middle',
textVerticalAlign: 'top',
arcColor: '#00FFFF',
textColor: '#000000'
}
};
this[deviceType.ZcControl] = {
text: {
fontSize: 10, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 灯大小
controlColor: '#00FF00' // 灯颜色
},
mouseOverStyle: {
fontSize: 10,
fontFormat: 'consolas',
fontColor: '#FFF000',
fontWeight: 'normal',
textAlign: 'middle',
textVerticalAlign: 'top',
arcColor: '#00FFFF',
textColor: '#000000'
}
};
this[deviceType.LimitControl] = {
text: {
fontSize: 10, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 灯大小
controlColor: '#ECE9D8' // 灯颜色
},
mouseOverStyle: {
fontSize: 10,
fontFormat: 'consolas',
fontColor: '#FFF000',
fontWeight: 'normal',
textAlign: 'middle',
textVerticalAlign: 'top',
textColor: '#000000',
arcColor: '#00FFFF'
}
};
this[deviceType.Line] = {
lineColor: '#FFFFFF' // 线条颜色
};
this[deviceType.TrainWindow] = {
lineColor: '#FFF', // 车次窗颜色
lineDash: [3, 3], // 车次窗虚线间隔
lineWidth: 1, // 车次窗线宽
trainWindowSmooth: 0.01 // 车次窗矩形圆滑程度
};
this[deviceType.Train] = {
trainBody: {
trainBodyLineWidth: 0.1, // 车身line宽
changeTrainWidth: false, // 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
specialTrainType: [], // 特殊列车类型需设置显示格式
lrPadding: 4, // 两边间隔
upPadding: 4, // 上边距离
trainBodyFillColor: '#725A64', // 列车车身填充颜色
trainNameFormat: 'serviceNumber:tripNumber'// 列车显示格式
},
hsda: {
lrPaddingHSDA: 3, // HSDA两边间隔
upPaddingHSDA: 4, // HSDA上边距离
trainHSDATextFontSize: 9, // 列车HDSA字号
textHContent: 'H', // textH文本
textSContent: 'S', // textS文本
textDContent: 'D', // textD文本
textAContent: 'A'// textA文本
},
trainNumber: {
trainNumberOffset: { x: 0, y: 1}// 目的地码偏移量
},
trainServer: {
serviceNumberPrefix: '00', // 服务号(表号)前缀
defaultServiceNumber: 'AA', // 默认服务号(表号)
trainServerOffset: { x: 4, y: 4}// 列车服务号偏移
},
trainTarget: {
tripNumberPrefix: '000', // 车次号前缀
defaultTripNumber: 'DDD', // 默认车次号2
trainTargetOffset: { x: 36, y: 4}, // 列车车次号偏移
trainTargetTextAlign: 'right'// 车次号文字显示位置
},
trainTargetNumber: {
trainTargetNumberOffset: {x: 0, y: 0}// 车组号偏移量
},
trainHead: {
trainMoreLength: 0, // 列车车头比车身高出的长度,上下相比车体伸出去的边框
trainHeadTriangleFirst: { x: 7, y: 1}, // 列车车头三角坐标1偏移量
trainHeadTriangleSecond: { x: 13, y: 10}, // 列车车头三角坐标2偏移量
trainHeadTriangleThird: { x: 7, y: 19}, // 列车车头三角坐标3偏移量
trainHeadRectHeight: 20, // 列车车头矩形高度
trainConntWidth: 3, // 列车竖杠的宽度
trainHeadFillColor: '#000000'// 列车车头矩形填充颜色
},
common: {
trainHeight: 20, // 列车高度
trainHeadDistance: 4, // 列车和车头之间的间距
trainWidth: 40, // 列车长度
trainTextFontSize: 12, // 列车字号
fontFamily: 'consolas', // 默认字体 族类
haveTextHSDA: true, // 是否需创建textHSDA对象
haveArrowText: true, // 是否需创建arrowText对象
haveTrainBorder: false, // 是否需创建trainBorder对象
aspectRatio: 7/5, // 字体宽高比例用以拼接text是计算位置
textOffset: 4, // 字体偏移(用以控制字体据车头的距离)
trainWidthMoreText: 8, // 计算列车长度时--列车长比text多出尺寸
useSelfFormat: true, // 使用配置项的nameFormat
useSelfText: true // 使用配置项的字体大小
},
trainStatusStyle: {
destinationStatus: [
{status: '01', showColor: '#FFFFFF'},
{status: '02', showColor: '#00FF00'},
{status: '03', showColor: '#A0522D'},
{status: '04', showColor: '#FFFF00'}
], // 目的地状态 01准点 02早点 03晚点 04头码车
defaultDestinationColor: '#FFFFFF', // 默认目的地状态显示颜色
destinationStatusSetText: 'trainTarget', // 目的地状态设置的对应哪个text的颜色
directionType: [
{
type: '01',
lineLShow: true,
lineRShow: true,
arrowLShow: false,
arrowRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: true,
arrowLShow: false,
arrowRShow: true
},
{
type: '03',
lineLShow: true,
lineRShow: false,
arrowLShow: true,
arrowRShow: false
}
], // 列车运行方向状态类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
directionStopType: [
{type: '01', lineLShow: false, lineRShow: false},
{type: '02', lineLShow: false, lineRShow: true},
{type: '03', lineLShow: true, lineRShow: false}
], // 列车停止方向类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
runModeStatus: [
{
status: '01',
trainLColor: '#FFFFFF',
trainRColor: '#FFFFFF'
},
{
status: '02',
trainLColor: '#00FF00',
trainRColor: '#00FF00'
},
{
status: '03',
trainLColor: '#FFFF00',
trainRColor: '#FFFF00'},
{
status: '04',
trainLColor: '#A0522D',
trainRColor: '#A0522D'
},
{
status: '05',
trainLColor: '#A0522D',
trainRColor: '#A0522D'
}
], // 列车运行模式对应车头颜色 01未知 02 ATO自动驾驶模式AM 03 ATP监控下的人工驾驶模式CM 04 限制人工驾驶模式RM 05 非限制人工驾驶模式RM
runControlStatus: [
{status: '01', hShow: false, sShow: false},
{status: '02', hShow: true, sShow: false},
{status: '03', hShow: false, sShow: true}
], // 设置运行控制状态类型 01正常 02扣车 03停跳
doorStatus: [
{status: '01', dShow: false},
{status: '02', dShow: true}
], // 设置车门状态类型 01关门 02开门
communicationStatus: [
{status: '01', trainColor: '#725A64'},
{status: '02', trainColor: '#C0C0C0'}
], // 设置通信状态 01正常 02故障
alarmStatus: [
{status: '01', aShow: false},
{status: '02', aShow: true}
], // 设置报警状态 01不报警 02报警
serverNoType: [
{type: '01', showColor: '#FFFFFF'},
{type: '02', showColor: '#FFF000'}
], // 服务号状态类型 01显示服务号 计划车 02显示车组号: 头码车与人工车
defaultServerNoColor: '#FFFFFF' // 默认服务号状态显示颜色
}
};
}
}
export default new SkinStyle();

View File

@ -1,545 +0,0 @@
import defaultStyle from '../defaultStyle';
import deviceType from '../../constant/deviceType';
class SkinStyle extends defaultStyle {
constructor() {
super();
this[deviceType.Link] = {
lineWidthColor: '#FFFFFF', // line 颜色
linkWidth: 4.4, // link 宽度
linkColor: '#3F3F3F', // link 线条颜色
linkTextColor: '#FFFFFF' // link 字体颜色
};
this[deviceType.Section] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 10, // 文字离区段距离
fontSize: 12, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
logicText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 12, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
standText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 24, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
reentryText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 36, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
transferText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 36, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
destinationText: {
opposite: true, // 对称相反
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 12, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'bold', // 字体粗细
fontColor: 'yellow', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
line: {
width: 5, // 区段宽度
beyondWidth: 0, // 区段宽超出宽度
invadeColor: '#FFFFFF', // 区段侵入颜色
spareColor: '#5578B6', // 区段空闲颜色
communicationOccupiedColor: '#FF00FF', // 区段通信车占用颜色
unCommunicationOccupiedColor: '#DE310C', // 区段非通讯车占用颜色
routeLockColor: '#FFFFFF', // 区段路由锁定颜色
faultLockColor: '#006400', // 区段故障锁定颜色
undefinedColor: '#0071C1', // 区段未定义颜色
protectionLockedColor: '#FFFFFF', // 保护区段锁闭
blockColor: '#00FF00', // 区段封锁颜色
atcExcisionColor: '#A0522D', // 区段atc切除颜色
atsExcisionColor: '#A0522D', // 区段ats切除颜色
timeReleaseColor: '#3F3F3F', // 区段延时释放颜色
protectiveLockColor: '#FFFF00', // 区段保护锁闭
protectiveTimeReleaseColor: '#0071C1', // 区段保护延时解锁
logicalColor: '#FFFF00', // 逻辑区段颜色 (未用)
logicalTextColor: '#C0C0C0' // 逻辑区段名称颜色 (未用)
},
axle: {
radius: 3, // 计轴 半径
distance: 5, // 计轴和区段之间的距离 (未用)
color: '#C0C0C0', // 区段计轴颜色
resetColor: '#00FFFF', // 区段计轴预复位颜色
Failure: '#E6A23C' // #FFFF00 计轴失效
},
speedLimit: { // 限速元素
width: 1, // 限速线的宽度
distance: 5, // 限速线距离区段距离
lineColor: '#C0C000', // 限速线颜色 (黄色透明光)
nameBackground: '#C0C000', // 限速名称背景颜色
nameShow: true, // 名称显示
nameNumberColor: '#C00808', // 限速值颜色
nameNumberFontSize: 11, // 限速值大小
kilometerColor: '#fff', // 公里标颜色
kilometerFontSize: 8, // 公里标大小
drogueWidth: 19, // 浮标宽度
drogueHeight: 12 // 浮标高度
},
separator: {
z: 6, // 分割符层级
width: 1.5, // 分隔符宽度
endWidth: 1.5, // 尽头分隔符宽度
endColor: '#FFFFFF', // 尽头分隔符颜色
color: '#FFFFFF' // 区段边界符颜色
},
shuttleBack: { // 折返进路 (存在此对象 显示折返箭头)
distance: 5 // 限速线距离区段距离
}
};
this[deviceType.Signal] = {
distance: 10, // 设备距离区段的距离
post: {
standardColor: '#FFFFFF', // 灯柱颜色
standardWidth: 2 // 灯柱宽度
},
text: {
distance: 3, // 文字和灯杆的距离
isNoRotation: true, // 是否禁止旋转
isAlignCenter: false, // 信号字体对其方式
fontSize: 11, // 信号机名称字体大小
fontWeight: 'bold', // 信号机名称字体粗细
defaultColor: '#FFFFFF', // 信号灯字体默认色
blockColor: '#EF0C08', // 信号灯字体锁定颜色
checkColor: '#00FF00' // 信号保护区段检查颜色
},
lamp: {
borderVariable: true, // 信号灯边框可变
stopWidth: 2, // 禁止线宽度
borderWidth: 2, // 信号灯边框线宽度
borderColor: '#3149C3', // 信号灯边框线颜色
radiusR: 6, // 信号灯半径
blockColor: '#EF0C08', // 信号灯锁闭
grayColor: '#7F7F7F', // 信号灯灰色
redColor: '#FF0000', // 信号灯红色
greenColor: '#00FF00', // 信号灯绿色
yellowColor: '#FFFF00', // 信号灯黄色
whiteColor: '#FFFFFF', // 信号灯白色
blueColor: '#0070C0' // 信号灯蓝色
},
route: {
direction: true, // 自动通过方向
offset: { x: 4, y: 0}, // 自动通过偏移量
routeColor: '#00FF00' // 自动进路
},
auto: {
direction: false, // 自动通过方向
offset: { x: -4, y: 0}, // 自动通过偏移量
width: 5, // 自动宽度
manualControl: '#FFFF00', // 人工控制
autoRoute: '#00FF00', // 自动进路
autoTrigger: '#FFFF00', // 自动触发
outConflict: '#C00808' // 出车冲突
},
delay: {
direction: false, // 延时解锁方向
offset: { x: -5, y: 0}, // 延时解锁偏移量
fontSize: 11, // 延迟解锁字体大小
fontColor: '#C00808', // 延迟解锁颜色
fontWeight: 'bold' // 字体粗细
},
button: {
distance: 5, // 信号灯按钮距离区段的距离
borderDashColor: '#FFFFFF', // 信号灯按钮边线
buttonColor: 'darkgreen', // 信号灯按钮颜色
buttonLightenColor: '#E4EF50' // 信号灯按钮闪烁颜色
}
};
this[deviceType.StationStand] = {
common: { // 通用属性
textFontSize: 10, // 站台默认字体大小
haveJumpShow: true // 站台是否有列车停跳显示
},
safetyDoor: { // 屏蔽门
height: 3, // 站台屏蔽门高度
distance: 8, // 站台和屏蔽门之间的距离
defaultColor: '#00FF00', // 屏蔽门默认颜色
splitDoorColor: '#C00808' // 屏蔽门切除颜色
},
stand: { // 站台
headFontSize: 10, // 站台首端字体大小
spareColor: '#808080', // 站台空闲颜色
stopColor: '#FFF000', // 站台列车停站颜色
jumpStopColor: '#808080', // 站台跳停颜色
designatedJumpStopColor: '#808080' // 站台指定列车跳停颜色
},
standEmergent: { // 紧急关闭
mergentR: 4, // 站台紧急关闭半径
offset: {x: 0, y: 40}, // 站台紧急关闭偏移量
closeColor: '#F61107' // 站台紧急关闭颜色
},
reentry: { // 站台折返策略
position: 0, // 折返方向
offset: {x: -16, y: 20}, // 折返偏移量
noHumanColor: '#0F16DA', // 站台无人折返
autoChangeEndsColor: '#0BF400' // 站台自动换端
},
detainCar: { // 扣车
text: '扣', // 扣车显示内容
position: -1, // 扣车方向
offset: {x: -8, y: -20}, // 扣车偏移量
trainColor: '#FFFF00', // 车站扣车颜色
centerTrainColor: '#C0C0C0', // 中心扣车颜色
andCenterTrainColor: '#C0C0C0', // 车站+中心扣车颜色
detainTrainTextColor: '#E4EF50' // 车站扣除文字颜色
},
stopTime: { // 停站时间
position: 1, // 运行时间方向
offset: {x: -8, y: -4}, // 运行时间偏移量
textColor: '#C0C0C0' // 停站时间字体颜色
},
jump: {
text: '跳', // 停跳显示内容
position: -1, // 停跳方向
offset: {x: -8, y: 0},
textColor: '#0000FF', // 停跳文字颜色
arcColor: '#0000FF', // 停跳圆圈颜色
fillColor: 'rgba(0,0,0,0)', // 透明填充颜色
r: 8 // 圆半径大小
},
level: { // 运行等级
position: 1, // 运行等级方向
offset: {x: -8, y: 30}, // 运行等级偏移量
textColor: '#FFF000' // 停站等级字体颜色
}
};
this[deviceType.StationControl] = {
text: {
distance: 2, // 灯和文字之间的距离
fontSize: 11, // 字体大小
fontFormat: 'consolas', // 字体格式
fontColor: '#ffffff', // 字体颜色
fontWeight: 'normal', // 字体粗细
textAlign: 'middle', // 字体水平对齐
textVerticalAlign: 'top' // 字体垂直对齐
},
lamp: {
count: 4, // 控制模式的个数
offset: {x: 0, y: 0}, // 偏移量
radiusR: 6, // 控制模式灯的半径
distance: 36, // 控制模式之间灯之间的距离
grayColor: '#7F7F7F', // 控制模式灰色
greenColor: '#00FF00', // 控制模式绿色
redColor: '#FF0000', // 控制模式红色
yellowColor: '#FFFF00' // 控制模式黄色
},
arrow: {
show: true // 控制模式箭头显隐
}
};
this[deviceType.StationCounter] = {
text: {
distance: 2, // 计数器名称和文字的距离
fontColor: '#FFFFFF', // 计数器字体颜色
borderColor: '#E4EF50' // 计数器边框颜色
}
};
this[deviceType.StationDelayUnlock] = {
text: {
distance: 3, // 延迟解锁和设备之间的距离
fontColor: '#FFFFFF', // 延时解锁字体颜色
borderColor: '#FFFFFF' // 延迟解锁边框颜色
}
};
this[deviceType.Station] = {
kilometerPosition: 'up' // 公里标朝向
};
this[deviceType.Switch] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
offset: {x: 5, y: -10}, // 道岔名称与区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
borderColor: '#FE0000', // 道岔边框颜色
lossColor: '#C00808', // 道岔失去颜色
locateColor: '#00FF00', // 道岔定位颜色
inversionColor: '#FFFF00', // 道岔反位颜色
monolockColor: '#FFFFFF' // 道岔单锁颜色
},
core: {
length: 6 // 道岔单边长度
},
monolock: { // 道岔单锁配置
locationColor: '#00FF00', // 道岔单锁'定位'颜色 (绿色)
inversionColor: '#FFFF00', // 道岔单锁'反位'颜色 (黄色)
rectShow: true, // 道岔单锁 矩形框是否显示
rectWidth: 18, // 矩形框 宽高
rectBorderColor: '#fff' // 矩形边框颜色
},
block: { // 道岔封锁配置
nameBorderShow: false, // 道岔名称是否有包围框 显示
contentRectShow: true, // 道岔封锁显示
contentRectColor: 'red' // 道岔封锁边框颜色
}
};
this[deviceType.LcControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#FFFF00' // 控制灯颜色
}
};
this[deviceType.ZcControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#00FF00' // 控制灯颜色
}
};
this[deviceType.LimitControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#ECE9D8' // 控制灯颜色
}
};
this[deviceType.Line] = {
lineColor: '#FFFFFF' // 线条颜色
};
this[deviceType.TrainWindow] = {
lineColor: '#4DD43F', // 车次窗颜色
lineDash: null, // 车次窗虚线间隔
lineWidth: 1, // 车次窗线宽
trainWindowSmooth: 0 // 车次窗矩形圆滑程度
};
this[deviceType.Train] = {
trainBody: {
trainBodyLineWidth: 1, // 车身line宽
changeTrainWidth: false, // 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
specialTrainType: [], // 特殊列车类型需设置显示格式
lrPadding: 4, // 两边间隔
upPadding: 4, // 上边距离
trainBodyFillColor: '#000099', // 列车车身填充颜色
trainNameFormat: 'serviceNumber:targetCode'// 列车显示格式
},
hsda: {
lrPaddingHSDA: 3, // HSDA两边间隔
upPaddingHSDA: 4, // HSDA上边距离
trainHSDATextFontSize: 9, // 列车HDSA字号
textHContent: '扣', // textH文本
textSContent: '跳', // textS文本
textDContent: '门', // textD文本
textAContent: '警' // textA文本
},
trainNumber: {
targetCodePrefix: '000', // 目的地码前缀
defaultTargetCode: 'DDD', // 默认目的地码
trainTargetTextAlign: 'left', // 目的地码文字显示位置
trainNumberOffset: { x: 24, y: 4}// 目的地码偏移量
},
trainServer: {
serviceNumberPrefix: '000', // 服务号(表号)前缀
defaultServiceNumber: 'TTT', // 默认服务号(表号)
defaultServerNoColor: '#FFFFFF', // 默认服务号状态显示颜色
trainServerOffset: { x: 4, y: 4} // 列车服务号偏移
},
trainTarget: {
tripNumberPrefix: '000', // 车次号前缀
defaultTripNumber: 'DDD', // 默认车次号2
trainTargetOffset: { x: 36, y: 4}, // 列车车次号偏移
trainTargetTextAlign: 'right' // 车次号文字显示位置
},
trainTargetNumber: {
trainTargetNumberOffset: {x: 0, y: 0}// 车组号偏移量
},
trainHead: {
trainMoreLength: 0, // 列车车头比车身高出的长度,上下相比车体伸出去的边框
trainHeadTriangleFirst: { x: 7, y: 1}, // 列车车头三角坐标1偏移量
trainHeadTriangleSecond: { x: 13, y: 10}, // 列车车头三角坐标2偏移量
trainHeadTriangleThird: { x: 7, y: 19}, // 列车车头三角坐标3偏移量
trainConntWidth: 3, // 列车竖杠的宽度
trainHeadFillColor: '#000000', // 列车车头矩形填充颜色
trainHeadRectHeight: 20 // 列车车头矩形高度
},
common: {
trainHeight: 20, // 列车高度
trainHeadDistance: 4, // 列车和车头之间的间距
trainWidth: 48, // 列车长度
trainTextFontSize: 12, // 列车字号
fontFamily: 'consolas', // 默认字体 族类
haveTextHSDA: true, // 是否需创建textHSDA对象
haveArrowText: true, // 是否需创建arrowText对象
haveTrainBorder: false, // 是否需创建trainBorder对象
aspectRatio: 7/5, // 字体宽高比例用以拼接text是计算位置
textOffset: 4, // 字体偏移(用以控制字体据车头的距离)
trainWidthMoreText: 8, // 计算列车长度时--列车长比text多出尺寸
useSelfFormat: true, // 使用配置项的nameFormat
useSelfText: true // 使用配置项的字体大小
},
trainStatusStyle: {
defaultDestinationColor: '#FFFFFF', // 默认目的地状态显示颜色
destinationStatusSetText: 'trainWindowBorder', // 目的地状态设置的对应哪个颜色
destinationStatus: [
{status: '01', showColor: '#FFFFFF'},
{status: '02', showColor: '#00FF00'},
{status: '03', showColor: '#A0522D'}
], // 目的地状态 01准点 02早点 03晚点 04头码车
serverNoType: [
{type: '01', showColor: '#FFFFFF'},
{type: '02', showColor: '#FFF000'}
], // 服务号状态类型 01显示服务号 计划车 02显示车组号: 头码车与人工车
directionType: [
{
type: '01',
lineLShow: true,
lineRShow: true,
arrowLShow: false,
arrowRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: true,
arrowLShow: false,
arrowRShow: true
},
{
type: '03',
lineLShow: true,
lineRShow: false,
arrowLShow: true,
arrowRShow: false
}
], // 列车运行方向状态类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
directionStopType: [
{
type: '01',
lineLShow: false,
lineRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: true
},
{
type: '03',
lineLShow: true,
lineRShow: false
}
], // 列车停止方向类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
runModeStatus: [
{
status: '01',
trainLColor: '#00FF00',
trainRColor: '#00FF00'
},
{
status: '02',
trainLColor: '#FF8000',
trainRColor: '#FF8000'
},
{
status: '03',
trainLColor: '#FFFF00',
trainRColor: '#FFFF00'
},
{
status: '04',
trainLColor: '#C2C2C2',
trainRColor: '#C2C2C2'
},
{
status: '05',
trainLColor: '#C2C2C2',
trainRColor: '#C2C2C2'
}
], // 列车运行模式对应车头颜色 01未知 02 ATO自动驾驶模式AM 03 ATP监控下的人工驾驶模式CM 04 限制人工驾驶模式RM 05 非限制人工驾驶模式RM
runControlStatus: [
{
status: '01',
hShow: false,
sShow: false
},
{
status: '02',
hShow: true,
sShow: false
},
{
status: '03',
hShow: false,
sShow: true
}
], // 设置运行控制状态类型 01正常 02扣车 03停跳
doorStatus: [
{status: '01', dShow: false},
{status: '02', dShow: true}
], // 设置车门状态类型 01关门 02开门
communicationStatus: [
{status: '01', trainColor: '#725A64'},
{status: '02', trainColor: '#C0C0C0'}
], // 设置通信状态 01正常 02故障
alarmStatus: [
{status: '01', aShow: false},
{status: '02', aShow: true}
] // 设置报警状态 01不报警 02报警
}
};
}
}
export default new SkinStyle();

View File

@ -1,543 +0,0 @@
import defaultStyle from '../defaultStyle';
import deviceType from '../../constant/deviceType';
class SkinStyle extends defaultStyle {
constructor() {
super();
this[deviceType.Link] = {
lineWidthColor: '#FFFFFF', // line 颜色
linkWidth: 4, // link 宽度
linkColor: '#4e8de6', // link 线条颜色
linkTextColor: '#FFFFFF' // link 字体颜色
};
this[deviceType.Section] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 10, // 文字离区段距离
fontSize: 12, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: 'lightgreen', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
logicText: { // 逻辑区段名称
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 12, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
standText: { // 站台
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 24, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
reentryText: { // 折返
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 36, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
transferText: { // 转换轨
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 36, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
destinationText: { // 目的地
opposite: true, // 对称相反
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 12, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'bold', // 字体粗细
fontColor: 'yellow', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
line: {
width: 5, // 区段宽度
beyondWidth: 0, // 区段宽超出宽度
invadeColor: '#FFFFFF', // 区段侵入颜色
spareColor: '#5578B6', // 区段空闲颜色
communicationOccupiedColor: 'lightpink', // 区段通信车占用颜色
unCommunicationOccupiedColor: 'red', // 区段非通讯车占用颜色
routeLockColor: 'rgba(0, 255, 0, 1)', // 区段路由锁定颜色
faultLockColor: 'white', // 区段故障锁定颜色
undefinedColor: '#0071C1', // 区段未定义颜色
protectionLockedColor: '#FFFFFF', // 保护区段锁闭
blockColor: 'pink', // 区段封锁颜色
atcExcisionColor: '#A0522D', // 区段atc切除颜色
atsExcisionColor: '#A0522D', // 区段ats切除颜色
timeReleaseColor: '#3F3F3F', // 区段延时释放颜色
protectiveLockColor: '#92D14F', // 区段保护锁闭
protectiveTimeReleaseColor: '#0071C1', // 区段保护延时解锁
logicalColor: '#FFFF00', // 逻辑区段颜色 (未用)
logicalTextColor: 'white' // 逻辑区段名称颜色 (未用)
},
axle: {
radius: 3, // 计轴 半径
distance: 5, // 计轴和区段之间的距离 (未用)
color: 'white', // 区段计轴颜色
resetColor: '#00FFFF', // 区段计轴预复位颜色
Failure: '#E6A23C' // #FFFF00 计轴失效
},
speedLimit: { // 限速元素
width: 1, // 限速线的宽度
distance: 5, // 限速线距离区段距离
lineColor: '#C0C000', // 限速线颜色 (黄色透明光)
nameBackground: '#C0C000', // 限速名称背景颜色
nameShow: true, // 名称显示
nameNumberColor: '#C00808', // 限速值颜色
nameNumberFontSize: 11, // 限速值大小
kilometerColor: '#fff', // 公里标颜色
kilometerFontSize: 8, // 公里标大小
drogueWidth: 19, // 浮标宽度
drogueHeight: 12 // 浮标高度
},
separator: {
z: 6, // 分割符层级
width: 1.5, // 分隔符宽度
endWidth: 1.5, // 尽头分隔符宽度
endColor: '#FFFFFF', // 尽头分隔符颜色
color: 'white' // 区段边界符颜色
}
};
this[deviceType.Signal] = {
distance: 3, // 设备距离区段的距离
post: {
standardColor: '#C0C0C0', // 灯柱颜色
standardWidth: 2 // 灯柱宽度
},
text: {
distance: 3, // 文字和灯杆的距离
isNoRotation: true, // 是否禁止旋转
isAlignCenter: false, // 信号字体对其方式
fontSize: 11, // 信号机名称字体大小
fontWeight: 'bold', // 信号机名称字体粗细
defaultColor: 'white', // 信号灯字体默认色
blockColor: '#EF0C08', // 信号灯字体锁定颜色
checkColor: '#00FF00' // 信号保护区段检查颜色
},
lamp: {
borderVariable: true, // 信号灯边框可变
stopWidth: 2, // 禁止线宽度
borderWidth: 2, // 信号灯边框线宽度
borderColor: '#3149C3', // 信号灯边框线颜色
radiusR: 3, // 信号灯半径
blockColor: '#EF0C08', // 信号灯锁闭
grayColor: '#C0C0C0', // 信号灯灰色
redColor: 'red', // 信号灯红色
greenColor: 'green', // 信号灯绿色
yellowColor: 'yellow', // 信号灯黄色
whiteColor: '#FFFFFF', // 信号灯白色
blueColor: '#0070C0' // 信号灯蓝色
},
route: {
direction: true, // 自动通过方向
offset: { x: 4, y: 0}, // 自动通过偏移量
routeColor: '#00FF00' // 自动进路
},
auto: {
direction: false, // 自动通过方向
offset: { x: -4, y: 0}, // 自动通过偏移量
width: 5, // 自动宽度
manualControl: '#FFFF00', // 人工控制
autoRoute: '#00FF00', // 自动进路
autoTrigger: '#FFFF00', // 自动触发
outConflict: '#C00808' // 出车冲突
},
delay: {
direction: false, // 延时解锁方向
offset: { x: -5, y: 0}, // 延时解锁偏移量
fontSize: 11, // 延迟解锁字体大小
fontColor: '#C00808', // 延迟解锁颜色
fontWeight: 'bold' // 字体粗细
},
button: {
distance: 5, // 信号灯按钮距离区段的距离
borderDashColor: '#FFFFFF', // 信号灯按钮边线
buttonColor: 'darkgreen', // 信号灯按钮颜色
buttonLightenColor: 'yellow' // 信号灯按钮闪烁颜色
}
};
this[deviceType.StationStand] = {
common: { // 通用属性
textFontSize: 10, // 站台默认字体大小
haveJumpShow: true // 站台是否有列车停跳显示
},
safetyDoor: { // 屏蔽门
height: 3, // 站台屏蔽门高度
distance: 4, // 站台和屏蔽门之间的距离
defaultColor: 'green', // 屏蔽门默认颜色
splitDoorColor: 'green' // 屏蔽门切除颜色
},
stand: { // 站台
headFontSize: 10, // 站台首端字体大小
spareColor: 'white', // 站台空闲颜色
stopColor: 'yellow', // 站台列车停站颜色
jumpStopColor: 'blue', // 站台跳停颜色
designatedJumpStopColor: 'lightSkyBlue' // 站台指定列车跳停颜色
},
standEmergent: { // 紧急关闭
mergentR: 4, // 站台紧急关闭半径
offset: {x: 0, y: 40}, // 站台紧急关闭偏移量
closeColor: 'red' // 站台紧急关闭颜色
},
reentry: { // 站台折返策略
position: 0, // 折返方向
offset: {x: -16, y: 20}, // 折返偏移量
noHumanColor: '#0F16DA', // 站台无人折返
autoChangeEndsColor: '#0BF400' // 站台自动换端
},
detainCar: { // 扣车
text: '扣', // 扣车显示内容
position: -1, // 扣车方向
offset: {x: -8, y: -20}, // 扣车偏移量
trainColor: 'yellow', // 车站扣车颜色
centerTrainColor: 'white', // 中心扣车颜色
andCenterTrainColor: 'red', // 车站+中心扣车颜色
detainTrainTextColor: '#E4EF50' // 车站扣除文字颜色
},
stopTime: { // 停站时间
position: 1, // 运行时间方向
offset: {x: -8, y: -4}, // 运行时间偏移量
textColor: 'white' // 停站时间字体颜色
},
jump: {
text: '跳', // 停跳显示内容
position: -1, // 停跳方向
offset: {x: -8, y: 0},
textColor: '#0000FF', // 停跳文字颜色
arcColor: '#0000FF', // 停跳圆圈颜色
fillColor: 'rgba(0,0,0,0)', // 透明填充颜色
r: 8 // 圆半径大小
},
level: { // 运行等级
position: 1, // 运行等级方向
offset: {x: -8, y: 30}, // 运行等级偏移量
textColor: '#FFF000' // 停站等级字体颜色
}
};
this[deviceType.StationControl] = {
text: {
distance: 2, // 灯和文字之间的距离
fontSize: 12, // 字体大小
fontFormat: 'consolas', // 字体格式
fontColor: '#ffffff', // 字体颜色
fontWeight: 'normal', // 字体粗细
textAlign: 'middle', // 字体水平对齐
textVerticalAlign: 'top' // 字体垂直对齐
},
lamp: {
count: 4, // 控制模式的个数
offset: {x: 0, y: 0}, // 偏移量
radiusR: 4, // 控制模式灯的半径
distance: 36, // 控制模式之间灯之间的距离
grayColor: '#C0C0C0', // 控制模式灰色
greenColor: 'green', // 控制模式绿色
redColor: 'red', // 控制模式红色
yellowColor: 'yellow' // 控制模式黄色
},
arrow: {
show: false // 控制模式箭头显隐
}
};
this[deviceType.StationCounter] = {
text: {
distance: 2, // 计数器名称和文字的距离
fontColor: '#FFFFFF', // 计数器字体颜色
borderColor: '#E4EF50' // 计数器边框颜色
}
};
this[deviceType.StationDelayUnlock] = {
text: {
distance: 3, // 延迟解锁和设备之间的距离
fontColor: '#FFFFFF', // 延时解锁字体颜色
borderColor: '#FFFFFF' // 延迟解锁边框颜色
}
};
this[deviceType.Station] = {
kilometerPosition: 'up' // 公里标朝向
};
this[deviceType.Switch] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
offset: {x: 5, y: -10}, // 道岔名称与区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
borderColor: '#FE0000', // 道岔边框颜色
lossColor: 'lightgreen', // 道岔失去颜色
locateColor: 'lightgreen', // 道岔定位颜色
inversionColor: 'lightgreen', // 道岔反位颜色
monolockColor: '#FFFFFF' // 道岔单锁颜色
},
core: {
length: 10 // 道岔单边长度
},
monolock: { // 道岔单锁配置
locationColor: '#00FF00', // 道岔单锁'定位'颜色 (绿色)
inversionColor: '#FFFF00', // 道岔单锁'反位'颜色 (黄色)
rectShow: true, // 道岔单锁 矩形框是否显示
rectWidth: 18, // 矩形框 宽高
rectBorderColor: '#fff' // 矩形边框颜色
},
block: { // 道岔封锁配置
nameBorderShow: false, // 道岔名称是否有包围框 显示
contentRectShow: true, // 道岔封锁显示
contentRectColor: 'red' // 道岔封锁边框颜色
}
};
this[deviceType.LcControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#FFFF00' // 控制灯颜色
}
};
this[deviceType.ZcControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#00FF00' // 控制灯颜色
}
};
this[deviceType.LimitControl] = {
text: {
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
distance: 5 // 灯跟文字距离
},
lamp: {
radiusR: 6, // 控制灯大小
controlColor: '#ECE9D8' // 控制灯颜色
}
};
this[deviceType.Line] = {
lineColor: '#FFFFFF' // 线条颜色
};
this[deviceType.TrainWindow] = {
lineColor: '#4DD43F', // 车次窗颜色
lineDash: null, // 车次窗虚线间隔
lineWidth: 1, // 车次窗线宽
trainWindowSmooth: 0 // 车次窗矩形圆滑程度
};
this[deviceType.Train] = {
trainBody: {
trainBodyLineWidth: 1, // 车身line宽
changeTrainWidth: false, // 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
specialTrainType: [], // 特殊列车类型需设置显示格式
lrPadding: 4, // 两边间隔
upPadding: 4, // 上边距离
trainBodyFillColor: '#000099', // 列车车身填充颜色
trainNameFormat: 'serviceNumber:targetCode'// 列车显示格式
},
hsda: {
lrPaddingHSDA: 3, // HSDA两边间隔
upPaddingHSDA: 4, // HSDA上边距离
trainHSDATextFontSize: 8, // 列车HDSA字号
textHContent: '扣', // textH文本
textSContent: '跳', // textS文本
textDContent: '门', // textD文本
textAContent: '警' // textA文本
},
trainNumber: {
targetCodePrefix: '000', // 目的地码前缀
defaultTargetCode: 'DDD', // 默认目的地码
trainTargetTextAlign: 'left', // 目的地码文字显示位置
trainNumberOffset: { x: 24, y: 4}// 目的地码偏移量
},
trainServer: {
serviceNumberPrefix: '000', // 服务号(表号)前缀
defaultServiceNumber: 'TTT', // 默认服务号(表号)
defaultServerNoColor: '#FFFFFF', // 默认服务号状态显示颜色
trainServerOffset: { x: 4, y: 4} // 列车服务号偏移
},
trainTarget: {
tripNumberPrefix: '000', // 车次号前缀
defaultTripNumber: 'DDD', // 默认车次号2
trainTargetOffset: { x: 36, y: 4}, // 列车车次号偏移
trainTargetTextAlign: 'right' // 车次号文字显示位置
},
trainTargetNumber: {
trainTargetNumberOffset: {x: 0, y: 0}// 车组号偏移量
},
trainHead: {
trainMoreLength: 1, // 列车车头比车身高出的长度,上下相比车体伸出去的边框
trainHeadTriangleFirst: { x: 7, y: 1}, // 列车车头三角坐标1偏移量
trainHeadTriangleSecond: { x: 13, y: 10}, // 列车车头三角坐标2偏移量
trainHeadTriangleThird: { x: 7, y: 19}, // 列车车头三角坐标3偏移量
trainConntWidth: 4, // 列车竖杠的宽度
trainHeadFillColor: '#000000', // 列车车头矩形填充颜色
trainHeadRectHeight: 20 // 列车车头矩形高度
},
common: {
trainHeight: 20, // 列车高度
trainHeadDistance: 2, // 列车和车头之间的间距
trainWidth: 55, // 列车长度
trainTextFontSize: 16, // 列车字号
fontFamily: 'consolas', // 默认字体 族类
haveTextHSDA: true, // 是否需创建textHSDA对象
haveArrowText: true, // 是否需创建arrowText对象
haveTrainBorder: false, // 是否需创建trainBorder对象
aspectRatio: 7/5, // 字体宽高比例用以拼接text是计算位置
textOffset: 4, // 字体偏移(用以控制字体据车头的距离)
trainWidthMoreText: 8, // 计算列车长度时--列车长比text多出尺寸
useSelfFormat: true, // 使用配置项的nameFormat
useSelfText: true // 使用配置项的字体大小
},
trainStatusStyle: {
defaultDestinationColor: '#FFFFFF', // 默认目的地状态显示颜色
destinationStatusSetText: 'trainTarget', // 目的地状态设置的对应哪个text的颜色
destinationStatus: [
{status: '01', showColor: '#FFFFFF'},
{status: '02', showColor: '#00FF00'},
{status: '03', showColor: '#A0522D'},
{status: '04', showColor: '#FFFF00'}
], // 目的地状态 01准点 02早点 03晚点 04头码车
serverNoType: [
{type: '01', showColor: '#FFFFFF'},
{type: '02', showColor: '#FFF000'}
], // 服务号状态类型 01显示服务号 计划车 02显示车组号: 头码车与人工车
directionType: [
{
type: '01',
lineLShow: true,
lineRShow: true,
arrowLShow: false,
arrowRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: true,
arrowLShow: false,
arrowRShow: true
},
{
type: '03',
lineLShow: true,
lineRShow: false,
arrowLShow: true,
arrowRShow: false
}
], // 列车运行方向状态类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
directionStopType: [
{
type: '01',
lineLShow: false,
lineRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: true
},
{
type: '03',
lineLShow: true,
lineRShow: false
}
], // 列车停止方向类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
runModeStatus: [
{
status: '01',
trainLColor: '#FFFFFF',
trainRColor: '#FFFFFF'
},
{
status: '02',
trainLColor: '#00FF00',
trainRColor: '#00FF00'
},
{
status: '03',
trainLColor: '#FFFF00',
trainRColor: '#FFFF00'
},
{
status: '04',
trainLColor: '#A0522D',
trainRColor: '#A0522D'
},
{
status: '05',
trainLColor: '#A0522D',
trainRColor: '#A0522D'
}
], // 列车运行模式对应车头颜色 01未知 02 ATO自动驾驶模式AM 03 ATP监控下的人工驾驶模式CM 04 限制人工驾驶模式RM 05 非限制人工驾驶模式RM
runControlStatus: [
{
status: '01',
hShow: false,
sShow: false
},
{
status: '02',
hShow: true,
sShow: false
},
{
status: '03',
hShow: false,
sShow: true
}
], // 设置运行控制状态类型 01正常 02扣车 03停跳
doorStatus: [
{status: '01', dShow: false},
{status: '02', dShow: true}
], // 设置车门状态类型 01关门 02开门
communicationStatus: [
{status: '01', trainColor: '#725A64'},
{status: '02', trainColor: '#C0C0C0'}
], // 设置通信状态 01正常 02故障
alarmStatus: [
{status: '01', aShow: false},
{status: '02', aShow: true}
] // 设置报警状态 01不报警 02报警
}
};
}
}
export default new SkinStyle();

View File

@ -1,454 +0,0 @@
import defaultStyle from '../defaultStyle';
import deviceType from '../../constant/deviceType';
class SkinStyle extends defaultStyle {
constructor() {
super();
this[deviceType.Link] = {
lineWidthColor: '#FFFFFF', // line 颜色
linkWidth: 4.4, // link 宽度
linkColor: '#3F3F3F', // link 线条颜色
linkTextColor: '#FFFFFF' // link 字体颜色
};
this[deviceType.Section] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 18, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
logicText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 6, // 文字离区段距离
fontSize: 8, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
standText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 30, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
reentryText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 30, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
transferText: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 28, // 文字离区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
fontColor: '#FFFFFF', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
destinationText: {
opposite: true, // 对称相反
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
distance: 10, // 文字离区段距离
fontSize: 10, // 字体大小
fontWeight: 'bold', // 字体粗细
fontColor: 'yellow', // 字体颜色
textAlign: 'center', // 水平对齐方式
textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式
},
line: {
width: 5, // 区段宽度
beyondWidth: 1, // 区段宽超出宽度
invadeColor: '#EF0C08', // 区段侵入颜色
spareColor: '#3F3F3F', // 区段空闲颜色
communicationOccupiedColor: '#FF329A', // 区段通信车占用颜色
unCommunicationOccupiedColor: '#FE0000', // 区段非通讯车占用颜色
routeLockColor: '#FFFFFF', // 区段路由锁定颜色
faultLockColor: '#9B4A0A', // 区段故障锁定颜色
undefinedColor: '#0071C1', // 区段未定义颜色
protectionLockedColor: '#FEFF00', // 保护区段锁闭(未用)
blockColor: '#800080', // 区段封锁颜色
atcExcisionColor: '#A0522D', // 区段atc切除颜色
atsExcisionColor: '#A0522D', // 区段ats切除颜色
timeReleaseColor: '#3F3F3F', // 区段延时释放颜色
protectiveLockColor: '#FFFF00', // 区段保护锁闭
protectiveTimeReleaseColor: '#0071C1', // 区段保护延时解锁
logicalColor: '#FFFF00', // 逻辑区段颜色 (未用)
logicalTextColor: '#FFFFFF' // 逻辑区段名称颜色 (未用)
},
axle: {
radius: 3, // 计轴 半径
distance: 5, // 计轴和区段之间的距离 (未用)
color: '#FFFFFF', // 区段计轴颜色
resetColor: '#00FFFF', // 区段计轴预复位颜色
Failure: '#E6A23C' // #FFFF00 计轴失效
},
speedLimit: { // 限速元素
width: 1, // 限速线的宽短
distance: 5, // 限速线距离区段距离
lineColor: '#FFFF00', // 限速线颜色
nameShow: false // 名称显示
},
separator: {
z: 6, // 分割符层级
width: 1.2, // 分隔符宽度
endWidth: 3.5, // 尽头分隔符宽度
endColor: '#3F3F3F', // 尽头分隔符颜色
color: '#3149C3' // 区段边界符颜色
}
};
this[deviceType.Signal] = {
distance: 10, // 设备距离区段的距离
post: {
standardColor: '#3149C3', // 灯珠颜色
standardWidth: 2 // 灯珠宽度
},
text: {
distance: 0, // 文字和灯杆的距离
isNoRotation: true, // 是否禁止旋转
isAlignCenter: true, // 信号字体对其方式
fontSize: 11, // 信号机名称字体大小
fontWeight: 'bold', // 信号机名称字体粗细
defaultColor: '#FFFFFF', // 信号灯字体默认色
blockColor: '#EF0C08', // 信号灯字体锁定颜色
checkColor: '#00FF00', // 信号字体
nameBorderShow: true // 信号机名字边框显示
},
lamp: {
stopWidth: 2, // 禁止线宽度
borderWidth: 1, // 信号灯边框线宽度
borderColor: '#3149C3', // 信号灯边框线颜色
radiusR: 6, // 信号灯半径
blockColor: '#EF0C08', // 信号灯锁闭
grayColor: '#7F7F7F', // 信号灯灰色
redColor: '#FF0000', // 信号灯红色
greenColor: '#00FF00', // 信号灯绿色
yellowColor: '#FFFF00', // 信号灯黄色
whiteColor: '#FFFFFF', // 信号灯白色
blueColor: '#0070C0' // 信号灯蓝色
},
route: {
direction: false, // 自动进路方向
offset: { x: -4, y: 0 }, // 自动进路偏移量
routeColor: '#00FF00' // 自动进路
},
auto: {
direction: false, // 自动通过方向
offset: { x: -4, y: 0}, // 自动通过偏移量
width: 5, // 自动宽度
autoRoute: '#00FF00', // 自动进路
autoTrigger: '#FFFF00', // 自动触发
manualControl: '#FFFF00', // 人工控制
outConflict: '#C00808' // 出车冲突
},
delay: {
direction: true, // 延时解锁方向
offset: { x: 15, y: -10}, // 延时解锁偏移量
fontSize: 11, // 延迟解锁字体大小
fontColor: '#FF0000', // 延迟解锁颜色
fontWeight: 'bold' // 字体粗细
},
button: {
distance: 5, // 信号灯按钮距离区段的距离
borderDashColor: '#FFFFFF', // 信号灯按钮边线
buttonColor: 'darkgreen', // 信号灯按钮颜色
buttonLightenColor: '#E4EF50' // 信号灯按钮闪烁颜色
}
};
this[deviceType.StationStand] = {
common: { // 通用属性
textFontSize: 11 // 站台默认字体大小
},
safetyDoor: { // 屏蔽门
height: 3, // 站台屏蔽门高度
distance: 8, // 站台和屏蔽门之间的距离
defaultColor: '#00FF00', // 屏蔽门默认颜色
splitDoorColor: '#F61107' // 屏蔽门切除颜色
},
stand: { // 站台
headFontSize: 11, // 站台首端字体大小
spareColor: '#606060', // 站台空闲颜色
stopColor: '#FEFE00', // 站台列车停站颜色
jumpStopColor: '#9A99FF', // 站台跳停颜色
designatedJumpStopColor: 'lightSkyBlue' // 站台指定列车跳停颜色
},
standEmergent: { // 紧急关闭
mergentR: 4, // 站台紧急关闭半径
offset: {x: 0, y: 40}, // 站台紧急关闭偏移量
closeColor: '#F61107' // 站台紧急关闭颜色
},
reentry: { // 站台折返策略
position: 0, // 折返方向
offset: {x: -16, y: 20}, // 折返偏移量
noHumanColor: '#0F16DA', // 站台无人折返
autoChangeEndsColor: '#0BF400' // 站台自动换端
},
detainCar: { // 扣车
text: 'H', // 扣车显示内容
position: -1, // 扣车方向
offset: {x: -8, y: -6}, // 扣车偏移量
trainColor: '#E4EF50', // 车站扣车颜色
centerTrainColor: '#FFFFFF', // 中心扣车颜色
andCenterTrainColor: '#F61107', // 车站+中心扣车颜色
detainTrainTextColor: '#E4EF50' // 车站扣除文字颜色
},
stopTime: { // 停站时间
position: 1, // 运行时间方向
offset: {x: -8, y: 26}, // 运行时间偏移量
textColor: '#FFFFFF' // 停站时间字体颜色
},
level: { // 运行等级
position: 1, // 运行等级方向
offset: {x: -8, y: 6}, // 运行等级偏移量
textColor: '#FFFFFF' // 停站等级字体颜色
}
};
this[deviceType.StationControl] = {
text: {
distance: 2, // 灯和文字之间的距离
fontSize: 11, // 字体大小
fontFormat: 'consolas', // 字体格式
fontColor: '#ffffff', // 字体颜色
fontWeight: 'normal', // 字体粗细
textAlign: 'middle', // 字体水平对齐
textVerticalAlign: 'top' // 字体垂直对齐
},
lamp: {
count: 2, // 控制模式灯个数
offset: {x: 0, y: 0}, // 控制模式灯偏移量
radiusR: 4, // 控制模式灯的半径
distance: 36, // 控制模式之间灯之间的距离
grayColor: '#7F7F7F', // 控制模式灰色
greenColor: '#00FF00', // 控制模式绿色
redColor: '#FF0000', // 控制模式红色
yellowColor: '#FFFF00' // 控制模式黄色
},
arrow: {
show: true // 控制模式箭头显隐
}
};
this[deviceType.StationCounter] = {
text: {
distance: 2, // 计数器名称和文字的距离
fontColor: '#FFFFFF', // 计数器字体颜色
borderColor: '#E4EF50' // 计数器边框颜色
}
};
this[deviceType.StationDelayUnlock] = {
text: {
distance: 3, // 延迟解锁和设备之间的距离
fontColor: '#FFFFFF', // 延时解锁字体颜色
borderColor: '#FFFFFF' // 延迟解锁边框颜色
}
};
this[deviceType.Station] = {
kilometerPosition: 'up' // 公里标朝向
};
this[deviceType.Switch] = {
text: {
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
offset: {x: 0, y: 8}, // 道岔名称与区段距离
fontSize: 11, // 字体大小
fontWeight: 'normal', // 字体粗细
borderColor: '#FE0000', // 道岔边框颜色
lossColor: '#FFFFFF', // 道岔失去颜色
locateColor: '#00FF00', // 道岔定位颜色
inversionColor: '#9C9D09', // 道岔反位颜色
monolockColor: '#870E10' // 道岔单锁颜色
},
core: {
length: 6 // 道岔单边长度
},
block: { // 道岔封锁配置
nameBorderShow: true, // 道岔名称是否有包围框 显示
contentRectShow: false // 道岔封锁显示
},
monolock: { // 道岔单锁配置
locationColor: '#870E10', // 道岔单锁定位颜色 (红色)
inversionColor: '#870E10', // 道岔单锁反位颜色 (红色)
rectShow: false // 道岔单锁 矩形框是否显示
}
};
this[deviceType.Line] = {
lineColor: '#FFFFFF' // 线条颜色
};
this[deviceType.LcControl] = {};
this[deviceType.ZcControl] = {};
this[deviceType.LimitControl] = {};
this[deviceType.TrainWindow] = {
lineColor: '#4DD43F', // 车次窗颜色
lineDash: null, // 车次窗虚线间隔
lineWidth: 1, // 车次窗线宽
trainWindowSmooth: 0 // 车次窗矩形圆滑程度
};
this[deviceType.Train] = {
trainBody: {
trainBodyLineWidth: 0, // 车身line宽
changeTrainWidth: true, // 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
specialTrainType: [
{
type: '03',
serviceNumber: 'MM',
nameFormat: 'serviceNumber:groupNumber'
}
], // 特殊列车类型需设置显示格式
lrPadding: 1, // 两边间隔
upPadding: 1, // 上边距离
trainBodyFillColor: '#000000', // 列车车身填充颜色
trainNameFormat: 'targetCode:serviceNumber:tripNumber'// 列车显示格式
},
hsda: {
trainHSDATextFontSize: 8// 列车HDSA字号
},
trainNumber: {
targetCodePrefix: '000', // 目的地码前缀
defaultTargetCode: 'AAA', // 默认目的地码
trainTargetTextAlign: 'left', // 车次号文字显示位置
trainNumberOffset: { x: 1, y: 1}// 目的地码偏移量
},
trainServer: {
serviceNumberPrefix: '00', // 服务号(表号)前缀
defaultServiceNumber: 'BB', // 默认服务号(表号)
trainServerOffset: { x: 26, y: 1}// 列车服务号偏移
},
trainTarget: {
tripNumberPrefix: '0000', // 车次号前缀
defaultDirectionCode: 'D', // 默认车次号1
defaultTripNumber: 'CCC', // 默认车次号2
trainTargetOffset: { x: 42, y: 1}// 列车车次号偏移
},
trainTargetNumber: {
groupNumberPrefix: '000', // 车组号前缀
defaultGroupNumber: 'EEE', // 默认车组号
trainTargetNumberOffset: {x: 0, y: 1}// 车组号偏移量
},
trainHead: {
trainMoreLength: 1, // 列车车头比车身高出的长度,上下相比车体伸出去的边框
trainHeadTriangleFirst: { x: 0, y: 0}, // 列车车头三角坐标1偏移量
trainHeadTriangleSecond: { x: 4, y: 7.5}, // 列车车头三角坐标2偏移量
trainHeadTriangleThird: { x: 0, y: 15}, // 列车车头三角坐标3偏移量
trainHeadRectHeight: 15, // 列车车头矩形高度
trainConntWidth: 4, // 列车竖杠的宽度
trainHeadFillColor: '#EF0C08'// 列车车头矩形填充颜色
},
common: {
trainHeight: 17, // 列车高度
trainHeadDistance: 2, // 列车和车头之间的间距
trainWidth: 76, // 列车长度
trainTextFontSize: 15, // 列车字号
fontFamily: 'consolas', // 默认字体 族类
nameFontSize: 15, // 字体大小
haveTextHSDA: false, // 是否需创建textHSDA对象
haveArrowText: true, // 是否需创建arrowText对象
haveTrainBorder: false, // 是否需创建trainBorder对象
aspectRatio: 8/15, // 字体宽高比例用以拼接text是计算位置
textOffset: 1, // 字体偏移(用以控制字体据车头的距离)
trainWidthMoreText: 2 // 计算列车长度时--列车长比text多出尺寸
},
trainStatusStyle: {
destinationStatus: [
{status: '01', showColor: '#FFFFFF'},
{status: '02', showColor: '#00FF00'},
{status: '03', showColor: '#3265FF'},
{status: '04', showColor: '#9B4A09'},
{status: '05', showColor: '#EF0C08'},
{status: '06', showColor: '#FFFFFF'},
{status: '07', showColor: '#FFFF00'}
], // 目的地状态 01准点 02早点 03严重早点 04晚点 05严重晚点 06头码车 07ATP切除
destinationStatusSetText: 'trainServer', // 目的地状态设置的对应哪个text的颜色
directionType: [
{
type: '01',
lineLShow: false,
lineRShow: false,
arrowLShow: false,
arrowRShow: false
},
{
type: '02',
lineLShow: false,
lineRShow: false,
arrowLShow: false,
arrowRShow: true
},
{
type: '03',
lineLShow: false,
lineRShow: false,
arrowLShow: true,
arrowRShow: false
}
], // 运行方向状态类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
directionStopType: [
{type: '01', lineLShow: false, lineRShow: false},
{type: '02', lineLShow: false, lineRShow: true},
{type: '03', lineLShow: true, lineRShow: false}
], // 列车停止方向类型对应车头显示状态 01未知方向 02从左往右 上行 03从右往左 下行
runModeStatus: [
{
status: '01',
trainLColor: '#EF0C08',
trainRColor: '#EF0C08'
},
{
status: '02',
trainLColor: '#00FF00',
trainRColor: '#00FF00'
},
{
status: '03',
trainLColor: '#FFFF00',
trainRColor: '#FFFF00'
},
{
status: '04',
trainLColor: '#EA700D',
trainRColor: '#EA700D'
},
{
status: '05',
trainLColor: '#A0522D',
trainRColor: '#A0522D'
}
], // 列车运行模式对应车头颜色 01信号中断 02 ATO自动驾驶模式AM 03 ATP监控下的人工驾驶模式CM 04 限制人工驾驶模式RM 05 非限制人工驾驶模式RM
runControlStatus: [], // 设置运行控制状态类型 eg:{status: '01', hShow: false, sShow: false}
doorStatus: [], // 设置车门状态类型 eg:{status: '01', dShow: false}
communicationStatus: [], // 设置通信状态 eg:{status: '01', trainColor:'#725A64'}
alarmStatus: [], // 设置报警状态 eg:{status: '01', aShow: false}
serverNoType: []// 服务号状态类型 eg:{type: '01', showColor: '#FFFFFF'}
}
};
}
}
export default new SkinStyle();

View File

@ -24,7 +24,7 @@ class Jlmap {
this.data = {};
// 皮肤参数
this.skinStyle = '';
this.skinCode = '';
// 皮肤风格
this.style = this.loadStyle();
@ -59,8 +59,8 @@ class Jlmap {
this.$mouseController.on(this.events.__Zoom, this.optionsHandler);
}
loadStyle(skinStyle) {
return selectSkinStyle(skinStyle);
loadStyle(skinCode) {
return selectSkinStyle(skinCode);
}
loadDefaultState() {
@ -79,7 +79,7 @@ class Jlmap {
setMap(map, mapDevice) {
// 保存皮肤类型
if (map.skinVO) {
this.skinStyle = map.skinVO.code;
this.skinCode = map.skinVO.code;
}
// 保存原始数据
@ -89,7 +89,7 @@ class Jlmap {
this.mapDevice = mapDevice;
// 加载对应皮肤
this.style = this.loadStyle(this.skinStyle);
this.style = this.loadStyle(this.skinCode);
// 数据加载完成 回调
if (this.methods.dataLoaded instanceof Function) { this.methods.dataLoaded(this.mapDevice); }
@ -352,7 +352,7 @@ class Jlmap {
}
clear() {
this.skinStyle = '';
this.skinCode = '';
this.style = {};
this.mapDevice = {};
this.$painter.clear();

View File

@ -205,7 +205,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -92,7 +92,7 @@
methods: {
loadInitData(map) {
if (Object.keys(map || {}).length) {
getPublishTrainList(map.skinStyle).then(response => {
getPublishTrainList(map.skinCode).then(response => {
this.trainList = response.data;
}).catch(error => {
this.$messageBox(`获取列车列表失败`);

View File

@ -77,7 +77,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishMapTrainNos(map.skinStyle).then(response => {
getPublishMapTrainNos(map.skinCode).then(response => {
this.trainNoList = response.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -87,7 +87,7 @@
methods: {
loadInitData(map) {
if (Object.keys(map || {}).length) {
getPublishTrainList(map.skinStyle).then(response => {
getPublishTrainList(map.skinCode).then(response => {
this.trainList = response.data;
}).catch(error => {
this.$messageBox(`获取列车列表失败`);

View File

@ -79,7 +79,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishMapTrainNos(map.skinStyle).then(response => {
getPublishMapTrainNos(map.skinCode).then(response => {
this.trainNoList = response.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -54,10 +54,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -89,7 +89,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},

View File

@ -57,10 +57,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -92,7 +92,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},
@ -119,12 +119,12 @@ export default {
}
},
loadRunData() {
const skinStyle = this.$route.query.skinStyle;
const skinCode = this.$route.query.skinCode;
this.$store.dispatch('runPlan/clear');
if (skinStyle) {
getStationListBySkinStyle(skinStyle).then(response => {
if (skinCode) {
getStationListBySkinStyle(skinCode).then(response => {
const stations = response.data;
this.PlanConvert = this.$theme.loadPlanConvert(skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(skinCode);
this.$store.dispatch('runPlan/setStations', stations).then(() => {
getEveryDayRunPlanData(this.$route.query.group).then(resp => {
this.$store.dispatch('runPlan/setPlanData', resp.data);

View File

@ -1,8 +1,8 @@
<template>
<div class="plan-schedule" style="width: 100%">
<title-bar ref="titleBar" @back="back" />
<menu-bar ref="menuBar" :skin-style="skinStyle" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :group="group" :skin-style="skinStyle" :max-height="height" :max-width="width" />
<menu-bar ref="menuBar" :skin-code="skinCode" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :group="group" :skin-code="skinCode" :max-height="height" :max-width="width" />
<status-bar ref="statusBar" :max-top="height" @setPosition="setPosition" />
<manage-plan-list ref="managePlanList" @dispatchDialog="dispatchDialog" />
@ -60,8 +60,8 @@ export default {
};
},
computed: {
skinStyle() {
return this.$route.query.skinStyle || '02';
skinCode() {
return this.$route.query.skinCode || '02';
}
},
methods: {

View File

@ -129,7 +129,7 @@ import { EventBus } from '@/scripts/event-bus';
export default {
name: 'PlanMenuBar',
props: {
skinStyle: {
skinCode: {
type: String,
required: true
}

View File

@ -39,7 +39,7 @@ export default {
type: String,
required: true
},
skinStyle: {
skinCode: {
type: String,
required: true
},
@ -238,7 +238,7 @@ export default {
}
},
mounted() {
this.PlanConvert = this.$theme.loadPlanConvert(this.skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode);
},
beforeDestroy() {
this.destroy();

View File

@ -202,7 +202,7 @@ export default {
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(() => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -94,7 +94,7 @@
methods: {
loadInitData(map) {
if (Object.keys(map || {}).length) {
getPublishTrainList(map.skinStyle).then(response => {
getPublishTrainList(map.skinCode).then(response => {
this.trainList = response.data;
}).catch(error => {
this.$messageBox(`获取列车列表失败`);

View File

@ -96,7 +96,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -76,7 +76,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishMapTrainNos(map.skinStyle).then(response => {
getPublishMapTrainNos(map.skinCode).then(response => {
this.trainNoList = response.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -91,7 +91,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -106,7 +106,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -106,7 +106,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishTrainList(map.skinStyle).then(resp => {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -54,10 +54,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -89,7 +89,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},

View File

@ -56,10 +56,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -91,7 +91,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},
@ -119,12 +119,12 @@ export default {
}
},
loadRunData() {
const skinStyle = this.$route.query.skinStyle;
const skinCode = this.$route.query.skinCode;
this.$store.dispatch('runPlan/clear');
if (skinStyle) {
getStationListBySkinStyle(skinStyle).then(response => {
if (skinCode) {
getStationListBySkinStyle(skinCode).then(response => {
const stations = response.data;
this.PlanConvert = this.$theme.loadPlanConvert(skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(skinCode);
this.$store.dispatch('runPlan/setStations', stations).then(() => {
getEveryDayRunPlanData(this.$route.query.group).then(resp => {
this.$store.dispatch('runPlan/setPlanData', resp.data);

View File

@ -1,9 +1,9 @@
<template>
<div class="plan-schedule" style="width: 100%">
<title-bar ref="titleBar" @back="back" />
<menu-bar ref="menuBar" :skin-style="skinStyle" @dispatchDialog="dispatchDialog" />
<!-- <menu-tool ref="menuTool" :skinStyle="skinStyle"></menu-tool> -->
<schedule ref="schedule" :group="group" :skin-style="skinStyle" :max-height="height" :max-width="width" />
<menu-bar ref="menuBar" :skin-code="skinCode" @dispatchDialog="dispatchDialog" />
<!-- <menu-tool ref="menuTool" :skinCode="skinCode"></menu-tool> -->
<schedule ref="schedule" :group="group" :skin-code="skinCode" :max-height="height" :max-width="width" />
<status-bar ref="statusBar" :max-top="height" @setPosition="setPosition" />
<manage-plan-list ref="managePlanList" @dispatchDialog="dispatchDialog" />
@ -64,8 +64,8 @@ export default {
};
},
computed: {
skinStyle() {
return this.$route.query.skinStyle || '02';
skinCode() {
return this.$route.query.skinCode || '02';
}
},
methods: {

View File

@ -129,7 +129,7 @@ import { EventBus } from '@/scripts/event-bus';
export default {
name: 'PlanMenuBar',
props: {
skinStyle: {
skinCode: {
type: String,
required: true
}

View File

@ -26,7 +26,7 @@
type: String,
required: true
},
skinStyle: {
skinCode: {
type: String,
required: true
},
@ -228,7 +228,7 @@
])
},
mounted() {
this.PlanConvert = this.$theme.loadPlanConvert(this.skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode);
},
beforeDestroy() {
this.destroy();

View File

@ -54,10 +54,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -89,7 +89,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},

View File

@ -50,10 +50,10 @@
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name'])
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name'])
},
tagType: (row) => { return 'success' }
}
@ -85,7 +85,7 @@
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},
@ -112,12 +112,12 @@
}
},
loadRunData() {
let skinStyle = this.$route.query.skinStyle;
let skinCode = this.$route.query.skinCode;
this.$store.dispatch('runPlan/clear');
if (skinStyle) {
getStationListBySkinStyle(skinStyle).then(response => {
if (skinCode) {
getStationListBySkinStyle(skinCode).then(response => {
let stations = response.data;
this.PlanConvert = this.$theme.loadPlanConvert(skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(skinCode);
this.$store.dispatch('runPlan/setStations', stations).then(() => {
getEveryDayRunPlanData(this.$route.query.group).then(resp => {
this.$store.dispatch('runPlan/setPlanData', resp.data);

View File

@ -1,8 +1,8 @@
<template>
<div class="plan-schedule" style="width: 100%">
<title-bar ref="titleBar" @back="back" />
<menu-bar ref="menuBar" :skin-style="skinStyle" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :group="group" :skin-style="skinStyle" :max-height="height" :max-width="width" />
<menu-bar ref="menuBar" :skin-code="skinCode" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :group="group" :skin-code="skinCode" :max-height="height" :max-width="width" />
<status-bar ref="statusBar" :max-top="height" @setPosition="setPosition" />
<manage-plan-list ref="managePlanList" @dispatchDialog="dispatchDialog" />
@ -60,8 +60,8 @@ export default {
};
},
computed: {
skinStyle() {
return this.$route.query.skinStyle || '02';
skinCode() {
return this.$route.query.skinCode || '02';
}
},
methods: {

View File

@ -129,7 +129,7 @@ import { EventBus } from '@/scripts/event-bus';
export default {
name: 'PlanMenuBar',
props: {
skinStyle: {
skinCode: {
type: String,
required: true
}

View File

@ -39,7 +39,7 @@ export default {
type: String,
required: true
},
skinStyle: {
skinCode: {
type: String,
required: true
},
@ -238,7 +238,7 @@ export default {
}
},
mounted() {
this.PlanConvert = this.$theme.loadPlanConvert(this.skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode);
},
beforeDestroy() {
this.destroy();

View File

@ -204,8 +204,8 @@
},
methods: {
loadInitData(map) {
if (map.skinStyle) {
getPublishTrainList(map.skinStyle).then(resp => {
if (map.skinCode) {
getPublishTrainList(map.skinCode).then(resp => {
this.trainList = resp.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -93,7 +93,7 @@
methods: {
loadInitData(map) {
if (Object.keys(map || {}).length) {
getPublishTrainList(map.skinStyle).then(response => {
getPublishTrainList(map.skinCode).then(response => {
this.trainList = response.data;
}).catch(error => {
this.$messageBox(`获取列车列表失败`);

View File

@ -77,7 +77,7 @@
methods: {
loadInitData(map) {
if (map) {
getPublishMapTrainNos(map.skinStyle).then(response => {
getPublishMapTrainNos(map.skinCode).then(response => {
this.trainNoList = response.data;
}).catch(error => {
this.$messageBox(`获取列车车组号失败`);

View File

@ -53,10 +53,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -88,7 +88,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},

View File

@ -55,10 +55,10 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => {
return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']);
return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']);
},
tagType: (row) => { return 'success'; }
}
@ -90,7 +90,7 @@ export default {
},
queryFunction(params) {
if (this.$store.state.map && this.$store.state.map.map) {
params['skinStyle'] = this.$store.getters['map/skinStyle'];
params['skinCode'] = this.$store.getters['map/skinCode'];
}
return runPlanTemplateList(params);
},
@ -117,12 +117,12 @@ export default {
}
},
loadRunData() {
const skinStyle = this.$route.query.skinStyle;
const skinCode = this.$route.query.skinCode;
this.$store.dispatch('runPlan/clear');
if (skinStyle) {
getStationListBySkinStyle(skinStyle).then(response => {
if (skinCode) {
getStationListBySkinStyle(skinCode).then(response => {
const stations = response.data;
this.PlanConvert = this.$theme.loadPlanConvert(skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(skinCode);
this.$store.dispatch('runPlan/setStations', stations).then(() => {
getEveryDayRunPlanData(this.$route.query.group).then(resp => {
this.$store.dispatch('runPlan/setPlanData', resp.data);

View File

@ -1,8 +1,8 @@
<template>
<div class="plan-schedule" style="width: 100%">
<title-bar ref="titleBar" @back="back" />
<menu-bar ref="menuBar" :skin-style="skinStyle" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :skin-style="skinStyle" :group="group" :max-height="height" :max-width="width" />
<menu-bar ref="menuBar" :skin-code="skinCode" @dispatchDialog="dispatchDialog" />
<schedule ref="schedule" :skin-code="skinCode" :group="group" :max-height="height" :max-width="width" />
<status-bar ref="statusBar" :max-top="height" @setPosition="setPosition" />
<manage-plan-list ref="managePlanList" @dispatchDialog="dispatchDialog" />
@ -60,8 +60,8 @@ export default {
};
},
computed: {
skinStyle() {
return this.$route.query.skinStyle || '02';
skinCode() {
return this.$route.query.skinCode || '02';
}
},
methods: {

View File

@ -129,7 +129,7 @@ import { EventBus } from '@/scripts/event-bus';
export default {
name: 'PlanMenuBar',
props: {
skinStyle: {
skinCode: {
type: String,
required: true
}

View File

@ -38,7 +38,7 @@ export default {
type: String,
required: true
},
skinStyle: {
skinCode: {
type: String,
required: true
},
@ -237,7 +237,7 @@ export default {
}
},
mounted() {
this.PlanConvert = this.$theme.loadPlanConvert(this.skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode);
},
beforeDestroy() {
this.destroy();

View File

@ -38,9 +38,9 @@ export function createDevice(type, model, propConvert) {
return propConvert ? propConvert.initPrivateProps(device) : device;
}
export function parser(data, skinStyle) {
export function parser(data, skinCode) {
var mapDevice = {};
var propConvert = skinStyle ? Vue.prototype.$theme.loadPropConvert(skinStyle): null;
var propConvert = skinCode ? Vue.prototype.$theme.loadPropConvert(skinCode): null;
if (data) {
zrUtil.each(data.linkList || [], elem => {
mapDevice[elem.code] = createDevice(deviceType.Link, elem, propConvert);

View File

@ -22,8 +22,8 @@ import Error401 from '@/views/error-page/401';
import Errpr404 from '@/views/error-page/404';
import Dashboard from '@/views/dashboard/index';
import Dashboard1 from '@/views/dashboard/index.vue';
import SkinStyle from '@/views/map/skinStyle/index';
import SkinStyleDraft from '@/views/map/skinStyle/draft';
import SkinStyle from '@/views/map/skinCode/index';
import SkinStyleDraft from '@/views/map/skinCode/draft';
import Mapdraft from '@/views/map/mapdraft/index';
import Mapedit from '@/views/map/mapdraft/mapedit/index';
import Runplan from '@/views/map/runplan/index';
@ -133,8 +133,8 @@ export const UrlConfig = {
map: {
prefix: '/map',
draft: '/map/draw',
skinStyle: '/map/skinStyle',
skinStyleDraft: '/map/skinStyle/draft',
skinCode: '/map/skinCode',
skinStyleDraft: '/map/skinCode/draft',
runPlan: '/map/runPlan',
runPlanView: '/map/runPlan/view',
product: '/map/product',
@ -329,14 +329,14 @@ export const asyncRouter = [
component: Layout,
children: [
{
path: 'skinStyle',
path: 'skinCode',
component: SkinStyle,
meta: {
i18n: 'router.skinManage'
}
},
{
path: 'skinStyle/draft/:mode/:skinStyleId',
path: 'skinCode/draft/:mode/:skinStyleId',
hidden: true,
component: SkinStyleDraft
},

View File

@ -25,7 +25,7 @@ export const OperationList = {
maxDuration: 20,
minDuration: 15,
operateType: '0103',
skinStyle: '02',
skinCode: '02',
trainingName: '转为中控({1})',
trainingRemark: '控制权限转换,站控转中控',
trainingType: '01',
@ -44,7 +44,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0101',
skinStyle: '02',
skinCode: '02',
trainingName: '转为站控({1})',
trainingRemark: '控制权限转换,中控转站控',
trainingType: '01',
@ -63,7 +63,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0102',
skinStyle: '02',
skinCode: '02',
trainingName: '强制站控({1})',
trainingRemark: '控制权限转换,强制站控',
trainingType: '01',
@ -83,7 +83,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0501',
skinStyle: '02',
skinCode: '02',
trainingName: '站台扣车({10}-{12}站台)',
trainingRemark: '设置扣车功能',
trainingType: '05',
@ -97,7 +97,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0502',
skinStyle: '02',
skinCode: '02',
trainingName: '站台取消扣车({10}-{12}站台)',
trainingRemark: '设置取消扣车功能',
trainingType: '05',
@ -111,7 +111,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0503',
skinStyle: '02',
skinCode: '02',
trainingName: '强制取消扣车({10}-{12}站台)',
trainingRemark: '强制取消扣车功能',
trainingType: '05',
@ -125,7 +125,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0504',
skinStyle: '02',
skinCode: '02',
trainingName: '全线取消扣车({10}-{12}站台)',
trainingRemark: '全线取消扣车功能(默认上行全线/下行全线,不做选择)',
trainingType: '05',
@ -139,7 +139,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0504',
skinStyle: '02',
skinCode: '02',
trainingName: '全线取消扣车({10}-{12}站台)',
trainingRemark: '全线取消扣车功能(选择上/下行全线)',
trainingType: '05',
@ -154,7 +154,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0505',
skinStyle: '02',
skinCode: '02',
trainingName: '站台跳停({10}-{12}站台)',
trainingRemark: '设置跳停功能',
trainingType: '05',
@ -168,7 +168,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0506',
skinStyle: '02',
skinCode: '02',
trainingName: '取消跳停({10}-{12}站台)',
trainingRemark: '设置取消跳停功能',
trainingType: '05',
@ -182,7 +182,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0507',
skinStyle: '02',
skinCode: '02',
trainingName: '查询站台状态({10}-{12}站台)',
trainingRemark: '查询站台状态功能',
trainingType: '05',
@ -196,7 +196,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '02',
skinCode: '02',
trainingName: '设置停站时间({10}-{12}站台)',
trainingRemark: '设置停站时间(自动, 一直有效)',
trainingType: '05',
@ -212,7 +212,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '02',
skinCode: '02',
trainingName: '设置停站时间({10}-{12}站台)',
trainingRemark: '设置停站时间(人工, 20秒, 一直有效)',
trainingType: '05',
@ -229,7 +229,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '02',
skinCode: '02',
trainingName: '设置停站时间({10}-{12}站台)',
trainingRemark: '设置停站时间(人工, 20秒, 一次有效)',
trainingType: '05',
@ -247,7 +247,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0509',
skinStyle: '02',
skinCode: '02',
trainingName: '设置运行等级({10}-{12}站台)',
trainingRemark: '设置运行等级(设置区间运行时间为60一直有效)',
trainingType: '05',
@ -263,7 +263,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0509',
skinStyle: '02',
skinCode: '02',
trainingName: '设置运行等级({10}-{12}站台)',
trainingRemark: '设置运行等级(设置区间运行时间为60一次有效)',
trainingType: '05',
@ -280,7 +280,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0510',
skinStyle: '02',
skinCode: '02',
trainingName: '设置提前发车({10}-{12}站台)',
trainingRemark: '设置提前发车功能',
trainingType: '05',
@ -294,7 +294,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0511',
skinStyle: '02',
skinCode: '02',
trainingName: '人工折返策略设置({10}-{12}站台)',
trainingRemark: '人工折返策略设置功能',
trainingType: '05',
@ -310,7 +310,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0401',
skinStyle: '02',
skinCode: '02',
trainingName: '区段故障解锁({8}{9})',
trainingRemark: '故障解锁功能',
trainingType: '04',
@ -327,7 +327,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0402',
skinStyle: '02',
skinCode: '02',
trainingName: '区段切除({8}{9})',
trainingRemark: '区段切除',
trainingType: '04',
@ -341,7 +341,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0403',
skinStyle: '02',
skinCode: '02',
trainingName: '区段激活({8}{9})',
trainingRemark: '区段激活功能',
trainingType: '04',
@ -355,7 +355,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0404',
skinStyle: '02',
skinCode: '02',
trainingName: '计轴预复位({8}{9})',
trainingRemark: '计轴预复位功能',
trainingType: '04',
@ -372,7 +372,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0405',
skinStyle: '02',
skinCode: '02',
trainingName: '区段封锁({8}{9})',
trainingRemark: '区段封锁功能',
trainingType: '04',
@ -386,7 +386,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0406',
skinStyle: '02',
skinCode: '02',
trainingName: '区段解封({8}{9})',
trainingRemark: '区段解封功能',
trainingType: '04',
@ -403,7 +403,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0407',
skinStyle: '02',
skinCode: '02',
trainingName: '区段设置限速({8}{9})',
trainingRemark: '区段设置限速功能限速值5',
trainingType: '04',
@ -422,7 +422,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0408',
skinStyle: '02',
skinCode: '02',
trainingName: '区段取消限速({8}{9})',
trainingRemark: '区段取消限速功能',
trainingType: '04',
@ -441,7 +441,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0301',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔单锁({7})',
trainingRemark: '道岔单锁功能',
trainingType: '03',
@ -455,7 +455,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0302',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔单解({7})',
trainingRemark: '道岔单解功能',
trainingType: '03',
@ -472,7 +472,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0303',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段封闭({7})',
trainingRemark: '道岔区段封闭功能',
trainingType: '03',
@ -486,7 +486,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0304',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段解封({7})',
trainingRemark: '道岔区段解封功能',
trainingType: '03',
@ -503,7 +503,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0305',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔转动({7})',
trainingRemark: '道岔转动功能({15}转{16})',
trainingType: '03',
@ -517,7 +517,7 @@ export const OperationList = {
maxDuration: 20,
minDuration: 10,
operateType: '0306',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段故障解锁({7})',
trainingRemark: '道岔区段故障解锁功能',
trainingType: '03',
@ -534,7 +534,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0307',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段计轴预复位({7})',
trainingRemark: '道岔区段计轴预复位功能',
trainingType: '03',
@ -551,7 +551,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0308',
skinStyle: '02',
skinCode: '02',
trainingName: '区段切除({7})',
trainingRemark: '区段切除',
trainingType: '03',
@ -565,7 +565,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0309',
skinStyle: '02',
skinCode: '02',
trainingName: '区段激活({7})',
trainingRemark: '区段激活功能',
trainingType: '03',
@ -579,7 +579,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0310',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段设置限速({7})',
trainingRemark: '道岔区段设置限速功能限速值5',
trainingType: '03',
@ -598,7 +598,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0311',
skinStyle: '02',
skinCode: '02',
trainingName: '道岔区段取消限速({7})',
trainingRemark: '道岔区段取消限速功能',
trainingType: '03',
@ -617,7 +617,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0201',
skinStyle: '02',
skinCode: '02',
trainingName: '进路选排({3})',
trainingRemark: '选择排列进路',
trainingType: '02',
@ -633,7 +633,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0202',
skinStyle: '02',
skinCode: '02',
trainingName: '进路取消({3})',
trainingRemark: '进路取消',
trainingType: '02',
@ -648,7 +648,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0202',
skinStyle: '02',
skinCode: '02',
trainingName: '进路取消({3})',
trainingRemark: '进路取消',
trainingType: '02',
@ -662,7 +662,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0203',
skinStyle: '02',
skinCode: '02',
trainingName: '信号封闭({5})',
trainingRemark: '信号封闭',
trainingType: '02',
@ -676,7 +676,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0204',
skinStyle: '02',
skinCode: '02',
trainingName: '信号解封({5})',
trainingRemark: '信号解封',
trainingType: '02',
@ -694,7 +694,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0205',
skinStyle: '02',
skinCode: '02',
trainingName: '信号关灯({3})',
trainingRemark: '信号关灯',
trainingType: '02',
@ -709,7 +709,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0206',
skinStyle: '02',
skinCode: '02',
trainingName: '信号重开({3})',
trainingRemark: '信号重开',
trainingType: '02',
@ -724,7 +724,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0207',
skinStyle: '02',
skinCode: '02',
trainingName: '引导进路办理({3})',
trainingRemark: '进路办理信号引导',
trainingType: '02',
@ -741,7 +741,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0208',
skinStyle: '02',
skinCode: '02',
trainingName: '自排开({5})',
trainingRemark: '自排开',
trainingType: '02',
@ -756,7 +756,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0209',
skinStyle: '02',
skinCode: '02',
trainingName: '自排关({5})',
trainingRemark: '自排关',
trainingType: '02',
@ -771,7 +771,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0210',
skinStyle: '02',
skinCode: '02',
trainingName: '查询进路控制状态({5})',
trainingRemark: '查询进路控制状态',
trainingType: '02',
@ -785,7 +785,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0211',
skinStyle: '02',
skinCode: '02',
trainingName: '设置联锁自动进路({5})',
trainingRemark: '设置联锁自动进路',
trainingType: '02',
@ -799,7 +799,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0212',
skinStyle: '02',
skinCode: '02',
trainingName: '取消联锁自动进路({5})',
trainingRemark: '取消联锁自动进路',
trainingType: '02',
@ -813,7 +813,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0213',
skinStyle: '02',
skinCode: '02',
trainingName: '设置联锁自动触发({5})',
trainingRemark: '设置联锁自动触发',
trainingType: '02',
@ -827,7 +827,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0214',
skinStyle: '02',
skinCode: '02',
trainingName: '取消联锁自动触发({5})',
trainingRemark: '取消联锁自动触发',
trainingType: '02',
@ -845,7 +845,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0501',
skinStyle: '03',
skinCode: '03',
trainingName: '设置扣车({10}-{12} 站台)',
trainingRemark: '设置扣车功能',
trainingType: '05',
@ -859,7 +859,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0502',
skinStyle: '03',
skinCode: '03',
trainingName: '取消扣车({10}-{12} 站台)',
trainingRemark: '取消扣车功能',
trainingType: '05',
@ -873,7 +873,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0505',
skinStyle: '03',
skinCode: '03',
trainingName: '设置跳停({10}-{12} 站台)',
trainingRemark: '设置跳停功能',
trainingType: '05',
@ -887,7 +887,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0505',
skinStyle: '03',
skinCode: '03',
trainingName: '设置跳停({10}-{12} 站台)',
trainingRemark: '设置指定001号列车跳停功能',
trainingType: '05',
@ -903,7 +903,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0506',
skinStyle: '03',
skinCode: '03',
trainingName: '取消跳停({10}-{12} 站台)',
trainingRemark: '取消跳停功能',
trainingType: '05',
@ -917,7 +917,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0506',
skinStyle: '03',
skinCode: '03',
trainingName: '取消跳停({10}-{12} 站台)',
trainingRemark: '取消指定001号列车跳停功能',
trainingType: '05',
@ -933,7 +933,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0507',
skinStyle: '03',
skinCode: '03',
trainingName: '查询站台状态({10}-{12} 站台)',
trainingRemark: '查询站台状态功能',
trainingType: '05',
@ -947,7 +947,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '03',
skinCode: '03',
trainingName: '停站时间控制({10}-{12} 站台)',
trainingRemark: '停站时间控制(自动, 一直有效)',
trainingType: '05',
@ -962,7 +962,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '03',
skinCode: '03',
trainingName: '停站时间控制({10}-{12} 站台)',
trainingRemark: '停站时间控制(人工, 20秒, 一直有效)',
trainingType: '05',
@ -978,7 +978,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0508',
skinStyle: '03',
skinCode: '03',
trainingName: '停站时间控制({10}-{12} 站台)',
trainingRemark: '停站时间控制(人工, 20秒, 一次有效)',
trainingType: '05',
@ -995,7 +995,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0509',
skinStyle: '03',
skinCode: '03',
trainingName: '运行时间控制({10}-{12} 站台)',
trainingRemark: '运行时间控制(设置区间 运行等级1运行时间为115一直有效)',
trainingType: '05',
@ -1011,7 +1011,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0509',
skinStyle: '03',
skinCode: '03',
trainingName: '运行时间控制({10}-{12} 站台)',
trainingRemark: '运行时间控制(设置区间 运行等级1运行时间为115一次有效)',
trainingType: '05',
@ -1028,7 +1028,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0510',
skinStyle: '03',
skinCode: '03',
trainingName: '提前发车({10}-{12} 站台)',
trainingRemark: '提前发车功能',
trainingType: '05',
@ -1042,7 +1042,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0511',
skinStyle: '03',
skinCode: '03',
trainingName: '变通策略管理({10}-{12} 站台)',
trainingRemark: '变通策略管理功能',
trainingType: '05',
@ -1058,7 +1058,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0402',
skinStyle: '03',
skinCode: '03',
trainingName: '轨道切除({8}{9} 区段)',
trainingRemark: '轨道切除功能',
trainingType: '04',
@ -1072,7 +1072,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0403',
skinStyle: '03',
skinCode: '03',
trainingName: '轨道激活({8}{9} 区段)',
trainingRemark: '轨道激活功能',
trainingType: '04',
@ -1086,7 +1086,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0407',
skinStyle: '03',
skinCode: '03',
trainingName: '设置临时限速({8}{9} 区段)',
trainingRemark: '设置临时限速功能限速值15',
trainingType: '04',
@ -1106,7 +1106,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0308',
skinStyle: '03',
skinCode: '03',
trainingName: '轨道切除({7} 道岔)',
trainingRemark: '轨道切除功能',
trainingType: '03',
@ -1120,7 +1120,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0309',
skinStyle: '03',
skinCode: '03',
trainingName: '轨道激活({7} 道岔)',
trainingRemark: '轨道激活功能',
trainingType: '03',
@ -1134,7 +1134,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0310',
skinStyle: '03',
skinCode: '03',
trainingName: '设置临时限速({7} 道岔)',
trainingRemark: '设置临时限速功能(限速值 35 零点西上行公里标0 - 零点西上行公里标3000',
trainingType: '03',
@ -1174,7 +1174,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0201',
skinStyle: '03',
skinCode: '03',
trainingName: '排列进路({3} 进路)',
trainingRemark: '排列进路功能',
trainingType: '02',
@ -1189,7 +1189,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0202',
skinStyle: '03',
skinCode: '03',
trainingName: '取消进路({3} 进路)',
trainingRemark: '取消进路功能',
trainingType: '02',
@ -1203,7 +1203,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0210',
skinStyle: '03',
skinCode: '03',
trainingName: '查询进路控制状态({5} 信号机)',
trainingRemark: '查询进路控制状态功能',
trainingType: '02',
@ -1217,7 +1217,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0208',
skinStyle: '03',
skinCode: '03',
trainingName: '进路交自动控({5} 信号机)',
trainingRemark: '进路交自动控功能',
trainingType: '02',
@ -1232,7 +1232,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0209',
skinStyle: '03',
skinCode: '03',
trainingName: '进路交人工控({5} 信号机)',
trainingRemark: '进路交人工控功能',
trainingType: '02',
@ -1247,7 +1247,7 @@ export const OperationList = {
maxDuration: 8,
minDuration: 5,
operateType: '0206',
skinStyle: '03',
skinCode: '03',
trainingName: '信号重开({3} 进路)',
trainingRemark: '信号重开功能',
trainingType: '02',
@ -1262,7 +1262,7 @@ export const OperationList = {
maxDuration: 15,
minDuration: 8,
operateType: '0801',
skinStyle: '03',
skinCode: '03',
trainingName: '全线取消临时限速',
trainingRemark: '全线取消临时限速功能',
trainingType: '08',

View File

@ -13,7 +13,7 @@ export const translate = {
{ key: 'name', tHeader: '地图名称', formatter: (val) => { return val || ''; } },
{ key: 'authorId', tHeader: '作者id', formatter: (val) => { return val || ''; } },
{ key: 'cityCode', tHeader: '城市code', formatter: (val) => { return val || ''; } },
{ key: 'skinStyle', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } },
{ key: 'skinCode', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } },
{ key: 'updateTime', tHeader: '更新时间', formatter: (val) => { return val || ''; } },
{ key: 'version', tHeader: '版本类型', formatter: (val) => { return val || ''; } }
]
@ -57,7 +57,7 @@ export const translate = {
columns: [
{ key: 'code', tHeader: '自动信号机编号', formatter: (val) => { return val || ''; } },
{ key: 'signalCode', tHeader: '信号机编号', formatter: (val) => { return val || ''; } },
{ key: 'skinStyle', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } }
{ key: 'skinCode', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } }
]
},
autoSignalClearList: {
@ -65,7 +65,7 @@ export const translate = {
columns: [
{ key: 'autoSignalCode', tHeader: '自动信号机编号', formatter: (val) => { return val || ''; } },
{ key: 'sectionCode', tHeader: '区段编号', formatter: (val) => { return val || ''; } },
{ key: 'skinStyle', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } }
{ key: 'skinCode', tHeader: '皮肤类型', formatter: (val) => { return val || ''; } }
]
},
accessAgainstList: {

View File

@ -206,7 +206,7 @@ const map = {
map: (state) => {
return state.map;
},
skinStyle: (state) => {
skinCode: (state) => {
if (state.map && state.map.skinVO) {
return state.map.skinVO.code;
}

View File

@ -1,15 +1,15 @@
import store from '@/store';
import { getPublishMapVersion, getPublishMapDetail,getPublishMapVersionById,getPublishMapDetailById} from '@/api/jmap/map';
import { getPublishMapVersion, getPublishMapDetail, getPublishMapVersionById, getPublishMapDetailById} from '@/api/jmap/map';
// 获取地图版本数据和store里面的map版本做比较如果不同
// 获取发布的地图数据
// 先设置地图数据
// 清除列车数据
export function loadMapData(skinStyle) {
export function loadMapData(skinCode) {
return new Promise((resolve, reject) => {
getPublishMapVersion(skinStyle).then(resp => {
getPublishMapVersion(skinCode).then(resp => {
var version = resp.data;
var mapData = store.state.map.mapList[`mapDate_${skinStyle}`];
var mapData = store.state.map.mapList[`mapDate_${skinCode}`];
if (mapData && mapData.version == version) {
store.dispatch('map/setMapData', mapData).then(() => {
store.dispatch('map/clearJlmapTrainView').then(() => {
@ -17,7 +17,7 @@ export function loadMapData(skinStyle) {
});
});
} else {
getPublishMapDetail(skinStyle).then(res => {
getPublishMapDetail(skinCode).then(res => {
mapData = res.data;
store.dispatch('map/setMapDataList', mapData);
store.dispatch('map/setMapData', mapData).then(() => {

View File

@ -108,7 +108,7 @@ export default {
launchFullscreen();
await putJointTrainingSimulationEntrance(this.group);
const rest = await getPublishMapInfo(this.mapId);
const query = { skinStyle: rest.data.skinStyle, mapId: this.mapId, group: this.group };
const query = { skinCode: rest.data.skinCode, mapId: this.mapId, group: this.group };
this.$router.push({ path: `/jointTraining`, query: query });
} else if (this.state == '01') {
const query = { group: this.group };

View File

@ -59,7 +59,7 @@ export default {
launchFullscreen();
await putJointTrainingSimulationEntrance(this.group);
const rest = await getPublishMapInfo(this.mapId);
const query = { skinStyle: rest.data.skinStyle, mapId: this.mapId, group: this.group };
const query = { skinCode: rest.data.skinCode, mapId: this.mapId, group: this.group };
this.$router.push({ path: `/jointTraining`, query: query });
} else if (this.state == '01') {
const query = { group: this.group };

View File

@ -69,7 +69,7 @@
id: '',
name: '',
mapId: '',
skinStyle: '',
skinCode: '',
remarks: '',
prdType: '',
prdCode: '',
@ -140,7 +140,7 @@
this.getJointTrainingList();
let rest = await getPublishMapInfo(this.mapId);
if (rest && rest.code == 200) {
let resp = await getCommodityMapProduct(rest.data.skinStyle);
let resp = await getCommodityMapProduct(rest.data.skinCode);
if (resp.data && resp.data.length) {
this.productList = resp.data.sort((a, b) => {
return Number(b.prdType) - Number(a.prdType);
@ -187,7 +187,7 @@
id: resp.data.id,
name: resp.data.name,
mapId: data.id,
skinStyle: resp.data.skinStyle,
skinCode: resp.data.skinCode,
remarks: resp.data.remarks,
prdType: resp.data.prdType,
prdCode: resp.data.code,
@ -227,7 +227,7 @@
},
async joinRoom() {
await getjointTraining(this.jointGroup);
let query = { skinStyle: this.courseModel.skinStyle, group: this.jointGroup };
let query = { skinCode: this.courseModel.skinCode, group: this.jointGroup };
this.$router.push({ path: `/trainroom`, query: query });
},
async start() {
@ -239,7 +239,7 @@
}
let res = await postCreateRoom(param);
if (res && res.code == 200) {
let query = { skinStyle: this.courseModel.skinStyle, group: res.data };
let query = { skinCode: this.courseModel.skinCode, group: res.data };
this.$router.push({ path: `/trainroom`, query: query });
}
} catch (error) {
@ -283,7 +283,7 @@
let data = { mapId: this.courseModel.mapId, code: this.currentPrdCode }
simulationNotify(data).then(resp => {
// try 0
let query = { skinStyle: this.courseModel.skinStyle, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, code: this.currentPrdCode, goodsId: this.goodsId, try: this.tryUser };
let query = { skinCode: this.courseModel.skinCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, code: this.currentPrdCode, goodsId: this.goodsId, try: this.tryUser };
this.$router.push({ path: `${UrlConfig.display}/demon`, query: query });
launchFullscreen();
}).catch(error => {

View File

@ -136,7 +136,7 @@ export default {
this.show = false;
},
listQuest(params) {
params['skinCode'] = this.$route.query.skinStyle;
params['skinCode'] = this.$route.query.skinCode;
return getQuestPageListOnline(params);
},
async loadInitData() {

View File

@ -71,8 +71,8 @@
title() {
return '选择故障'
},
skinStyle() {
return this.$route.query.skinStyle;
skinCode() {
return this.$route.query.skinCode;
}
},
mounted() {
@ -110,7 +110,7 @@
doShow() {
this.dialogShow = true;
this.queryList.data = [];
getFailureGenerateRules({ skin: this.skinStyle, group: this.group }).then(response => {
getFailureGenerateRules({ skin: this.skinCode, group: this.group }).then(response => {
let data = response.data;
data.forEach(elem => {
this.queryList.data.push({

View File

@ -26,14 +26,14 @@ export default {
}
},
watch: {
'$route.query.skinStyle': function (code) {
'$route.query.skinCode': function (code) {
if (code) {
this.menus = this.$theme.loadPlanComponent(code);
}
}
},
mounted() {
this.menus = this.$theme.loadPlanComponent(this.$route.query.skinStyle);
this.menus = this.$theme.loadPlanComponent(this.$route.query.skinCode);
},
methods: {
doShow() {

View File

@ -169,7 +169,7 @@ export default {
}
},
mounted() {
this.PlanConvert = this.$theme.loadPlanConvert(this.$route.query.skinStyle);
this.PlanConvert = this.$theme.loadPlanConvert(this.$route.query.skinCode);
this.loadChartPage();
},
beforeDestroy() {

View File

@ -364,7 +364,7 @@ export default {
const rest = await getProductDetail(stepdData.prdCode);
if (rest && rest.code == 200) {
await this.$store.dispatch('training/setPrdType', rest.data.prdType);
await this.loadMapData(resp.data.skinStyle);
await this.loadMapData(resp.data.skinCode);
await this.$store.dispatch('training/setTrainingData', stepdData);
}
} else {
@ -381,9 +381,9 @@ export default {
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); //
this.$store.dispatch('training/setPrdType', '');
const skinStyle = this.$route.query.skinStyle;
if (parseInt(skinStyle)) {
await this.loadMapData(skinStyle);
const skinCode = this.$route.query.skinCode;
if (parseInt(skinCode)) {
await this.loadMapData(skinCode);
} else {
this.endViewLoading();
@ -395,9 +395,9 @@ export default {
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); //
this.$store.dispatch('training/setPrdType', this.prdTypeMap[this.$route.query.prdType]);
const skinStyle = this.$route.query.skinStyle;
if (parseInt(skinStyle)) {
await this.loadMapData(skinStyle);
const skinCode = this.$route.query.skinCode;
if (parseInt(skinCode)) {
await this.loadMapData(skinCode);
} else {
this.endViewLoading();
@ -409,9 +409,9 @@ export default {
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); //
this.$store.dispatch('training/setPrdType', '01');
const skinStyle = this.$route.query.skinStyle;
if (parseInt(skinStyle)) {
await this.loadMapData(skinStyle);
const skinCode = this.$route.query.skinCode;
if (parseInt(skinCode)) {
await this.loadMapData(skinCode);
} else {
this.endViewLoading();
@ -436,9 +436,9 @@ export default {
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); //
this.$store.dispatch('training/setPrdType', '01');
const skinStyle = this.$route.query.skinStyle;
if (parseInt(skinStyle)) {
await this.loadMapData(skinStyle);
const skinCode = this.$route.query.skinCode;
if (parseInt(skinCode)) {
await this.loadMapData(skinCode);
} else {
this.endViewLoading();
@ -472,9 +472,9 @@ export default {
this.questId = 0;
},
//
async loadMapData(skinStyle) {
async loadMapData(skinCode) {
try {
await loadMapData(skinStyle);
await loadMapData(skinCode);
await this.$store.dispatch('training/setMapDefaultState');
} catch (error) {
this.$messageBox(`获取地图数据失败: ${error.message}`);
@ -532,11 +532,11 @@ export default {
if (this.isDrive) {
this.panelShow = false;
this.drivingShow = true;
this.$refs.Jl3dSimulation.show(this.$route.query.skinStyle);
this.$refs.Jl3dSimulation.show(this.$route.query.skinCode);
} else {
this.panelShow = false;
this.simulationShow = true;
this.$refs.ThreeTest.show(this.$route.query.skinStyle);
this.$refs.ThreeTest.show(this.$route.query.skinCode);
}
},
showpanel() {

View File

@ -88,9 +88,9 @@ export default {
methods: {
loadRunData(opt) {
this.$store.dispatch('runPlan/clear').then(() => {
if (opt && opt.skinStyle) {
if (opt && opt.skinCode) {
this.viewDisabled = true;
getStationListBySkinStyle(opt.skinStyle).then(response => {
getStationListBySkinStyle(opt.skinCode).then(response => {
this.$store.dispatch('runPlan/setStations', response.data).then(() => {
if (this.$route.params.mode == 'plan') {
//

View File

@ -64,7 +64,7 @@
courseModel: {
id: '',
name: '',
skinStyle: '',
skinCode: '',
maxDuration: '',
minDuration: '',
remarks: '',
@ -85,7 +85,7 @@
this.courseModel = {
id: val.id,
name: val.name,
skinStyle: val.skinStyle,
skinCode: val.skinCode,
maxDuration: val.maxDuration,
minDuration: val.minDuration,
remarks: val.remarks,

View File

@ -105,7 +105,7 @@
this.courseModel = {
id: res.data.id,
name: res.data.name,
skinStyle: res.data.skinStyle,
skinCode: res.data.skinCode,
price: res.data.price,
remarks: res.data.remarks,
detail: res.data.examDefinitionVOList || [],

View File

@ -51,7 +51,7 @@
courseModel: {
id: '',
name: '',
skinStyle: '',
skinCode: '',
maxDuration: '',
minDuration: '',
remarks: '',
@ -91,7 +91,7 @@
this.courseModel = {
id: res.data.id,
name: res.data.name,
skinStyle: res.data.skinStyle,
skinCode: res.data.skinCode,
maxDuration: res.data.maxDuration,
remarks: res.data.remarks,
minDuration: res.data.minDuration,
@ -103,7 +103,7 @@
}
},
start() {
let query = { skinStyle: this.$route.query.skinStyle, trainingId: this.$route.query.trainingId, userExamId: this.$route.query.userExamId, examQuestionId: this.$route.params.examQuestionId }
let query = { skinCode: this.$route.query.skinCode, trainingId: this.$route.query.trainingId, userExamId: this.$route.query.userExamId, examQuestionId: this.$route.params.examQuestionId }
this.$router.push({ path: '/display/exam', query: query });
launchFullscreen();
},

View File

@ -215,15 +215,15 @@ export default {
this.dataZoom.offsetY = dataZoom.offsetY.toFixed(1) + '';
this.dataZoom.scaleRate = dataZoom.scaleRate + '';
const skinStyle = this.$store.getters['map/skinStyle'];
if (skinStyle) {
const skinCode = this.$store.getters['map/skinCode'];
if (skinCode) {
const param = {
scaleRate: this.dataZoom.scaleRate,
offsetY: this.dataZoom.offsetY,
skinCode: skinStyle
skinCode: skinCode
};
localStore.set(`scaleRate_${skinStyle}`, JSON.stringify(param)); //
localStore.set(`scaleRate_${skinCode}`, JSON.stringify(param)); //
}
this.$store.dispatch('training/emitTipFresh');

View File

@ -19,7 +19,7 @@
</span>
</el-tree>
</el-scrollbar>
<map-create ref="mapCreate" @refresh="refresh" :skinStyle="skinStyle" @editmap="handleNodeClick"></map-create>
<map-create ref="mapCreate" @refresh="refresh" :skinCode="skinCode" @editmap="handleNodeClick"></map-create>
<map-operate-menu ref="menu" :point="point" :editModel="editModel" @editRoute="editRoute" @setSwitch="setSwitch"
@editMap="handleNodeClick" @pathUnit="pathUnit" @refresh="refresh"></map-operate-menu>
@ -57,7 +57,7 @@
label: 'name'
},
editModel: {},
skinStyle: '',
skinCode: '',
point: {
x: 0,
y: 0
@ -75,7 +75,7 @@
let next = node;
while (next) {
if (next.data && next.data.type == 'skin') {
this.skinStyle = next.data.id;
this.skinCode = next.data.id;
break;
}
next = next.parent;

View File

@ -101,12 +101,12 @@
}
},
methods: {
show: function (skinStyle) {
show: function (skinCode) {
// console.log("show");
// console.log(skinStyle);
// console.log(skinCode);
// console.log(this.jlmap3d);
if (this.jlmap3d == null) {
this.init(skinStyle);
this.init(skinCode);
} else {
//this.jlmap3d.restart();
this.jlmap3d.eventon();
@ -114,10 +114,10 @@
}
},
init: function (skinStyle) {
init: function (skinCode) {
let mapdata = this.$store.getters['map/map'];
let dom = document.getElementById('app');
this.jlmap3d = new JLmap3d(dom, mapdata, skinStyle);
this.jlmap3d = new JLmap3d(dom, mapdata, skinCode);
this.jlmap3d.eventon();
},
raystand() {

View File

@ -145,12 +145,12 @@
}
},
methods: {
show: function (skinStyle) {
// console.log(skinStyle);
show: function (skinCode) {
// console.log(skinCode);
// console.log(this.jlmap3d);
if (this.jlmap3d == null) {
this.init(skinStyle);
this.init(skinCode);
} else {
//this.jlmap3d.restart();
this.jlmap3d.eventon();
@ -158,10 +158,10 @@
}
},
init: function (skinStyle) {
init: function (skinCode) {
let mapdata = this.$store.getters['map/map'];
let dom = document.getElementById('app');
this.jlmap3d = new JLmapDriving(dom, mapdata, skinStyle);
this.jlmap3d = new JLmapDriving(dom, mapdata, skinCode);
this.jlmap3d.eventon();
},

View File

@ -268,8 +268,8 @@ export default {
this.$store.dispatch('training/end', TrainingMode.NORMAL);
this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); //
const skinStyle = this.$route.query.skinStyle;
if (skinStyle) {
const skinCode = this.$route.query.skinCode;
if (skinCode) {
// 01 02 ''
const resp = await this.getUserRole();
if (resp && resp.code == 200) {
@ -285,14 +285,14 @@ export default {
case 'Repair': this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setRoles', 'Repair'); break;
}
}
await this.getTrainDetail(skinStyle);
await this.getTrainDetail(skinCode);
} else {
this.endViewLoading();
}
},
async getTrainDetail(skinStyle) {
async getTrainDetail(skinCode) {
try {
await loadMapData(skinStyle);
await loadMapData(skinCode);
await this.$store.dispatch('training/setMapDefaultState');
} catch (error) {
this.$messageBox(`获取地图数据失败`);
@ -318,7 +318,7 @@ export default {
hidepanel() {
this.panelShow = false;
this.drivingShow = true;
this.$refs.Jl3dSimulation.show(this.$route.query.skinStyle);
this.$refs.Jl3dSimulation.show(this.$route.query.skinCode);
},
messageInfo(message, type) {

View File

@ -102,9 +102,9 @@ export default {
methods: {
loadRunData(opt) {
this.$store.dispatch('runPlan/clear').then(resp => {
if (opt && opt.skinStyle) {
if (opt && opt.skinCode) {
this.viewDisabled = true;
getStationListBySkinStyle(opt.skinStyle).then(response => {
getStationListBySkinStyle(opt.skinCode).then(response => {
const stations = response.data;
this.$store.dispatch('runPlan/setStations', stations).then(() => {
getEveryDayRunPlanData(this.group).then(resp => {

View File

@ -79,9 +79,9 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']); },
columnValue: (row) => { return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']); },
tagType: (row) => { return 'success'; }
},
{

View File

@ -10,8 +10,8 @@
<el-form-item label="课程名称:" prop="name">
<el-input v-model="courseModel.name"></el-input>
</el-form-item>
<el-form-item label="关联皮肤:" prop="skinStyle">
<el-select v-model="courseModel.skinStyle" placeholder="请选择" :disabled="true">
<el-form-item label="关联皮肤:" prop="skinCode">
<el-select v-model="courseModel.skinCode" placeholder="请选择" :disabled="true">
<el-option v-for="(item,index) in skinStyleList" :key="index" :label="item.name"
:value="item.code"></el-option>
</el-select>
@ -33,7 +33,7 @@
<div class="draft">
<el-button-group>
<template v-if="!isEdit">
<el-button type="primary" @click="create" v-if="courseModel.skinStyle">创建</el-button>
<el-button type="primary" @click="create" v-if="courseModel.skinCode">创建</el-button>
</template>
<template v-else>
<el-button type="primary" @click="update">更新</el-button>
@ -74,7 +74,7 @@
id: '',
prdCode: '',
product: [],
skinStyle: '',
skinCode: '',
name: '',
remarks: '',
}
@ -89,7 +89,7 @@
name: [
{ required: true, message: '请输入课程名称', trigger: 'change' }
],
skinStyle: [
skinCode: [
{ required: true, message: '请选择皮肤类型', trigger: 'change' }
],
prdCode: [
@ -115,7 +115,7 @@
if (!isNew) {
this.refresh(node);
} else {
this.courseModel.skinStyle = node.data.id;
this.courseModel.skinCode = node.data.id;
}
this.productList = [];
@ -133,7 +133,7 @@
this.$refs.form.validate((valid) => {
if (valid) {
let model = {
skinStyle: this.courseModel.skinStyle,
skinCode: this.courseModel.skinCode,
prdCode: this.courseModel.prdCode,
name: this.courseModel.name,
remarks: this.courseModel.remarks
@ -152,7 +152,7 @@
if (valid) {
let model = {
id: this.courseModel.id,
skinStyle: this.courseModel.skinStyle,
skinCode: this.courseModel.skinCode,
prdCode: this.courseModel.prdCode,
name: this.courseModel.name,
remarks: this.courseModel.remarks
@ -181,14 +181,14 @@
},
getParentSkin(node) {
let next = node;
let skinStyle = '';
let skinCode = '';
while (next) {
if (next.data && next.data.type == 'skin') {
skinStyle = next.data.id;
skinCode = next.data.id;
}
next = next.parent;
}
return skinStyle;
return skinCode;
},
refresh(node) {
if (node && node.data) {
@ -196,7 +196,7 @@
let data = response.data;
this.courseModel = {
id: data.id,
skinStyle: this.getParentSkin(node),
skinCode: this.getParentSkin(node),
prdCode: data.prdCode,
name: data.name,
remarks: data.remarks,

View File

@ -91,8 +91,8 @@
cityCode: model.cityCode,
}
if (model.skinStyle && model.id) {
getPublishMapListBySkinStyle(model.skinStyle).then(resp => {
if (model.skinCode && model.id) {
getPublishMapListBySkinStyle(model.skinCode).then(resp => {
let list = resp.data || [];
list.forEach(elem => {
if (!this.cityMapDict[elem.cityCode]) {

View File

@ -20,7 +20,7 @@ export default {
loading: false,
dialogVisible: false,
formModel: {
skinStyle: ''
skinCode: ''
},
skinStyleList: [],
isShow: false
@ -32,14 +32,14 @@ export default {
const form = {
labelWidth: '120px',
items: [
{ prop: 'skinStyle', label: '皮肤类型', type: 'select', required: true, options: this.skinStyleList }
{ prop: 'skinCode', label: '皮肤类型', type: 'select', required: true, options: this.skinStyleList }
]
};
return form;
},
rules() {
const crules = {
skinStyle: [
skinCode: [
{ required: true, message: '请选择皮肤类型', trigger: 'change' }
]
};
@ -92,7 +92,7 @@ export default {
create() {
const self = this;
this.loading = true;
addTrainingRulesList(this.formModel.skinStyle, OperationList[this.formModel.skinStyle].list).then(response => {
addTrainingRulesList(this.formModel.skinCode, OperationList[this.formModel.skinCode].list).then(response => {
self.loading = false;
self.$message.success('批量生成操作定义成功');
self.handleClose();
@ -104,7 +104,7 @@ export default {
},
handleClose() {
this.formModel = {
skinStyle: ''
skinCode: ''
};
this.$refs.dataform.resetForm();
this.isShow = false;

View File

@ -28,7 +28,7 @@ export default {
trainingName: '',
trainingType: '',
operateType: '',
skinStyle: '',
skinCode: '',
minDuration: '',
maxDuration: '',
trainingRemark: '',
@ -46,7 +46,7 @@ export default {
const form = {
labelWidth: '120px',
items: [
{ prop: 'skinStyle', label: '皮肤类型', type: 'select', required: true, options: this.skinStyleList, disabled: !isAdd },
{ prop: 'skinCode', label: '皮肤类型', type: 'select', required: true, options: this.skinStyleList, disabled: !isAdd },
{ prop: 'trainingType', label: '实训类型', type: 'select', required: true, options: this.trainingTypeList, disabled: !isAdd, change: true, onChange: this.changeList },
{ prop: 'operateType', label: '操作类型', type: 'select', required: true, options: this.trainingOperateTypeMap[this.formModel.trainingType], disabled: !isAdd },
{ label: '', type: 'button', options: this.placeholderList, style: 'margin-bottom: 0; margin-top: -10px;', typeBtn: 'info', click: this.addTrainName },
@ -70,7 +70,7 @@ export default {
operateType: [
{ required: true, message: '请输入操作类型', trigger: 'change' }
],
skinStyle: [
skinCode: [
{ required: true, message: '请选择皮肤类型', trigger: 'change' }
],
minDuration: [
@ -184,7 +184,7 @@ export default {
this.dialogVisible = true;
if (data && data.id) {
//
const res = await getPlaceholderList({ trainingType: data.trainingType, skinStyle: data.skinStyle });
const res = await getPlaceholderList({ trainingType: data.trainingType, skinCode: data.skinCode });
this.placeholderList = res.data;
this.formModel = {
id: data.id,
@ -192,7 +192,7 @@ export default {
trainingType: data.trainingType,
operateType: data.operateType,
productTypes: data.productTypes,
skinStyle: data.skinStyle,
skinCode: data.skinCode,
minDuration: data.minDuration,
maxDuration: data.maxDuration,
trainingRemark: this.repliceName(data.trainingRemark, this.placeholderList)
@ -211,7 +211,7 @@ export default {
},
changeList(val) {
//
getPlaceholderList({ trainingType: val, skinStyle: '02' }).then(res => {
getPlaceholderList({ trainingType: val, skinCode: '02' }).then(res => {
this.placeholderList = res.data;
});
},
@ -284,7 +284,7 @@ export default {
trainingName: '',
trainingType: '',
operateType: '',
skinStyle: '',
skinCode: '',
minDuration: '',
maxDuration: '',
trainingRemark: ''

View File

@ -89,7 +89,7 @@
methods: {
async show(data) {
this.dialogVisible = true
let res = await getPlaceholderList({ trainingType: this.$route.query.type, skinStyle: this.$route.query.skinStyle });
let res = await getPlaceholderList({ trainingType: this.$route.query.type, skinCode: this.$route.query.skinCode });
this.placeholderList = res.data;
if (data && data.operateCode) {
//

View File

@ -120,7 +120,7 @@
methods: {
async init() {
let res = await getPlaceholderList({ trainingType: this.$route.query.type, skinStyle: this.$route.query.skinStyle });
let res = await getPlaceholderList({ trainingType: this.$route.query.type, skinCode: this.$route.query.skinCode });
this.placeholderList = res.data;
},
repliceName(fieldValue, enumList) {

View File

@ -36,7 +36,7 @@
labelWidth: '80px',
reset: true,
queryObject: {
skinStyle: {
skinCode: {
type: 'select',
label: '皮肤类型',
config: {
@ -70,9 +70,9 @@
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']) },
columnValue: (row) => { return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']) },
tagType: (row) => { return '' }
},
{
@ -164,7 +164,7 @@
this.trainingOperateTypeMap['08'] = list; //
});
this.placeholderMap = {};
getPlaceholderList({ skinStyle: '', trainingType: '' }).then(res => {
getPlaceholderList({ skinCode: '', trainingType: '' }).then(res => {
res.data.forEach(item => {
if (!this.placeholderMap[item.trainingType]) {
this.placeholderMap[item.trainingType] = [];
@ -178,7 +178,7 @@
getSkinStyleList().then(response => {
this.skinStyleList = response.data;
response.data.forEach(elem => {
this.queryForm.queryObject.skinStyle.config.data.push({ value: elem.code, label: elem.name });
this.queryForm.queryObject.skinCode.config.data.push({ value: elem.code, label: elem.name });
});
})
@ -221,7 +221,7 @@
return res;
},
handleViewDetail(index, row) {
this.$router.push({ path: `/lesson/manage/trainingRule/detail`, query: { id: row.id, type: row.trainingType, skinStyle: row.skinStyle } })
this.$router.push({ path: `/lesson/manage/trainingRule/detail`, query: { id: row.id, type: row.trainingType, skinCode: row.skinCode } })
},
handleEdit(index, row) {

View File

@ -84,7 +84,7 @@ export default {
id: '',
mapId: '',
mapName: '',
skinStyle: '',
skinCode: '',
name: '',
remarks: '',
code: '',
@ -153,7 +153,7 @@ export default {
if (node.data.type === 'skin') {
this.codeDisabled = false;
this.addModel.mapName = node.data.name;
this.addModel.skinStyle = node.data.id;
this.addModel.skinCode = node.data.id;
this.loading = false;
} else if (node.data.type === 'prd') {
this.codeDisabled = true;
@ -164,7 +164,7 @@ export default {
this.addModel.remarks = response.data.remarks;
this.addModel.prdType = response.data.prdType;
this.addModel.code = response.data.code;
this.addModel.skinStyle = response.data.skinStyle;
this.addModel.skinCode = response.data.skinCode;
this.addModel.trainTypes = this.initTrainTypes = response.data.trainTypes;
this.addModel.id = response.data.id;
this.loading = false;
@ -185,7 +185,7 @@ export default {
this.$refs.form.validate((valid) => {
if (valid) {
const data = {
skinStyle: this.addModel.skinStyle,
skinCode: this.addModel.skinCode,
mapName: this.addModel.mapName,
name: this.addModel.name,
remarks: this.addModel.remarks,

View File

@ -1,8 +1,8 @@
<template>
<el-dialog :title="operation.title" :visible.sync="dialogShow" width="500px" :before-close="close">
<el-form ref="form" :model="operateModel" label-width="100px" :rules="rules" size="mini">
<el-form-item label="皮肤类型:" prop="skinStyle">
<el-select v-model="operateModel.skinStyle" @change="skinStyleChoose">
<el-form-item label="皮肤类型:" prop="skinCode">
<el-select v-model="operateModel.skinCode" @change="skinStyleChoose">
<el-option v-for="option in skinStyleList" :key="option.code" :label="option.name"
:value="option.code">
</el-option>
@ -125,7 +125,7 @@
operateModel: {
name: '',
type: '',
skinStyle: '',
skinCode: '',
prdCode: '',
operateType: [],
maxDuration: 0,
@ -140,7 +140,7 @@
title: '',
},
rules: {
skinStyle: [
skinCode: [
{ required: true, message: '请输入地图名称', trigger: 'change' }
],
prdCode: [
@ -181,11 +181,11 @@
this.dialogShow = false;
this.loading = false;
},
skinStyleChoose(skinStyle) {
skinStyleChoose(skinCode) {
this.operateModel.prdCode = '';
this.productList = [];
if (skinStyle) {
getCommodityMapProduct(skinStyle).then((response) => {
if (skinCode) {
getCommodityMapProduct(skinCode).then((response) => {
this.productList = response.data;
this.productList = this.productList.filter(elem => { return elem.prdType != '03'; })
})
@ -195,9 +195,9 @@
this.trainingTypeMap = {};
this.operateModel.operateType = [];
let skinStyleObj = this.skinStyleList.find(elem => { return elem.code === this.operateModel.skinStyle }) || {};
let skinStyleObj = this.skinStyleList.find(elem => { return elem.code === this.operateModel.skinCode }) || {};
let prdTypeObj = this.productList.find(elem => { return elem.code === prdCode }) || {};
let res = await getOperateTrainingList({ skinStyle: skinStyleObj.code, productType: prdTypeObj.prdType });
let res = await getOperateTrainingList({ skinCode: skinStyleObj.code, productType: prdTypeObj.prdType });
if (res && res.code == 200) {
this.trainingTypeLists = res.data;
this.trainingTypeList.forEach(elem => {
@ -248,7 +248,7 @@
if (this.operation.event == '01') { //add
//
let data = {
skinStyle: this.operateModel.skinStyle,
skinCode: this.operateModel.skinCode,
name: this.operateModel.name,
prdCode: this.operateModel.prdCode,
trainingType: this.operateModel.type,
@ -266,7 +266,7 @@
} else if (this.operation.event == '02') { //edit
//
let data = {
skinStyle: this.operateModel.skinStyle,
skinCode: this.operateModel.skinCode,
name: this.operateModel.name,
prdCode: this.operateModel.prdCode,
trainingType: this.operateModel.type,
@ -287,7 +287,7 @@
} else if (this.operation.event == '03') { //delete
//
let data = {
skinStyle: this.operateModel.skinStyle,
skinCode: this.operateModel.skinCode,
name: this.operateModel.name,
prdCode: this.operateModel.prdCode,
trainingType: `${this.operateModel.type}`,

View File

@ -3,7 +3,7 @@
<QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
<training-draft
ref="draftTrain"
:skin-style-list="skinStyleList"
:skin-code-list="skinStyleList"
:training-type-list="trainingTypeList"
:training-operate-type-map="trainingOperateTypeMap"
@refresh="reloadTable"
@ -42,7 +42,7 @@ export default {
labelWidth: '80px',
initLoadCallback: this.loadInitQueryList,
queryObject: {
skinStyle: {
skinCode: {
type: 'select',
label: '皮肤类型',
change: this.skinStyleChoose,
@ -97,9 +97,9 @@ export default {
},
{
title: '皮肤类型',
prop: 'skinStyle',
prop: 'skinCode',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.skinStyle, this.skinStyleList, ['code', 'name']); },
columnValue: (row) => { return this.$convertField(row.skinCode, this.skinStyleList, ['code', 'name']); },
tagType: (row) => { return ''; }
},
{
@ -171,11 +171,11 @@ export default {
methods: {
async loadInitData() {
this.skinStyleList = [];
this.queryForm.queryObject.skinStyle.config.data = [];
this.queryForm.queryObject.skinCode.config.data = [];
getSkinStyleList().then(response => {
this.skinStyleList = response.data;
response.data.forEach(elem => {
this.queryForm.queryObject.skinStyle.config.data.push({ value: elem.code, label: elem.name });
this.queryForm.queryObject.skinCode.config.data.push({ value: elem.code, label: elem.name });
});
});
@ -216,8 +216,8 @@ export default {
this.reloadTable();
},
loadInitQueryList(form) {
if (form && form.skinStyle) {
getCommodityMapProduct(form.skinStyle).then((response) => {
if (form && form.skinCode) {
getCommodityMapProduct(form.skinCode).then((response) => {
const productList = response.data;
if (productList && productList.length > 0) {
productList.forEach(elem => {

View File

@ -112,7 +112,7 @@ export default {
name: '',
type: '',
prdCode: '',
skinStyle: '',
skinCode: '',
operateType: '',
maxDuration: 0,
minDuration: 0,
@ -180,7 +180,7 @@ export default {
if (node.parent) {
this.operateModel.type = node.data.id;
this.operateModel.prdCode = node.parent.data.id;
this.operateModel.skinStyle = node.parent.parent.data.id;
this.operateModel.skinCode = node.parent.parent.data.id;
this.productTypesList = [{
code: node.parent.data.id,
name: node.parent.data.name
@ -200,7 +200,7 @@ export default {
if (node.parent && node.parent.parent) {
this.operateModel.type = node.parent.data.id;
this.operateModel.prdCode = node.parent.parent.data.id;
this.operateModel.skinStyle = node.parent.parent.parent.data.id;
this.operateModel.skinCode = node.parent.parent.parent.data.id;
this.operationList = this.trainingOperateTypeMap[node.parent.data.id] || [];
this.productTypesList = [{
code: node.parent.parent.data.id,
@ -247,7 +247,7 @@ export default {
name: '',
type: '',
prdCode: '',
skinStyle: '',
skinCode: '',
operateType: '',
maxDuration: 0,
minDuration: 0,
@ -262,14 +262,14 @@ export default {
name: this.operateModel.name,
type: this.operateModel.type,
prdCode: this.operateModel.prdCode,
skinStyle: this.operateModel.skinStyle,
skinCode: this.operateModel.skinCode,
operateType: this.operateModel.operateType,
minDuration: this.operateModel.minDuration,
maxDuration: this.operateModel.maxDuration,
remarks: this.operateModel.remarks
};
addTraining(data).then(response => {
this.$emit('refresh', [localStore.get('cityCode') || '', localStore.get('skinStyle') || '']);
this.$emit('refresh', [localStore.get('cityCode') || '', localStore.get('skinCode') || '']);
this.close();
this.$message.success('添加实训成功!');
}).catch(() => {
@ -286,14 +286,14 @@ export default {
name: this.operateModel.name,
type: this.operateModel.type,
prdCode: this.operateModel.prdCode,
skinStyle: this.operateModel.skinStyle,
skinCode: this.operateModel.skinCode,
operateType: this.operateModel.operateType,
minDuration: this.operateModel.minDuration,
maxDuration: this.operateModel.maxDuration,
remarks: this.operateModel.remarks
};
updateTraining(data).then(response => {
this.$emit('refresh', [localStore.get('cityCode') || '', localStore.get('skinStyle') || '']);
this.$emit('refresh', [localStore.get('cityCode') || '', localStore.get('skinCode') || '']);
this.close();
this.$message.success('更新实训成功!');
}).catch(() => {

View File

@ -77,7 +77,7 @@ export default {
getTrainingStepsDetail(trainingId, { group }).then(response => {
const stepdData = response.data;
getProductDetail(stepdData.prdCode).then(res => {
loadMapData(stepdData.skinStyle).then(() => {
loadMapData(stepdData.skinCode).then(() => {
this.$store.dispatch('training/setPrdType', res.data.prdType);
this.$store.dispatch('training/setTrainingData', stepdData);
}).catch(() => {

View File

@ -88,7 +88,7 @@ export default {
const data = response.data.list;
if (data && data.length) {
data.forEach(elem => {
this.LessonList.push({ value: elem.id, label: elem.name, skinStyle: elem.skinStyle });
this.LessonList.push({ value: elem.id, label: elem.name, skinCode: elem.skinCode });
});
}
});
@ -124,17 +124,17 @@ export default {
this.formModel.userId = item.id;
},
async mapChange(val) {
let skinStyle = '';
let skinCode = '';
this.mapPrdList = [];
this.formModel.mapPrdCode = '';
if (this.LessonList.length) {
this.LessonList.forEach(item => {
if (item.value == val) {
skinStyle = item.skinStyle;
skinCode = item.skinCode;
}
});
try {
const res = await getCommodityMapProduct(skinStyle);
const res = await getCommodityMapProduct(skinCode);
const data = res.data;
if (data && data.length) {
data.forEach(elem => {

View File

@ -135,7 +135,7 @@ export default {
...mapGetters('map', [
'counterList',
'stationList',
'skinStyle'
'skinCode'
]),
createRules: function () {
return {

View File

@ -115,7 +115,7 @@ export default {
...mapGetters('map', [
'delayShowList',
'stationList',
'skinStyle'
'skinCode'
]),
createRules: function () {
return {

View File

@ -139,7 +139,7 @@ export default {
'sectionList',
'trainModelList',
'lcList',
'skinStyle'
'skinCode'
]),
createRules: function () {
return {

View File

@ -139,7 +139,7 @@ export default {
'sectionList',
'trainModelList',
'tempSpeedLimitList',
'skinStyle'
'skinCode'
]),
createRules: function () {
return {

View File

@ -206,7 +206,7 @@ export default {
...mapGetters('map', [
'lineList',
'stationList',
'skinStyle'
'skinCode'
])
},
watch: {

View File

@ -277,7 +277,7 @@ export default {
'switchList',
'stationList',
'stationStandList',
'skinStyle'
'skinCode'
]),
form() {
const form = {

View File

@ -184,7 +184,7 @@ export default {
'signalList',
'sectionList',
'stationList',
'skinStyle'
'skinCode'
]),
PhysicalSectionList() {
let list = [];

View File

@ -95,7 +95,7 @@ export default {
'stationList',
'sectionList',
'zcList',
'skinStyle'
'skinCode'
]),
form() {
const form = {

View File

@ -86,7 +86,7 @@ export default {
...mapGetters('map', [
'stationList',
'stationControlList',
'skinStyle'
'skinCode'
]),
form() {
const form = {

View File

@ -116,7 +116,7 @@ export default {
...mapGetters('map', [
'stationList',
'stationStandList',
'skinStyle'
'skinCode'
]),
form() {
const form = {

View File

@ -154,7 +154,7 @@ export default {
'sectionList',
'switchList',
'stationList',
'skinStyle'
'skinCode'
])
},
watch: {

View File

@ -141,7 +141,7 @@ export default {
...mapGetters('map', [
'textList',
'stationList',
'skinStyle'
'skinCode'
])
},
watch: {

View File

@ -154,7 +154,7 @@ export default {
'sectionList',
'trainList',
'trainModelList',
'skinStyle'
'skinCode'
]),
createRules: function () {
return {

Some files were not shown because too many files have changed in this diff Show More