当管理员设置了离职人员工作流程交接人员，点击弹窗页面确定按钮之后，需要发送Ajax请求给后端Java项目。Java项目会修改员工的状态，并且调用工作流项目，设置离职员工审批任务的替代人员。
一、编写emos-api代码
1. 回顾SQL语句
在TbUserDao.xml文件中，声明了修改员工信息的SQL语句，其中就包括了修改员工状态字段，所以我们就不需要再另写SQL语句了。
<update id="update" parameterType="HashMap">
UPDATE tb_user
SET
<if test="username!=null and password!=null">
username = #{username},
password = HEX(AES_ENCRYPT(#{password},#{username})),
</if>
<if test="name!=null">
name = #{name},
</if>
<if test="sex!=null">
sex = #{sex},
</if>
<if test="tel!=null">
tel = #{tel},
</if>
<if test="email!=null">
email = #{email},
</if>
<if test="hiredate!=null">
hiredate = #{hiredate},
</if>
<if test="role!=null">
role = #{role},
</if>
<if test="root!=null">
root = #{root},
</if>
<if test="deptId!=null">
dept_id = #{deptId},
</if>
<if test="status!=null">
status = #{status},
</if>
id=id
WHERE id=#{userId}
</update>
2. 定义异步任务类，调用工作流项目
在com.example.emos.api.task包中创建UserWorkflowTask.java异步任务类，调用工作流项目。
@Component
@Slf4j
public class UserWorkflowTask {
@Value("${emos.code}")
private String code;
@Value("${emos.tcode}")
private String tcode;
@Value("${workflow.url}")
private String workflow;
@Async("AsyncTaskExecutor")
public void turnTask(int userId, int assigneeId) {
HashMap param = new HashMap() {{
put("code", code);
put("tcode",tcode);
put("userId", userId);
put("assigneeId", assigneeId);
}};
String url = workflow + "/workflow/turnTask";
HttpResponse resp = HttpRequest.post(url).header("Content-Type", "application/json")
.body(JSONUtil.toJsonStr(param)).execute();
if (resp.getStatus() != 200) {
log.error(resp.body());
throw new EmosException("调用工作流失败");
}
}
}
3. 编写业务层代码
在com.example.emos.api.service包UserService.java接口中，声明抽象方法。
public interface UserService {
……
public int dimiss(int userId, int assigneeId);
}
在com.example.emos.api.service.impl包UserServiceImpl.java类中，实现抽象方法。
@Service
public class UserServiceImpl implements UserService {
……
@Override
public int dimiss(int userId, int assigneeId) {
//修改员工状态
HashMap param = new HashMap() {{
put("userId", userId);
put("status", 2);
}};
int rows = userDao.update(param);
if (rows != 1) {
throw new EmosException("设置员工离职状态失败");
}
//设置接管工作的代理人
userWorkflowTask.turnTask(userId, assigneeId);
return rows;
}
}
4. 编写Web层代码
在com.example.emos.api.controller.form包创建DimissForm.java类。
@Data
@Schema(description = "设置员工离职表单")
public class DimissForm {
@NotNull(message = "userId不能为空")
@Min(value = 1, message = "userId不能小于1")
private Integer userId;
@NotNull(message = "assigneeId不能为空")
@Min(value = 1, message = "assigneeId不能小于1")
private Integer assigneeId;
}
在com.example.emos.api.controller包UserController.java类中，声明Web方法。
@RestController
@RequestMapping("/user")
@Tag(name = "UserController", description = "用户Web接口")
public class UserController {
……
@PostMapping("/dimiss")
@Operation(summary = "员工辞职")
@SaCheckPermission(value = {"ROOT", "USER:UPDATE"}, mode = SaMode.OR)
public R dimiss(@Valid @RequestBody DimissForm dimissForm) {
if (dimissForm.getUserId().intValue() == dimissForm.getAssigneeId().intValue()) {
throw new EmosException("userId和assigneeId不能相等");
}
int rows = userService.dimiss(dimissForm.getUserId(), dimissForm.getAssigneeId());
return R.ok().put("rows", rows);
}
}
二、编写emos-vue项目
在dimiss.vue页面中确定按钮的标签声明如下：
<template #footer>
<span class="dialog-footer">
<el-button size="medium" @click="visible = false">取消</el-button>
<el-button type="primary" size="medium" @click="dataFormSubmit">确定</el-button>
</span>
</template>
确定按钮点击事件的回调函数我们来实现一下，提交Ajax请求给后端Web方法。
dataFormSubmit: function() {
let that = this;
let data = {
userId: that.dataForm.userId,
assigneeId: that.dataForm.assigneeId
};
this.$refs['dataForm'].validate(valid => {
if (valid) {
// console.log(data);
that.$http('user/dimiss', 'POST', data, true, function(resp) {
if (resp.rows == 1) {
that.visible = false;
that.$message({
message: '操作成功',
type: 'success',
duration: 1200
});
that.$emit('refreshDataList');
} else {
that.$message({
message: '操作失败',
type: 'error',
duration: 1200
});
}
});
}
});
}