<script lang="ts" setup>
import { syncSendCmd } from 'apis/system'
import { onMounted, ref } from 'vue'

const pageNum = ref(1)
const pageSize = ref(10)

onMounted(() => {
  // 获取日志列表
  getAuditList()
})

const getAuditList = () => {
  const params = {
    className: 'AuditMgrService',
    fnName: 'getRecords',
    params: {
      page: pageNum.value,
      page_size: pageSize.value,
    },
  }
  syncSendCmd(params).then((res) => {
    console.log('audit === ', res)
  })
}
const tableData = ref()
const onExportRecord = () => {}
</script>

<template>
  <div class="dashboard-container">
    <main class="main-content">
      <div>
        <div class="audit-export">
          <bt-button
            type="primary"
            button-text="导出"
            @click="onExportRecord"
          />
        </div>
        <div>
          <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column type="selection" width="55" />
            <el-table-column prop="name" label="操作人"  />
            <el-table-column prop="content" label="操作内容" />
            <el-table-column prop="createTime" label="操作时间" />
          </el-table>
        </div>
      </div>
    </main>
  </div>
</template>

<style lang="scss" scoped>
.main-content{
  height: $main-container-height;
  overflow: hidden;
  background: $gradient-color;
  box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
  .audit-export{
    margin: 2vw;
  }
}
</style>
