近期在七巧低代码实施交流群中的 Q&A

基于七巧低代码实施交付交流群近期的常见交流问题整理

一、自定义页面与组件

Q1:自定义移动端页面如何展示表单中的图片组件?

场景:在低代码自定义移动端页面中,需要展示表单里的图片组件内容。

解答:

  • 核心思路是拿到上传后的图片链接,然后在自定义页面中获取并渲染。

  • 如果是静态图片可以直接引用,动态表单查询的图片需要通过自定义函数动态获取数据,接口会返回图片 URL。

 

Q2:PC端如何实现文件上传功能?

解答:有两种实现方式:

方式一(推荐):使用平台内置的「文件上传」组件

  • 进入应用设计 → PC端设计,在左侧组件库的基础组件中找到「文件上传」组件拖拽使用

  • 可在属性面板配置上传地址、文件类型限制、最大文件大小、多选/单选等

方式二:在自定义页面(IDE)中使用 Element UI 的 el-upload

  • 支持自定义请求头、手动上传、预览等灵活逻辑

  • 需编写 Vue 代码,平台会自动注入 Element UI 组件库

 

Q3:PC页面如何使用表单组件?配置了没效果

解答:PC页面的表单详情组件需要搭配列表使用才能生效,不能单独使用。

 

 

二、表单JS与数据处理

Q4:人员多选组件如何回写接口返回的数据?

场景:在页面表单JS中,接口获取回来的数据是字符串数组,需要回写到人员多选组件。

解答:

  • 核心API是 this.context.form.setFormData()

  • 将接口返回的人员ID数组直接赋值给对应的人员多选字段即可

let userIdsFromApi = ['userid1', 'userid2', 'userid3'];
this.context.form.setFormData({
  '人员多选1': userIdsFromApi
});
  • 注意字段名要与表单设计器中设置的完全一致

 

Q5:接口返回的是account(账号),如何通过账号获取人员信息再回写到组件?

解答:分两步实现:

  1. 后端自定义函数:编写Groovy函数,接收账号数组,通过平台提供的用户查询API获取对应的人员ID

  2. 前端页面JS调用:通过 this.business.executeServiceAPI 调用上述自定义函数,再将返回的人员ID通过 setFormData 赋值给人员多选组件

 

Q6:金额字段 onChange 触发太频繁,输入一半就计算比例导致错误,如何做防抖处理?

解答:可以在表单JS中使用防抖(debounce)处理,延迟执行计算逻辑,等待用户输入完成后再触发运算。

 

Q7:列表新增按钮如何将当前记录的ID传入到新增页面的组件中?

解答:利用 window 全局对象或 sessionStorage 作为页面间的数据桥梁:

  1. 在列表页的点击事件中,先将ID存储到 window 对象或 sessionStorage

  2. 在新增页面的 mounted 事件中读取该值,并通过 setFormData 赋值给表单组件

  3. 使用完毕后清除全局变量,避免污染

 

 

三、打印与报表

Q8:不同租户环境下打印文件乱码,姓名和部门无法渲染

问题描述:在在客户新环境(同一七巧平台不同租户)打印文件乱码,只有日期变量正常。涉及姓名和部门的字段无法渲染。

原因分析:这是通讯录的问题——人员姓名和部门名称未获取到,与通讯录权限相关。

解决方案:

  • 检查通讯录是否已正确安装和配置

  • 确认数据是否在安装通讯录之前产生的

  • 往通讯录方向排查

 

Q9:通过CSS调整报表字体大小,如何只让第一列数据放大?

解答:可以通过移动端页面的CSS选择器精确定位第一列进行样式调整,不影响其他列的字体大小。

 

 

四、企业微信集成

Q10:如何在七巧中将消息推送切换到自建的企业微信应用?

问题描述:已在企微管理后台新建了应用并配置了七巧应用的地址,但消息推送仍通过【道一云七巧低代码】应用发送,想改成用新建的应用推送。

解答:

  • SaaS版本限制:受SaaS企业微信的限制,七巧SaaS版本不支持此功能,仅私有化版本支持

  • 私有化版本的配置路径:七巧管理平台 → 【数据&集成】→ 【第三方集成】→ 配置新建应用的 AgentId 和 Secret

 

Q11:七巧管理平台找不到【第三方集成】菜单

问题描述:在七巧管理平台的【数据&集成】页面内,不存在【第三方集成】菜单或类似功能。

可能原因:

  1. 操作权限不足:需要管理员账号才能看到

  2. 菜单位置差异:可能在【系统管理】→【第三方集成】下

  3. 版本差异:SaaS版本受企业微信限制,已取消此功能;仅私有化版本支持

 

 

五、CSS样式与界面定制

Q12:如何隐藏子表单填写时的"保存并添加下一条"按钮?

解答:通过CSS隐藏,注意去掉前面的 :root 前缀再试。

 

Q13:移动端待办右下角的加号能否去掉?

解答:该功能没有配置项可以关闭,可以尝试使用全局CSS进行调整。

 

 

六、自定义表单组件

Q14:自定义表单组件PC端支持 this.utils.loadScript,移动端提示没有这个函数

问题描述:同一份代码,PC端可以使用 this.utils.loadScript 加载第三方JS库,移动端提示没有这个函数。

原因:移动端没有传递 loadScript 这个工具函数的问题,已修复。

临时解决方案:

  1. 直接用原生JS加载第三方库(如动态创建 <script> 标签)

  2. 或者先在全局JS中加载,但要检查影响范围

  3. 如果自定义组件只在某一张表单使用,可以在表单的JS里面加,缩小范围

 

 

七、联动筛选与数据过滤

Q15:联动筛选如何实现部门过滤只查询本级,不包含下级部门?

问题描述:联动筛选配置之后会包含下级所有部门,希望实现类似全局过滤组织架构树那样可以选择是否包含下级部门的效果。

解答:目前配置效果就是包含下级所有部门,暂不支持只查本级。

 

 

十、其他问题

Q21:JS报错弹窗怎么排查是哪里引起的?

解答:检查全局JS是否有问题,或者查看报错信息中提示的是哪个JS的ID,定位到具体的JS文件后再排查。

 

 

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
发现低代码
发现低代码

普通

78 篇文章

作家榜 »

  1. 发现低代码 78 文章
  2. 七小妹 12 文章
  3. 你是猴子派来的吧 3 文章
  4. 七巧低代码 2 文章
  5. 低代码小刘 2 文章
  6. 七巧用户 0 文章
  7. 任光明 0 文章
  8. ljn 0 文章