0


企业级低代码平台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);

七、钉钉和企业微信推送支持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 报表新增选中导出

标签: 低代码 vue.js 前端

本文转载自: https://blog.csdn.net/zhangdaiscott/article/details/127402352
版权归原作者 JEECG官方博客 所有, 如有侵权,请联系我们删除。

“企业级低代码平台Jeecgboot3.4.2及3.4.3版本新功能介绍”的评论:

还没有评论