<template>
  <div class="table-box">
    <ProTable :config="config" :data="tabledata" :showPagination="false" :showToolBar="true">
      <template #left_buttons>
        <!-- <el-button type="primary">下载申请 </el-button> -->
        <el-button type="primary">审批 </el-button>
        <!-- <el-button type="primary">下载 </el-button>
        <el-button type="primary">批量修复上传 </el-button> -->
      </template>
    </ProTable>
  </div>
</template>

<script setup name="systemLog" lang="jsx">
  import { computed } from 'vue';
  import { reactive, ref } from 'vue';
  const tabledata = ref([]);
  const config = computed(() => {
    return {
      columns: [
        { type: 'checkbox', width: 50 },
        { type: 'seq', width: 50 },
        {
          field: 'code',
          title: '联系人姓名',
          search: { el: 'input', props: { clearable: true } },
        },
        {
          field: 'code',
          title: '与债权人关系',
          search: { el: 'input', props: { clearable: true } },
        },
        {
          field: 'code',
          title: '号码类型',
          search: { el: 'input', props: { clearable: true } },
        },
      ],
    };
  });
  tabledata.value = [
    { name: 'admin', code: 'admin', role: 'superadmin', num: 1 },
    { name: 'account1', code: 'account1', role: 'user', num: 1 },
    { name: 'account2', code: 'account2', role: 'user', num: 1 },
    { name: 'account3', code: 'account3', role: 'user', num: 1 },
  ];
</script>
