[发明专利]基于Element UI的可自定义集成操作影像件的标签组件的方法

说明书

本发明公开了一种基于Element UI的可自定义集成操作影像件的标签组件的方法，属于信息科技技术领域。目的在于解决现有html标签不能简便地对影像件进行放缩旋转、业务参数配置以及其他集成化操作的缺陷，实现银行在线采集电子证照并快速审核的需求。本发明中，通过此标签组件，用户可在前端页面直接预览并查看影像件，对影像件进行放缩旋转，为影像件添加业务参数信息，并将相应影像件上传至影像平台，或者同步影像平台删除、修改对应影像件。本发明用于集成化影像件操作，方便银行业务人员审核影像信息，并同步信息至影像平台数据库。

技术领域

本发明公开了一种基于Element UI的可自定义集成操作影像件的标签组件的方法，属于信息科技技术领域。

背景技术

随着金融科技的快速发展，银行线上的业务场景飞速扩展，原本遍地开花的线下物理网点正在大幅瘦身。无论是互联网商业银行还是正在进行数字化转型的互联网商业银行，企业对公业务都是银行系统中重要的一环，其中，企业相关证照留存和审核则是银行保留客户企业信息和判断企业信用的关键点。

在过去，客户需要携带大量企业运营相关的证照原件和复印件，以及其他证明材料，自行前往银行线下网点办理企业对公账户开户业务。而现在，许多银行已经支持企业线上开户的需求，是否具备此项能力反映出银行的科技素质水平。企业线上开户，需要银行客户经理前往客户所在地采集客户信息，一般包含企业相关证照和其他证明材料，采集完成后，需要银行审核人员在企业对公业务管理系统中对影像件进行审核，对缺失的影像件进行补录，对信息有误或信息不完整的影像件进行重新录入，对审核不通过的影像件进行删除。

此标签组件可以直接封装引入上述的企业对公业务管理系统中，通过客户流水号或预约编号操作单笔企业对公业务的影像件，可在单个页面中批量配置该组件，在单个页面即可展示和修改大量影像件，实现在单个页面审核上百张影像件的功能需求，极大提升了企业对公开户的效率，优化了影像件审核流程，提高了影像件审核的灵活性，简化了对公系统前端开发流程，开发成本大大降低。

在影像件审核过程中，会涉及到修改图片的一些参数，包括但不限于旋转，旋转，放缩这些功能是用在预览上的，修改图片的参数是为了能让影像件符合银行影像系统的上传规则。

在银行系统影像件审核中，影像件的来源可以是本行系统，也可能是其他行的第三方系统，因为银行的不同或者是来源于第三方系统，其数据无法进行直接关联，往往是会修改图片的一些参数，但不包括旋转，旋转，放缩这些功能是用在预览上的，修改图片的参数是为了能让影像件符合当前银行影像系统的上传规则，在过去，修改参数需要在调用上传接口时进行逻辑判断，例如判断文件信息，参数是否正确，手动为form对象注入相应属性，提高了代码复杂度，降低了上传时的性能。此标签组件则通过预先设定上传对象，并匹配后台报文中的文件对象，在调用上传接口时无需进行额外的逻辑判断，降低了代码复杂度，提高了上传时的性能。

发明内容

本发明的目的在于解决现有html标签不能简便地对影像件进行放缩旋转、业务参数配置以及其他集成化操作的缺陷，实现银行在线采集电子证照并快速审核的需求。

为了达到上述目的，本发明采用如下技术方案：

一种基于Element UI的可自定义集成操作影像件的标签组件的方法，包括以下步骤：

步骤1：通过前端接收从后台返回的json格式的影像件报文信息，获取其中的url字段并关联至标签组件的src属性；

步骤2：在前端页面对标签组件中的影像图片进行审核，若后台返回的影像图片信息模糊或关键信息错位，可点击图片进入大图预览模式，在此模式中可对图片进行旋转和缩放，帮助审核影像图片信息；