Day59(29)-F:\vs_ai_work\vue-tlias-management

ElementPlus

<template #default="scope">





<template #default="scope">
班主任
讲师
学工主管
教研主管
咨询师
其他





<template #default="scope">
<el-button type="primary" size="small" @click="edit(scope.row.id)">编辑
<el-button type="danger" size="small" @click="">删除

​

<el-pagination
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[5,10, 20, 30, 50,75,100]"
:background="background"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​

​
​
​
​
​
​
​
​
​

​
​
​
​
​
​

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​

​
​
​
​
​ <el-upload
​ class="avatar-uploader"
​ action="/api/upload"
​ :show-file-list="false"
​ :on-success="handleAvatarSuccess"
​ :before-upload="beforeAvatarUpload"
​ >
​
​
​
​
​
​
​

​
​
​
​
​
​ <el-button type="success" size="small" @click="addExprItem">+ 添加工作经历
​
​
​
​
​
​
​
​
​
​
​

​
​
​
​
​

​
​
​
​
​

​
​
​ <el-button type="danger" @click="delExprItem(index)">- 删除
​
​
​
​
​
​

<template #footer>

<el-button @click="dialogVisible = false">取消
<el-button type="primary" @click="save">保存

emp.js

import request from "@/utils/request";

//查询员工列表数据

export const queryPageApi = (name,gender,begin,end,page,pageSize)=>

request.get(/emps?name=${name}&gender=${gender}&begin=${begin}&end=${end}&page=${page}&pageSize=${pageSize});

//新增

export const addApi = (emp)=> request.post('/emps',emp);

//根据ID查询部门数据

export const queryInfoApi = (id)=> request.get(/emps/${id});

//修改

export const updateApi = (emp)=> request.put('/emps',emp);

//删除