|
|
@@ -1,6 +1,43 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <h1>薪资管理</h1>
|
|
|
+ <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">
|
|
|
+ <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 label="操作" width="200px">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button size="small" @click.stop="handleEdit(scope.row)">修改</el-button>
|
|
|
+ <el-button size="small" type="danger" @click.stop="handleDelete(scope.row)">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </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>
|
|
|
|
fuwb