<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: "Own Reference" },
        { label: "交易名称", prop: "TRN" },
        { label: "客户名称", prop: "User" },
        { label: "币种", prop: "Cur" },
        { label: "金额", prop: "Relevant Amount" },
        { label: "交易创建时间", prop: "Entry" },
        // { label: "任务分配时间", prop: "" },
        { label: "机构类型", prop: "Branch" },
        { label: "交易优先级别", prop: "Status" },
      ],
      tableData: [
        {
          TRN: "BDTDCK",
          "Own Reference": "DD3500210260AA01",
          "Addtional Text": "GUONEI",
          Cur: "CNY",
          "Relevant Amount": "2000",
          Entry: "2021-12-13 17:01:14",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'ZL",
          Nam: "ZHL",
          Status: "Waiting",
          Branch: "押汇中心华北组",
        },
        {
          TRN: "BOTDCR",
          "Own Reference": "OC3500190001AA",
          "Addtional Text": "",
          Cur: "USD",
          "Relevant Amount": "10000",
          Entry: "2021-12-10 15:39:37",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'ZL",
          Nam: "ZHL",
          Status: "Waiting",
          Branch: "押汇中心华北组",
        },
        {
          TRN: "DITOPN",
          "Own Reference": "KZ3500210313AA",
          "Addtional Text": "8888.00 ZhangSan 2000007350 GUONEI",
          Cur: "CNY",
          "Relevant Amount": "8888",
          Entry: "2021-11-19 16:36:23",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
        {
          TRN: "DITOPN",
          "Own Reference": "KZ3500210312AA",
          "Addtional Text": "8888.00 ZhangSan 2000007350 GUONEI",
          Cur: "CNY",
          "Relevant Amount": "8888",
          Entry: "2021-11-19 16:02:33",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
        {
          TRN: "BDTUDP",
          "Own Reference": "DD3500210311AA01",
          "Addtional Text": "GUONEI",
          Cur: "CNY",
          "Relevant Amount": "4000",
          Entry: "2021-11-19 11:04:24",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
        {
          TRN: "DITDCK",
          "Own Reference": "DD3500210311AA01",
          "Addtional Text": "0.00 ZhangSan 2000007350 GUONEI",
          Cur: "CNY",
          "Relevant Amount": "4000",
          Entry: "2021-11-19 11:03:48",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
        {
          TRN: "DITOPN",
          "Own Reference": "KZ3500210311AA",
          "Addtional Text": "5000.00 ZhangSan 2000007350 GUONEI",
          Cur: "CNY",
          "Relevant Amount": "5000",
          Entry: "2021-11-19 11:00:13",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
        {
          TRN: "FCTCAN",
          "Own Reference": "CH3500200001AA",
          "Addtional Text": "",
          Cur: "USD",
          "Relevant Amount": "12000",
          Entry: "2021-11-19 09:35:13",
          Req: "OA",
          Sig: "O",
          Rq0: "NN",
          Rel0: "NN",
          Rq1: "NA",
          Rel1: "NN",
          Rq2: "NN",
          Rel2: "NN",
          User: "'MBF",
          Nam: "马宝富",
          Status: "Waiting",
          Branch: "北京分行",
        },
      ],
    };
  },
  methods: {
    tabClick() {},
  },
};
</script>

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