<template>
  <el-dialog
    v-dialogDrag
    class="beijing-01__schedule delete-task"
    :title="title"
    :visible.sync="dialogShow"
    width="400px"
    :before-close="doClose"
    :z-index="2000"
    :modal="false"
    :close-on-click-modal="false"
  >
    <el-row>
      <el-radio v-model="type" :label="1">删除以前所有任务（包含本任务）</el-radio>
    </el-row>
    <el-row>
      <el-radio v-model="type" :label="2">删除以后所有任务（包含本任务）</el-radio>
    </el-row>
    <el-row type="flex" justify="center" class="button-group">
      <el-button @click="handleCommit">确 定</el-button>
      <el-button @click="doClose">取 消</el-button>
    </el-row>
  </el-dialog>
</template>

<script>

export default {
	name: 'DeleteTask',
	components: {
	},
	data() {
		return {
			dialogShow: false,
			loading: false,
			tripNumber: '',
			serviceNumber: '',
			type: '1'
		};
	},
	computed: {
		title() {
			return '删除任务';
		}
	},
	mounted() {
	},
	methods: {
		doShow(params) {
			this.tripNumber = params.tripNumber;
			this.serviceNumber = params.serviceNumber;
			this.dialogShow = true;
		},
		doClose() {
			this.loading = false;
			this.dialogShow = false;
		},
		handleCommit() {
			// this.tripNumber
			this.doClose();
		}
	}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
    @import "src/styles/mixin.scss";

    /deep/ {
        .el-row {
            margin: 10px;
        }
    }
</style>
