nbcio-vue升级迁移flowable到最新的jeeg-boot-vue3的问题记录（二）

因为这个项目license问题无法开源，更多技术支持与服务请加入我的知识星球。

8、用生成的代码修改api与列表字段，但还是显示不出来，api获取数据是正常的

使用BasicTable的api的时候，调用的api不能

// 我的发起的流程
export const myProcessList = (params: any) => defHttp.get({ url: Api.myProcessList, params },{ isTransformResponse: false });

只能是用，否则会显示不出数据来

// 我的发起的流程
export const myProcessList = (params: any) => defHttp.get({ url: Api.myProcessList, params });

9、对于BasicTable的表格显示，对于个性化的显示，主要在下面加上自己需要的个性化处理就可以了。

<template #bodyCell="{ column, record, index, text }">
        <label v-if="column.key === 'rowIndex'">{{index+1}}</label>
        <a-tag color="blue" v-if="column.key === 'procDefVersion'">V{{ record.procDefVersion }}</a-tag>
        <a-tag color="blue" v-if="column.key === 'finishTime' && record.finishTime == null" >进行中</a-tag>
        <a-tag color="green" v-if="column.key === 'finishTime' &&  record.finishTime != null">已完成</a-tag>
        <label v-if="column.key === 'assigneeName' && record.assigneeName">{{record.assigneeName}} <el-tag type="info" size="small">{{record.deptName}}</el-tag></label>
        <label v-if="column.key === 'assigneeName' && record.candidate">{{record.candidate}}</label>
      </template>

效果如下：

10、在需要用element相关组件的地方还是需要导入它的样式，否则会出现样式不对的现象，包括相应的图标，如下：

  import 'element-plus/dist/index.css'
  import 'element-plus/theme-chalk/display.css'
  import { Search, Refresh } from '@element-plus/icons-vue'

11、原先vue2里的<template slot-scope="scope">需要修改成<template #default="scope">

12、后端接口写法不一样的，需要做一些特殊处理

比如下面的后端请求接口

@ApiOperation(value = "获取下一节点的通用同意拒绝排它网关")
    @PostMapping(value = "/nextApprovedEG")
    public Result nextApprovedEG(@RequestParam(name="taskId",required=true) String taskId) {
        return Result.OK(flowTaskService.getNextApprovedExclusiveGateway(taskId));
    }

前端的写法需要修改如下，需要增加joinParamsToUrl: true：

// 下一个节点 是否是通用同意拒绝排它网关，这个要做特殊处理
export const nextApprovedEG = (params: any) => defHttp.post(
{
  url: Api.nextApprovedEG, params
},
{
  isTransformResponse: false, joinParamsToUrl: true
});

13、样式调整

el-tabs这些有些样式需要穿透，如下面流转记录，本来是左边没有间距，需要调整

必须要穿透才可以，如下

:deep(.el-tabs__item)  {
  left: 30px;
}