<template>
  <SearchHistoryLog @search="onSearch" />

  <TableHistoryLog />
</template>

<script setup>
import { computed } from 'vue';
import { useStore } from 'vuex';
import { getSendHistory } from 'apis';
import SearchHistoryLog from 'components/history/search-history-log.vue';
import TableHistoryLog from 'components/history/history-log-table.vue';

const store = useStore();
const currentDeviceId = computed(() => store.state.device.currentDeviceId); // 正在操作的设备的id
async function getData() {
  try {
    const params = {
      deviceId: currentDeviceId.value,
      status: 'DATA',
      type: 'EVENT',
    };
    const resData = await getSendHistory(params);
    console.log(resData);
  } catch (error) {
    console.error(error);
  }
}

getData();

function onSearch(event) {
  console.log(event);
}
</script>
