rt-sim-training-client/src/views/planMonitor/newEditTool/menus/modifyingRouting.vue
2020-08-19 09:03:27 +08:00

90 lines
2.7 KiB
Vue

<template>
<el-dialog
v-dialogDrag
class="planEdit__tool modifying-routing"
:title="title"
:visible.sync="dialogShow"
width="800px"
:before-close="doClose"
:z-index="2000"
:modal="false"
:close-on-click-modal="false"
>
<div style="margin: 10px">
<el-row>
<el-col :span="8">
<span style="position:relative; left: 12px; top: 9px">{{ $t('planMonitor.modifying.time') }}</span>
<div style="border: 1px solid #ADA99A">
<el-radio-group v-model="timeType" style="margin: 10px">
<el-row style="margin: 5px 0px">
<el-radio :label="1">{{ $t('planMonitor.modifying.startStationTips') }}</el-radio>
</el-row>
<el-row style="margin: 5px 0px">
<el-radio :label="2">{{ $t('planMonitor.modifying.endStationTips') }}</el-radio>
</el-row>
</el-radio-group>
</div>
</el-col>
</el-row>
<el-row style="margin-top: 20px">
<el-table :data="routeDate" border style="width: 100%" height="120">
<el-table-column prop="beginStationCode" :label="$t('planMonitor.modifying.startStationTitle')" />
<el-table-column prop="beginStationStandCode" :label="$t('planMonitor.modifying.startedStation')" />
<el-table-column prop="endStationCode" :label="$t('planMonitor.modifying.endStationTitle')" />
<el-table-column prop="endStationStandCode" :label="$t('planMonitor.modifying.endedStation')" />
<el-table-column prop="describe" :label="$t('planMonitor.modifying.description')" width="250" />
</el-table>
</el-row>
<el-row type="flex" justify="center" class="button-group">
<el-button @click="handleCommit">{{ $t('global.confirm') }}</el-button>
<el-button @click="doClose">{{ $t('global.cancel') }}</el-button>
</el-row>
</div>
</el-dialog>
</template>
<script>
export default {
name: 'ModifyingRouting',
components: {
},
data() {
return {
dialogShow: false,
loading: false,
timeType: '1',
routeDate: []
};
},
computed: {
title() {
return this.$t('planMonitor.modifying.modifyTaskRoute');
}
},
mounted() {
},
methods: {
doShow() {
this.dialogShow = true;
},
doClose() {
this.loading = false;
this.dialogShow = false;
},
handleCommit() {
}
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "src/styles/mixin.scss";
/deep/ {
.el-button {
margin-left: 30px !important;
margin-right: 30px !important;
}
}
</style>