179 lines
6.4 KiB
Vue
179 lines
6.4 KiB
Vue
<template>
|
|
<el-dialog class="fuzhou-01__schedule edit-planning-train" :title="title" :visible.sync="dialogShow" width="800px"
|
|
:before-close="doClose" :zIndex="2000" :modal="false" :close-on-click-modal="false" v-dialogDrag>
|
|
<el-row>
|
|
<el-col :offset="10">列车线路</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="17">
|
|
<el-table :data="serviceData" border style="width: 100%" height="160">
|
|
<el-table-column prop="startStationCode" label="起点站">
|
|
</el-table-column>
|
|
<el-table-column prop="startStationStandCode" label="起点站台">
|
|
</el-table-column>
|
|
<el-table-column prop="endStationCode" label="终点站">
|
|
</el-table-column>
|
|
<el-table-column prop="endStationStandCode" label="终点站台">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-col>
|
|
<el-col :span="6" :offset="1">
|
|
<el-row type="flex" justify="center">
|
|
<el-button class="view-button" @click="handleAddTask">加任务</el-button>
|
|
</el-row>
|
|
<el-row type="flex" justify="center">
|
|
<el-button class="view-button" @click="handleReplace">替  换</el-button>
|
|
</el-row>
|
|
<el-row type="flex" justify="center">
|
|
<el-button class="view-button" @click="handleDeleteTask">删任务</el-button>
|
|
</el-row>
|
|
<div class="view-box">
|
|
<el-row type="flex" justify="center">
|
|
<el-radio-group v-model="storeInOut">
|
|
<el-radio :label="1">进库</el-radio>
|
|
<el-radio :label="2">出库</el-radio>
|
|
</el-radio-group>
|
|
</el-row>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row class="view-box">
|
|
<el-col :span="9" style="padding-left: 10px">
|
|
<el-input v-model="oldServiceNumber" size="small" :disabled="true"></el-input>
|
|
</el-col>
|
|
<el-col :span="9" style="padding-left: 20px">
|
|
<el-input v-model="newServiceNumber" size="small"></el-input>
|
|
</el-col>
|
|
<el-col :span="5" style="padding-left: 20px">
|
|
<el-button @click="handleModifyingTripNumber" style="width: 150px;">改车次号</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row style="margin-top: 10px">
|
|
<el-col :span="4"><span class="view-label">线路开始时间</span></el-col>
|
|
<el-col :span="8">
|
|
<el-time-select v-model="serviceStartTime" size="small"></el-time-select>
|
|
</el-col>
|
|
<el-col :span="4"><span class="view-label">线路结束时间</span></el-col>
|
|
<el-col :span="8">
|
|
<el-time-select v-model="serviceEndTime" size="small"></el-time-select>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row style="margin-top: 20px">
|
|
<el-col :offset="10">线路详细信息</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-table :data="tripData" border style="width: 100%" height="200">
|
|
<el-table-column prop="arriveTime" label="到站时间">
|
|
</el-table-column>
|
|
<el-table-column prop="stationCode" label="车站">
|
|
</el-table-column>
|
|
<el-table-column prop="stationStandCode" label="站台">
|
|
</el-table-column>
|
|
<el-table-column prop="stopTime" label="停站时间">
|
|
</el-table-column>
|
|
<el-table-column prop="level" label="运行等级">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
<el-row style="margin-top: 20px">
|
|
<el-checkbox v-model="effect">影响后续任务</el-checkbox>
|
|
</el-row>
|
|
<el-row type="flex" justify="center">
|
|
<el-button @click="commit">确 定</el-button>
|
|
<el-button @click="doClose">取 消</el-button>
|
|
</el-row>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import { formatTime, formatName } from '@/utils/runPlan';
|
|
|
|
export default {
|
|
name: 'modifyingPlan',
|
|
data() {
|
|
return {
|
|
dialogShow: false,
|
|
loading: false,
|
|
effect: false,
|
|
storeInOut: '1',
|
|
oldServiceNumber: '',
|
|
newServiceNumber: '',
|
|
serviceStartTime: '',
|
|
serviceEndTime: '',
|
|
serviceData: [],
|
|
tripData: [],
|
|
}
|
|
},
|
|
computed: {
|
|
title() {
|
|
return '修改'
|
|
}
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
formatTime(time) {
|
|
return formatTime(time);
|
|
},
|
|
formatName(code) {
|
|
return formatName(code);
|
|
},
|
|
doShow() {
|
|
this.dialogShow = true;
|
|
},
|
|
doClose() {
|
|
this.loading = false;
|
|
this.dialogShow = false;
|
|
},
|
|
// 加任务
|
|
handleAddTask() {
|
|
this.$emit('dispatchDialog', { name: 'addTask', params: {} })
|
|
},
|
|
// 替换
|
|
handleReplace() {
|
|
this.$emit('dispatchDialog', { name: 'modifyingTask', params: {} })
|
|
},
|
|
// 删任务
|
|
handleDeleteTask() {
|
|
this.$emit('dispatchDialog', { name: 'deleteTask', params: {} })
|
|
},
|
|
// 改车次号
|
|
handleModifyingTripNumber() {
|
|
this.$emit('dispatchDialog', { name: 'modifyingTripNumber', params: {} })
|
|
},
|
|
// 确定修改
|
|
commit() {
|
|
this.doClose();
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
@import "src/styles/mixin.scss";
|
|
|
|
.view-button {
|
|
display: list-item;
|
|
width: 150px !important;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
|
|
.view-label {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
|
|
.view-box {
|
|
padding: 10px 0px;
|
|
border: 1px inset gray;
|
|
border-top: 1px outset gray;
|
|
border-left: 1px outset gray;
|
|
}
|
|
|
|
/deep/ {
|
|
.el-row {
|
|
margin: 5px 20px;
|
|
}
|
|
}
|
|
</style> |