Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test
This commit is contained in:
zyy
commit
ffd5fc79bd
@ -1,6 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog class="beijing-01__systerm notice-info" :title="title" :visible.sync="show" width="360px"
|
<el-dialog
|
||||||
:before-close="doClose" :zIndex="2000" :modal="false" :close-on-click-modal="false" append-to-body v-dialogDrag>
|
v-dialogDrag
|
||||||
|
class="beijing-01__systerm notice-info"
|
||||||
|
:title="title"
|
||||||
|
:visible.sync="show"
|
||||||
|
width="360px"
|
||||||
|
:before-close="doClose"
|
||||||
|
:z-index="2000"
|
||||||
|
:modal="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<div class="context">
|
<div class="context">
|
||||||
<template v-for="(message, index) in messages">
|
<template v-for="(message, index) in messages">
|
||||||
<div :key="index">{{ message }}</div>
|
<div :key="index">{{ message }}</div>
|
||||||
@ -25,7 +35,7 @@
|
|||||||
dialogShow: false,
|
dialogShow: false,
|
||||||
messages: ['命令下达失败'],
|
messages: ['命令下达失败'],
|
||||||
operate: null
|
operate: null
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
show() {
|
show() {
|
||||||
@ -41,7 +51,7 @@
|
|||||||
mounted() {
|
mounted() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$store.dispatch('training/tipReload');
|
this.$store.dispatch('training/tipReload');
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
doShow(operate, messages) {
|
doShow(operate, messages) {
|
||||||
@ -66,7 +76,7 @@
|
|||||||
this.doClose();
|
this.doClose();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@ -1,300 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
v-dialogDrag
|
|
||||||
class="beijing-01__systerm stand-detain-train"
|
|
||||||
:title="title"
|
|
||||||
:visible.sync="show"
|
|
||||||
width="320px"
|
|
||||||
:before-close="doClose"
|
|
||||||
:z-index="2000"
|
|
||||||
:modal="false"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
>
|
|
||||||
<el-row class="header">
|
|
||||||
<el-col :span="10"><span>集中站</span></el-col>
|
|
||||||
<el-col :span="10" :offset="2"><span>站台</span></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="10">
|
|
||||||
<el-input v-model="stationName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-input v-model="standName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<div v-if="!earlyDepar">
|
|
||||||
<div style="padding: 15px; margin-bottom: 25px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">类型</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio"
|
|
||||||
label="1"
|
|
||||||
:disabled="radio == 2"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
本站台上行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio"
|
|
||||||
label="2"
|
|
||||||
:disabled="radio == 1"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
本站台下行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<div style="padding: 15px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">功能</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
label="1"
|
|
||||||
:disabled="radio1 == '2'"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
扣车</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
label="2"
|
|
||||||
:disabled="radio1 == '1'"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
取消扣车</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="earlyDepar">
|
|
||||||
<div style="padding: 15px; margin-bottom: 25px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">类型</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
:id="upRadioId"
|
|
||||||
v-model="radio2"
|
|
||||||
label="1"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
@change="changeRadio"
|
|
||||||
>
|
|
||||||
本站台上行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
:id="downRadioId"
|
|
||||||
v-model="radio2"
|
|
||||||
label="2"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
@change="changeRadio"
|
|
||||||
>
|
|
||||||
本站台下行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-row class="button-group">
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" :offset="4">
|
|
||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<notice-info ref="noticeInfo" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import { mouseCancelState } from '../utils/menuItemStatus';
|
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
|
||||||
import {menuOperate, commitOperate} from '../utils/menuOperate';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StandDetainTrain',
|
|
||||||
components: {
|
|
||||||
NoticeInfo
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogShow: false,
|
|
||||||
loading: false,
|
|
||||||
standName: '',
|
|
||||||
stationName: '',
|
|
||||||
selected: null,
|
|
||||||
operation: null,
|
|
||||||
radio: '1',
|
|
||||||
radio1: '1',
|
|
||||||
radio2: '1',
|
|
||||||
earlyDepar: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
show() {
|
|
||||||
return this.dialogShow && !this.$store.state.menuOperation.break;
|
|
||||||
},
|
|
||||||
domIdCancel() {
|
|
||||||
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
|
||||||
},
|
|
||||||
domIdConfirm() {
|
|
||||||
return this.dialogShow ? OperationHandler.getDomIdByOperation(this.operation) : '';
|
|
||||||
},
|
|
||||||
upRadioId() {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.earlyDeparture.upSelect.domId : '';
|
|
||||||
},
|
|
||||||
downRadioId() {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.earlyDeparture.downSelect.domId : '';
|
|
||||||
},
|
|
||||||
title() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
return '扣车';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
return '取消扣车';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
return '提前发车';
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$store.dispatch('training/tipReload');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
doShow(operate, selected) {
|
|
||||||
this.selected = selected;
|
|
||||||
if (!this.dialogShow) {
|
|
||||||
this.standName = '';
|
|
||||||
this.stationName = '';
|
|
||||||
if (selected) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
}
|
|
||||||
if (selected && selected._type.toUpperCase() === 'StationStand'.toUpperCase()) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
const station = this.$store.getters['map/getDeviceByCode'](selected.stationCode);
|
|
||||||
if (station) {
|
|
||||||
this.stationName = station.name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.operation = operate.operation;
|
|
||||||
}
|
|
||||||
this.dialogShow = true;
|
|
||||||
|
|
||||||
this.earlyDepar = false;
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
if (this.selected.right) {
|
|
||||||
this.radio = '1';
|
|
||||||
} else {
|
|
||||||
this.radio = '2';
|
|
||||||
}
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
if (this.selected.right) {
|
|
||||||
this.radio = '1';
|
|
||||||
} else {
|
|
||||||
this.radio = '2';
|
|
||||||
}
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
this.earlyDepar = true;
|
|
||||||
if (this.selected.right) {
|
|
||||||
this.radio2 = '1';
|
|
||||||
} else {
|
|
||||||
this.radio2 = '2';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.$nextTick(function () {
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
doClose() {
|
|
||||||
this.loading = false;
|
|
||||||
this.dialogShow = false;
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
mouseCancelState(this.selected);
|
|
||||||
},
|
|
||||||
changeRadio(val) {
|
|
||||||
const operate = {
|
|
||||||
operation: '',
|
|
||||||
val: val
|
|
||||||
};
|
|
||||||
if (val == 1) {
|
|
||||||
operate.operation = OperationEvent.StationStand.earlyDeparture.upSelect.operation;
|
|
||||||
} else if (val == 2) {
|
|
||||||
operate.operation = OperationEvent.StationStand.earlyDeparture.downSelect.operation;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
commit() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
/** 设置扣车*/
|
|
||||||
this.setDetainTrain();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
/** 取消扣车*/
|
|
||||||
this.cancelDetainTrain();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
/** 提前发车*/
|
|
||||||
this.earlyDeparture();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 设置扣车
|
|
||||||
setDetainTrain() {
|
|
||||||
this.sendCommand(menuOperate.StationStand.setDetainTrain);
|
|
||||||
},
|
|
||||||
// 取消扣车
|
|
||||||
cancelDetainTrain() {
|
|
||||||
this.sendCommand(menuOperate.StationStand.cancelDetainTrain);
|
|
||||||
},
|
|
||||||
|
|
||||||
// 提前发车
|
|
||||||
earlyDeparture() {
|
|
||||||
this.sendCommand(menuOperate.StationStand.earlyDeparture);
|
|
||||||
},
|
|
||||||
sendCommand(operate) { // 发送指令
|
|
||||||
this.loading = true;
|
|
||||||
commitOperate(operate, {}, 2).then(({valid})=>{
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow({}, error.message);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
const operate = {
|
|
||||||
operation: OperationEvent.Command.cancel.menu.operation
|
|
||||||
};
|
|
||||||
this.loading = false;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.doClose();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.stand-detain-train .context {
|
|
||||||
height: 80px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<pop-menu ref="popMenu" :menu="menu" />
|
<pop-menu ref="popMenu" :menu="menu" />
|
||||||
<stand-control ref="standControl" />
|
<stand-control ref="standControl" system-name="beijing-01__systerm" />
|
||||||
<stand-jump-stop-control ref="standJumpStopControl" />
|
<stand-jump-stop-control ref="standJumpStopControl" system-name="beijing-01__systerm" />
|
||||||
<stand-detail ref="standDetail" />
|
<stand-detail ref="standDetail" />
|
||||||
<stand-run-level ref="standRunLevel" />
|
<stand-run-level ref="standRunLevel" />
|
||||||
<stand-stop-time ref="standStopTime" />
|
<stand-stop-time ref="standStopTime" />
|
||||||
@ -13,8 +13,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PopMenu from '@/components/PopMenu';
|
import PopMenu from '@/components/PopMenu';
|
||||||
import StandControl from './dialog/standControl';
|
import StandControl from '@/jmapNew/theme/components/menus/dialog/standControl';
|
||||||
import StandJumpStopControl from './dialog/standJumpStopControl';
|
import StandJumpStopControl from '@/jmapNew/theme/components/menus/dialog/standJumpStopControl';
|
||||||
import StandBackStrategy from './dialog/standBackStrategy';
|
import StandBackStrategy from './dialog/standBackStrategy';
|
||||||
import StandDetail from './dialog/standDetail';
|
import StandDetail from './dialog/standDetail';
|
||||||
import StandRunLevel from './dialog/standRunLevel';
|
import StandRunLevel from './dialog/standRunLevel';
|
||||||
|
|||||||
@ -0,0 +1,90 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
v-dialogDrag
|
||||||
|
:class="systemName+' notice-info'"
|
||||||
|
:title="title"
|
||||||
|
:visible.sync="show"
|
||||||
|
width="360px"
|
||||||
|
:before-close="doClose"
|
||||||
|
:z-index="2000"
|
||||||
|
:modal="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<div class="context">
|
||||||
|
<template v-for="(message, index) in messages">
|
||||||
|
<div :key="index">{{ message }}</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<el-row justify="center" class="button-group">
|
||||||
|
<el-col :span="10" :offset="8">
|
||||||
|
<el-button :id="domIdSure" type="primary" @click="commit">确定</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {OperationEvent } from '@/scripts/ConstDic';
|
||||||
|
export default {
|
||||||
|
name: 'NoticeInfo',
|
||||||
|
props:{
|
||||||
|
systemName:{
|
||||||
|
type:String,
|
||||||
|
required:true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogShow: false,
|
||||||
|
messages: ['命令下达失败']
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
show() {
|
||||||
|
return this.dialogShow && !this.$store.state.menuOperation.break;
|
||||||
|
},
|
||||||
|
title() {
|
||||||
|
return '提示';
|
||||||
|
},
|
||||||
|
domIdSure() {
|
||||||
|
return this.dialogShow ? OperationEvent.Command.close.notice.domId : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$store.dispatch('training/tipReload');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
doShow(messages) {
|
||||||
|
this.dialogShow = true;
|
||||||
|
this.messages = ['命令下达失败'];
|
||||||
|
if (messages && messages != 'null') {
|
||||||
|
this.messages.push(messages);
|
||||||
|
}
|
||||||
|
this.$nextTick(function () {
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.dialogShow = false;
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
},
|
||||||
|
commit() {
|
||||||
|
this.doClose();
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.doClose();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.notice-info .context {
|
||||||
|
padding-bottom: 40px !important;
|
||||||
|
border: 1px solid lightgray;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-dialogDrag class="ningbo-01__systerm stand-detain-train" :title="title" :visible.sync="show" width="320px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
<el-dialog v-dialogDrag :class="systemName+' stand-detain-train'" :title="title" :visible.sync="show" width="320px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
<el-row class="header">
|
<el-row class="header">
|
||||||
<el-col :span="10"><span>集中站</span></el-col>
|
<el-col :span="10"><span>集中站</span></el-col>
|
||||||
<el-col :span="10" :offset="2"><span>站台</span></el-col>
|
<el-col :span="10" :offset="2"><span>站台</span></el-col>
|
||||||
@ -121,21 +121,27 @@
|
|||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<notice-info ref="noticeInfo" />
|
<notice-info ref="noticeInfo" :system-name="systemName" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
import NoticeInfo from '../../menus/childDialog/childDialog/noticeInfo';
|
||||||
import {menuOperate, commitOperate} from '../utils/menuOperate';
|
import {menuOperate, commitOperate} from '../../utils/menuOperate';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'StandDetainTrain',
|
name: 'StandDetainTrain',
|
||||||
components: {
|
components: {
|
||||||
NoticeInfo
|
NoticeInfo
|
||||||
},
|
},
|
||||||
|
props:{
|
||||||
|
systemName:{
|
||||||
|
type:String,
|
||||||
|
required:true
|
||||||
|
}
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogShow: false,
|
dialogShow: false,
|
||||||
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-dialogDrag
|
v-dialogDrag
|
||||||
class="beijing-01__systerm stand-detain-train"
|
:class="systemName+' stand-detain-train'"
|
||||||
:title="title"
|
:title="title"
|
||||||
:visible.sync="show"
|
:visible.sync="show"
|
||||||
width="380px"
|
width="380px"
|
||||||
@ -97,23 +97,29 @@
|
|||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<notice-info ref="noticeInfo" />
|
<notice-info ref="noticeInfo" :system-name="systemName" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
import { mouseCancelState } from '../utils/menuItemStatus';
|
// import { mouseCancelState } from '../utils/menuItemStatus';
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
import {menuOperate, commitOperate} from '../utils/menuOperate';
|
import NoticeInfo from '../../menus/childDialog/childDialog/noticeInfo';
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
import {menuOperate, commitOperate} from '../../utils/menuOperate';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'StandDetainTrains',
|
name: 'StandDetainTrains',
|
||||||
components: {
|
components: {
|
||||||
NoticeInfo
|
NoticeInfo
|
||||||
},
|
},
|
||||||
|
props:{
|
||||||
|
systemName:{
|
||||||
|
type:String,
|
||||||
|
required:true
|
||||||
|
}
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogShow: false,
|
dialogShow: false,
|
||||||
@ -237,7 +243,7 @@ export default {
|
|||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.dialogShow = false;
|
this.dialogShow = false;
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
mouseCancelState(this.selected);
|
// mouseCancelState(this.selected);
|
||||||
},
|
},
|
||||||
commit() {
|
commit() {
|
||||||
if (this.operation == OperationEvent.StationStand.setJumpStop.menu.operation) {
|
if (this.operation == OperationEvent.StationStand.setJumpStop.menu.operation) {
|
||||||
251
src/jmapNew/theme/components/utils/menuOperate.js
Normal file
251
src/jmapNew/theme/components/utils/menuOperate.js
Normal file
@ -0,0 +1,251 @@
|
|||||||
|
import store from '@/store/index_APP_TARGET';
|
||||||
|
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
||||||
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
|
|
||||||
|
// 操作
|
||||||
|
export const menuOperate = {
|
||||||
|
Section:{
|
||||||
|
active:{
|
||||||
|
// 区段激活
|
||||||
|
operation: OperationEvent.Section.active.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_ACTIVE
|
||||||
|
},
|
||||||
|
alxeEffective:{
|
||||||
|
// 确认计轴有效
|
||||||
|
operation: OperationEvent.Section.alxeEffective.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_COMFIRMATION_AXLE
|
||||||
|
},
|
||||||
|
split:{
|
||||||
|
// 区段切除
|
||||||
|
operation: OperationEvent.Section.split.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_CUT_OFF
|
||||||
|
},
|
||||||
|
setSpeed:{
|
||||||
|
// 设置速度
|
||||||
|
operation: OperationEvent.Section.setSpeed.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_SET_LIMIT_SPEED
|
||||||
|
},
|
||||||
|
axlePreReset:{
|
||||||
|
// 区段计轴预复位
|
||||||
|
operation: OperationEvent.Section.axlePreReset.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_AXIS_PRE_RESET
|
||||||
|
},
|
||||||
|
fault:{
|
||||||
|
// 区段故障解锁
|
||||||
|
operation: OperationEvent.Section.fault.menu.operation,
|
||||||
|
cmdType: CMD.Section.CMD_SECTION_FAULT_UNLOCK
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Signal:{
|
||||||
|
arrangementRoute:{
|
||||||
|
// 排列进路
|
||||||
|
operation: OperationEvent.Signal.arrangementRoute.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_SET_ROUTE
|
||||||
|
},
|
||||||
|
cancelTrainRoute:{
|
||||||
|
// 取消进路
|
||||||
|
operation: OperationEvent.Signal.cancelTrainRoute.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_ROUTE
|
||||||
|
},
|
||||||
|
humanTrainRoute:{
|
||||||
|
// 总人解
|
||||||
|
operation: OperationEvent.Signal.humanTrainRoute.menu.operation,
|
||||||
|
cmdType:CMD.Signal.CMD_SIGNAL_HUMAN_RELEASE_ROUTE
|
||||||
|
},
|
||||||
|
reopenSignal:{
|
||||||
|
// 信号重开
|
||||||
|
operation: OperationEvent.Signal.reopenSignal.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_REOPEN_SIGNAL
|
||||||
|
},
|
||||||
|
signalClose:{
|
||||||
|
// 信号关灯
|
||||||
|
operation: OperationEvent.Signal.signalClose.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_CLOSE_SIGNAL
|
||||||
|
},
|
||||||
|
humanControl:{
|
||||||
|
// 进路交人工控
|
||||||
|
operation: OperationEvent.Signal.humanControl.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_CLOSE_AUTO_SETTING
|
||||||
|
},
|
||||||
|
atsAutoControl:{
|
||||||
|
// 进路交自动控
|
||||||
|
operation: OperationEvent.Signal.atsAutoControl.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_OPEN_AUTO_SETTING
|
||||||
|
},
|
||||||
|
setAutoInterlock:{
|
||||||
|
// 设置通过模式
|
||||||
|
operation: OperationEvent.Signal.setAutoInterlock.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_SET_CI_AUTO
|
||||||
|
},
|
||||||
|
cancelAutoInterlock:{
|
||||||
|
// 取消通过模式
|
||||||
|
operation: OperationEvent.Signal.cancelAutoInterlock.menu.operation,
|
||||||
|
cmdType: CMD.Signal.CMD_SIGNAL_CANCEL_CI_AUTO
|
||||||
|
},
|
||||||
|
detail:{
|
||||||
|
// 查询进路状态
|
||||||
|
operation: OperationEvent.Signal.detail.menu.operation
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Switch:{
|
||||||
|
lock:{
|
||||||
|
// 道岔单锁
|
||||||
|
operation: OperationEvent.Switch.lock.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_SINGLE_LOCK
|
||||||
|
},
|
||||||
|
unlock:{
|
||||||
|
// 道岔解锁
|
||||||
|
operation: OperationEvent.Switch.unlock.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_SINGLE_UNLOCK
|
||||||
|
},
|
||||||
|
turnoutForce:{
|
||||||
|
// 道岔强扳
|
||||||
|
operation: OperationEvent.Switch.turnoutForce.menu.operation
|
||||||
|
},
|
||||||
|
locate:{
|
||||||
|
// 单操到定位
|
||||||
|
operation: OperationEvent.Switch.locate.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_NORMAL_POSITION
|
||||||
|
},
|
||||||
|
reverse:{
|
||||||
|
// 单操到反位
|
||||||
|
operation: OperationEvent.Switch.reverse.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_REVERSE_POSITION
|
||||||
|
},
|
||||||
|
split:{
|
||||||
|
// 区段切除
|
||||||
|
operation: OperationEvent.Switch.split.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_CUT_OFF
|
||||||
|
},
|
||||||
|
active:{
|
||||||
|
// 区段激活
|
||||||
|
operation: OperationEvent.Switch.active.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_ACTIVE
|
||||||
|
},
|
||||||
|
setSpeed:{
|
||||||
|
// 设置临时限速
|
||||||
|
operation: OperationEvent.Switch.setSpeed.menu.operation,
|
||||||
|
cmdType:CMD.Switch.CMD_SWITCH_SET_LIMIT_SPEED
|
||||||
|
},
|
||||||
|
alxeEffective:{
|
||||||
|
// 确认计轴有效
|
||||||
|
operation: OperationEvent.Switch.alxeEffective.menu.operation,
|
||||||
|
cmdType: CMD.Switch.CMD_SWITCH_COMFIRMATION_AXLE
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
StationStand:{
|
||||||
|
setDetainTrain:{
|
||||||
|
// 设置扣车
|
||||||
|
operation: OperationEvent.StationStand.setDetainTrain.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_SET_HOLD_TRAIN
|
||||||
|
},
|
||||||
|
cancelDetainTrain:{
|
||||||
|
// 取消扣车
|
||||||
|
operation: OperationEvent.StationStand.cancelDetainTrain.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_CANCEL_HOLD_TRAIN
|
||||||
|
},
|
||||||
|
setJumpStop:{
|
||||||
|
// 设置跳停
|
||||||
|
operation: OperationEvent.StationStand.setJumpStop.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_SET_JUMP_STOP
|
||||||
|
},
|
||||||
|
cancelJumpStop:{
|
||||||
|
// 取消跳停
|
||||||
|
operation: OperationEvent.StationStand.cancelJumpStop.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_CANCEL_JUMP_STOP
|
||||||
|
},
|
||||||
|
setStopTime:{
|
||||||
|
// 停站时间控制
|
||||||
|
operation: OperationEvent.StationStand.setStopTime.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_SET_PARK_TIME
|
||||||
|
},
|
||||||
|
setRunLevel:{
|
||||||
|
// 运行时间控制
|
||||||
|
operation: OperationEvent.StationStand.setRunLevel.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_SET_RUN_TIME
|
||||||
|
},
|
||||||
|
earlyDeparture:{
|
||||||
|
// 设置提前发车
|
||||||
|
operation: OperationEvent.StationStand.earlyDeparture.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_EARLY_DEPART
|
||||||
|
},
|
||||||
|
setBackStrategy:{
|
||||||
|
// 设置折返策略
|
||||||
|
operation: OperationEvent.StationStand.setBackStrategy.menu.operation,
|
||||||
|
cmdType: CMD.Stand.CMD_STAND_SET_REENTRY_STRATEGY
|
||||||
|
},
|
||||||
|
setDetainTrainAuto:{
|
||||||
|
// 区间列车数量限制
|
||||||
|
operation: OperationEvent.StationStand.setDetainTrainAuto.menu.operation,
|
||||||
|
cmdType:CMD.Stand.CMD_STAND_SET_HOLD_TRAIN_AUTO
|
||||||
|
},
|
||||||
|
cancelDetainTrainAuto:{
|
||||||
|
// 取消区间列车数量限制
|
||||||
|
operation: OperationEvent.StationStand.cancelDetainTrainAuto.menu.operation,
|
||||||
|
cmdType:CMD.Stand.CMD_STAND_CANCEL_HOLD_TRAIN_AUTO
|
||||||
|
},
|
||||||
|
detail:{
|
||||||
|
// 查询站台状态
|
||||||
|
operation: OperationEvent.StationStand.detail.menu.operation
|
||||||
|
}
|
||||||
|
},
|
||||||
|
StationControl:{
|
||||||
|
requestCentralControl:{
|
||||||
|
// 请求中控（遥控）
|
||||||
|
operation: OperationEvent.StationControl.requestCentralControl.menu.operation,
|
||||||
|
cmdType: CMD.ControlConvertMenu.CMD_CM_APPLY_FOR_CENTER_CONTROL
|
||||||
|
},
|
||||||
|
requestStationControl:{
|
||||||
|
// 请求站控
|
||||||
|
operation: OperationEvent.StationControl.requestStationControl.menu.operation,
|
||||||
|
cmdType:CMD.ControlConvertMenu.CMD_CM_APPLY_FOR_STATION_CONTROL
|
||||||
|
},
|
||||||
|
emergencyStationControl:{
|
||||||
|
// 紧急站控
|
||||||
|
operation: OperationEvent.StationControl.emergencyStationControl.menu.operation,
|
||||||
|
cmdType:CMD.ControlConvertMenu.CMD_CM_EMERGENCY_STATION_CONTROL
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Common: {
|
||||||
|
setFault: {
|
||||||
|
operation: OperationEvent.MixinCommand.stoppage.menu.operation,
|
||||||
|
cmdType: CMD.Fault.CMD_SET_FAULT
|
||||||
|
},
|
||||||
|
cancelFault: {
|
||||||
|
operation: OperationEvent.MixinCommand.cancelStoppage.menu.operation,
|
||||||
|
cmdType: CMD.Fault.CMD_CANCEL_FAULT
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export function commitOperate(operate, paramList, over) {
|
||||||
|
const step = {
|
||||||
|
start: true,
|
||||||
|
operation: operate.operation,
|
||||||
|
param:{}
|
||||||
|
};
|
||||||
|
step.param = paramList;
|
||||||
|
// over 0为首次操作，1为中间操作，2为最后操作，3为直接一次性操作
|
||||||
|
if (over == 0 || over == 3) {
|
||||||
|
const codeList = Object.values(paramList);
|
||||||
|
step.code = codeList[0];
|
||||||
|
}
|
||||||
|
if (over != 0 && over != 3) {
|
||||||
|
delete step.start;
|
||||||
|
}
|
||||||
|
if (over == 2 || over == 3) {
|
||||||
|
step.over = true;
|
||||||
|
step.cmdType = operate.cmdType;
|
||||||
|
}
|
||||||
|
return new Promise(function(resolve, reject) {
|
||||||
|
store.dispatch('training/nextNew', step).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
||||||
|
}
|
||||||
|
resolve({ valid: valid, operate: step });
|
||||||
|
}).catch(error=>{
|
||||||
|
reject(error);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -1,366 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog v-dialogDrag class="foshan-01__systerm stand-detain-train" :title="title" :visible.sync="show" width="320px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
|
||||||
<el-row class="header">
|
|
||||||
<el-col :span="10"><span>集中站</span></el-col>
|
|
||||||
<el-col :span="10" :offset="2"><span>站台</span></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="10">
|
|
||||||
<el-input v-model="stationName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-input v-model="standName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<div v-if="buckle">
|
|
||||||
<div style="padding: 15px; margin-bottom: 25px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">类型</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio"
|
|
||||||
label="1"
|
|
||||||
:disabled="radio == 2"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
本站台上行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio"
|
|
||||||
label="2"
|
|
||||||
:disabled="radio == 1"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
本站台下行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<div style="padding: 15px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">功能</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
label="1"
|
|
||||||
:disabled="radio1 == '2'"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
扣车</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
label="2"
|
|
||||||
:disabled="radio1 == '1'"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
取消扣车</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="AutomaticBuckle">
|
|
||||||
<div style="padding: 15px; margin-bottom: 25px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">类型</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio v-model="autoRadio" label="1" style="display: block; text-align: left;">上行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio v-model="autoRadio" label="2" style="display: block; text-align: left;">下行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<div style="padding: 15px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">功能</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio v-model="autoRadio1" label="1" :disabled="autoRadio1 == '2'" style="display: block; text-align: left;">设置</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio v-model="autoRadio1" label="2" :disabled="autoRadio1 == '1'" style="display: block; text-align: left;">取消</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="earlyDepar">
|
|
||||||
<div style="padding: 15px; margin-bottom: 25px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">类型</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
:id="upRadioId"
|
|
||||||
v-model="radio2"
|
|
||||||
label="1"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
:disabled="radio2 == 2"
|
|
||||||
@change="changeRadio"
|
|
||||||
>
|
|
||||||
本站台上行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
:id="downRadioId"
|
|
||||||
v-model="radio2"
|
|
||||||
label="2"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
:disabled="radio2 == 1"
|
|
||||||
@change="changeRadio"
|
|
||||||
>
|
|
||||||
本站台下行</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-row class="button-group">
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" :offset="4">
|
|
||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<notice-info ref="noticeInfo" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
|
||||||
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StandDetainTrain',
|
|
||||||
components: {
|
|
||||||
NoticeInfo
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogShow: false,
|
|
||||||
loading: false,
|
|
||||||
standName: '',
|
|
||||||
stationName: '',
|
|
||||||
selected: null,
|
|
||||||
operation: null,
|
|
||||||
radio: '1',
|
|
||||||
radio1: '1',
|
|
||||||
radio2: '1',
|
|
||||||
earlyDepar: false, // 提前发车
|
|
||||||
buckle: true, // 设置扣车
|
|
||||||
AutomaticBuckle: false, // 区间自动扣车
|
|
||||||
autoRadio: '1',
|
|
||||||
autoRadio1: '1'
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
show() {
|
|
||||||
return this.dialogShow && !this.$store.state.menuOperation.break;
|
|
||||||
},
|
|
||||||
domIdCancel() {
|
|
||||||
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
|
||||||
},
|
|
||||||
domIdConfirm() {
|
|
||||||
return this.dialogShow ? OperationHandler.getDomIdByOperation(this.operation) : '';
|
|
||||||
},
|
|
||||||
upRadioId() {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.earlyDeparture.upSelect.domId : '';
|
|
||||||
},
|
|
||||||
downRadioId() {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.earlyDeparture.downSelect.domId : '';
|
|
||||||
},
|
|
||||||
title() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
return '扣车';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
return '取消扣车';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
return '提前发车';
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$store.dispatch('training/tipReload');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
doShow(operate, selected) {
|
|
||||||
this.selected = selected;
|
|
||||||
if (!this.dialogShow) {
|
|
||||||
this.standName = '';
|
|
||||||
this.stationName = '';
|
|
||||||
if (selected) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
}
|
|
||||||
if (selected && selected._type.toUpperCase() === 'StationStand'.toUpperCase()) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
const station = this.$store.getters['map/getDeviceByCode'](selected.deviceStationCode);
|
|
||||||
if (station) {
|
|
||||||
this.stationName = station.name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.radio = '2';
|
|
||||||
if (!this.selected.right) { // 判断站台行驶方向
|
|
||||||
this.radio = '1';
|
|
||||||
}
|
|
||||||
|
|
||||||
this.operation = operate.operation;
|
|
||||||
this.setDefaultItems();
|
|
||||||
}
|
|
||||||
this.dialogShow = true;
|
|
||||||
this.$nextTick(function () {
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
setDefaultItems() { // 设置默认选项值
|
|
||||||
this.earlyDepar = false;
|
|
||||||
this.buckle = false;
|
|
||||||
this.AutomaticBuckle = false;
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
this.buckle = true;
|
|
||||||
this.radio1 = '1';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
this.buckle = true;
|
|
||||||
this.radio1 = '2';
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
this.earlyDepar = true;
|
|
||||||
if (!this.selected.right) {
|
|
||||||
this.radio2 = '2';
|
|
||||||
} else {
|
|
||||||
this.radio2 = '1';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
doClose() {
|
|
||||||
this.loading = false;
|
|
||||||
this.dialogShow = false;
|
|
||||||
this.operation = '';
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
this.mouseCancelState(this.selected);
|
|
||||||
},
|
|
||||||
changeRadio(val) { // 提前发车选择上下行
|
|
||||||
const operate = {
|
|
||||||
operation: '',
|
|
||||||
val: val
|
|
||||||
};
|
|
||||||
if (val == 1) {
|
|
||||||
operate.operation = OperationEvent.StationStand.earlyDeparture.upSelect.operation;
|
|
||||||
} else if (val == 2) {
|
|
||||||
operate.operation = OperationEvent.StationStand.earlyDeparture.downSelect.operation;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.$store.dispatch('training/next', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
commit() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setDetainTrain.menu.operation) {
|
|
||||||
/** 设置扣车*/
|
|
||||||
this.setDetainTrain();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelDetainTrain.menu.operation) {
|
|
||||||
/** 取消扣车*/
|
|
||||||
this.cancelDetainTrain();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.earlyDeparture.menu.operation) {
|
|
||||||
/** 提前发车*/
|
|
||||||
this.earlyDeparture();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 设置扣车
|
|
||||||
setDetainTrain() {
|
|
||||||
const operate = {
|
|
||||||
over: true,
|
|
||||||
operation: OperationEvent.StationStand.setDetainTrain.menu.operation,
|
|
||||||
cmdType: CMD.Stand.CMD_STAND_SET_HOLD_TRAIN,
|
|
||||||
param: {
|
|
||||||
leftDirection: this.radio == '2', // 1 上行 2 下行
|
|
||||||
rightDirection: this.radio == '1'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
if (!valid) {
|
|
||||||
this.$refs.noticeInfo.doShow(operate);
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow(operate, [error.message]);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消扣车
|
|
||||||
cancelDetainTrain() {
|
|
||||||
const operate = {
|
|
||||||
over: true,
|
|
||||||
operation: OperationEvent.StationStand.cancelDetainTrain.menu.operation,
|
|
||||||
cmdType: CMD.Stand.CMD_STAND_CANCEL_HOLD_TRAIN,
|
|
||||||
param: {
|
|
||||||
leftDirection: this.radio == '2', // 1 上行 2 下行
|
|
||||||
rightDirection: this.radio == '1'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
if (!valid) {
|
|
||||||
this.$refs.noticeInfo.doShow(operate);
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow(operate, [error.message]);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 提前发车
|
|
||||||
earlyDeparture() {
|
|
||||||
const operate = {
|
|
||||||
over: true,
|
|
||||||
operation: OperationEvent.StationStand.earlyDeparture.menu.operation,
|
|
||||||
cmdType: CMD.Stand.CMD_STAND_EARLY_DEPART
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow(operate, [error.message]);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
const operate = {
|
|
||||||
operation: OperationEvent.Command.cancel.menu.operation
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = false;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.doClose();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.stand-detain-train .context {
|
|
||||||
height: 80px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,355 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog v-dialogDrag class="foshan-01__systerm stand-detain-train" :title="title" :visible.sync="show" width="380px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
|
||||||
<el-row class="header">
|
|
||||||
<el-col :span="11"><span>集中站</span></el-col>
|
|
||||||
<el-col :span="11" :offset="2"><span>站台</span></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-input v-model="stationName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-input v-model="standName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form label-width="70px" size="mini" style="">
|
|
||||||
<el-row style="margin-top: 20px;padding: 10px 5px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="display:block; padding-left: 20px;">范围</span>
|
|
||||||
<el-radio-group :id="selfStationStandId" v-model="model.val1" @change="upAndDownStreamChangeVal1">
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="upstream" :disabled="model.direction !== '02'">本站台上行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="downstream" :disabled="model.direction !== '01'">本站台下行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
</el-radio-group>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="10">
|
|
||||||
<el-radio-group :id="otherStationStandId" v-model="model.val2" @change="upAndDownStreamChange">
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="upstream" :disabled="model.direction !== '02'">指定列车上行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="downstream" :disabled="model.direction !== '01'">指定列车下行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" align="top" :offset="2">
|
|
||||||
<span>车组号</span>
|
|
||||||
<el-select
|
|
||||||
:id="selectTrainId"
|
|
||||||
v-model="model.tripNumber"
|
|
||||||
style="width: 110px;"
|
|
||||||
size="mini"
|
|
||||||
:disabled="!model.val2"
|
|
||||||
@change="trainNoSelectChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="option in trainList"
|
|
||||||
:key="option.groupNumber"
|
|
||||||
:label="option.groupNumber"
|
|
||||||
:value="option.groupNumber"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<div style="padding: 15px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">功能</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
:label="JumpStopSet"
|
|
||||||
:disabled="radio1 == JumpStopCancel"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
设置</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
:label="JumpStopCancel"
|
|
||||||
:disabled="radio1 == JumpStopSet"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
取消</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<el-row class="button-group">
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" :offset="4">
|
|
||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<notice-info ref="noticeInfo" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapGetters } from 'vuex';
|
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
|
||||||
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StandDetainTrains',
|
|
||||||
components: {
|
|
||||||
NoticeInfo
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogShow: false,
|
|
||||||
loading: false,
|
|
||||||
standName: '',
|
|
||||||
stationName: '',
|
|
||||||
selected: null,
|
|
||||||
operation: null,
|
|
||||||
trainList: [],
|
|
||||||
radio1: '',
|
|
||||||
model: {
|
|
||||||
val1: '',
|
|
||||||
val2: '',
|
|
||||||
tripNumber: '',
|
|
||||||
direction: ''
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapGetters('map', [
|
|
||||||
'map'
|
|
||||||
]),
|
|
||||||
show() {
|
|
||||||
return this.dialogShow && !this.$store.state.menuOperation.break;
|
|
||||||
},
|
|
||||||
selectTrainId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.select.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.select.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
selfStationStandId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.selfStationStand.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.selfStationStand.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
otherStationStandId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.otherStationStand.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.otherStationStand.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
domIdCancel() {
|
|
||||||
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
|
||||||
},
|
|
||||||
domIdConfirm() {
|
|
||||||
return this.dialogShow ? OperationHandler.getDomIdByOperation(this.operation) : '';
|
|
||||||
},
|
|
||||||
title() {
|
|
||||||
return '跳停';
|
|
||||||
},
|
|
||||||
upstream() {
|
|
||||||
return '02'; // 上行
|
|
||||||
},
|
|
||||||
downstream() {
|
|
||||||
return '01'; // 下行
|
|
||||||
},
|
|
||||||
JumpStopSet() {
|
|
||||||
return OperationEvent.StationStand.setJumpStop.menu.operation;
|
|
||||||
},
|
|
||||||
JumpStopCancel() {
|
|
||||||
return OperationEvent.StationStand.cancelJumpStop.menu.operation;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
'model.val1'(val) {
|
|
||||||
if (val) this.model.val2 = '';
|
|
||||||
},
|
|
||||||
'model.val2'(val) {
|
|
||||||
if (val) this.model.val1 = '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$store.dispatch('training/tipReload');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
doShow(operate, selected) {
|
|
||||||
this.selected = selected;
|
|
||||||
if (!this.dialogShow) {
|
|
||||||
this.radio1 = '';
|
|
||||||
this.standName = '';
|
|
||||||
this.stationName = '';
|
|
||||||
if (selected) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
}
|
|
||||||
if (selected && selected._type.toUpperCase() === 'StationStand'.toUpperCase()) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
const station = this.$store.getters['map/getDeviceByCode'](selected.deviceStationCode);
|
|
||||||
if (station) {
|
|
||||||
this.stationName = station.name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.model.direction = '01';
|
|
||||||
this.model.val1 = '01'; // 站台的上下行方向, 01:下行 /02:上行
|
|
||||||
if (!this.selected.right) {
|
|
||||||
this.model.direction = '02';
|
|
||||||
this.model.val1 = '02';
|
|
||||||
}
|
|
||||||
this.radio1 = operate.operation;
|
|
||||||
|
|
||||||
this.model.val2 = '';
|
|
||||||
this.model.tripNumber = '';
|
|
||||||
|
|
||||||
/** 加载列车数据*/
|
|
||||||
this.trainList = this.map.trainList;
|
|
||||||
this.operation = operate.operation;
|
|
||||||
}
|
|
||||||
this.dialogShow = true;
|
|
||||||
this.$nextTick(function () {
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
doClose() {
|
|
||||||
this.loading = false;
|
|
||||||
this.dialogShow = false;
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
this.mouseCancelState(this.selected);
|
|
||||||
},
|
|
||||||
commit() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setJumpStop.menu.operation) {
|
|
||||||
/** 设置跳停*/
|
|
||||||
this.setJumpStop();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelJumpStop.menu.operation) {
|
|
||||||
/** 取消跳停*/
|
|
||||||
this.cancelJumpStop();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 设置跳停
|
|
||||||
setJumpStop() {
|
|
||||||
// let val = this.model.val1;
|
|
||||||
// if (this.model.val2) {
|
|
||||||
// val = this.model.val2;
|
|
||||||
// }
|
|
||||||
const operate = {
|
|
||||||
over: true,
|
|
||||||
operation: OperationEvent.StationStand.setJumpStop.menu.operation,
|
|
||||||
cmdType: CMD.Stand.CMD_STAND_SET_JUMP_STOP,
|
|
||||||
param: {
|
|
||||||
// Is_This_Platform: val,
|
|
||||||
trainGroupNumber: this.model.tripNumber
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow(operate, [error.message]);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消跳停
|
|
||||||
cancelJumpStop() {
|
|
||||||
// let val = this.model.val1;
|
|
||||||
// if (this.model.val2) {
|
|
||||||
// val = this.model.val2;
|
|
||||||
// }
|
|
||||||
const operate = {
|
|
||||||
over: true,
|
|
||||||
operation: OperationEvent.StationStand.cancelJumpStop.menu.operation,
|
|
||||||
cmdType: CMD.Stand.CMD_STAND_CANCEL_JUMP_STOP,
|
|
||||||
param: {
|
|
||||||
// Is_This_Platform: val,
|
|
||||||
trainGroupNumber: this.model.tripNumber
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow(operate, [error.message]);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
const operate = {
|
|
||||||
operation: OperationEvent.Command.cancel.menu.operation
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = false;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.doClose();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
upAndDownStreamChangeVal1(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.selfStationStand.operation : OperationEvent.StationStand.cancelJumpStop.selfStationStand.operation;
|
|
||||||
this.model.val2 = '';
|
|
||||||
this.model.tripNumber = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
upAndDownStreamChange(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.otherStationStand.operation : OperationEvent.StationStand.cancelJumpStop.otherStationStand.operation;
|
|
||||||
this.model.val1 = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
trainNoSelectChange(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.select.operation : OperationEvent.StationStand.cancelJumpStop.select.operation;
|
|
||||||
this.model.val1 = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.stand-detain-train .context {
|
|
||||||
height: 80px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<pop-menu ref="popMenu" :menu="menu" />
|
<pop-menu ref="popMenu" :menu="menu" />
|
||||||
<stand-control ref="standControl" />
|
<stand-control ref="standControl" system-name="foshan-01__systerm" />
|
||||||
<stand-jump-stop-control ref="standJumpStopControl" />
|
<stand-jump-stop-control ref="standJumpStopControl" system-name="foshan-01__systerm" />
|
||||||
<stand-detail ref="standDetail" />
|
<stand-detail ref="standDetail" />
|
||||||
<stand-run-level ref="standRunLevel" />
|
<stand-run-level ref="standRunLevel" />
|
||||||
<stand-stop-time ref="standStopTime" />
|
<stand-stop-time ref="standStopTime" />
|
||||||
@ -14,8 +14,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PopMenu from '@/components/PopMenu';
|
import PopMenu from '@/components/PopMenu';
|
||||||
import StandControl from './dialog/standControl';
|
import StandControl from '@/jmapNew/theme/components/menus/dialog/standControl';
|
||||||
import StandJumpStopControl from './dialog/standJumpStopControl';
|
import StandJumpStopControl from '@/jmapNew/theme/components/menus/dialog/standJumpStopControl';
|
||||||
import StandBackStrategy from './dialog/standBackStrategy';
|
import StandBackStrategy from './dialog/standBackStrategy';
|
||||||
import StandDetail from './dialog/standDetail';
|
import StandDetail from './dialog/standDetail';
|
||||||
import StandRunLevel from './dialog/standRunLevel';
|
import StandRunLevel from './dialog/standRunLevel';
|
||||||
|
|||||||
@ -1,327 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog v-dialogDrag class="ningbo-01__systerm stand-detain-train" :title="title" :visible.sync="show" width="380px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
|
||||||
<el-row class="header">
|
|
||||||
<el-col :span="11"><span>集中站</span></el-col>
|
|
||||||
<el-col :span="11" :offset="2"><span>站台</span></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-input v-model="stationName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-input v-model="standName" size="small" disabled />
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form label-width="70px" size="mini" style="">
|
|
||||||
<el-row style="margin-top: 20px;padding: 10px 5px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="display:block; padding-left: 20px;">范围</span>
|
|
||||||
<el-radio-group :id="selfStationStandId" v-model="model.val1" @change="upAndDownStreamChangeVal1">
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="upstream" :disabled="model.direction !== '02'">本站台上行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="downstream" :disabled="model.direction !== '01'">本站台下行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
</el-radio-group>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="10">
|
|
||||||
<el-radio-group :id="otherStationStandId" v-model="model.val2" @change="upAndDownStreamChange">
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="upstream" :disabled="model.direction !== '02'">指定列车上行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 8px;">
|
|
||||||
<el-radio :label="downstream" :disabled="model.direction !== '01'">指定列车下行跳停</el-radio>
|
|
||||||
</div>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" align="top" :offset="2">
|
|
||||||
<span>车组号</span>
|
|
||||||
<el-select
|
|
||||||
:id="selectTrainId"
|
|
||||||
v-model="model.tripNumber"
|
|
||||||
style="width: 110px;"
|
|
||||||
size="mini"
|
|
||||||
:disabled="!model.val2"
|
|
||||||
@change="trainNoSelectChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="option in trainList"
|
|
||||||
:key="option.groupNumber"
|
|
||||||
:label="option.groupNumber"
|
|
||||||
:value="option.groupNumber"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<div style="padding: 15px; margin-top: 20px; border: 1px solid lightgray;">
|
|
||||||
<span class="base-label" style="left: -5px; top: -22px; background: #f0f0f0; padding: 0 4px;">功能</span>
|
|
||||||
<el-row style="margin-top: -13px;">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
:label="JumpStopSet"
|
|
||||||
:disabled="radio1 == JumpStopCancel"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
设置</el-radio>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="11" :offset="2">
|
|
||||||
<el-radio
|
|
||||||
v-model="radio1"
|
|
||||||
:label="JumpStopCancel"
|
|
||||||
:disabled="radio1 == JumpStopSet"
|
|
||||||
style="display: block; text-align: left;"
|
|
||||||
>
|
|
||||||
取消</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<el-row class="button-group">
|
|
||||||
<el-col :span="10" :offset="2">
|
|
||||||
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" :offset="4">
|
|
||||||
<el-button :id="domIdCancel" @click="cancel">取 消</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<notice-info ref="noticeInfo" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapGetters } from 'vuex';
|
|
||||||
import NoticeInfo from './childDialog/childDialog/noticeInfo';
|
|
||||||
import {menuOperate, commitOperate} from '../utils/menuOperate';
|
|
||||||
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
import OperationHandler from '@/scripts/cmdPlugin/OperationHandler';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StandDetainTrains',
|
|
||||||
components: {
|
|
||||||
NoticeInfo
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogShow: false,
|
|
||||||
loading: false,
|
|
||||||
standName: '',
|
|
||||||
stationName: '',
|
|
||||||
selected: null,
|
|
||||||
operation: null,
|
|
||||||
trainList: [],
|
|
||||||
radio1: '',
|
|
||||||
model: {
|
|
||||||
val1: '',
|
|
||||||
val2: '',
|
|
||||||
tripNumber: '',
|
|
||||||
direction: ''
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapGetters('map', [
|
|
||||||
'map'
|
|
||||||
]),
|
|
||||||
show() {
|
|
||||||
return this.dialogShow && !this.$store.state.menuOperation.break;
|
|
||||||
},
|
|
||||||
selectTrainId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.select.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.select.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
selfStationStandId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.selfStationStand.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.selfStationStand.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
otherStationStandId() {
|
|
||||||
if (this.radio1 == this.JumpStopSet) {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.setJumpStop.otherStationStand.domId : '';
|
|
||||||
} else {
|
|
||||||
return this.dialogShow ? OperationEvent.StationStand.cancelJumpStop.otherStationStand.domId : '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
domIdCancel() {
|
|
||||||
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
|
||||||
},
|
|
||||||
domIdConfirm() {
|
|
||||||
return this.dialogShow ? OperationHandler.getDomIdByOperation(this.operation) : '';
|
|
||||||
},
|
|
||||||
title() {
|
|
||||||
return '跳停';
|
|
||||||
},
|
|
||||||
upstream() {
|
|
||||||
return '02'; // 上行
|
|
||||||
},
|
|
||||||
downstream() {
|
|
||||||
return '01'; // 下行
|
|
||||||
},
|
|
||||||
JumpStopSet() {
|
|
||||||
return OperationEvent.StationStand.setJumpStop.menu.operation;
|
|
||||||
},
|
|
||||||
JumpStopCancel() {
|
|
||||||
return OperationEvent.StationStand.cancelJumpStop.menu.operation;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
'model.val1'(val) {
|
|
||||||
if (val) this.model.val2 = '';
|
|
||||||
},
|
|
||||||
'model.val2'(val) {
|
|
||||||
if (val) this.model.val1 = '';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$store.dispatch('training/tipReload');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
doShow(operate, selected) {
|
|
||||||
this.selected = selected;
|
|
||||||
if (!this.dialogShow) {
|
|
||||||
this.radio1 = '';
|
|
||||||
this.standName = '';
|
|
||||||
this.stationName = '';
|
|
||||||
if (selected) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
}
|
|
||||||
if (selected && selected._type.toUpperCase() === 'StationStand'.toUpperCase()) {
|
|
||||||
this.standName = selected.name;
|
|
||||||
const station = this.$store.getters['map/getDeviceByCode'](selected.deviceStationCode);
|
|
||||||
if (station) {
|
|
||||||
this.stationName = station.name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.model.direction = '01';
|
|
||||||
this.model.val1 = '01'; // 站台的上下行方向, 01:下行 /02:上行
|
|
||||||
if (this.selected.right) {
|
|
||||||
this.model.direction = '02';
|
|
||||||
this.model.val1 = '02';
|
|
||||||
}
|
|
||||||
this.radio1 = operate.operation;
|
|
||||||
|
|
||||||
this.model.val2 = '';
|
|
||||||
this.model.tripNumber = '';
|
|
||||||
|
|
||||||
/** 加载列车数据*/
|
|
||||||
this.trainList = this.map.trainList;
|
|
||||||
this.operation = operate.operation;
|
|
||||||
}
|
|
||||||
this.dialogShow = true;
|
|
||||||
this.$nextTick(function () {
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
doClose() {
|
|
||||||
this.loading = false;
|
|
||||||
this.dialogShow = false;
|
|
||||||
this.$store.dispatch('training/emitTipFresh');
|
|
||||||
this.mouseCancelState(this.selected);
|
|
||||||
},
|
|
||||||
commit() {
|
|
||||||
if (this.operation == OperationEvent.StationStand.setJumpStop.menu.operation) {
|
|
||||||
/** 设置跳停*/
|
|
||||||
this.setJumpStop();
|
|
||||||
} else if (this.operation == OperationEvent.StationStand.cancelJumpStop.menu.operation) {
|
|
||||||
/** 取消跳停*/
|
|
||||||
this.cancelJumpStop();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 设置跳停
|
|
||||||
setJumpStop() {
|
|
||||||
this.loading = true;
|
|
||||||
commitOperate(menuOperate.StationStand.setJumpStop, {trainGroupNumber:this.model.tripNumber}, 2).then(({valid})=>{
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消跳停
|
|
||||||
cancelJumpStop() {
|
|
||||||
this.loading = true;
|
|
||||||
commitOperate(menuOperate.StationStand.cancelJumpStop, {trainGroupNumber:this.model.tripNumber}, 2).then(({valid})=>{
|
|
||||||
this.loading = false;
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.doClose();
|
|
||||||
this.$refs.noticeInfo.doShow();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
const operate = {
|
|
||||||
operation: OperationEvent.Command.cancel.menu.operation
|
|
||||||
};
|
|
||||||
|
|
||||||
this.loading = false;
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.doClose();
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
this.doClose();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
upAndDownStreamChangeVal1(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.selfStationStand.operation : OperationEvent.StationStand.cancelJumpStop.selfStationStand.operation;
|
|
||||||
this.model.val2 = '';
|
|
||||||
this.model.tripNumber = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
upAndDownStreamChange(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.otherStationStand.operation : OperationEvent.StationStand.cancelJumpStop.otherStationStand.operation;
|
|
||||||
this.model.val1 = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
trainNoSelectChange(val) {
|
|
||||||
const operation = this.radio1 == this.JumpStopSet
|
|
||||||
? OperationEvent.StationStand.setJumpStop.select.operation : OperationEvent.StationStand.cancelJumpStop.select.operation;
|
|
||||||
this.model.val1 = '';
|
|
||||||
const operate = {
|
|
||||||
operation: operation
|
|
||||||
};
|
|
||||||
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
|
||||||
if (valid) {
|
|
||||||
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.stand-detain-train .context {
|
|
||||||
height: 80px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<pop-menu ref="popMenu" :menu="menu" />
|
<pop-menu ref="popMenu" :menu="menu" />
|
||||||
<stand-control ref="standControl" />
|
<stand-control ref="standControl" system-name="ningbo-01__systerm" />
|
||||||
<stand-jump-stop-control ref="standJumpStopControl" />
|
<stand-jump-stop-control ref="standJumpStopControl" system-name="ningbo-01__systerm" />
|
||||||
<stand-detail ref="standDetail" />
|
<stand-detail ref="standDetail" />
|
||||||
<stand-run-level ref="standRunLevel" />
|
<stand-run-level ref="standRunLevel" />
|
||||||
<stand-stop-time ref="standStopTime" />
|
<stand-stop-time ref="standStopTime" />
|
||||||
@ -14,8 +14,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PopMenu from '@/components/PopMenu';
|
import PopMenu from '@/components/PopMenu';
|
||||||
import StandControl from './dialog/standControl';
|
import StandControl from '@/jmapNew/theme/components/menus/dialog/standControl';
|
||||||
import StandJumpStopControl from './dialog/standJumpStopControl';
|
import StandJumpStopControl from '@/jmapNew/theme/components/menus/dialog/standJumpStopControl';
|
||||||
import StandBackStrategy from './dialog/standBackStrategy';
|
import StandBackStrategy from './dialog/standBackStrategy';
|
||||||
import StandDetail from './dialog/standDetail';
|
import StandDetail from './dialog/standDetail';
|
||||||
import StandRunLevel from './dialog/standRunLevel';
|
import StandRunLevel from './dialog/standRunLevel';
|
||||||
|
|||||||
@ -1,33 +1,119 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="width: 100%;display: flex;justify-content: center;">
|
<div style="width: 100%;display: flex;justify-content: center;">
|
||||||
<div>
|
<div>
|
||||||
<div class="top-content-box">
|
<div class="content-box">
|
||||||
<div style="width: 950px;font-size: 18px;color: #56E5DE;margin: 10px;">全线车站时间表</div>
|
<div style="width: 950px;font-size: 18px;color: #56E5DE;margin: 10px;">全线车站时间表</div>
|
||||||
<div style="width: 100%;display: flex;justify-content: center;">
|
<div style="width: 100%;display: flex;justify-content: center;">
|
||||||
<div style="width: 240px;height: 300px;background: #FFF;">
|
<div style="width: 240px;height: 280px;background: #FFF;">
|
||||||
<el-row>
|
<el-row>
|
||||||
<div style="background: #43388A;font-size: 14px;height: 30px;line-height: 30px;color: #FFF;text-align: center;">公用时间列表</div>
|
<div style="background: #43388A;font-size: 14px;height: 30px;line-height: 30px;color: #FFF;text-align: center;">公用时间列表</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 120px;margin-left: 10px;">
|
<div style="width: 120px;margin-left: 10px;">
|
||||||
<div style="font-size: 18px;color: #56E5DE;width: 100%;text-align: center;margin: 85px 0;">增加时间表名</div>
|
<div style="font-size: 18px;color: #56E5DE;width: 100%;text-align: center;margin: 75px 0;">增加时间表名</div>
|
||||||
<el-input v-model="tableName" size="mini" />
|
<el-input v-model="tableName" size="mini" />
|
||||||
<div class="button-box" style="text-align: center;padding: 5px 0;margin: 10px 0;">增加</div>
|
<div class="button-box" style="text-align: center;padding: 5px 0;margin: 10px 0;">增加</div>
|
||||||
<div class="button-box" style="text-align: center;padding: 5px 0">删除</div>
|
<div class="button-box" style="text-align: center;padding: 5px 0">删除</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 110px;height: 300px;padding: 0 15px;border-right: 2px solid #2B5932;margin-left: 40px;">
|
<div style="width: 110px;height: 280px;padding: 0 15px;border-right: 2px solid #2B5932;margin-left: 40px;">
|
||||||
<div style="font-size: 18px;color: #56E5DE;width: 100%;text-align: center;">下载选择</div>
|
<div style="font-size: 18px;color: #56E5DE;width: 100%;text-align: center;">下载选择</div>
|
||||||
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 256px;">立即下发</div>
|
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 236px;">立即下发</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 110px;height: 300px;margin-left: 15px;">
|
<div style="width: 70px;height: 280px;margin-left: 15px;">
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期一</div>
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Mon')">
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期二</div>
|
<div class="check-box" :style="{background: allStationDate.includes('Mon')?'#0F0':'#BFC1C1'}" />
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期三</div>
|
<div class="check-text">星期一</div>
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期四</div>
|
</div>
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期五</div>
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Tues')">
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期六</div>
|
<div class="check-box" :style="{background: allStationDate.includes('Tues')?'#0F0':'#BFC1C1'}" />
|
||||||
<div style="color: #56E5DE;font-size: 13px;"><div class="check-box" />星期日</div>
|
<div class="check-text">星期二</div>
|
||||||
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 100px;">排定下发</div>
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Wed')">
|
||||||
|
<div class="check-box" :style="{background: allStationDate.includes('Wed')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期三</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Thurs')">
|
||||||
|
<div class="check-box" :style="{background: allStationDate.includes('Thurs')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期四</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Fri')">
|
||||||
|
<div class="check-box" :style="{background: allStationDate.includes('Fri')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期五</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Sta')">
|
||||||
|
<div class="check-box" :style="{background: allStationDate.includes('Sta')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期六</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedAllStationDate('Sun')">
|
||||||
|
<div class="check-box" :style="{background: allStationDate.includes('Sun')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期日</div>
|
||||||
|
</div>
|
||||||
|
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 80px;">排定下发</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content-box">
|
||||||
|
<div style="width: 950px;font-size: 18px;color: #56E5DE;margin: 10px;">车站时间表</div>
|
||||||
|
<div style="width: 100%;display: flex;justify-content: center;">
|
||||||
|
<div style="width: 180px;height: 280px;background: #FFF;">
|
||||||
|
<el-row>
|
||||||
|
<div style="background: #43388A;font-size: 14px;height: 30px;line-height: 30px;color: #FFF;text-align: center;">车站选择</div>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<div class="border-box" style="width: 380px;height: 280px;display: flex;justify-content: center;padding: 10px;margin-left: 20px;">
|
||||||
|
<div style="width: 240px;height: 260px;background: #FFF;">
|
||||||
|
<el-row>
|
||||||
|
<div style="background: #43388A;font-size: 14px;height: 30px;line-height: 30px;color: #FFF;text-align: center;">车站时间列表</div>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<div style="width: 110px;height: 260px;margin-left: 10px;">
|
||||||
|
<div style="width: 100%;font-size: 18px;color: #56E5DE;">新时间表名</div>
|
||||||
|
<el-input v-model="newTableName" size="mini" style="margin: 10px 0;" />
|
||||||
|
<div class="button-box" style="padding: 5px 10px;width: 50px;text-align: center;font-size: 12px;">改名</div>
|
||||||
|
<div style="padding: 10px 0; border-top: 2px solid #2B5932;margin-top: 10px;display: flex;justify-content: center;">
|
||||||
|
<div class="button-box" style="width: 45px;font-size: 12px;height: 65px;text-align: center;line-height: 65px;margin-right: 10px;">删除</div>
|
||||||
|
<div class="button-box" style="width: 55px;font-size: 12px;height: 65px;text-align: center;padding-top: 18px;">增到共用时间表列</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;justify-content: center;">
|
||||||
|
<div class="button-box" style="width: 45px;font-size: 12px;height: 65px;text-align: center;margin-right: 10px;padding-top: 18px;">编辑时间表</div>
|
||||||
|
<div class="button-box" style="width: 55px;font-size: 12px;height: 65px;line-height: 65px;text-align: center;">查看</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 110px;height: 280px;padding: 0 15px;border-right: 2px solid #2B5932;margin-left: 40px;">
|
||||||
|
<div style="font-size: 18px;color: #56E5DE;width: 100%;text-align: center;">下载选择</div>
|
||||||
|
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 236px;">立即下发</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 70px;height: 280px;margin-left: 15px;">
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Mon')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Mon')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期一</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Tues')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Tues')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期二</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Wed')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Wed')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期三</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Thurs')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Thurs')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期四</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Fri')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Fri')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期五</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Sta')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Sta')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期六</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center;cursor: pointer;" @click="selectedStationDate('Sun')">
|
||||||
|
<div class="check-box" :style="{background: stationDate.includes('Sun')?'#0F0':'#BFC1C1'}" />
|
||||||
|
<div class="check-text">星期日</div>
|
||||||
|
</div>
|
||||||
|
<div class="button-box" style="background: #3F8B66;text-align: center;margin-top: 80px;">排定下发</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -40,14 +126,35 @@ export default {
|
|||||||
name: 'SchedulesManage',
|
name: 'SchedulesManage',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableName: ''
|
tableName: '',
|
||||||
|
newTableName: '',
|
||||||
|
stationDate: [],
|
||||||
|
allStationDate: []
|
||||||
};
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
selectedStationDate(day) {
|
||||||
|
const index = this.stationDate.indexOf(day);
|
||||||
|
if (index < 0) {
|
||||||
|
this.stationDate.push(day);
|
||||||
|
} else {
|
||||||
|
this.stationDate.splice(index, 1);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
selectedAllStationDate(day) {
|
||||||
|
const index = this.allStationDate.indexOf(day);
|
||||||
|
if (index < 0) {
|
||||||
|
this.allStationDate.push(day);
|
||||||
|
} else {
|
||||||
|
this.allStationDate.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.top-content-box {
|
.content-box {
|
||||||
width: 950px;
|
width: 950px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border-top: 2px solid #A4A3A0;
|
border-top: 2px solid #A4A3A0;
|
||||||
@ -56,10 +163,24 @@ export default {
|
|||||||
border-right: 2px solid #E5F1FE;
|
border-right: 2px solid #E5F1FE;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
.border-box{
|
||||||
|
border-top: 2px solid #FFFFFE;
|
||||||
|
border-right: 2px solid #797977;
|
||||||
|
border-bottom: 2px solid #797977;
|
||||||
|
border-left: 2px solid #FFFFFE;
|
||||||
|
}
|
||||||
|
.check-text {
|
||||||
|
display: inline-block;
|
||||||
|
color: #56E5DE;
|
||||||
|
font-size: 13px;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
.check-box {
|
.check-box {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 10px;
|
height: 14px;
|
||||||
width: 10px;
|
width: 14px;
|
||||||
background: #BFC1C1;
|
background: #BFC1C1;
|
||||||
border-top: 2px solid #FFFFFE;
|
border-top: 2px solid #FFFFFE;
|
||||||
border-right: 2px solid #797977;
|
border-right: 2px solid #797977;
|
||||||
|
|||||||
@ -45,6 +45,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<chat-setting ref="chatSetting" :form="form" @setSetting="setSetting" />
|
<chat-setting ref="chatSetting" :form="form" @setSetting="setSetting" />
|
||||||
<chat-create-group ref="createGroup" :group="group" @addCoversition="addCoversition" />
|
<chat-create-group ref="createGroup" :group="group" @addCoversition="addCoversition" />
|
||||||
|
<chat-tooltip :group="group" @getCoversitionList="getCoversitionList" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@ -165,6 +166,9 @@ export default {
|
|||||||
}
|
}
|
||||||
this.$refs.chatContent.scrollTop();
|
this.$refs.chatContent.scrollTop();
|
||||||
},
|
},
|
||||||
|
getCoversitionList() {
|
||||||
|
this.$refs.chatCoversitionList.initPage(false);
|
||||||
|
},
|
||||||
quitCoversition() {
|
quitCoversition() {
|
||||||
this.quitLoading = true;
|
this.quitLoading = true;
|
||||||
quitCoversition(this.group, this.currentCoversition.id).then(res=>{
|
quitCoversition(this.group, this.currentCoversition.id).then(res=>{
|
||||||
|
|||||||
110
src/views/newMap/displayNew/chatView/chatTooltip.vue
Normal file
110
src/views/newMap/displayNew/chatView/chatTooltip.vue
Normal file
@ -0,0 +1,110 @@
|
|||||||
|
<template>
|
||||||
|
<div v-show="dialogVisible" class="chatTooltipAll">
|
||||||
|
<div class="chatTooltip">
|
||||||
|
<div class="chatTooltipHeader">
|
||||||
|
{{ userName }} 邀请您加入会话！
|
||||||
|
</div>
|
||||||
|
<div class="chatTooltipBootom">
|
||||||
|
<div class="create-group-bottom">
|
||||||
|
<el-button :loading="loading" size="small" type="primary" @click="doCreate">接受</el-button>
|
||||||
|
<el-button size="small" @click="doClose">拒绝</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import ConstConfig from '@/scripts/ConstConfig';
|
||||||
|
import Cookies from 'js-cookie';
|
||||||
|
import {acceptCoversitionInvite} from '@/api/chat';
|
||||||
|
export default {
|
||||||
|
name:'ChatTooltip',
|
||||||
|
props: {
|
||||||
|
group: {
|
||||||
|
type: String,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName:'',
|
||||||
|
dialogVisible:false,
|
||||||
|
loading:false,
|
||||||
|
conversationId:''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch:{
|
||||||
|
'$store.state.socket.inviteOtherIntoChat':function(val) {
|
||||||
|
this.userName = this.coverName(val);
|
||||||
|
this.dialogVisible = true;
|
||||||
|
this.conversationId = val.conversationId;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// {"conversationId":"22e10b17-7a6c-4b1b-8724-f87fb2053b76","from":{"id":"17","userId":"75","name":"赵",
|
||||||
|
// "role":"STATION_SUPERVISOR","deviceType":"STATION","deviceCode":"Station32955","deviceName":"世纪大道","online":true,"robot":false}
|
||||||
|
methods:{
|
||||||
|
coverName(inviteUser) {
|
||||||
|
const member = inviteUser.from;
|
||||||
|
const roleTypeList = ConstConfig.ConstSelect.roleTypeNew;
|
||||||
|
let data = member.role;
|
||||||
|
roleTypeList.forEach(function(element) {
|
||||||
|
const rolename = element.value;
|
||||||
|
if (Cookies.get('user_lang') == 'en') {
|
||||||
|
data = data.replace(rolename, element.enLabel);
|
||||||
|
} else {
|
||||||
|
data = data.replace(rolename, element.label);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const deviceName = member.deviceName ? '-' + member.deviceName : '';
|
||||||
|
const memberName = member.name ? '-' + member.name : '';
|
||||||
|
return data + deviceName + memberName;
|
||||||
|
},
|
||||||
|
doCreate() {
|
||||||
|
this.loading = true;
|
||||||
|
acceptCoversitionInvite(this.group, this.conversationId).then(res=>{
|
||||||
|
this.loading = false;
|
||||||
|
this.dialogVisible = false;
|
||||||
|
this.$emit('getCoversitionList');
|
||||||
|
}).catch(error=>{
|
||||||
|
this.$messageBox('接受邀请失败: ' + error.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.dialogVisible = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.chatTooltip{
|
||||||
|
position: absolute;
|
||||||
|
width: 290px;
|
||||||
|
left: 32%;
|
||||||
|
top: 42%;
|
||||||
|
z-index: 5;
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px;
|
||||||
|
box-shadow: #969090 0px 0px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
line-height: 20px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
.chatTooltipHeader{
|
||||||
|
margin-top:10px;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
.chatTooltipBootom{
|
||||||
|
margin-top:10px;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom:10px;
|
||||||
|
}
|
||||||
|
.chatTooltipAll{
|
||||||
|
position:absolute;
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
left:0;
|
||||||
|
top:0;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -84,7 +84,7 @@
|
|||||||
@switchStationMode="switchStationMode"
|
@switchStationMode="switchStationMode"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<menu-system-time v-if="!isScreen" ref="menuSystemTime" :offset="offset" :right="right" :group="group" />
|
<menu-system-time ref="menuSystemTime" :offset="offset" :right="right" :group="group" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <Jl3d-Simulation v-show="simulationShow" ref="Jl3dSimulation" :panel-show="simulationShow" @showpanel="showpanel" /> -->
|
<!-- <Jl3d-Simulation v-show="simulationShow" ref="Jl3dSimulation" :panel-show="simulationShow" @showpanel="showpanel" /> -->
|
||||||
@ -243,9 +243,6 @@ export default {
|
|||||||
isPractice() {
|
isPractice() {
|
||||||
return this.mode === 'practice';
|
return this.mode === 'practice';
|
||||||
},
|
},
|
||||||
isScreen() {
|
|
||||||
return this.model === 'dp';
|
|
||||||
},
|
|
||||||
isDrive() {
|
isDrive() {
|
||||||
return this.prdType == '04';
|
return this.prdType == '04';
|
||||||
},
|
},
|
||||||
|
|||||||
@ -31,9 +31,8 @@ import { mapGetters } from 'vuex';
|
|||||||
import { Notification } from 'element-ui';
|
import { Notification } from 'element-ui';
|
||||||
import { startTrainingNew, endTrainingNew } from '@/api/jmap/training';
|
import { startTrainingNew, endTrainingNew } from '@/api/jmap/training';
|
||||||
import { trainingNotifyNew } from '@/api/simulation';
|
import { trainingNotifyNew } from '@/api/simulation';
|
||||||
import { TrainingMode } from '@/scripts/ConstDic';
|
import { TrainingMode, UrlConfig } from '@/scripts/ConstDic';
|
||||||
import { timeFormat } from '@/utils/date';
|
import { timeFormat } from '@/utils/date';
|
||||||
import { UrlConfig } from '@/scripts/ConstDic';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MenuLesson',
|
name: 'MenuLesson',
|
||||||
|
|||||||
@ -71,9 +71,9 @@ export default {
|
|||||||
height: 800,
|
height: 800,
|
||||||
roadData: [],
|
roadData: [],
|
||||||
focus: false,
|
focus: false,
|
||||||
booleanList: ['lockFirst', 'switchSingleHandle', 'switchNRTurnChain', 'switchSingleLockChain', 'signalForceCancelRoute'],
|
booleanList: ['lockFirst', 'switchSingleHandle', 'switchNRTurnChain', 'switchSingleLockChain', 'signalForceCancelRoute', 'initSingleLockSwitch'],
|
||||||
selectList: ['upDirection', 'runMode'],
|
selectList: ['upDirection', 'runMode'],
|
||||||
generalConfig: ['lockFirst', 'switchSingleHandle', 'upDirection', 'switchNRTurnChain', 'switchSingleLockChain', 'signalForceCancelRoute', 'runMode'],
|
generalConfig: ['lockFirst', 'switchSingleHandle', 'upDirection', 'switchNRTurnChain', 'switchSingleLockChain', 'signalForceCancelRoute', 'runMode', 'initSingleLockSwitch'],
|
||||||
numberList: [],
|
numberList: [],
|
||||||
optionsMap: {
|
optionsMap: {
|
||||||
upDirection: [{label: 'right', value: 'right'}, {label: 'left', value: 'left'}],
|
upDirection: [{label: 'right', value: 'right'}, {label: 'left', value: 'left'}],
|
||||||
@ -86,7 +86,8 @@ export default {
|
|||||||
switchNRTurnChain:'道岔正/反操是否联动',
|
switchNRTurnChain:'道岔正/反操是否联动',
|
||||||
switchSingleLockChain:'道岔单解/锁是否联动',
|
switchSingleLockChain:'道岔单解/锁是否联动',
|
||||||
signalForceCancelRoute:'是否强制取消进路/在接近区段占用时是否依旧强制执行取消进路',
|
signalForceCancelRoute:'是否强制取消进路/在接近区段占用时是否依旧强制执行取消进路',
|
||||||
runMode:'列车控制模式/级别'
|
runMode:'列车控制模式/级别',
|
||||||
|
initSingleLockSwitch: '初始加载设备时是否默认单锁正线道岔'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user