<template>
  <div v-loading="loading">
    <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
    <fvTable ref="tableIns" :tableConfig="tableConfig" :data="detailList" style="width: 100%">
      <template #empty>
        <el-empty description="暂无数据"/>
      </template>
    </fvTable>
  </div>
</template>

<script setup lang="jsx">
const searchConfig = reactive([
  {
    label: '项目名称',
    prop: 'projectName',
    component: 'el-input',
    props: {
      placeholder: '请输入项目名称查询',
      clearable: true,
      filterable: true,
      checkStrictly: true
    }
  },
  {
    label: '姓名',
    prop: 'researchPersonnel',
    component: 'el-input',
    props: {
      placeholder: '请输入姓名查询',
      clearable: true,
      filterable: true,
      checkStrictly: true
    }
  },
  {
    label: '起始时间',
    prop: 'time',
    component: 'el-date-picker',
    props: {
      placeholder: '请选择起始时间',
      clearable: true,
    },
    colProps: {}
  },
])
const tableConfig = reactive({
  columns: [
    {
      prop: 'projectName',
      label: '项目名称',
      align: 'center'
    },
    {
      prop: 'researchPersonnel',
      label: '研发人员',
      align: 'center'
    },
    {
      prop: 'wagesPayable',
      label: '应发工资',
      align: 'center'
    },
    {
      prop: 'performance',
      label: '绩效',
      align: 'center'
    },
    {
      prop: 'reserveFund',
      label: '公积金',
      align: 'center'
    },
    {
      prop: 'socialSecurity',
      label: '社保',
      align: 'center'
    },
    {
      prop: 'annuity',
      label: '年金',
      align: 'center'
    },
    {
      prop: 'workday',
      label: '工作日(天)',
      align: 'center'
    },
    {
      prop: 'researchDuration',
      label: '研发时长(天)',
      align: 'center'
    },
  ]
})
const tableIns = ref()
const props = defineProps({
  detailList: {
    type: Array,
    default: []
  },
  loading: {
    type: Boolean,
    default: false
  }
})
const search = (val) => {
  tableConfig.params = {...val}
  tableIns.value.refresh()
}
</script>

<style scoped>

</style>
