index.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div class="container-header">
  3. <el-form :inline="true">
  4. <el-form-item label="工作人员姓名">
  5. <el-input v-model="searchKey" placeholder="请输入工作人员姓名" />
  6. </el-form-item>
  7. <el-form-item>
  8. <el-button @click="handleSearch">搜索</el-button>
  9. </el-form-item>
  10. <el-form-item>
  11. <el-button plain @click="resetSearchKey">重置</el-button>
  12. </el-form-item>
  13. <el-form-item>
  14. <el-button type="primary" @click="handleInsert">导入</el-button>
  15. </el-form-item>
  16. </el-form>
  17. </div>
  18. <div class="container-main">
  19. <el-table style="width: 100%" :data="list" @row-click="handleRowClick">
  20. <!-- 年度、月份、导入时间、人员类型(excel 导入)、身份证号码、银行卡号、银行、单位、应发工资合计、扣发工资合计、实发工资合计 -->
  21. <el-table-column prop="supplierName" label="年度" />
  22. <el-table-column prop="contactPerson" label="月份" />
  23. <el-table-column prop="contactPhone" label="导入时间" />
  24. <el-table-column prop="unitAddress" label="人员类型" />
  25. <el-table-column prop="unitAddress" label="身份证号码" />
  26. <el-table-column prop="unitAddress" label="银行卡号" />
  27. <el-table-column prop="unitAddress" label="银行" />
  28. <el-table-column prop="unitAddress" label="单位" />
  29. <el-table-column prop="unitAddress" label="应发工资合计" />
  30. <el-table-column prop="unitAddress" label="扣发工资合计" />
  31. <el-table-column prop="unitAddress" label="实发工资合计" />
  32. </el-table>
  33. <el-pagination
  34. background
  35. layout="prev, pager, next"
  36. :total="total"
  37. style="margin-top: 20px"
  38. :hide-on-single-page="true"
  39. @current-change="handleCurrentChange"
  40. />
  41. </div>
  42. </template>
  43. <script lang="ts" scoped></script>
  44. <style lang="scss" scoped>
  45. @import './index.scss';
  46. </style>