跳到主要内容

APP首页排版设计

支持版本号:version2.5+ 20210801

自定义配置支持首页菜单、登录页面、封面图、online表单、设计器表单以及APP相关的基础信息(注意:修改后配置想要立即生效需要APP端退出重新登录才能实现。默认配置信息缓存十分钟。哪如何让所有重点终端都生效呢? 临时方案,可以所有的token都失效,清空redis中的token)

1.APP基础配置

登录页面、logo图、轮播图

登录后台,点击表单设计 > APP智能设计,可以看到如下图页面

在配置信息的tab下面,可以设置app的标题、logo和首页的轮播图信息。配置完成后的app页面,如下

配置方式:

填写完成标题等信息后,点击下方保存按钮即可;

2.首页菜单配置

首页菜单图标、路由、online表单、设计器表单

2.1字段介绍

见下图:

2.2新增

点击图中的+号,右侧会切换到菜单配置tab,输入基本信息后,点击保存即可新增。

具体路由配置参见下方2.5路由配置

2.3编辑

单击具体的服务模块,信息会回显到右侧的form表单中,修改信息后,点击保存即可完成编辑。

2.4删除

双击任意服务模块,进入删除模式,所有服务模块右上角会显示删除标记,点击具体的模块的右上角删除标记,即可删除服务模块。再次双击任意服务模块后,回到正常模式。

2.5路由配置

方式一:手动输入路由名称。具体路由名称的获取方式如下:

APP端配置路由:

1:在page.json文件中配置好页面路径

2: 在router下的routes文件下配置路由地址和名称

3: 将路由name配置到下图位置即可

方式二:点击输入栏内后侧的操作按钮,弹出选择框,选择你要的表单即可

Tab1对应的是你创建的online表单

Tab2对应的是你创建的设计器表单

注意点:

online对接的路由配置格式:/app/online/表名 表单设计器对接的路由配置格式:/app/desform/表单编码 普通的路由配置的格式: APP端设置的路由名称

2.6是否开启

新增模块的状态默认是开启的,若果关闭后,左侧的菜单模块会置灰,在app端的页面上则不会显示该模块

2.7拖拽排版

拖动具体的服务模块,可以将它放到任意位置,来修改排版和布局,拖动完成后,点击下方保存排版按钮即可 切记:拖拽排序完后一定要点击保存排版按钮

3.首页布局如何切换

通过设置根目录下App.vue 页面配置的参数 isLocalConfig 默认为true,表示通过前端配置的数据来构建首页。
改为false,通过后台智能设计的数据来加载首页。