<template>
  <el-table
      :data="hlsData"
      border
      style="width: 100%; margin-top: 20px"
  >
    <el-table-column prop="hlScoreId" label="ID" width="80" align="center" />
    <el-table-column prop="updateTime" label="评分时间" />
    <el-table-column prop="hlScore" label="健康度得分" width="200"  align="center" />
    <el-table-column label="操作" width="100" align="center">
      <template #default="scope">
        <el-button type="text" plain icon="Tickets">明细</el-button>
      </template>
    </el-table-column>
  </el-table>
  <pagination
      v-show="total>0"
      :total="total"
      v-model:page="params.pageNum"
      v-model:limit="params.pageSize"
      @pagination="getHlsData"
  />
</template>
<script setup lang="ts">
import {hlsList} from "@/api/hl/hlScore"
const props = defineProps(['modelId'])
const hlsData = ref([])
const total = ref(0)
const params=reactive({
  pageNum: 1,
  pageSize: 10,
})

watchEffect(()=>{
  getHlsData()
})



function getHlsData(){
  hlsList(props.modelId,params).then(res=>{
    hlsData.value = res.rows
    total.value = res.total
  })
}

</script>
<style scoped lang="scss">
</style>
