@ -451,27 +451,6 @@ export function getSimulationDestinationList(group) {
|
|||||||
method: 'get'
|
method: 'get'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/** 获取PSL盘状态 */
|
|
||||||
export function getPslStatus(group, standCode) {
|
|
||||||
return request({
|
|
||||||
url: `/simulation/${group}/${standCode}/psl/status`,
|
|
||||||
method: 'get'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/** 按下IBP盘按钮
|
|
||||||
* @param {String} button
|
|
||||||
* YXJZ-允许/禁止;
|
|
||||||
* HSJC-互锁解除;
|
|
||||||
* KM-开门;
|
|
||||||
* GM-关门;
|
|
||||||
* SD-试灯;
|
|
||||||
*/
|
|
||||||
export function pressPslButton(group, standCode, button) {
|
|
||||||
return request({
|
|
||||||
url: `/simulation/${group}/${standCode}/psl/${button}`,
|
|
||||||
method: 'put'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/** 查询运行线或者列车经过的站台 */
|
/** 查询运行线或者列车经过的站台 */
|
||||||
export function getStandListByRunLineOrTrainCode(group, params) {
|
export function getStandListByRunLineOrTrainCode(group, params) {
|
||||||
return request({
|
return request({
|
||||||
|
Before Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 12 KiB |
@ -1,22 +0,0 @@
|
|||||||
import red_on from "@/assets/psl_images/red_on.png";
|
|
||||||
import red_off from "@/assets/psl_images/red_off.png";
|
|
||||||
import red_btn from "@/assets/psl_images/red_btn.png";
|
|
||||||
import green_on from "@/assets/psl_images/green_on.png";
|
|
||||||
import green_off from "@/assets/psl_images/green_off.png";
|
|
||||||
import green_btn from "@/assets/psl_images/green_btn.png";
|
|
||||||
import top_on from "@/assets/psl_images/top_on.png";
|
|
||||||
import top_off from "@/assets/psl_images/top_off.png";
|
|
||||||
import key from "@/assets/psl_images/key.png";
|
|
||||||
const icons = {
|
|
||||||
red_on,
|
|
||||||
red_off,
|
|
||||||
red_btn,
|
|
||||||
green_on,
|
|
||||||
green_off,
|
|
||||||
green_btn,
|
|
||||||
top_on,
|
|
||||||
top_off,
|
|
||||||
key
|
|
||||||
};
|
|
||||||
|
|
||||||
export default icons;
|
|
Before Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 13 KiB |
@ -1,231 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
v-dialogDrag
|
|
||||||
class="xian-01__systerm psl-panel"
|
|
||||||
:title="title"
|
|
||||||
:visible.sync="show"
|
|
||||||
width="500px"
|
|
||||||
:before-close="doClose"
|
|
||||||
:z-index="2000"
|
|
||||||
:modal="false"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
>
|
|
||||||
<div class="psl-title">
|
|
||||||
<div>{{ title }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="psl-content">
|
|
||||||
<!-- <div class="content-row">
|
|
||||||
<div class="btn">
|
|
||||||
<div class="btn-text">
|
|
||||||
有滑动门/应急门未关闭且锁紧指示灯
|
|
||||||
</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('top', indicators.lock ? 'on' : 'off')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<div class="content-row">
|
|
||||||
<div class="cell">
|
|
||||||
<div class="btn-text">PSL操作指示灯</div>
|
|
||||||
<img
|
|
||||||
:src="
|
|
||||||
getIcon('red', indicators.pslczLight ? 'on' : 'off')
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="cell">
|
|
||||||
<div class="btn-text">互锁解除指示灯</div>
|
|
||||||
<img
|
|
||||||
:src="
|
|
||||||
getIcon('red', indicators.hsjcLight ? 'on' : 'off')
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content-row">
|
|
||||||
<div class="cell">
|
|
||||||
<div class="btn-text">开门状态指示灯</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('red', indicators.kmLight ? 'on' : 'off')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="cell">
|
|
||||||
<div class="btn-text">关门状态指示灯</div>
|
|
||||||
<img
|
|
||||||
:src="
|
|
||||||
getIcon('green', indicators.gmLight ? 'on' : 'off')
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content-row">
|
|
||||||
<div class="cell btn">
|
|
||||||
<div class="btn-text">禁止</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('key')"
|
|
||||||
:class="['key', { 'key-on': indicators.yxjzKey }]"
|
|
||||||
@click="btnClickHandler('YXJZ')"
|
|
||||||
/>
|
|
||||||
<div class="btn-text-opt">允许</div>
|
|
||||||
</div>
|
|
||||||
<div class="cell btn">
|
|
||||||
<div class="btn-text">禁止</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('key')"
|
|
||||||
:class="['key', { 'key-on': indicators.hsjcKey }]"
|
|
||||||
@click="btnClickHandler('HSJC')"
|
|
||||||
/>
|
|
||||||
<div class="btn-text-opt">互锁解除</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content-row">
|
|
||||||
<div class="cell btn">
|
|
||||||
<div class="btn-text">开门按钮</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('red', 'btn')"
|
|
||||||
@click="btnClickHandler('KM')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="cell btn">
|
|
||||||
<div class="btn-text">关门按钮</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('green', 'btn')"
|
|
||||||
@click="btnClickHandler('GM')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content-row">
|
|
||||||
<div class="cell btn">
|
|
||||||
<div class="btn-text">试灯按钮</div>
|
|
||||||
<img
|
|
||||||
:src="getIcon('green', 'btn')"
|
|
||||||
@mousedown.left="btnClickHandler('SD')"
|
|
||||||
@mouseup.left="btnClickHandler('SD')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import icons from "@/assets/psl_images/psl_icons";
|
|
||||||
import { getPslStatus, pressPslButton } from "@/api/simulation";
|
|
||||||
let standCode, group;
|
|
||||||
export default {
|
|
||||||
name: "PSL",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogShow: false,
|
|
||||||
indicators: {
|
|
||||||
// lock: false,
|
|
||||||
pslczLight: false,
|
|
||||||
hsjcLight: false,
|
|
||||||
kmLight: false,
|
|
||||||
gmLight: false,
|
|
||||||
yxjzKey: false,
|
|
||||||
hsjcKey: false
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
title() {
|
|
||||||
return "PSL";
|
|
||||||
},
|
|
||||||
|
|
||||||
show() {
|
|
||||||
return this.dialogShow && !this.$store.state.menuOperation.break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
doShow(selected) {
|
|
||||||
this.dialogShow = true;
|
|
||||||
this.$nextTick(function() {
|
|
||||||
this.$store.dispatch("training/emitTipFresh");
|
|
||||||
});
|
|
||||||
standCode = selected.code;
|
|
||||||
group = this.$route.query.group;
|
|
||||||
this.initData(group, standCode);
|
|
||||||
},
|
|
||||||
|
|
||||||
initData(group, standCode) {
|
|
||||||
getPslStatus(group, standCode)
|
|
||||||
.then(resp => {
|
|
||||||
console.log(resp);
|
|
||||||
if (resp.data) {
|
|
||||||
this.data.indicators = resp.data;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
this.$message.error("获取PSL盘初始状态异常!");
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
doClose() {
|
|
||||||
this.loading = false;
|
|
||||||
this.dialogShow = false;
|
|
||||||
this.$store.dispatch("training/emitTipFresh");
|
|
||||||
},
|
|
||||||
getIcon(type, status) {
|
|
||||||
return status !== undefined
|
|
||||||
? icons[`${type}_${status}`]
|
|
||||||
: icons[type];
|
|
||||||
},
|
|
||||||
btnClickHandler(btnType) {
|
|
||||||
// pressPslButton(group, standCode, btnType)
|
|
||||||
// .then(resp => {})
|
|
||||||
// .catch(err => {
|
|
||||||
// this.$message.error("PSL盘操作异常!");
|
|
||||||
// });
|
|
||||||
console.log(`${btnType} button clicked`)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
'$store.state.socket.simulationPslStatus': function(val){
|
|
||||||
if (val && val[standCode]) {
|
|
||||||
console.log(`socket msg of psl: ${val[standCode]}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.psl-title {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
color: #000;
|
|
||||||
font-size: 18px;
|
|
||||||
margin: 30px 0;
|
|
||||||
}
|
|
||||||
.psl-content {
|
|
||||||
.content-row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
margin: 10px 0;
|
|
||||||
.cell {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
width: 120px;
|
|
||||||
height: 100px;
|
|
||||||
.key {
|
|
||||||
transition: 0.1s;
|
|
||||||
}
|
|
||||||
.key-on {
|
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
.btn-text-opt {
|
|
||||||
position: absolute;
|
|
||||||
left: 80%;
|
|
||||||
top: 35%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -9,7 +9,6 @@
|
|||||||
<notice-info ref="noticeInfo" pop-class="xian-01__systerm" />
|
<notice-info ref="noticeInfo" pop-class="xian-01__systerm" />
|
||||||
<stand-back-strategy ref="standBackStrategy" />
|
<stand-back-strategy ref="standBackStrategy" />
|
||||||
<set-fault ref="setFault" pop-class="xian-01__systerm" />
|
<set-fault ref="setFault" pop-class="xian-01__systerm" />
|
||||||
<psl ref="psl" pop-class="xian-01__systerm" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -23,7 +22,6 @@ import StandStopTime from './dialog/standStopTime';
|
|||||||
import StandDetainTrainAll from './dialog/standDetainTrainAll';
|
import StandDetainTrainAll from './dialog/standDetainTrainAll';
|
||||||
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
||||||
import SetFault from '@/jmapNew/theme/components/menus/dialog/setFault';
|
import SetFault from '@/jmapNew/theme/components/menus/dialog/setFault';
|
||||||
import Psl from '@/jmapNew/theme/components/menus/dialog/psl';
|
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
import { DeviceMenu, OperateMode } from '@/scripts/ConstDic';
|
import { DeviceMenu, OperateMode } from '@/scripts/ConstDic';
|
||||||
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
||||||
@ -41,8 +39,7 @@ export default {
|
|||||||
StandBackStrategy,
|
StandBackStrategy,
|
||||||
StandStopTime,
|
StandStopTime,
|
||||||
StandDetainTrainAll,
|
StandDetainTrainAll,
|
||||||
SetFault,
|
SetFault
|
||||||
Psl
|
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
selected: {
|
selected: {
|
||||||
@ -176,16 +173,9 @@ export default {
|
|||||||
// 故障模式菜单列表
|
// 故障模式菜单列表
|
||||||
if (this.operatemode === OperateMode.FAULT) {
|
if (this.operatemode === OperateMode.FAULT) {
|
||||||
this.menu = this.menuForce;
|
this.menu = this.menuForce;
|
||||||
if (this.$store.state.training.prdType === '01') { //角色为车站值班员
|
console.log(this.menu);
|
||||||
this.menu = [
|
|
||||||
...this.menu,
|
|
||||||
{
|
|
||||||
label: 'PSL',
|
|
||||||
handler: this.openPsl
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
doShow(point) {
|
doShow(point) {
|
||||||
this.initMenu();
|
this.initMenu();
|
||||||
@ -305,11 +295,9 @@ export default {
|
|||||||
// 触发故障管理
|
// 触发故障管理
|
||||||
triggerFaultManagement() {
|
triggerFaultManagement() {
|
||||||
this.$store.dispatch('training/setTriggerFaultCount', this.selected);
|
this.$store.dispatch('training/setTriggerFaultCount', this.selected);
|
||||||
},
|
|
||||||
// 打开PSL面板
|
|
||||||
openPsl(){
|
|
||||||
this.$refs.psl.doShow(this.selected)
|
|
||||||
}
|
}
|
||||||
|
// PSL
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -189,9 +189,6 @@ function handle(state, data) {
|
|||||||
store.dispatch('training/over');
|
store.dispatch('training/over');
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'Simulation_PslStatus':
|
|
||||||
state.simulationPslStatus = msg;
|
|
||||||
break;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|