<template>
  <div class="container-header">
    <el-form :inline="true">
      <el-form-item label="工作人员姓名">
        <el-input v-model="searchKey" placeholder="请输入工作人员姓名" />
      </el-form-item>
      <el-form-item>
        <el-button @click="handleSearch">搜索</el-button>
      </el-form-item>
      <el-form-item>
        <el-button plain @click="resetSearchKey">重置</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="handleInsert">导入</el-button>
      </el-form-item>
    </el-form>
  </div>
  <div class="container-main">
    <el-table style="width: 100%" :data="list" @row-click="handleRowClick">
      <!-- 年度、月份、导入时间、人员类型（excel 导入）、身份证号码、银行卡号、银行、单位、应发工资合计、扣发工资合计、实发工资合计 -->
      <el-table-column prop="supplierName" label="年度" />
      <el-table-column prop="contactPerson" label="月份" />
      <el-table-column prop="contactPhone" label="导入时间" />
      <el-table-column prop="unitAddress" label="人员类型" />
      <el-table-column prop="unitAddress" label="身份证号码" />
      <el-table-column prop="unitAddress" label="银行卡号" />
      <el-table-column prop="unitAddress" label="银行" />
      <el-table-column prop="unitAddress" label="单位" />
      <el-table-column prop="unitAddress" label="应发工资合计" />
      <el-table-column prop="unitAddress" label="扣发工资合计" />
      <el-table-column prop="unitAddress" label="实发工资合计" />
    </el-table>
    <el-pagination
      background
      layout="prev, pager, next"
      :total="total"
      style="margin-top: 20px"
      :hide-on-single-page="true"
      @current-change="handleCurrentChange"
    />
  </div>
</template>

<script lang="ts" scoped></script>

<style lang="scss" scoped>
@import './index.scss';
</style>
