<template>
  <div class="eContainer-todo">
    <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
      <el-tab-pane label="待办列表" name="todoList">
        <c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
      </el-tab-pane>
      <el-tab-pane label="未完成列表" name="unfinishedList">
        <c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
      </el-tab-pane>
      <el-tab-pane label="已完成列表" name="finishedList">
        <c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
      </el-tab-pane>
      <el-tab-pane label="带申报列表" name="dsbList">
        <c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
      </el-tab-pane>
    </c-tabs>
  </div>
</template>

<script>
export default {
  name: "Todo",
  data() {
    return {
      tabVal: "todoList",
      tableColumns: [
        { label: "业务编号", prop: "" },
        { label: "交易名称", prop: "" },
        { label: "客户名称", prop: "" },
        { label: "币种", prop: "" },
        { label: "金额", prop: "" },
        { label: "交易创建时间", prop: "" },
        { label: "任务分配时间", prop: "" },
        { label: "机构类型", prop: "" },
        { label: "交易优先级别", prop: "" },
      ],
      tableData: [],
    };
  },
  methods: {
    tabClick() {},
  },
};
</script>

<style scoped>
.eContainer-todo {
  padding: 20px;
}
</style>
