<template>
  <el-table v-loading="loading" stripe border :data="tableList">
    <el-table-column label="序号" type="index" />
    <el-table-column label="设置天数" prop="roleName" align="center" />
    <el-table-column label="操作" align="center">
      <template slot-scope="scope">
        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row,1)">删除
        </el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  //import引入组件才能使用
  props: {},
  components: {},
  data() {
    return {
      loading: false,
      tableList: [{
        date: '2016-05-03',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-02',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-08',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-06',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-07',
        name: '王小虎',
        roleName: '上海市普陀区金沙江路 1518 弄'
      }]
    };
  },
  // 计算属性
  computed: {},
  // 监听data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    getTableList() {

    },
    handleDel() {
      this.$confirm('您确定删除吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$sm('删除成功！')
        this.getTableList()
      })
    },
  },
  // 生命周期，创建完成时（可以访问当前this实例）
  created() {

  },
  // 生命周期：挂载完成时（可以访问DOM元素）
  mounted() {

  },
}
</script>
<style scoped>
</style>