123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <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>
|