1、添加薪资管理页面表格

client/src/views/OaSystem/searchCenter/salary/index.vue

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