企业级低代码平台Jeecgboot3.4.2及3.4.3版本新功能介绍

zhangdaiscott

近期Jeecgboot新发布的3.4.2版本和3.4.3版本做了很多优化，也升级了很多新功能，下面就让我们来看一下都有哪些改变吧。

3.4.2版本新功能：

一、升级ant-design-vue到3.2.12版本、升级vite等前端依赖


二、系统消息功能优化

• 优化系统消息弹框风格
  

当有新消息时，添加右上角消息通知，会弹出系统消息

• 支持弹出通知详情
  

点击“查看详情”即可弹出通知消息详情

• 支持直接打开业务单据
  

当有流程通知或流程催办时可直接打开任务进行处理，

• 支持标星
  

重要的消息，我们可以进行标星操作，标星后可能标星消息中查看

• 支持查询
  

三、菜单列表支持通过菜单名模糊查询


四、快速定位方法

点击右上角搜索可快速定位到路由菜单进行操作

五、表单支持右侧嵌入评论区、附件区
1. 效果

2. 用法

• 示例中为online表单自动生成的代码，后端代码省略，前端代码结构如下图：
  

• 在“TestSingleModal.vue”表单中引入评论区组件
  

1. <template>
   
2.   <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="896" @ok="handleSubmit">
   
3.     <a-row>
   
4.       <a-col :span="17"><BasicForm @register="registerForm"/></a-col>
   
5.       <a-col :span="7"><CommentPanel :data-id="dataid" table-name="test_single"/></a-col>
   
6.     </a-row>
   
7.   </BasicModal>
   
8. </template>
   
9. 
   
10. <script lang="ts" setup>
    
11. ....省略其他代码
    
12. //引入评论区组件
    
13. import CommentPanel from '/@/components/jeecg/comment/CommentPanel.vue'
    
14. //定义数据id
    
15. const dataid = ref('');
    
16. 
    
17. //表单赋值
    
18. const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
    
19.   //重置表单
    
20.   await resetFields();
    
21.   setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
    
22.   isUpdate.value = !!data?.isUpdate;
    
23.     if (unref(isUpdate)) {
    
24.        //表单赋值
    
25.        //为数据id赋值
    
26.        dataid.value = data.record.id
    
27.        await setFieldsValue({
    
28.                 ...data.record,
    
29.         });
    
30.      }
    
31.     // 隐藏底部时禁用整个表单
    
32.     setProps({ disabled: !data?.showFooter })
    
33. });
    
34. ....省略其他代码

复制代码

六、消息模板新增Markdown类型

• 在“消息模板”中，新增或编辑时，模板类型选择“Markdown”即可使用markdown编辑器了。
  

• 使用方式
  

1. MessageDTO messageDTO = new MessageDTO();
   
2. messageDTO.setToAll(false);
   
3. messageDTO.setToUser(String.join(",", userList));
   
4. messageDTO.setTitle("【流程任务办理提醒】");
   
5. messageDTO.setFromUser("system");
   
6. messageDTO.setData(data);
   
7. //发送类型：
   
8. messageDTO.setType("XT");
   
9. messageDTO.setTemplateCode("消息模板编码");
   
10. baseApi.sendTemplateMessage(messageDTO);

复制代码

七、钉钉和企业微信推送支持markdown格式

• 钉钉效果展示
  

• 企业微信效果展示
  

3.4.3版本新功能：
一、Online 表单
1. 代码生成支持在线预览代码


2. 支持表单右侧评论区（留言、历史、附件）


3. online 子弹出表单维护


4. 支持 js 增强

• 首先自定义按钮，注意按钮编码
  

• 添加js增强，js中方法名称必须与自定义按钮编码一致
  

• 效果展示
  

点击“js增强button”会打印所选中数据id

5. 新版online表单详情界面优化

效果展示

6. 优化简化 Online 对接积木报表使用体验

• 开启后自动配置部分路径，只替换报表id即可
  

• 列表添加打印按钮，点击打印即可打开积木报表
  

7. 支持 popup

• 效果展示
  

• 配置方式
  

8. online 表单列表，操作列支持固定到最左侧

默认在最左侧，可通过设置固定到最右侧

9. online 表单样式优化，label超出4个字符省略显示


二、Online 报表
1. Online 报表新增选中导出