<template>
  <div>
    <el-row type="flex" style="margin-top: 20px">
      <router-link to="">
        <el-button class="filter-item blue-black" type="primary">新增</el-button>
      </router-link>
    </el-row>
    <el-table :data="tableData" border style="width: 100%; margin-top: 20px" >
      <el-table-column prop="address" label="车主姓名" align="center"></el-table-column>
      <el-table-column prop="name" label="联系电话" align="center"></el-table-column>
      <el-table-column prop="province" label="IC卡号" align="center"></el-table-column>
      <el-table-column prop="city" label="车辆类型" align="center"></el-table-column>
      <el-table-column prop="date" label="车牌号" align="center"></el-table-column>
      <el-table-column prop="zip" label="地址" align="center"></el-table-column>
      <el-table-column prop="remarks" label="停放位置" align="center"></el-table-column>
      <el-table-column prop="remarks" label="过期时间" align="center"></el-table-column>
      <el-table-column prop="remarks" label="备注" align="center"></el-table-column>
      <el-table-column fixed="right" label="操作" align="center">
        <template scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
      </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(row) {
      console.log(row);
    }
  },

  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "1001",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: "-",
          remarks: "11111"
        }
      ]
    };
  }
};
</script>
