---
uuid: "bc108ee4-2bc7-475b-a441-27bd1b70ca3c"
type: "tutorial"
title: "订单工序流转报表"
sidebar_position: 25
description: "连接草料官方数据库，在百度Sugar中制作自定义可视化报表，实时查看各订单的最新进展和超期情况。详解开启官方数据库功能、连接Sugar并搭建报表的前提条件和操作流程。"
keywords:
  - 草料订单工序报表可视化
  - 草料二维码官方数据库连接
  - 百度Sugar连接草料数据
  - 订单进度可视化报表
  - BI工具对接超期订单
cl_old_blog_id: "68626"
cl_old_blog_url: "https://cli.im/help/68626"
last_update:
  date: "2025-09-04"
sidebar_class_name: "sidebar-item-hidden"
---
使用外部数据分析工具-百度Sugar，连接草料官方数据库，制作自定义可视化报表。

## 案例效果

可以快速查询各订单的最新进展、是否超期，关注那些即将超期的订单情况。[查看报表](https://sugar.aipage.com/report/r_1013e-4x3fqkxf-o5dj7p/d1d9f9022d0ed65e3f86828b55946306)

![file](https://blogcdnimg.clewm.net/2021/09/16316739515786_image-1631673950546.png)

[](javascript:;)

### 使用前须知

草料提供了`官方数据库功能`，平台里的码数据、表单数据、状态与计划数据等，实时同步到专属独立的阿里云数据库。使用外部的BI（数据分析）工具，连接此数据，就可以制作出各类想要的报表，高度自定义。

**由于涉及了基础的数据库（SQL）操作与BI工具操作，具有一定的使用门槛，使用前请掌握基础的操作能力。**

## 开启官方数据库

可以在登录草料后，后台左侧`数据管理`–`数据API` ，选择`官方数据库`（[前往使用](https://user.cli.im/opendata "前往使用")）。

![file](https://blogcdnimg.clewm.net/2024/04/image-1714370830843_17143708319878.png)

官方数据库申请成功后得到的数据库示例如下：

> 类型：MySQL 5.7
> 主机：rm-bp1m4fy8d66u3c6xmbo.mysql.rds.aliyuncs.com
> 端口：3306
> 数据库名：cli\_13268724（示例）
> 用户名：cli\_13268724（示例）
> 密码：ekiji17jd02jk9md（示例）

[](javascript:;)

## 使用BI工具制作报表/大屏

推荐使用`百度Sugar`，上面示例也是使用百度Sugar制作的。原因是价格便宜（推荐基础版：价格480元/年，还有60/年的大屏尝鲜版）、数据实时更新，还提供1个月的试用。用户可以自行前往官方Sugar官网注册账号学习和使用。

百度sugar 官网：[https://cloud.baidu.com/product/sugar.html](https://cloud.baidu.com/product/sugar.html)

百度sugar 操作文档：[https://cloud.baidu.com/doc/SUGAR/s/ek6z5wq34](https://cloud.baidu.com/doc/SUGAR/s/ek6z5wq34)

### 基本流程（以订单进展分析为例）

首先明确自己想要分析的目标，再去找对应的数据表。比如我想了解各订单的最新进展/状态，就知道有订单信息和订单的状态信息；再者了解派单明细和完成明细，就需要得到`各工序派单记录数据`和`各工序完成记录数据`。

![](https://blogcdnimg.clewm.net/2021/08/16296800938146_数据报表流程图.png)

### 准备数据

#### 连接数据库

选择类型：`Mysql 5.X`，填上来自草料官方数据的信息，添加即可。

![file](https://blogcdnimg.clewm.net/2021/09/16310663909227_image-1631066390727.png)

#### 创建数据模型

创建数据模型，从数据库中拖入需要的数据表。这里我们需要分析各订单生产状态情况，就需要 `code_state`这个表，同时关联上`template_codeinfo_90996580`来获取订单详细信息和`base_auth_msg`来获取填表人信息。[查看所有数据说明与常用数据模型](/help/integration-and-connection/data-api/official-database-guide)

**选择数据模型 — 拖入需要的数据表code\_state** [查看数据说明](/help/integration-and-connection/data-api/official-database-guide#42)

![file](https://blogcdnimg.clewm.net/2021/09/16316841291289_image-1631684128928.png)

![file](https://blogcdnimg.clewm.net/2021/09/16316840665564_image-1631684066349.png)

**拖入第二个数据表template\_codeinfo\_90996580** [查看数据说明](/help/integration-and-connection/data-api/official-database-guide#49)

设置表关联为内链接，条件是code\_id（因为只需要指定订单数据的状态就可以）

![file](https://blogcdnimg.clewm.net/2021/09/16316864575350_image-1631686456531.png)

**拖入第三个数据表base\_auth\_msg** 设置表关联为内链接，条件是auth\_id（填表人ID）

![file](https://blogcdnimg.clewm.net/2021/09/16316843329728_image-1631684332475.png)

#### 整理数据

需要完成以下工作：字段重命名、过滤不需要的数据（删除的码）、添加计算字段（是否超期），后一个可选。

![file](https://blogcdnimg.clewm.net/2021/09/16316843550112_image-1631684354693.png)

**添加数据筛选器(必需先去掉删除的码/记录)**

选择base\_codeinfo的状态，列表为`正常`，这里不需要已经被删除的码。（`推送的数据库中被删除的码、表单记录都在里面的，使用时务必筛选掉`）

![file](https://blogcdnimg.clewm.net/2021/09/16316844002520_image-1631684400062.png)

### 制作报表

Sugar支持报表与大屏，这里介绍报表的创建方法，大屏也是同理的。

这者区别在于，大屏是一屏显示，各图表可以精细编辑，用于大屏展示；报表是上下浏览，内容更多，便于内部分享分析。

#### 创建报表

![file](https://blogcdnimg.clewm.net/2021/08/16296806216547_image-1629680621463.png)

#### 制作图表

选择`图表/表格`，这里我选择了表格，来展示各订单的生产进展状态。

![file](https://blogcdnimg.clewm.net/2021/09/16316844334160_image-1631684433244.png)

**操作步骤**：

`选择数据模型` -> `拖入要展示的信息字段`

![file](https://blogcdnimg.clewm.net/2021/09/16316844442480_image-1631684444051.png)

再选择图表，这里我们再选择一个常用的柱状图，来显示各工序完成的订单数量分布

![file](https://blogcdnimg.clewm.net/2021/09/16316844546800_image-1631684454479.png)

**操作步骤**：

`选择数据模型` -> `拖入生产工序到X轴` \->`拖入记录数到Y轴`

![file](https://blogcdnimg.clewm.net/2021/09/16316895097002_image-1631689509066.png)

### 报表美化与筛选项设置

**添加筛选组件**：

筛选组件可以帮我们查看指定数据的情况，是报表中常用的组件。

![file](https://blogcdnimg.clewm.net/2021/09/16316845345405_image-1631684534196.png)

添加数据模型，选择数据字段

![file](https://blogcdnimg.clewm.net/2021/09/16316845505459_image-1631684550255.png)

勾选关联的图表，系统会自动给你关联上引用过此字段的图表。

![file](https://blogcdnimg.clewm.net/2021/09/16316847890983_image-1631684788728.png)

**报表设置**：

你可以插入更多的图表，对这些图表进行排版。

![file](https://blogcdnimg.clewm.net/2021/09/16316848477672_image-1631684847481.png)

### 分享使用

设置分享（发布）为`公开`，复制链接就可以去使用了。

![file](https://blogcdnimg.clewm.net/2021/09/16316848922801_image-1631684892054.png)

## 学习交流

> 在实际操作过程中可能会遇到各类问题，可以 [前往草料社区](https://cli.im/community/minihome/question/104 "前往草料社区") 查看相关问题或提问，与数据报表大牛互助交流，草料官方顾问和技术也会定期查看并回复