<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>
