Day60(30)-F:\vs_ai_work\vue-tlias-management
ElementPlus
emp
员工管理
<div class="container">
<el-button type="primary" @click="addEmp">+新增员工</el-button>
<el-button type="danger" @click="deleteByIds">-批量删除</el-button>
</div>
<div class="comtainer">
<el-table :data="empList" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column prop="name" label="姓名" width="120" align="center" />
<el-table-column prop="gender" label="性别" width="120" align="center" >
<template #default="scope">
{{ scope.row.gender==1?'男':'女' }}
</template>
</el-table-column>
<el-table-column prop="image" label="头像" width="120" align="center" >
<template #default="scope">
<img :src="scope.row.image" alt="" height="40px">
</template>
</el-table-column>
<el-table-column prop="deptName" label="所属部门" width="120" align="center" />
<el-table-column prop="job" label="职位" width="120" align="center" >
<template #default="scope">
<span v-if="scope.row.job==1">班主任</span>
<span v-if="scope.row.job==2">讲师</span>
<span v-if="scope.row.job==3">学工主管</span>
<span v-if="scope.row.job==4">教研主管</span>
<span v-if="scope.row.job==5">咨询师</span>
<span v-else>其他</span>
</template>
</el-table-column>
<el-table-column prop="entryDate" label="入职日期" width="180" align="center" />
<el-table-column prop="updateTime" label="最后操作时间" width="200" align="center" />
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button type="primary" size="small" @click="edit(scope.row.id)"><el-icon><EditPen /></el-icon>编辑</el-button>
<el-button type="danger" size="small" @click="deleteById(scope.row.id)"><el-icon><DeleteFilled /></el-icon>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="container">
<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"
/>
</div>
<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>
<span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="save">保存</el-button>
</span>
</template>
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);
//删除
export const deleteApi = (ids) =>request.delete(/emps?ids=${ids});
login
Tlias智能学习辅助系统
<el-button class="button" type="primary" @click="login">登 录
<el-button class="button" type="info" @click="clear">重 置
login.js
import request from "@/utils/request";
//登录
export const loginApi = (data) =>request.post("/login",data);

浙公网安备 33010602011771号