diff --git a/src/api/jlmap3d/load3ddata.js b/src/api/jlmap3d/load3ddata.js index f741651c1..942d0eadf 100644 --- a/src/api/jlmap3d/load3ddata.js +++ b/src/api/jlmap3d/load3ddata.js @@ -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(); diff --git a/src/api/jmap/map.js b/src/api/jmap/map.js index 6958aaef5..bf3a24d42 100644 --- a/src/api/jmap/map.js +++ b/src/api/jmap/map.js @@ -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' }); } diff --git a/src/api/management/mapprd.js b/src/api/management/mapprd.js index 364d3f224..384e5759c 100644 --- a/src/api/management/mapprd.js +++ b/src/api/management/mapprd.js @@ -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' }); } diff --git a/src/api/management/operation.js b/src/api/management/operation.js index 2409521f6..a3c600395 100644 --- a/src/api/management/operation.js +++ b/src/api/management/operation.js @@ -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 } }); } diff --git a/src/api/runplan.js b/src/api/runplan.js index 502dd0af8..ebf923982 100644 --- a/src/api/runplan.js +++ b/src/api/runplan.js @@ -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' }); } diff --git a/src/jlmap3d/jl3dsimulation/jl3dsimulation.js b/src/jlmap3d/jl3dsimulation/jl3dsimulation.js index a7dd16443..a0e198932 100644 --- a/src/jlmap3d/jl3dsimulation/jl3dsimulation.js +++ b/src/jlmap3d/jl3dsimulation/jl3dsimulation.js @@ -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 { + getPublish3dMapDetail(skinCode).then(netdata => { ModelLoad(data,scope,netdata.data,mapdata,camera,controls,scene); }); // diff --git a/src/jmap/config/deviceStyle.js b/src/jmap/config/deviceStyle.js index bc429b5db..f9b8bae72 100644 --- a/src/jmap/config/deviceStyle.js +++ b/src/jmap/config/deviceStyle.js @@ -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); } diff --git a/src/jmap/config/skinStyle/batong_01.js b/src/jmap/config/skinStyle/batong_01.js deleted file mode 100644 index 893b5d1e5..000000000 --- a/src/jmap/config/skinStyle/batong_01.js +++ /dev/null @@ -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(); diff --git a/src/jmap/config/skinStyle/bejing_01.js b/src/jmap/config/skinStyle/bejing_01.js deleted file mode 100644 index 710a1a982..000000000 --- a/src/jmap/config/skinStyle/bejing_01.js +++ /dev/null @@ -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(); diff --git a/src/jmap/config/skinStyle/chengdu_03.js b/src/jmap/config/skinStyle/chengdu_03.js deleted file mode 100644 index 796fd8bee..000000000 --- a/src/jmap/config/skinStyle/chengdu_03.js +++ /dev/null @@ -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(); diff --git a/src/jmap/config/skinStyle/chengdu_04.js b/src/jmap/config/skinStyle/chengdu_04.js deleted file mode 100644 index 1aa852dc3..000000000 --- a/src/jmap/config/skinStyle/chengdu_04.js +++ /dev/null @@ -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(); diff --git a/src/jmap/config/skinStyle/fuzhou_01.js b/src/jmap/config/skinStyle/fuzhou_01.js deleted file mode 100644 index 61e8bd6c9..000000000 --- a/src/jmap/config/skinStyle/fuzhou_01.js +++ /dev/null @@ -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(); diff --git a/src/jmap/map.js b/src/jmap/map.js index 61d596a64..f062a2334 100644 --- a/src/jmap/map.js +++ b/src/jmap/map.js @@ -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(); diff --git a/src/jmap/theme/batong_01/menus/dialog/trainControl.vue b/src/jmap/theme/batong_01/menus/dialog/trainControl.vue index af3fe5875..ab8584424 100644 --- a/src/jmap/theme/batong_01/menus/dialog/trainControl.vue +++ b/src/jmap/theme/batong_01/menus/dialog/trainControl.vue @@ -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(`获取列车车组号失败`); diff --git a/src/jmap/theme/batong_01/menus/dialog/trainCreate.vue b/src/jmap/theme/batong_01/menus/dialog/trainCreate.vue index 48a0c0e93..755bc5736 100644 --- a/src/jmap/theme/batong_01/menus/dialog/trainCreate.vue +++ b/src/jmap/theme/batong_01/menus/dialog/trainCreate.vue @@ -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(`获取列车列表失败`); diff --git a/src/jmap/theme/batong_01/menus/dialog/trainDelete.vue b/src/jmap/theme/batong_01/menus/dialog/trainDelete.vue index 3b8e01df3..003ce2e1f 100644 --- a/src/jmap/theme/batong_01/menus/dialog/trainDelete.vue +++ b/src/jmap/theme/batong_01/menus/dialog/trainDelete.vue @@ -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(`获取列车车组号失败`); diff --git a/src/jmap/theme/beijing_01/menus/dialog/trainCreate.vue b/src/jmap/theme/beijing_01/menus/dialog/trainCreate.vue index 162234a2c..8d1c70e2d 100644 --- a/src/jmap/theme/beijing_01/menus/dialog/trainCreate.vue +++ b/src/jmap/theme/beijing_01/menus/dialog/trainCreate.vue @@ -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(`获取列车列表失败`); diff --git a/src/jmap/theme/beijing_01/menus/dialog/trainDelete.vue b/src/jmap/theme/beijing_01/menus/dialog/trainDelete.vue index d8b378a53..70225067f 100644 --- a/src/jmap/theme/beijing_01/menus/dialog/trainDelete.vue +++ b/src/jmap/theme/beijing_01/menus/dialog/trainDelete.vue @@ -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(`获取列车车组号失败`); diff --git a/src/jmap/theme/beijing_01/menusPlan/chooseTemplatePlan.vue b/src/jmap/theme/beijing_01/menusPlan/chooseTemplatePlan.vue index 6b4456292..09022b49c 100644 --- a/src/jmap/theme/beijing_01/menusPlan/chooseTemplatePlan.vue +++ b/src/jmap/theme/beijing_01/menusPlan/chooseTemplatePlan.vue @@ -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); }, diff --git a/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue b/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue index 8262b7bdf..4eaf7694f 100644 --- a/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue +++ b/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue @@ -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); diff --git a/src/jmap/theme/beijing_01/planSchedule/index.vue b/src/jmap/theme/beijing_01/planSchedule/index.vue index 5403a914c..15dc56293 100644 --- a/src/jmap/theme/beijing_01/planSchedule/index.vue +++ b/src/jmap/theme/beijing_01/planSchedule/index.vue @@ -1,8 +1,8 @@