90 lines
2.6 KiB
Vue
90 lines
2.6 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>
|