<template>
  <div >
    <div class="content">
      <dataTable :table-data="tableData" :columns="columns" :page-obj="pageObj" :breads="breads" :checklist="checklist">
        <el-table-column slot="operate" label="操作" align="center" fixed="right" width="100">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="examine(scope.row)">审核</el-button>
          </template>
        </el-table-column>
      </dataTable>
    </div>
  </div>
</template>

<script>
import dataTable from '@components/dataTable.vue'
export default {
  name: 'bondList',
  components: {
    dataTable
  },
  data() {
    return {
      checklist: [{
        title: '单位名称',
        type: 'input',
        model: 'company'
      },
      {
        title: '投标项目',
        type: 'input',
        model: 'project'
      }, {
        title: '缴费情况',
        type: 'select',
        selectlist: [{
          value: '1',
          label: '已缴费'
        }, {
          value: '2',
          label: '待修改'
        },
        {
          value: '3',
          label: '待审核'
        }],
        change: row => '',
        model: 'state'
      },
      {
        title: '审核日期',
        type: 'timeRange',
        model: 'date'
      }
      ],		
      breads: ['费用管理', '投标保证金缴纳管理'],
      tableData: [{
        company: '腾讯',
        project: '育才小学大楼',
        person: '马小跳',
        phone: '178467467',
        email: '178467467',
        date: '2017-10-01 12：00',
        state: '已缴费'
      }, {
        company: '腾讯',
        project: '育才小学大楼',
        person: '马小跳',
        phone: '178467467',
        email: '178467467',
        date: '2017-10-01 12：00',
        state: '待修改'
      }, {
        company: '腾讯',
        project: '育才小学大楼',
        person: '马小跳',
        phone: '178467467',
        email: '178467467',
        date: '2017-10-01 12：00',
        state: '待审核'
      }, {
        company: '腾讯',
        project: '育才小学大楼',
        person: '马小跳',
        phone: '178467467',
        email: '178467467',
        date: '2017-10-01 12：00',
        state: '未缴费'
      }],
      columns: [{
        label: '单位名称',
        prop: 'company'
      },
      {
        label: '投标项目',
        prop: 'project'
      },
      {
        label: '联系人',
        prop: 'person'
      },
      {
        label: '手机',
        prop: 'phone'
      },
      {
        label: '邮件',
        prop: 'email'
      },
      {
        label: '提交审核时间',
        prop: 'date',
        sortable: true
      },
      {
        label: '状态',
        prop: 'state'
      },
      {
        slot: 'operate'
      }
      ], // 操作列
     
      pageObj: {
        size: 10,
        total: 1,
        currentPage: 1,
        sizes: [100, 200, 300],
        func: (currentPage) => {
          this.pageTurning(currentPage)
        }
      }
    }
  },
  methods: {
   
  }
}
</script>

<style scoped>
	
</style>
