<template>
  <div>
    <BasicTable style="flex: auto" @register="registerTable">
      <template #situationImg="{ record }">
        <TableImg
          :size="30"
          :showBadge="false"
          :simpleShow="true"
          :imgList="
            typeof record?.tkRepairOrderDTO?.situationImg !== 'undefined' && record?.tkRepairOrderDTO?.situationImg !== '' && record?.tkRepairOrderDTO?.situationImg != null
              ? [record?.tkRepairOrderDTO?.situationImg]
              : null
          "
        />
      </template>
    </BasicTable>
  </div>
</template>
<script setup lang="ts">
  import { BasicTable, useTable, TableImg } from '/@/components/Table';
  import { getRepairHistoryList } from '/@/api/repair/history';
  import { columns, searchFormSchema } from "./index"
  import { useI18n } from '/@/hooks/web/useI18n';
  const { t } = useI18n();
  const [
    registerTable,
    { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
  ] = useTable({
    title: t('repair.history.listText'),
    api: getRepairHistoryList,
    columns,
    formConfig: {
      labelWidth: 100,
      schemas: searchFormSchema,
    },
    immediate: true,
    useSearchForm: true,
    showTableSetting: true,
    bordered: true,
    showIndexColumn: false,
    clickToRowSelect: false,
    rowKey: 'id',
  });
</script>