删除员工

src/api/employees.js

@@ -15,3 +15,13 @@ export function getEmployeeList(params) {
     params
   })
 }
+
+/**
+ * 删除员工接口
+ * ****/
+export function delEmployee(id) {
+  return request({
+    url: `/sys/user/${id}`,
+    method: 'delete'
+  })
+}

src/views/employees/index.vue

@@ -29,13 +29,13 @@
             </template>
           </el-table-column>
           <el-table-column label="操作" fixed="right" width="280">
-            <template>
+            <template slot-scope="{row}">
               <el-button type="text" size="small">查看</el-button>
               <el-button type="text" size="small">转正</el-button>
               <el-button type="text" size="small">调岗</el-button>
               <el-button type="text" size="small">离职</el-button>
               <el-button type="text" size="small">角色</el-button>
-              <el-button type="text" size="small">删除</el-button>
+              <el-button type="text" size="small" @click="delEmployee(row.id)">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -49,7 +49,7 @@
 </template>
 
 <script>
-import { getEmployeeList } from '@/api/employees'
+import { getEmployeeList, delEmployee } from '@/api/employees'
 import EmployeeEnum from '@/api/constant/employees'
 export default {
   data() {
@@ -86,6 +86,17 @@ export default {
       const obj = EmployeeEnum.hireType.find(item => item.id === cellValue)
       // 把需要的格式return出去
       return obj ? obj.value : '未知'
+    },
+    // 删除员工
+    async delEmployee(id) {
+      try {
+        await this.$confirm('确定删除该员工吗?')
+        await delEmployee(id)
+        this.getEmployeeList()
+        this.$message.success('删除员工成功')
+      } catch (err) {
+        console.log(err)
+      }
     }
   }
 }