临床试验电子数据采集与管理系统的界面展示方法和装置

摘要

本发明提供一种临床试验电子数据采集与管理系统的界面展示方法和装置，所述方法包括以下步骤：将待采集的任务数据项名称和访视数据项名称排列成DOM元素，并渲染形成数据采集表，数据采集表包括访视数据名称列和访视数据采集列，每一访视数据采集列与多个通用唯一标识码中的一个通用唯一标识码对应；将临床试验的试验项目名称、阶段名称、周期名称和访视名称排列成DOM元素，并渲染形成索引栏，每一访视名称与所述多个通用唯一标识码中的一个通用唯一标识码对应；当在访视名称的渲染区域监听到第一操作时，将与访视名称的通用唯一标识码对应的访视数据采集列，解析为虚拟DOM元素，然后渲染至与访视数据名称列相邻的一列的区域。

说明书

技术领域

本发明主要涉及信息技术领域，尤其涉及一种临床试验电子数据采集与管理系统的界面展示方法和装置。

背景技术

在临床试验的进行阶段，需要制定试验的总体访视时间表；其中包含整个试验流程需要的访视和针对每次访视需要进行的不同的访视任务项的配置；即在临床试验流程中，需要制定试验的总体访视时间表来作用于整个试验阶段；由于需要对试验流程中的受试者进行相关检测并记录，而且在不同的访视中需要进行的访视任务项也存在差异，所以需要对试验流程的访视任务进行访视任务项的不同配置和快速查验，以便临床试验的高效和准确进行。

发明内容

本发明要解决的技术问题是提供一种临床试验电子数据采集与管理系统的界面展示方法，协助实现临床试验的高效和准确进行。

为解决上述技术问题，本发明提供了一种临床试验电子数据采集与管理系统的界面展示方法，所述临床试验电子数据包括试验项目数据、阶段数据、周期数据访视数据和任务数据，所述方法包括以下步骤：

将待采集的任务数据项名称和访视数据项名称排列成DOM元素，并渲染形成数据采集表，所述数据采集表包括访视数据名称列和访视数据采集列，所述访视数据名称列包括任务名称，所述访视数据采集列包括任务数据采集填写框，其中，每一所述访视数据采集列与多个通用唯一标识码中的一个通用唯一标识码对应；将临床试验的试验项目名称、阶段名称、周期名称和访视名称排列成DOM元素，并渲染形成索引栏，其中，每一所述访视名称与所述多个通用唯一标识码中的一个通用唯一标识码对应；当在所述访视名称的渲染区域监听到第一操作时，将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

在本发明的一实施例中，当在所述访视名称的渲染区域监听到第一操作时，将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域包括：当在所述访视名称的渲染区域监听到第一操作时，获取所述访视名称对应的通用唯一标识码，将所述数据采集表中各个访视数据采集列对应的通用唯一标识码与所述访视名称对应的通用唯一标识码进行比较，确定与所述访视名称对应的通用唯一标识码对应的访视数据采集列，将所述通用唯一标识码对应的访视数据采集列解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

在本发明的一实施例中，所述方法还包括：将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域之后，生成页面返回组件；当监听到对所述页面返回组件进行第二操作时，重新渲染形成所述数据采集表。

在本发明的一实施例中，所述任务数据采集填写框的填写内容包括是否进行该项试验任务和是否进行所述试验任务的具体组成项。

在本发明的一实施例中，所述方法还包括将相邻的连续多列所述访视数据采集列归并于一个周期。

在本发明的一实施例中，每一所述访视数据采集列中的数据具有对应的标引值，将相邻的连续多列所述访视数据采集列归并于一个周期包括，根据所述标引值判断所述数据所在的多个所述访视数据采集列是否为相邻连续列。

在本发明的一实施例中，所述方法还包括：接收所述周期的重复次数，将所述归并于一个周期内的多列所述访视数据采集列复制形成DOM元素，并渲染形成第二数据采集表。

在本发明的一实施例中，所述虚拟DOM元素通过JavaScript对象实现。

在本发明的一实施例中，所述界面运行于Web端。

本发明还提供一种临床试验电子数据采集与管理系统的界面展示装置，包括：存储器，用于存储可由处理器执行的指令；以及处理器，用于执行所述指令以实现如前任一项所述的方法。

本发明还提供一种存储有计算机程序代码的计算机可读介质，所述计算机程序代码在由处理器执行时实现如前任一项所述的方法。

与现有技术相比，本发明具有以下优点：通过将索引栏的访视名称和访视任务数据采集表中的访视数据采集列建立关联，通过对索引栏的访视名称的特定操作，即可快速将与访视名称对应的访视数据采集列渲染至与访视数据名称列相邻的一列的区域，让临床试验数据采集与系统的使用者可快速确定业务数据的准确性，从而有利于临床试验的高效和顺利进行。

附图说明

附图是为提供对本申请进一步的理解，它们被收录并构成本申请的一部分，附图示出了本申请的实施例，并与本说明书一起起到解释本发明原理的作用。附图中：

图1是本申请一实施例的临床试验电子数据采集与管理系统的界面展示方法的流程图。

图2是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图3是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图4是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图5是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图6是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图7是本申请一实施例的临床试验电子数据采集与管理系统的界面的任务数据采集框的填写示意图。

图8是根据本申请一实施例示出的临床试验电子数据采集与管理系统的界面展示装置的系统实施环境示意图。

具体实施方式

为让本发明的上述目的、特征和优点能更明显易懂，以下结合附图对本发明的具体实施方式作详细说明。

在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是本发明还可以采用其它不同于在此描述的其它方式来实施，因此本发明不受下面公开的具体实施例的限制。

如本申请所示，除非上下文明确提示例外情形，“一”、“一个”、“一种”和/或“该”等词并非特指单数，也可包括复数。一般说来，术语“包括”与“包含”仅提示包括已明确标识的步骤和元素，而这些步骤和元素不构成一个排它性的罗列，方法或者设备也可能包含其他的步骤或元素。

此外，需要说明的是，使用“第一”、“第二”等词语来限定零部件，仅仅是为了便于对相应零部件进行区别，如没有另行声明，上述词语并没有特殊含义，因此不能理解为对本申请保护范围的限制。此外，尽管本申请中所使用的术语是从公知公用的术语中选择的，但是本申请说明书中所提及的一些术语可能是申请人按他或她的判断来选择的，其详细含义在本文的描述的相关部分中说明。此外，要求不仅仅通过所使用的实际术语，而是还要通过每个术语所蕴含的意义来理解本申请。

本申请中使用了流程图用来说明根据本申请的实施例的系统所执行的操作。应当理解的是，前面或下面操作不一定按照顺序来精确地执行。相反，可以按照倒序或同时处理各种步骤。同时，或将其他操作添加到这些过程中，或从这些过程移除某一步或数步操作。

本申请的实施例描述一种临床试验电子数据采集与管理系统的界面展示方法和装置。

图1是本申请一实施例的临床试验电子数据采集与管理系统的界面展示方法的流程图。

图2是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

图3是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

如图1所示，在一些实施例中，本申请的临床试验电子数据采集与管理系统的界面展示方法包括，步骤101，将待采集的任务数据项名称和访视数据项名称排列成DOM元素，并渲染形成数据采集表，所述数据采集表包括访视数据名称列和访视数据采集列，所述访视数据名称列包括任务名称，所述访视数据采集列包括任务数据采集填写框，其中，每一所述访视数据采集列与多个通用唯一标识码中的一个通用唯一标识码对应；步骤102，将待采集的任务数据项名称和访视数据项名称排列成DOM元素，并渲染形成数据采集表，所述数据采集表包括访视数据名称列和访视数据采集列，所述访视数据名称列包括任务名称，所述访视数据采集列包括任务数据采集填写框，其中，每一所述访视数据采集列与多个通用唯一标识码中的一个通用唯一标识码对应；步骤103，当在所述访视名称的渲染区域监听到第一操作时，将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

具体地，在步骤101，将待采集的任务数据项名称和访视数据项名称排列成DOM元素，并渲染形成数据采集表。数据采集表例如图2中的201所例示，也可例如图3中的301所例示。

DOM（Document Object Model，文档对象模型）是一种HTML（Hyper TextMarkupLanguage，超文本标记语言）页面元素的编辑和操作接口。HTML DOM 确定了访问和操作HTML 文档对应的页面中的元素的标准步骤。DOM结构包括多层节点。多层节点包括…、…、…、

…

、

和"list item"。其中，ul表示Unordered list（无序列表）。li表示list（列表）。在Web端用DOM的对应的结构操作表单设计区域的表单组件时，一次更新需要经过对DOM各层节点的遍历。

在一些实施例中，数据采集表包括访视数据名称列和访视数据采集列。访视数据名称列例如图2中的202所例示，也可例如图3中的302所例示。访视数据采集列例如分布在图2中的221区域，或例如分布在图3中的321区域。访视数据采集列具体例如图2中的203、204、205、206、207和208所示。访视数据采集列也可例如图3中的307、311和313所例示。实际应用中，访视数据采集列可根据需求不断增加设置，例如阶段较多的试验，此时访视数据采集列可达五十至六十列或更多的列。

每一所述访视数据采集列与多个通用唯一标识码中的一个通用唯一标识码（Universally Unique Identifier，UUID）对应。

当访视数据列的增加至较多的列以后，例如增加至六列、八列或十列后，可以在页面的下方区域设置横向的滚动条，通过对滚动条的滚动操作，查看不断增加的访视列的数据。

访视数据名称列例如包括任务名称，例如图2中的210、211和212所例示。访视数据名称列还可包括与访视相关的基本信息，例如图2中的213和214所例示。任务项较多，也即任务名称时，也可通过纵向的滚定条的设置，查看不同的试验任务项。图3中，任务名称例如包括‘血常规检查’、‘纤溶系统检查’、‘血液流变学检查’、‘蛋白类及其代谢物检查’等。

临床试验中，一个试验项目可包括若干阶段，一个阶段可包括若干个周期，一个周期可包括若干个访视（或称为访视期），一个访视下可包括若干个任务。

访视数据采集列包括任务数据采集填写框。任务数据采集填写框例如图2中的217、218和219所例示。在一些实施例中，所述任务数据采集填写框的填写内容包括是否进行该项试验任务和是否进行所述试验任务的具体组成项。图2和图3的任务数据填写框填有‘√’（勾号）标记的，例如表示在某一访视周期内，需要进行该项试验任务。在更具体的实施例中，该项试验任务的具体内容可通过更具体的选项进行设置，具体例如在任务数据填写框填写‘√’（勾号）标记后，再通过特定操作，展示出任务项的具体内容进行设置或选择。

图7是本申请一实施例的临床试验电子数据采集与管理系统的界面的任务数据采集框的填写示意图。参考图7所示，可对血常规检查的任务项的具体内容进行设置。访视数据的其他数据，例如与访视相关的基本信息，具体例如间隔天数、窗口期也可通过选定任务数据填写框，并经过特定操作后，展示出具体的设置选项进行填写或设置。页面中还可根据需要设置其他的操作组件，进行例如保存、关闭操作等。例如图2中的保存按钮289。

在步骤102，将临床试验的试验项目名称、阶段名称、周期名称和访视名称排列成DOM元素，并渲染形成索引栏。索引栏例如图2中291所例示，索引栏291包括试验项目名称271、阶段名称231、周期名称241和访视名称251、252、253、254。索引栏也可例如图3中的391所例示，索引栏391例如包括访视名称355、359。索引栏391中的试验项目名称、阶段名称、周期名称可参照图2进行标示，在此不再赘述。图2和图3中的试验项目名称、阶段名称、周期名称和访视名称为例示，实际可根据试验需要进行设置、调整、新增和修改。其中，每一所述访视名称与所述多个通用唯一标识码中的一个通用唯一标识码（UUID）对应。不同的试验项目实际可与不同的临床试验受试者队列或不同的试验方案相对应，图2和3中的‘队列1’例如即与‘奥美拉唑肠溶胶囊…等效性试验’相对应，通过对‘队列1’或试验方案的选择或设置，可确定不同的临床试验项目。

在步骤103，当在所述访视名称的渲染区域监听到第一操作时，将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

图4是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。图5是本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。

在图4中，当在访视名称355的渲染区域监听到第一操作，例如对访视名称355进行双击，则将与访视名称355的通用唯一标识码对应的所述访视数据采集列，具体为访视数据采集列307，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

在图5中，当在访视名称359的渲染区域监听到第一操作，例如对访视名称359进行双击，则将与访视名称359的通用唯一标识码对应的所述访视数据采集列，具体为访视数据采集列313，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

本申请的技术方案，通过将索引栏的访视名称和访视任务数据采集表中的访视数据采集列建立关联，通过对索引栏的访视名称的特定操作，即可快速将与访视名称对应的访视数据采集列渲染至与访视数据名称列相邻的一列的区域，让临床试验数据采集与系统的使用者可快速确定，在相应的访视阶段内，是否需要进行各种试验任务或是否已进行各种试验任务。

当访视数据采集表因临床试验的阶段较多而不断扩充列数，例如前述的五十至六十列或更多的列时，此时需要确定在相应的访视阶段内，是否需要进行各种试验任务或是否已进行各种试验任务，将需要繁复的操作和确认，即使借助于滚动条，这一过程仍然容易出现偏差，而这与临床试验的严格的合规要求相悖，且当需要确认的访视数据采集列较多且试验任务项亦较多，将给操作的业务人员带来极大的操作负担，亦不利于临床试验的顺利和有效进行。

而本申请的技术方案，如前述，通过将索引栏的访视名称和访视任务数据采集表中的访视数据采集列建立关联，通过对索引栏的访视名称的特定操作，例如双击操作或单击操作，即可快速将与访视名称对应的访视数据采集列渲染至与访视数据名称列相邻的一列的区域，让临床试验数据采集与系统的使用者可快速确定，在相应的访视阶段内，是否需要进行各种试验任务或是否已进行各种试验任务，即本申请的技术方案，通过业务数据的重新组织和排布 （具体例如通过两种页面的切换变化），达到有效数据的快速呈现，极大降低了操作人员的视觉负担，提高了业务操作的准确度，从而有利于临床试验的顺利和有效进行。

在一些实施例中，当在所述访视名称的渲染区域监听到第一操作时，将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域包括：

当在所述访视名称的渲染区域监听到第一操作时，获取所述访视名称对应的通用唯一标识码，将所述数据采集表中各个访视数据采集列对应的通用唯一标识码与所述访视名称对应的通用唯一标识码进行比较，确定与所述访视名称对应的通用唯一标识码对应的访视数据采集列，将所述通用唯一标识码对应的访视数据采集列解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域。

具体地，在一些实施例中，用JavaScript对象模拟DOM节点，对于需要进行展示的页面，页面的更新可以先全部反映在JavaScript对象上。通过JavaScript对象模拟的虚拟DOM元素在界面上展示当前页面。虚拟DOM可只对更新的节点进行操作，避免需要经过对DOM各层节点的遍历才实现一次页面的更新，从而提高展示当前页面的效率，便于实现快速查看。

在本申请的一些实施例中，临床试验电子数据采集与管理系统的界面展示方法还包括：将与所述访视名称的通用唯一标识码对应的所述访视数据采集列，解析为虚拟DOM元素，然后渲染至与所述访视数据名称列相邻的一列的区域之后，生成页面返回组件；当监听到对所述页面返回组件进行第二操作时，重新渲染形成所述数据采集表。页面返回组件具体例如图4和图5中的组件342所例示。具体地，当监听到对组件342进行第二操作，例如单击操作时，重新渲染形成所述数据采集表，例如图3所示的数据采集表301。

在本申请的另一些实施例中，临床试验电子数据采集与管理系统的界面展示方法还包括将相邻的连续多列所述访视数据采集列归并于一个周期。

图6是例本申请一实施例的临床试验电子数据采集与管理系统的界面显示示意图。如图6所示，访视数据采集列303和304可归并于一个周期。

在更具体的实施例中，每一所述访视数据采集列中的数据具有对应的标引值，将相邻的连续多列所述访视数据采集列归并于一个周期包括，根据所述标引值判断所述数据所在的多个所述访视数据采集列是否为相邻连续列。具体例如可通过图6中的‘设定周期’组件实现判断和设置。

在一些实施例中，临床试验电子数据采集与管理系统的界面显示方法还包括，接收所述周期的重复次数（或称为循环次数），将所述归并于一个周期内的多列所述访视数据采集列复制形成DOM元素，并渲染形成第二数据采集表。如图6所例示，接收到将访视数据采集列303和304归并形成的周期重复次数2（或循环次数2）之后，形成访视数据采集宽列331和332。数据采集宽列331包括两个访视数据采集列，该两个访视数据采集列参照访视数据采集列303和304形成。

本申请的技术方案，通过快速便捷地将相邻的连续多列所述访视数据采集列归并于一个周期，并可根据接收所述周期的重复次数（或称为循环次数），将所述归并于一个周期内的多列所述访视数据采集列复制形成DOM元素，并渲染形成第二数据采集表，实现访视数据采集表根据实际需求进行快速扩充，而无需一次操作只能设置一个访视数据采集列，无法按照需求进行访视数据采集表的快速调整，从而提高临床试验数据采集和管理的效率，便于临床试验的高效进行。

本申请技术方案中，所述界面例如运行于Web端，具体可为电脑、平板、或其他手持设备的浏览器端。Web端可通过网络与服务器端连接。

本申请还提供一种临床试验电子数据采集与管理系统的界面展示装置，包括：存储器，用于存储可由处理器执行的指令；以及处理器，用于执行所述指令以实现如前所述的方法。

图8示出了根据本申请一实施例示出的临床试验电子数据采集与管理系统的界面展示装置的系统实施环境示意图。临床试验电子数据采集与管理系统的界面展示装置800可包括内部通信总线801、处理器（Processor）802、只读存储器（ROM）803、随机存取存储器（RAM）804、以及通信端口805。临床试验电子数据采集与管理系统的界面展示装置800通过通信端口连接网络，并与服务器端连接。内部通信总线801可以实现临床试验电子数据采集与管理系统的界面展示装置800组件间的数据通信。处理器802可以进行判断和发出提示。在一些实施例中，处理器802可以由一个或多个处理器组成。通信端口805可以实现从网络发送和接受信息及数据。在图8中，通信端口805可通过网络与服务器端的服务器A 806、服务器数据存储A 807、服务器B 808、服务器数据存储B 809连接，以实现对应的页面数据的传输。临床试验电子数据采集与管理系统的界面展示装置800还可以包括不同形式的程序储存单元以及数据储存单元，例如只读存储器（ROM）803和随机存取存储器（RAM）804，能够存储计算机处理和/或通信使用的各种数据文件，以及处理器802所执行的可能的程序指令。处理器执行这些指令以实现方法的主要部分。处理器处理的结果通过通信端口传给用户设备，在用户界面上显示。

上述的临床试验电子数据采集与管理系统的界面展示装置800可以实施为计算机程序，保存在存储器中，并可记载到处理器802中执行，以实施本申请的临床试验电子数据采集与管理系统的界面展示方法。

本申请还提供了一种存储有计算机程序代码的计算机可读介质，所述计算机程序代码在由处理器执行时实现如上所述的临床试验电子数据采集与管理系统的界面展示方法。

本申请的一些方面可以完全由硬件执行、可以完全由软件（包括固件、常驻软件、微码等）执行、也可以由硬件和软件组合执行。以上硬件或软件均可被称为“数据块”、“模块”、“引擎”、“单元”、“组件”或“系统”。处理器可以是一个或多个专用集成电路（ASIC）、数字信号处理器（DSP）、数字信号处理器件（DAPD）、可编程逻辑器件（PLD）、现场可编程门阵列（FPGA）、处理器、控制器、微控制器、微处理器或者其组合。此外，本申请的各方面可能表现为位于一个或多个计算机可读介质中的计算机产品，该产品包括计算机可读程序编码。例如，计算机可读介质可包括，但不限于，磁性存储设备（例如，硬盘、软盘、磁带……）、光盘（例如，压缩盘CD、数字多功能盘DVD……）、智能卡以及闪存设备（例如，卡、棒、键驱动器……）。

计算机可读介质可能包含一个内含有计算机程序编码的传播数据信号，例如在基带上或作为载波的一部分。该传播信号可能有多种表现形式，包括电磁形式、光形式等等、或合适的组合形式。计算机可读介质可以是除计算机可读存储介质之外的任何计算机可读介质，该介质可以通过连接至一个指令执行系统、装置或设备以实现通讯、传播或传输供使用的程序。位于计算机可读介质上的程序编码可以通过任何合适的介质进行传播，包括无线电、电缆、光纤电缆、射频信号、或类似介质、或任何上述介质的组合。

同理，应当注意的是，为了简化本申请披露的表述，从而帮助对一个或多个发明实施例的理解，前文对本申请实施例的描述中，有时会将多种特征归并至一个实施例、附图或对其的描述中。但是，这种披露方法并不意味着本申请对象所需要的特征比权利要求中提及的特征多。实际上，实施例的特征要少于上述披露的单个实施例的全部特征。

虽然本申请已参照当前的具体实施例来描述，但是本技术领域中的普通技术人员应当认识到，以上的实施例仅是用来说明本申请，在没有脱离本申请精神的情况下还可作出各种等效的变化或替换，因此，只要在本申请的实质精神范围内对上述实施例的变化、变型都将落在本申请的权利要求书的范围内。