SpreadJS 纯前端表格控件应用案例:PtLims云平台

Stella981
• 阅读 262

PtLims云平台是一款针对实验室的整套环节而设计的计算机应用系统,用于实现实验室人、机、料、法、环的全面资源管理,并构建一套完整的检验综合管理和产品质量监控体系,可满足实验室日常管理要求,保证化验分析数据的严格管理和控制。

下面,让我们一起来看看青岛帕特是如何在“PtLims云平台”中应用表格技术,实现“数据填报”、数据分析与质量监控管理的。

项目背景

PtLims云平台是针对实验室的整套环节而设计,是实现实验室人(人员)、机(仪器)、料(样品、材料)、法(方法、质量)、环(环境、通讯)全面资源管理的计算机应用系统,是一套完整的检验综合管理和产品质量监控体系,可满足日常管理要求,保证化验分析数据的严格管理和控制。

检验人员使用该系统,可全面优化实验室检验管理流程,显著提高实验室的工作效率和生产力,提高质量控制水平。

项目截图

PtLims云平台通过嵌入SpreadJS纯前端表格控件,实现了原始记录展示和数据分析计算,系统界面如下图:

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(模板制作页面)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(原始记录编辑页面1)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(原始记录编辑页面2)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(记录结果界面)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(二次开发的数据多范围修约功能)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(二次开发原始记录仪器数据选择界面)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(二次开发标准曲线编辑界面)

SpreadJS 纯前端表格控件应用案例:PtLims云平台

(二次开发的自动电子签章功能)

表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

1. 使用SpreadJS模板设计器进行快速开发

通过对SpreadJS表格设计器的二次扩展开发,添加了业务所需的自定义单元格、特殊字符等功能,业务人员导入 EXCEL 表格,对单元格进行相应配置就可以快速生成填报模板。

无编码模板设计器:SpreadJS 提供了在线表单设计器,其扩展性高,无需编码,不需要专业培训,即可快速上手。通过 Excel 软件设计的表格文档,借助SpreadJS的模板设计器,可轻松导入 SpreadJS 开发的系统中,提高了模板的复用性。

2. 支持二次开发和自定义函数

PtLims云平台的用户群是实验室检验检测行业,该行业的数据运算需要遵循“四舍六入,五留双”的原则,青岛帕特借助SpreadJS的自定义函数,研发出“数据修约功能”,可满足该行业数据计算的应用需要。

与此同时,青岛帕特还借助了SpreadJS的“散点图”,开发实现了“标准曲线功能和自动电子签章功能”,并在现有数据表格填充方案的基础上,二次开发出适合PtLims云平台的数据填充方案,解决了行业数据信息化处理难题。

3. 快速编辑原始记录、在线打印

借助SpreadJS高度兼容Excel 的产品特性,可对导入的Excel原始记录再次编辑、存储,并且通过 SpreadJS实现在线自定制打印。

4. 纯前端导入、导出 Excel 文件

SpreadJS无需借助任何后台代码和第三方组件,可直接在浏览器中完成 Excel文件的导入导出、PDF 导出、打印及预览操作,解决了对现存大量Excel原始数据进行线上填报存储的问题。

以上就是青岛帕特应用SpreadJS表格控件技术研发的“PtLims云平台”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑 、 数据填报 、 类 Excel 报表设计 等业务场景,可极大降低企业研发成本和项目交付风险。

点赞
收藏
评论区
推荐文章
浅梦一笑 浅梦一笑
2个月前
初学 Python 需要安装哪些软件?超级实用,小白必看!
编程这个东西是真的奇妙。对于懂得的人来说,会觉得这个工具是多么的好用、有趣,而对于小白来说,就如同大山一样。其实这个都可以理解,大家都是这样过来的。那么接下来就说一下python相关的东西吧,并说一下我对编程的理解。本人也是小白一名,如有不对的地方,还请各位大神指出01名词解释:如果在编程方面接触的比较少,那么对于软件这一块,有几个名词一定要了解,比如开发环
刚刚好 刚刚好
2个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{width:20px;height:20px;borderradius:20px;overflow:h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
小森森 小森森
2个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本欢迎添加左边的微信一起探讨!项目地址:(https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n)\2.Bug修复更新日历2.情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),\\和注意
晴空闲云 晴空闲云
2个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
1个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Wesley13 Wesley13
1年前
MySQL查询按照指定规则排序
1.按照指定(单个)字段排序selectfromtable_nameorderiddesc;2.按照指定(多个)字段排序selectfromtable_nameorderiddesc,statusdesc;3.按照指定字段和规则排序selec
Wesley13 Wesley13
1年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0
helloworld_34035044 helloworld_34035044
5个月前
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
helloworld_28799839 helloworld_28799839
2个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue