找回密码
 立即注册

QQ登录

只需一步,快速开始

ZenosZeng 讲师达人认证 悬赏达人认证

超级版主

299

主题

7874

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
13129

活字格认证圣诞拼拼乐微信认证勋章讲师达人元老葡萄悬赏达人

ZenosZeng 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-5-30 10:20  /   查看:3972  /  回复:1
本帖最后由 Lenka.Guo 于 2022-6-24 14:59 编辑

在我们规划规划卡片图之初,其中相当一部分需求来自制造业的需求,我们来看看制造业中有多少这样的需求:

系列文章:
产线看板:
image.png198162840.png

人员看板:
image.png476811828.png

工单看板:
image.png99549559.png

石油化工:
image.png186772765.png

电脑机看板:
image.png21722411.png

设备预警看板:
image.png696153869.png

系统容量看板:
image.png114172362.png

以上还只是制造业各种看板需求中的冰山一角,以下我们就以一个实际应用位列,来看看卡片图如何轻松实现这些千变万化的看板需求。

我们将以订单生产进度大屏为例,来看看从数据准备到卡片图设计的完整过程。

原始需求介绍:
image.png864195251.png

其中核心需求可以梳理为:
1、展示每笔订单的生产进度,各工序的完成情况;
2、展示订单基本信息,包括:销售单号、生产单号、客户名称、产品编码、产品名称、产品规格、实际计划、计划结束日期等;
3、订单生产进度(正在生产、暂停、未开始等),完成情况与计划相比的状态(延误、临期、正常等);
4、每个工序完成进度,每笔订单所需要的生产工序可能不同,需要动态加载每笔订单对应的工序和进度。

通过卡片图开发的结果如下:
image.png90606688.png

接下来我们就通过卡片图演示完整实现过程,文末也有完整工作可以直接导入使用。
1、准备和理解数据
数据包括【订单列表】和【生产列表】两部分,分别代表销售订单概要信息和该订单对应的所有生产工序进度情况:
image.png546693114.png

image.png770415954.png

2、创建数据源和数据集
image.png665699767.png

3、创建仪表板添加卡片图
image.png721592712.png

4、绑定卡片图分类字段
工单是以编号作为分类条件,也就是说每笔工单对应生产看板上的一条记录
image.png731260680.png

5、设计卡片图模板
点击【设计卡片模板】按钮进入卡片图的设计视图
image.png916523132.png

模板主要包括以下几个区域,对应的实现方法介绍如下:
image.png838726196.png

最终运营效果如下:
image.png791413574.png

完整工程包如下,通过Wyn后台管理的【导入】便可运行:
wyn-export-20220530101617.zip (56.41 KB, 下载次数: 659)
image.png749539184.png
image.png76648558.png
image.png656333922.png

1 个回复

倒序浏览
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-6-2 15:26:34
沙发
加入官方QQ群(群号:869635873),下载Wyn V6.0预览版进行体验。

了解更多Wyn V6.0新特性,可以查看新特性预览公开课视频哦,

https://gcdn.grapecity.com.cn/fo ... peid%26typeid%3D273
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部