上传

src/views/Pers/Employee/index.vue

@@ -2,7 +2,7 @@
   <div>
     <el-form :model="searchForm" inline>
       <el-form-item>
-        <el-input v-model="searchForm.name" placeholder="请输入员工姓名" />
+        <el-input v-model="searchForm.name" placeholder="请输入员工姓名" clearable />
       </el-form-item>
       <el-form-item>
         <el-radio-group v-model="searchForm.status">
@@ -25,11 +25,11 @@
 
     <el-table v-loading="loading" :data="tableList" border stripe>
       <el-table-column type="index" width="50" />
-      <el-table-column label="用户姓名" prop="nickname" />
-      <el-table-column label="职位" prop="job" />
+      <el-table-column label="用户姓名" prop="name" />
+      <el-table-column label="职位" prop="post" />
       <el-table-column label="手机号码" prop="mobile" width="120" />
-      <el-table-column label="考勤方案" />
-      <el-table-column label="已开通系统" />
+      <el-table-column label="考勤方案" prop="attendanceSettingName" />
+      <el-table-column label="已开通系统" prop="instanceName" />
       <el-table-column label="在职状态" key="status" width="150">
         <template #default="scope">
           <el-switch
@@ -74,6 +74,12 @@
 
 <script name="OAEmployee" setup>
 import DialogEmployee from './Comp/DialogEmployee.vue'
+import { removeNullField } from '@/utils'
+import * as EmployeeApi from '@/api/pers/employee'
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
 const searchForm = ref({
   name: undefined,
   status: 0,
@@ -98,10 +104,9 @@ const total = ref(0)
 const getList = async () => {
   loading.value = true
   try {
-    tableList.value = [{ status: 0 }]
-    // const data = await UserApi.getUserPage(queryParams)
-    // tableList.value = data.list
-    // total.value = data.total
+    const data = await EmployeeApi.getEmployeePage(removeNullField(searchForm.value))
+    tableList.value = data.list
+    total.value = data.total
   } finally {
     loading.value = false
   }
@@ -118,12 +123,13 @@ const handleStatusChange = async (row) => {
   try {
     // 修改状态的二次确认
     const text = row.status === 0 ? '启用' : '停用'
-    await message.confirm('确认要"' + text + '""' + row.nickname + '"用户吗?')
+    await message.confirm('确认要"' + text + '""' + row.name + '"用户吗?')
     // 发起修改状态
-    await UserApi.updateUserStatus(row.id, row.status)
+    await EmployeeApi.updateEmployeeStatus({ id: row.id, status: row.status })
     // 刷新列表
     await getList()
-  } catch {
+  } catch (err) {
+    console.log(err)
     // 取消后，进行恢复按钮
     row.status = row.status === 0 ? 1 : 0
   }
@@ -135,7 +141,7 @@ const handleDelete = async (id) => {
     // 删除的二次确认
     await message.delConfirm()
     // 发起删除
-    await UserApi.deleteUser(id)
+    await EmployeeApi.deleteEmployee(id)
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()