新建视图列表

# 新建视图列表

## 功能说明

通过 后台的 数据源 写 sql语句，将两个或者多个表 联成一个表，展示两个表的数据

制作视图列表涉及以下内容：

* 新建两个数据源表

* 新建数据源

### 创建数据源表

1、进入后台\>应用管理创建新应用

![](/media/202507//1751361413.5389323.png)

在创建应用界面填写以下内容：

* 应用名称：测试应用，也可自由输入（必填）

* 应用编码：同步应用名称自动输入

* 应用图标：自由选择应用图标（必选项）

* 应用排序：10，可以自由输入大于0的整数值（数值越大应用越靠前）

* 显示模式：web端、移动端全部显示，有4种模式根据实际场景任意选择

![](/media/202507//1751361413.544001.png)

点击确定应用创建成功

2、创建分组：点击新建分组，分组名称：绩效考核，可自由输入。点击保存分组创建成功

![](/media/202507//1751361413.5474153.png)

3、新建功能：点击“销售管理”后方“\+”进入“新建功能”界面，填写以下内容：

* 功能名称：可自由输入，例如“线索信息”（必填）

* 功能编码：无，可以不填（非必填项）

* 所属分组：默认“线索管理”

* 功能图标：自由选择功能图标（必选项）

* 功能类型：审批流程

* 显示模式：web端、移动端全部显示，有4种模式根据实际场景任意选择

点击确定，创建“线索信息”功能成功

再创建一个“合同订单”功能，步骤同上

4、表单设计：进入资产台账“表单设计”界面，添加表单功能：

![](/media/202507//1751361413.5506723.png)

设置成功后点击保存、发布，“线索信息”表单创建成功，“合同台账”创建表单步骤同上

![](/media/202507//1751361413.5539641.png)

### 新建数据源

1、进入后台\>数据源管理\>数据源，点击“新增数据源”，进入新增数据源界面，填入内容如下：

* 数据源名称：销售部门业绩总览，可自由输入（必填）

* 数据源描述：获取销售部门业绩，可以不填（非必填项）

* 数据源sql：SELECT uuid() ObjectID,0 ParentIndex,"" ParentObjectID,"" ParentPropertyName,a.xiaosfzr AS 销售负责人,a.kehxx 客户名称,DATE\_FORMAT(b.qianyrq,"%Y\-%m") 签单年月,SUM(hetje) 合同金额 FROM d\_CRM\_xsxx AS a

LEFT JOIN d\_htgl\_xsht AS b ON a.kehxx\=b.kehmc GROUP BY 销售负责人,客户名称,签单年月

==sql格式为：select \+a.(视图必须字段),a.表1字段 空格 对应字段标题,b.表2字段 空格 对应字段标题 form 表名1编码 as a,表名2编码 as b   where  a.表1字段\=b.表二字段==

需要显示哪些字段则将字段放在select后面，多个字段用英文逗号隔开

说明：查看表名编码和字段方法如下；

查看表名编码：在分组列表下点击功能名称后方编辑图标

![](/media/202507//1751361413.557891.png)

![](/media/202507//1751361413.5605273.png)

查看字段：进入表单设计界面\>基础组件\>查看字段属性

![](/media/202507//1751361413.5633268.png)

## 新建视图列表功能

1、进入功能新建功能界面\>点击新建视图列表，填入内容如下：

* 功能名称：销售部业绩（必填）

* 所属分组：选择“绩效考核”

* 功能图标：自由选择功能图标（必选项）

* 功能类型：视图列表

* 选择视图：销售部门业绩总览（必选项）

* 显示模式：web端、移动端全部显示，有4种模式根据实际场景任意选择

![](/media/202507//1751361413.5672936.png)

点击确定创建成功，进入表单设计界面

2、表单设计：

![](/media/202507//1751361413.5702765.png)

3、列表设置：点击“销售部业绩”（视图）列表设置\>列设置，将需要显示的列勾选上，点击保存即可

![](/media/202507//1751361413.5732255.png)

## 前台展示

在“线索管理”与“合同订单”表中填入数据；

![](/media/202507//1751361413.5762217.png)

![](/media/202507//1751361413.579092.png)

视图显示如下

![](/media/202507//1751361413.5820544.png)

## 小技巧

此处为语雀内容卡片，点击链接查看：<https://zhouju.yuque.com/iqi57r/lcp/dgqfof>