<template>
  <el-dialog
    v-dialogDrag
    class="planEdit__tool edit-station-between-time"
    :title="title"
    :visible.sync="dialogShow"
    width="320px"
    :before-close="doClose"
    :z-index="2000"
    :modal="false"
    :close-on-click-modal="false"
  >
    <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>
  </el-dialog>
</template>

<script>

export default {
    name: 'EditStationBetweenTime',
    components: {
    },
    data() {
        return {
            dialogShow: false,
            loading: false
        };
    },
    computed: {
        title() {
            return this.$t('planMonitor.modifying.modifyTwoStationTime');
        }
    },
    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";
</style>
