宁波三菜单调整&表单记录页数
This commit is contained in:
parent
06ecb8dd1a
commit
281bbc32f8
@ -191,6 +191,7 @@
|
|||||||
<script>
|
<script>
|
||||||
// import QueryForm from '@/components/QueryListPage/QueryForm'
|
// import QueryForm from '@/components/QueryListPage/QueryForm'
|
||||||
// import { mapGetters } from 'vuex'
|
// import { mapGetters } from 'vuex'
|
||||||
|
import { getSessionStorage, setSessionStorage } from '@/utils/auth';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@ -241,9 +242,19 @@ export default {
|
|||||||
return pagerConfig;
|
return pagerConfig;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
pageSize(val) {
|
||||||
|
setSessionStorage(this.$route.path + '-pageSize', val);
|
||||||
|
},
|
||||||
|
pageIndex(val) {
|
||||||
|
setSessionStorage(this.$route.path + '-pageIndex', val);
|
||||||
|
}
|
||||||
|
},
|
||||||
created() {
|
created() {
|
||||||
const self = this;
|
const self = this;
|
||||||
// queryList 如果没有data属性,就创建并赋值为[]
|
// queryList 如果没有data属性,就创建并赋值为[]
|
||||||
|
this.pageSize = parseInt(getSessionStorage(this.$route.path + '-pageSize')) || 10;
|
||||||
|
this.pageIndex = parseInt(getSessionStorage(this.$route.path + '-pageIndex')) || 1;
|
||||||
if (!this.queryList.data) {
|
if (!this.queryList.data) {
|
||||||
this.$set(this.queryList, 'data', []);
|
this.$set(this.queryList, 'data', []);
|
||||||
}
|
}
|
||||||
@ -308,7 +319,7 @@ export default {
|
|||||||
// 按钮查询
|
// 按钮查询
|
||||||
query(queryData) {
|
query(queryData) {
|
||||||
this.queryData = queryData;
|
this.queryData = queryData;
|
||||||
this.pageIndex = 1;
|
// this.pageIndex = 1;
|
||||||
this.queryData[this.currentpagerConfig.pageSize] = this.pageSize;
|
this.queryData[this.currentpagerConfig.pageSize] = this.pageSize;
|
||||||
this.queryData[this.currentpagerConfig.pageIndex] = this.pageIndex;
|
this.queryData[this.currentpagerConfig.pageIndex] = this.pageIndex;
|
||||||
this.queryList.reload();
|
this.queryList.reload();
|
||||||
|
@ -122,6 +122,11 @@
|
|||||||
<train-depart ref="trainDepart" />
|
<train-depart ref="trainDepart" />
|
||||||
<train-jump-stop ref="trainJumpStop" />
|
<train-jump-stop ref="trainJumpStop" />
|
||||||
<train-cancel-deviation ref="trainCancelDeviation" />
|
<train-cancel-deviation ref="trainCancelDeviation" />
|
||||||
|
<train-update-deviation ref="trainUpdateDeviation" />
|
||||||
|
<cancel-route ref="cancelRoute" />
|
||||||
|
<train-id-associated ref="trainIdAssociated" />
|
||||||
|
<occupancy-train-correlation ref="occupancyTrainCorrelation" />
|
||||||
|
<modify-train-number ref="modifyTrainNumber" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@ -166,6 +171,11 @@ import AdjustStrategy from './menuDialog/adjustStrategy';
|
|||||||
import TrainDepart from './menuDialog/trainDepart';
|
import TrainDepart from './menuDialog/trainDepart';
|
||||||
import TrainJumpStop from './menuDialog/trainJumpStop';
|
import TrainJumpStop from './menuDialog/trainJumpStop';
|
||||||
import TrainCancelDeviation from './menuDialog/trainCancelDeviation';
|
import TrainCancelDeviation from './menuDialog/trainCancelDeviation';
|
||||||
|
import TrainUpdateDeviation from './menuDialog/trainUpdateDeviation';
|
||||||
|
import CancelRoute from './menuDialog/cancelRoute';
|
||||||
|
import TrainIdAssociated from './menuDialog/trainIdAssociated';
|
||||||
|
import OccupancyTrainCorrelation from './menuDialog/occupancyTrainCorrelation';
|
||||||
|
import ModifyTrainNumber from './menuDialog/modifyTrainNumber';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MenuBar',
|
name: 'MenuBar',
|
||||||
@ -204,7 +214,12 @@ export default {
|
|||||||
AdjustStrategy,
|
AdjustStrategy,
|
||||||
TrainDepart,
|
TrainDepart,
|
||||||
TrainJumpStop,
|
TrainJumpStop,
|
||||||
TrainCancelDeviation
|
TrainCancelDeviation,
|
||||||
|
TrainUpdateDeviation,
|
||||||
|
CancelRoute,
|
||||||
|
TrainIdAssociated,
|
||||||
|
OccupancyTrainCorrelation,
|
||||||
|
ModifyTrainNumber
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
selected: {
|
selected: {
|
||||||
@ -312,11 +327,11 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '更新偏差',
|
title: '更新偏差',
|
||||||
click: this.undeveloped
|
click: this.updateDeviation
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '取消CBTC列车进路',
|
title: '取消CBTC列车进路',
|
||||||
click: this.undeveloped
|
click: this.cancelCbtcRoute
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'VOBC切换',
|
title: 'VOBC切换',
|
||||||
@ -334,15 +349,15 @@ export default {
|
|||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
title: '列车ID号关联',
|
title: '列车ID号关联',
|
||||||
click: this.undeveloped
|
click: this.setIdAssociated
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '列车占用关联',
|
title: '列车占用关联',
|
||||||
click: this.undeveloped
|
click: this.setOccupancyCorrelation
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '修改列车描述号',
|
title: '修改列车描述号',
|
||||||
click: this.undeveloped
|
click: this.modifyTrainNumber
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -779,11 +794,11 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '更新偏差',
|
title: '更新偏差',
|
||||||
click: this.undeveloped
|
click: this.updateDeviation
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '取消CBTC列车进路',
|
title: '取消CBTC列车进路',
|
||||||
click: this.undeveloped
|
click: this.cancelCbtcRoute
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'VOBC切换',
|
title: 'VOBC切换',
|
||||||
@ -801,15 +816,15 @@ export default {
|
|||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
title: '列车ID号关联',
|
title: '列车ID号关联',
|
||||||
click: this.undeveloped
|
click: this.setIdAssociated
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '列车占用关联',
|
title: '列车占用关联',
|
||||||
click: this.undeveloped
|
click: this.setOccupancyCorrelation
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '修改列车描述号',
|
title: '修改列车描述号',
|
||||||
click: this.undeveloped
|
click: this.modifyTrainNumber
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -1806,6 +1821,61 @@ export default {
|
|||||||
this.$refs.trainCancelDeviation.doShow(operate);
|
this.$refs.trainCancelDeviation.doShow(operate);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
updateDeviation() {
|
||||||
|
const operate = {
|
||||||
|
type: 'bar',
|
||||||
|
operation: ''
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.closeMenu(true);
|
||||||
|
this.$store.dispatch('menuOperation/handleBreakFlag', {break: true});
|
||||||
|
this.$refs.trainUpdateDeviation.doShow(operate);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancelCbtcRoute() {
|
||||||
|
const operate = {
|
||||||
|
type: 'bar',
|
||||||
|
operation: ''
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.closeMenu(true);
|
||||||
|
this.$store.dispatch('menuOperation/handleBreakFlag', {break: true});
|
||||||
|
this.$refs.cancelRoute.doShow(operate);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setIdAssociated() {
|
||||||
|
const operate = {
|
||||||
|
type: 'bar',
|
||||||
|
operation: ''
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.closeMenu(true);
|
||||||
|
this.$store.dispatch('menuOperation/handleBreakFlag', {break: true});
|
||||||
|
this.$refs.trainIdAssociated.doShow(operate);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setOccupancyCorrelation() {
|
||||||
|
const operate = {
|
||||||
|
type: 'bar',
|
||||||
|
operation: ''
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.closeMenu(true);
|
||||||
|
this.$store.dispatch('menuOperation/handleBreakFlag', {break: true});
|
||||||
|
this.$refs.occupancyTrainCorrelation.doShow(operate);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
modifyTrainNumber() {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
144
src/jmapNew/theme/ningbo_03/menus/menuDialog/cancelRoute.vue
Normal file
144
src/jmapNew/theme/ningbo_03/menus/menuDialog/cancelRoute.vue
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="600px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
|
<el-row>
|
||||||
|
<el-table :data="data" height="200px">
|
||||||
|
<el-table-column prop="code" label="进路" />
|
||||||
|
<el-table-column prop="area" label="区域" />
|
||||||
|
<el-table-column prop="status" label="状态" />
|
||||||
|
</el-table>
|
||||||
|
</el-row>
|
||||||
|
<el-row justify="center" class="button-group">
|
||||||
|
<el-col :span="4" :offset="1">
|
||||||
|
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定(O)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>应用(A)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button :id="domIdCancel" @click="cancel">关闭(C)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>帮助(H)</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
|
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
||||||
|
// import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CancelRoute',
|
||||||
|
components: {
|
||||||
|
NoticeInfo
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
status: false,
|
||||||
|
command: true,
|
||||||
|
allChecked: false,
|
||||||
|
dialogShow: false,
|
||||||
|
loading: false,
|
||||||
|
selected: null,
|
||||||
|
activeName: 'first',
|
||||||
|
operate: {},
|
||||||
|
allCheck: false,
|
||||||
|
slidingTime: 0,
|
||||||
|
data: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('map', [
|
||||||
|
]),
|
||||||
|
show() {
|
||||||
|
return this.dialogShow && !this.$store.state.menuOperation.break;
|
||||||
|
},
|
||||||
|
domIdCancel() {
|
||||||
|
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
||||||
|
},
|
||||||
|
domIdChoose() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.choose.domId : '';
|
||||||
|
},
|
||||||
|
domIdConfirm() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
||||||
|
},
|
||||||
|
title() {
|
||||||
|
return '取消CBTC列车进路';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$store.state.map.keyboardEnterCount': function (val) {
|
||||||
|
if (this.show) {
|
||||||
|
this.commit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$store.dispatch('training/tipReload');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
doShow(operate, selected) {
|
||||||
|
this.selected = selected;
|
||||||
|
this.operate = operate;
|
||||||
|
// 如果不是断点激活,而是第一次显示,则需要设置初始值
|
||||||
|
this.dialogShow = true;
|
||||||
|
this.$nextTick(function () {
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.loading = false;
|
||||||
|
this.dialogShow = false;
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
},
|
||||||
|
commit() {
|
||||||
|
},
|
||||||
|
handleClick() {
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
const operate = {
|
||||||
|
operation: OperationEvent.Command.cancel.menu.operation
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.doClose();
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
this.doClose();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
.menu-li {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
list-style:none;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-right: 2px solid #696969;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.set-status-box {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #AFAFAF;
|
||||||
|
padding: 15px 5px 5px;
|
||||||
|
}
|
||||||
|
.set-status-title{
|
||||||
|
position: relative;
|
||||||
|
top: 15px;
|
||||||
|
background: #F0F0F0;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 22;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,159 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="500px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-table :data="trainList" height="300px">
|
||||||
|
<el-table-column prop="code" label="列车" />
|
||||||
|
<el-table-column prop="area" label="列车描述号" />
|
||||||
|
<el-table-column prop="status" label="班次" />
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" style="padding-left: 5px;">
|
||||||
|
<div class="set-status-title" style="width: 80px;">列车描述号</div>
|
||||||
|
<div class="set-status-box">
|
||||||
|
<div>001-159::</div>
|
||||||
|
<div>计划列车</div>
|
||||||
|
<div>160-999::</div>
|
||||||
|
<div>临时目的地列车</div>
|
||||||
|
<el-input v-model="groupNumber" size="mini" />
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row justify="center" class="button-group">
|
||||||
|
<el-col :span="4" :offset="1">
|
||||||
|
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定(O)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>应用(A)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button :id="domIdCancel" @click="cancel">关闭(C)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>帮助(H)</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
|
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
||||||
|
// import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ModifyTrainNumber',
|
||||||
|
components: {
|
||||||
|
NoticeInfo
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
status: false,
|
||||||
|
command: true,
|
||||||
|
allChecked: false,
|
||||||
|
dialogShow: false,
|
||||||
|
loading: false,
|
||||||
|
selected: null,
|
||||||
|
activeName: 'first',
|
||||||
|
operate: {},
|
||||||
|
allCheck: false,
|
||||||
|
slidingTime: 0,
|
||||||
|
data: [],
|
||||||
|
trainId: '',
|
||||||
|
groupNumber: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('map', [
|
||||||
|
'trainList'
|
||||||
|
]),
|
||||||
|
show() {
|
||||||
|
return this.dialogShow && !this.$store.state.menuOperation.break;
|
||||||
|
},
|
||||||
|
domIdCancel() {
|
||||||
|
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
||||||
|
},
|
||||||
|
domIdChoose() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.choose.domId : '';
|
||||||
|
},
|
||||||
|
domIdConfirm() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
||||||
|
},
|
||||||
|
title() {
|
||||||
|
return '修改列车描述号';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$store.state.map.keyboardEnterCount': function (val) {
|
||||||
|
if (this.show) {
|
||||||
|
this.commit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$store.dispatch('training/tipReload');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
doShow(operate, selected) {
|
||||||
|
this.selected = selected;
|
||||||
|
this.operate = operate;
|
||||||
|
// 如果不是断点激活,而是第一次显示,则需要设置初始值
|
||||||
|
this.dialogShow = true;
|
||||||
|
this.$nextTick(function () {
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.loading = false;
|
||||||
|
this.dialogShow = false;
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
},
|
||||||
|
commit() {
|
||||||
|
},
|
||||||
|
handleClick() {
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
const operate = {
|
||||||
|
operation: OperationEvent.Command.cancel.menu.operation
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.doClose();
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
this.doClose();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
.menu-li {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
list-style:none;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-right: 2px solid #696969;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.set-status-box {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #AFAFAF;
|
||||||
|
padding: 15px 5px 5px;
|
||||||
|
}
|
||||||
|
.set-status-title{
|
||||||
|
position: relative;
|
||||||
|
top: 15px;
|
||||||
|
background: #F0F0F0;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 22;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,169 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="900px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-table :data="data" height="300px">
|
||||||
|
<el-table-column prop="code" label="ID" />
|
||||||
|
<el-table-column prop="sort" label="列车顺序" />
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="3" style="padding-left: 5px">
|
||||||
|
<el-table :data="data" height="300px">
|
||||||
|
<el-table-column prop="sort" label="列车顺序" />
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="9" style="padding-left: 5px">
|
||||||
|
<el-table :data="data" height="300px">
|
||||||
|
<el-table-column prop="code" label="列车ID" />
|
||||||
|
<el-table-column prop="groupNumber" label="车体号" />
|
||||||
|
<el-table-column prop="tripNumber" label="列车描述号" />
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="5" style="padding-left: 5px">
|
||||||
|
<div class="set-status-title">关联</div>
|
||||||
|
<div class="set-status-box">
|
||||||
|
<el-radio v-model="command" label="up">在上行线尽头创建(U)</el-radio>
|
||||||
|
<br>
|
||||||
|
<el-radio v-model="command" label="down">在下行线尽头创建(D)</el-radio>
|
||||||
|
<br>
|
||||||
|
<el-radio v-model="command" label="delete">删除(I)</el-radio>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row justify="center" class="button-group">
|
||||||
|
<el-col :span="4" :offset="1">
|
||||||
|
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定(O)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>应用(A)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button :id="domIdCancel" @click="cancel">关闭(C)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>帮助(H)</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
|
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
||||||
|
// import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CancelRoute',
|
||||||
|
components: {
|
||||||
|
NoticeInfo
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
status: false,
|
||||||
|
command: 'up',
|
||||||
|
allChecked: false,
|
||||||
|
dialogShow: false,
|
||||||
|
loading: false,
|
||||||
|
selected: null,
|
||||||
|
activeName: 'first',
|
||||||
|
operate: {},
|
||||||
|
allCheck: false,
|
||||||
|
slidingTime: 0,
|
||||||
|
data: [],
|
||||||
|
trainId: '',
|
||||||
|
groupNumber: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('map', [
|
||||||
|
]),
|
||||||
|
show() {
|
||||||
|
return this.dialogShow && !this.$store.state.menuOperation.break;
|
||||||
|
},
|
||||||
|
domIdCancel() {
|
||||||
|
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
||||||
|
},
|
||||||
|
domIdChoose() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.choose.domId : '';
|
||||||
|
},
|
||||||
|
domIdConfirm() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
||||||
|
},
|
||||||
|
title() {
|
||||||
|
return '占用列车关联';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$store.state.map.keyboardEnterCount': function (val) {
|
||||||
|
if (this.show) {
|
||||||
|
this.commit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$store.dispatch('training/tipReload');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
doShow(operate, selected) {
|
||||||
|
this.selected = selected;
|
||||||
|
this.operate = operate;
|
||||||
|
// 如果不是断点激活,而是第一次显示,则需要设置初始值
|
||||||
|
this.dialogShow = true;
|
||||||
|
this.$nextTick(function () {
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.loading = false;
|
||||||
|
this.dialogShow = false;
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
},
|
||||||
|
commit() {
|
||||||
|
},
|
||||||
|
handleClick() {
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
const operate = {
|
||||||
|
operation: OperationEvent.Command.cancel.menu.operation
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.doClose();
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
this.doClose();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
.menu-li {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
list-style:none;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-right: 2px solid #696969;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.set-status-box {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #AFAFAF;
|
||||||
|
padding: 15px 5px 5px;
|
||||||
|
}
|
||||||
|
.set-status-title{
|
||||||
|
position: relative;
|
||||||
|
top: 15px;
|
||||||
|
background: #F0F0F0;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 22;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,159 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="500px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="18">
|
||||||
|
<el-table :data="data" height="300px">
|
||||||
|
<el-table-column prop="code" label="进路" />
|
||||||
|
<el-table-column prop="area" label="区域" />
|
||||||
|
<el-table-column prop="status" label="状态" />
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6" style="padding-left: 5px;">
|
||||||
|
<div class="set-status-title">关联</div>
|
||||||
|
<div class="set-status-box">
|
||||||
|
<div>列车ID</div>
|
||||||
|
<el-input v-model="trainId" size="mini" />
|
||||||
|
<div>车体号(R)</div>
|
||||||
|
<el-input v-model="groupNumber" size="mini" />
|
||||||
|
<el-button style="margin-top: 10px; margin-left: 10px;">插入(I)</el-button>
|
||||||
|
<el-button style="margin-top: 10px;">删除(D)</el-button>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row justify="center" class="button-group">
|
||||||
|
<el-col :span="4" :offset="1">
|
||||||
|
<el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">确定(O)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>应用(A)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button :id="domIdCancel" @click="cancel">关闭(C)</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4" :offset="2">
|
||||||
|
<el-button>帮助(H)</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<notice-info ref="noticeInfo" pop-class="ningbo-01__systerm" />
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
|
||||||
|
import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
|
||||||
|
// import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CancelRoute',
|
||||||
|
components: {
|
||||||
|
NoticeInfo
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
status: false,
|
||||||
|
command: true,
|
||||||
|
allChecked: false,
|
||||||
|
dialogShow: false,
|
||||||
|
loading: false,
|
||||||
|
selected: null,
|
||||||
|
activeName: 'first',
|
||||||
|
operate: {},
|
||||||
|
allCheck: false,
|
||||||
|
slidingTime: 0,
|
||||||
|
data: [],
|
||||||
|
trainId: '',
|
||||||
|
groupNumber: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('map', [
|
||||||
|
]),
|
||||||
|
show() {
|
||||||
|
return this.dialogShow && !this.$store.state.menuOperation.break;
|
||||||
|
},
|
||||||
|
domIdCancel() {
|
||||||
|
return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
|
||||||
|
},
|
||||||
|
domIdChoose() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.choose.domId : '';
|
||||||
|
},
|
||||||
|
domIdConfirm() {
|
||||||
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
||||||
|
},
|
||||||
|
title() {
|
||||||
|
return '列车ID关联';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$store.state.map.keyboardEnterCount': function (val) {
|
||||||
|
if (this.show) {
|
||||||
|
this.commit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$store.dispatch('training/tipReload');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
doShow(operate, selected) {
|
||||||
|
this.selected = selected;
|
||||||
|
this.operate = operate;
|
||||||
|
// 如果不是断点激活,而是第一次显示,则需要设置初始值
|
||||||
|
this.dialogShow = true;
|
||||||
|
this.$nextTick(function () {
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doClose() {
|
||||||
|
this.loading = false;
|
||||||
|
this.dialogShow = false;
|
||||||
|
this.$store.dispatch('training/emitTipFresh');
|
||||||
|
},
|
||||||
|
commit() {
|
||||||
|
},
|
||||||
|
handleClick() {
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
const operate = {
|
||||||
|
operation: OperationEvent.Command.cancel.menu.operation
|
||||||
|
};
|
||||||
|
this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
|
||||||
|
if (valid) {
|
||||||
|
this.doClose();
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
this.doClose();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
.menu-li {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
list-style:none;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-right: 2px solid #696969;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.set-status-box {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #AFAFAF;
|
||||||
|
padding: 15px 5px 5px;
|
||||||
|
}
|
||||||
|
.set-status-title{
|
||||||
|
position: relative;
|
||||||
|
top: 15px;
|
||||||
|
background: #F0F0F0;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 22;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
@ -2,19 +2,19 @@
|
|||||||
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="600px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="600px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="16">
|
<el-col :span="16">
|
||||||
<el-table :data="trainList" height="300px">
|
<el-table :data="trainList" height="200px">
|
||||||
<el-table-column prop="code" label="列车" />
|
<el-table-column prop="code" label="列车" />
|
||||||
<el-table-column prop="trip" label="班次" />
|
<el-table-column prop="trip" label="班次" />
|
||||||
<el-table-column prop="deviation" label="偏差" />
|
<el-table-column prop="deviation" label="偏差" />
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4" style="padding-left: 5px;">
|
<el-col :span="8" style="padding-left: 5px;">
|
||||||
<div class="set-status-title">跳停</div>
|
<div class="set-status-title" style="width: 90px;">滑动时间(S)</div>
|
||||||
<div class="set-status-box">
|
<div class="set-status-box">
|
||||||
<el-radio v-model="command" :disabled="true" :label="true">设置(S)</el-radio>
|
<el-input-number v-model="slidingTime" :precision="0" controls-position="right" size="mini" :min="-9999" :max="9999" />
|
||||||
<br>
|
<div>范围:-9999到9999秒</div>
|
||||||
<el-radio v-model="command" :label="false">清除(R)</el-radio>
|
|
||||||
</div>
|
</div>
|
||||||
|
<el-checkbox v-model="allChecked" style="margin-top: 15px;">所有列车(L)</el-checkbox>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row justify="center" class="button-group">
|
<el-row justify="center" class="button-group">
|
||||||
@ -56,7 +56,8 @@ export default {
|
|||||||
selected: null,
|
selected: null,
|
||||||
activeName: 'first',
|
activeName: 'first',
|
||||||
operate: {},
|
operate: {},
|
||||||
allCheck: false
|
allCheck: false,
|
||||||
|
slidingTime: 0
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -77,7 +78,7 @@ export default {
|
|||||||
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
return this.dialogShow ? OperationEvent.Signal.arrangementRoute.menu.domId : '';
|
||||||
},
|
},
|
||||||
title() {
|
title() {
|
||||||
return '设置/清除站台跳停';
|
return '更新偏差';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -139,13 +140,12 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-box {
|
.set-status-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 80px;
|
|
||||||
border: 1px solid #AFAFAF;
|
border: 1px solid #AFAFAF;
|
||||||
padding: 10px 5px;
|
padding: 15px 5px 5px;
|
||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 95px;
|
top: 15px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -54,6 +54,13 @@ export default {
|
|||||||
config: {
|
config: {
|
||||||
data: []
|
data: []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
lineCode: {
|
||||||
|
type: 'select',
|
||||||
|
label: '所属线路',
|
||||||
|
config: {
|
||||||
|
data: []
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -184,6 +191,9 @@ export default {
|
|||||||
this.lineCodeList = [];
|
this.lineCodeList = [];
|
||||||
getLineCodeList().then(response => {
|
getLineCodeList().then(response => {
|
||||||
this.lineCodeList = response.data;
|
this.lineCodeList = response.data;
|
||||||
|
this.lineCodeList.forEach(elem => {
|
||||||
|
this.queryForm.queryObject.lineCode.config.data.push({ value: elem.code, label: elem.name });
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleSetProject(index, row) {
|
handleSetProject(index, row) {
|
||||||
|
Loading…
Reference in New Issue
Block a user