多场景数据适配展示方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术提供了一种多场景数据适配展示方法、装置、电子设备及存储介质，所述方法包括：获取待配置的场景交互数据；根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。本发明专利技术提供的多场景数据适配展示方法，针对不同城市以及不同流程，只需要配置对应的场景交互数据，即可完美兼容，不再需要处理代码逻辑，从而大大降低了开发和维护成本。

【技术实现步骤摘要】
多场景数据适配展示方法、装置、电子设备及存储介质
本专利技术涉及计算机
，具体涉及一种多场景数据适配展示方法、装置、电子设备及存储介质。
技术介绍
对于房产交易签后流程来说，由于不同的城市有着不同的签后流程，因此，目前针对不同城市、不同待办，需要手写对应的页面，完成其样式展示，联动交互，数据校验和数据保存工作。目前这种处理方式存在如下缺点：每一个城市每一个流程都有一套页面，这就意味着有大量重复性的工作，维护成本非常高，开发和维护成本不断增长，每增加一个城市都要开发很多套不同流程的交互，同时随着城市不断增长，代码量持续上升。
技术实现思路
针对现有技术中的缺陷，本专利技术提供一种多场景数据适配展示方法、装置、电子设备及存储介质。具体地，本专利技术提供以下技术方案：第一方面，本专利技术提供了一种多场景数据适配展示方法，包括：步骤一，获取待配置的场景交互数据；步骤二，根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。进一步地，所述步骤一包括：获取待配置的场景交互数据，所述待配置的场景交互数据包括配置字段信息、配置字段的父子关系信息和配置字段的展示条件信息；其中，配置字段信息包括配置字段的名称信息、输入类型信息和展示样式信息。进一步地，所述步骤二包括：将待配置的场景交互数据在recat的组件state中的form对象下进行数据初始化；将待配置的场景交互数据在window全局变量下进行数据初始化；在recat的生命周期的render中，调用getFieldRender方法，解析待配置的场景交互数据，并根据解析结果展示相应的场景交互数据。进一步地，所述在recat的生命周期的render中，调用getFieldRender方法，解析待配置的场景交互数据；并根据解析结果展示相应的场景交互数据，包括：在recat的生命周期的render中，调用getFieldRender方法，解析处理parentName配置，将父子字段的平级关系，处理成父子字段上下级关系，将配置数组中的子字段删除，并配置到父子段child字段下，并根据child字段来实例化子字段展示样式；循环配置数组，动态生成交互；根据配置字段的展示条件，利用eval方法动态解析展示条件，并在判断满足展示条件时，根据配置字段的名称信息，配置生成字段展示名称，根据配置字段的输入类型信息，代码实例化不同的表单类型，以及根据配置字段的展示样式信息，展示相应的字段。进一步地，在根据配置字段的展示样式信息，展示相应的字段时，若配置字段为枚举类型，则根据字典名在全局变量下获取枚举选项，并填充展示到页面中，以及根据value获取配置字段的默认值。进一步地，所述方法还包括：监听state状态改变事件，获取用户每次操作输入的信息，将每次操作输入信息放入到window全局变量以及组件state中的form对象下。进一步地，所述待配置的场景交互数据包括：是否有保存按钮字段以及是否有提交按钮字段；相应地，所述方法还包括：当检测到用户点击保存按钮后，自动获取各配置字段的数据；当检测到用户点击提交按钮后，自动获取各配置字段的数据，同时利用eval方法动态解析校验类型，识别出需要进行校验的字段，自动做校验及提示，并在校验通过后，将获取的数据发送至后端服务器。第二方面，本专利技术还提供了一种多场景数据适配展示装置，包括：获取模块，用于获取待配置的场景交互数据；配置模块，用于根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。第三方面，本专利技术还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如第一方面所述多场景数据适配展示方法的步骤。第四方面，本专利技术还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面所述多场景数据适配展示方法的步骤。由上述技术方案可知，本专利技术提供的多场景数据适配展示方法，首先获取待配置的场景交互数据，然后根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。可见，本专利技术提供的多场景数据适配展示方法，针对不同城市以及不同流程，只需要配置对应的场景交互数据，即可完美兼容，不再需要处理代码逻辑，从而大大降低了开发和维护成本。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术一实施例提供的多场景数据适配展示方法的流程图；图2是本专利技术另一实施例提供的多场景数据适配展示装置的结构示意图；图3是本专利技术又一实施例提供的电子设备的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术提供的多场景数据适配展示方法，针对不同城市以及不同流程，只需要配置对应的场景交互数据，即可完美兼容，不再需要处理代码逻辑，从而大大降低了开发和维护成本。下面将通过实施例对本专利技术提供的多场景数据适配展示方法进行详细介绍。具体地，本专利技术一实施例提供了一种多场景数据适配展示方法，参见图1，该方法包括如下步骤：步骤101：获取待配置的场景交互数据。在本步骤中，根据不同城市不同流程中所需要的全部交互方式及类型，梳理可以完美兼容所有类型的配置信息，基本包括以下字段：desc:表单字段描述名称；dictName:字典名，当表单类型是下拉等枚举类型时，配置对应的枚举址集合名称；displayCondition:展示条件，控制联动展示交互，支持根据条件配置；inputType:字段类型，用于动态识别表单类型；name:数据保存字段名；parentName:父子段名称，用于控制并列字段布局展示；percent:样式占比，用于控制布局展示；readonly:用于控制字段是否可编辑操作；require:用于控制字段是否是必填字段，同时控制字段样式是否加*，支持根据条件配置；submit:用于动态识别字段是否需要提交到后端；unit:字段展示是否需要单位；validator：字段的校验类型，支持根据条件配置；value:字段默认值。步骤102：根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。在本步骤中，基于react技术实现，整个方案实现在完整本文档来自技高网...

【技术保护点】
1.一种多场景数据适配展示方法，其特征在于，包括：/n步骤一，获取待配置的场景交互数据；/n步骤二，根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。/n

【技术特征摘要】
1.一种多场景数据适配展示方法，其特征在于，包括：
步骤一，获取待配置的场景交互数据；
步骤二，根据待配置的场景交互数据，基于recat相关组件和函数，配置对应的交互页面。


2.根据权利要求1所述的方法，其特征在于，所述步骤一包括：
获取待配置的场景交互数据，所述待配置的场景交互数据包括配置字段信息、配置字段的父子关系信息和配置字段的展示条件信息；其中，配置字段信息包括配置字段的名称信息、输入类型信息和展示样式信息。


3.根据权利要求2所述的方法，其特征在于，所述步骤二包括：
将待配置的场景交互数据在recat的组件state中的form对象下进行数据初始化；
将待配置的场景交互数据在window全局变量下进行数据初始化；
在recat的生命周期的render中，调用getFieldRender方法，解析待配置的场景交互数据，并根据解析结果展示相应的场景交互数据。


4.根据权利要求3所述的方法，其特征在于，所述在recat的生命周期的render中，调用getFieldRender方法，解析待配置的场景交互数据；并根据解析结果展示相应的场景交互数据，包括：
在recat的生命周期的render中，调用getFieldRender方法，解析处理parentName配置，将父子字段的平级关系，处理成父子字段上下级关系，将配置数组中的子字段删除，并配置到父子段child字段下，并根据child字段来实例化子字段展示样式；
循环配置数组，动态生成交互；
根据配置字段的展示条件，利用eval方法动态解析展示条件，并在判断满足展示条件时，根据配置字段的名称信息，配置生成字段展示名称，根据配置字段的输入类型信息，代码实例化不...

【专利技术属性】
技术研发人员：佟玉婵，
申请(专利权)人：贝壳技术有限公司，
类型：发明
国别省市：天津;12