felicity-lims/webapp/views/inventory/InvAdjustments.tsx

import { defineComponent, ref } from 'vue';
import DataTable from '../../components/datatable/DataTable.vue';

const InventoryAdjustments = defineComponent({
  name: 'stock-adjustments',
  setup(props, ctx) {
    const tableColumns = ref([
      {
        name: 'UID',
        value: 'uid',
        sortable: true,
        sortBy: 'asc',
        defaultSort: true,
        showInToggler: false,
        hidden: true,
      },
      {
        name: 'ID',
        value: 'id',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Product',
        value: 'name',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Adjustment Type',
        value: 'issued',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Adjustment',
        value: 'to',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Date Adjusted',
        value: 'batch',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Remarks',
        value: 'size',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
      {
        name: 'Adjusted by',
        value: 'size',
        sortable: false,
        sortBy: 'asc',
        hidden: false,
      },
    ]);

    return {
      tableColumns,
    };
  },
  render() {
    return (
      <>
        <div></div>
        <DataTable
          columns={this.tableColumns}
          data={[]}
          toggleColumns={false}
          loading={false}
          paginable={false}
          pageMeta={{
            fetchCount: 10,
            hasNextPage: false,
            countNone: '',
          }}
          searchable={false}
          filterable={false}
          filterMeta={{
            defaultFilter: '',
            filters: [],
          }}
          selectable={false}
          allChecked={false}
        ></DataTable>
      </>
    );
  },
});

export { InventoryAdjustments };