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

Posted 2022-12-02 JEECG官方博客

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了企业级低代码平台Jeecgboot3.4.2及3.4.3版本新功能介绍相关的知识，希望对你有一定的参考价值。

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

3.4.2版本新功能：

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

二、系统消息功能优化

1. 优化系统消息弹框风格

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

1. 支持弹出通知详情

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

1. 支持直接打开业务单据

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

1. 支持标星

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

1. 支持查询

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

四、快速定位方法

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

五、表单支持右侧嵌入评论区、附件区

1. 效果

2. 用法

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

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

<template>
  <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="896" @ok="handleSubmit">
    <a-row>
      <a-col :span="17"><BasicForm @register="registerForm"/></a-col>
      <a-col :span="7"><CommentPanel :data-id="dataid" table-name="test_single"/></a-col>
    </a-row>
  </BasicModal>
</template>

<script lang="ts" setup>
....省略其他代码
//引入评论区组件
import CommentPanel from '/@/components/jeecg/comment/CommentPanel.vue'
//定义数据id
const dataid = ref('');

//表单赋值
const [registerModal, setModalProps, closeModal] = useModalInner(async (data) => 
  //重置表单
  await resetFields();
  setModalProps(confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter);
  isUpdate.value = !!data?.isUpdate;
    if (unref(isUpdate)) 
       //表单赋值
       //为数据id赋值
       dataid.value = data.record.id
       await setFieldsValue(
                ...data.record,
        );
     
    // 隐藏底部时禁用整个表单
    setProps( disabled: !data?.showFooter )
);
....省略其他代码

六、消息模板新增Markdown类型

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

使用方式

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