[發(fā)明專利]基于Element UI的可自定義集成操作影像件的標(biāo)簽組件的方法

在審

• 申請(qǐng)?zhí)枺?/td>: 202110683532.X
• 申請(qǐng)日: 2021-06-21
• 公開（公告）號(hào): CN113342342A
• 公開（公告）日: 2021-09-03
• 發(fā)明（設(shè)計(jì)）人: 丁陶;李耀;彭磊;楊志文
• 申請(qǐng)（專利權(quán)）人: 武漢眾邦銀行股份有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/71;G06Q10/10
• 代理公司: 成都正煜知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 51312
• 代理人: 李龍

本發(fā)明公開了一種基于Element UI的可自定義集成操作影像件的標(biāo)簽組件的方法，屬于信息科技技術(shù)領(lǐng)域。目的在于解決現(xiàn)有html標(biāo)簽不能簡(jiǎn)便地對(duì)影像件進(jìn)行放縮旋轉(zhuǎn)、業(yè)務(wù)參數(shù)配置以及其他集成化操作的缺陷，實(shí)現(xiàn)銀行在線采集電子證照并快速審核的需求。本發(fā)明中，通過此標(biāo)簽組件，用戶可在前端頁面直接預(yù)覽并查看影像件，對(duì)影像件進(jìn)行放縮旋轉(zhuǎn)，為影像件添加業(yè)務(wù)參數(shù)信息，并將相應(yīng)影像件上傳至影像平臺(tái)，或者同步影像平臺(tái)刪除、修改對(duì)應(yīng)影像件。本發(fā)明用于集成化影像件操作，方便銀行業(yè)務(wù)人員審核影像信息，并同步信息至影像平臺(tái)數(shù)據(jù)庫。

技術(shù)領(lǐng)域

本發(fā)明公開了一種基于Element UI的可自定義集成操作影像件的標(biāo)簽組件的方法，屬于信息科技技術(shù)領(lǐng)域。

背景技術(shù)

隨著金融科技的快速發(fā)展，銀行線上的業(yè)務(wù)場(chǎng)景飛速擴(kuò)展，原本遍地開花的線下物理網(wǎng)點(diǎn)正在大幅瘦身。無論是互聯(lián)網(wǎng)商業(yè)銀行還是正在進(jìn)行數(shù)字化轉(zhuǎn)型的互聯(lián)網(wǎng)商業(yè)銀行，企業(yè)對(duì)公業(yè)務(wù)都是銀行系統(tǒng)中重要的一環(huán)，其中，企業(yè)相關(guān)證照留存和審核則是銀行保留客戶企業(yè)信息和判斷企業(yè)信用的關(guān)鍵點(diǎn)。

在過去，客戶需要攜帶大量企業(yè)運(yùn)營(yíng)相關(guān)的證照原件和復(fù)印件，以及其他證明材料，自行前往銀行線下網(wǎng)點(diǎn)辦理企業(yè)對(duì)公賬戶開戶業(yè)務(wù)。而現(xiàn)在，許多銀行已經(jīng)支持企業(yè)線上開戶的需求，是否具備此項(xiàng)能力反映出銀行的科技素質(zhì)水平。企業(yè)線上開戶，需要銀行客戶經(jīng)理前往客戶所在地采集客戶信息，一般包含企業(yè)相關(guān)證照和其他證明材料，采集完成后，需要銀行審核人員在企業(yè)對(duì)公業(yè)務(wù)管理系統(tǒng)中對(duì)影像件進(jìn)行審核，對(duì)缺失的影像件進(jìn)行補(bǔ)錄，對(duì)信息有誤或信息不完整的影像件進(jìn)行重新錄入，對(duì)審核不通過的影像件進(jìn)行刪除。

此標(biāo)簽組件可以直接封裝引入上述的企業(yè)對(duì)公業(yè)務(wù)管理系統(tǒng)中，通過客戶流水號(hào)或預(yù)約編號(hào)操作單筆企業(yè)對(duì)公業(yè)務(wù)的影像件，可在單個(gè)頁面中批量配置該組件，在單個(gè)頁面即可展示和修改大量影像件，實(shí)現(xiàn)在單個(gè)頁面審核上百張影像件的功能需求，極大提升了企業(yè)對(duì)公開戶的效率，優(yōu)化了影像件審核流程，提高了影像件審核的靈活性，簡(jiǎn)化了對(duì)公系統(tǒng)前端開發(fā)流程，開發(fā)成本大大降低。

在影像件審核過程中，會(huì)涉及到修改圖片的一些參數(shù)，包括但不限于旋轉(zhuǎn)，旋轉(zhuǎn)，放縮這些功能是用在預(yù)覽上的，修改圖片的參數(shù)是為了能讓影像件符合銀行影像系統(tǒng)的上傳規(guī)則。

在銀行系統(tǒng)影像件審核中，影像件的來源可以是本行系統(tǒng)，也可能是其他行的第三方系統(tǒng)，因?yàn)殂y行的不同或者是來源于第三方系統(tǒng)，其數(shù)據(jù)無法進(jìn)行直接關(guān)聯(lián)，往往是會(huì)修改圖片的一些參數(shù)，但不包括旋轉(zhuǎn)，旋轉(zhuǎn)，放縮這些功能是用在預(yù)覽上的，修改圖片的參數(shù)是為了能讓影像件符合當(dāng)前銀行影像系統(tǒng)的上傳規(guī)則，在過去，修改參數(shù)需要在調(diào)用上傳接口時(shí)進(jìn)行邏輯判斷，例如判斷文件信息，參數(shù)是否正確，手動(dòng)為form對(duì)象注入相應(yīng)屬性，提高了代碼復(fù)雜度，降低了上傳時(shí)的性能。此標(biāo)簽組件則通過預(yù)先設(shè)定上傳對(duì)象，并匹配后臺(tái)報(bào)文中的文件對(duì)象，在調(diào)用上傳接口時(shí)無需進(jìn)行額外的邏輯判斷，降低了代碼復(fù)雜度，提高了上傳時(shí)的性能。

發(fā)明內(nèi)容

本發(fā)明的目的在于解決現(xiàn)有html標(biāo)簽不能簡(jiǎn)便地對(duì)影像件進(jìn)行放縮旋轉(zhuǎn)、業(yè)務(wù)參數(shù)配置以及其他集成化操作的缺陷，實(shí)現(xiàn)銀行在線采集電子證照并快速審核的需求。

為了達(dá)到上述目的，本發(fā)明采用如下技術(shù)方案：

一種基于Element UI的可自定義集成操作影像件的標(biāo)簽組件的方法，包括以下步驟：

步驟1：通過前端接收從后臺(tái)返回的json格式的影像件報(bào)文信息，獲取其中的url字段并關(guān)聯(lián)至標(biāo)簽組件的src屬性；

步驟2：在前端頁面對(duì)標(biāo)簽組件中的影像圖片進(jìn)行審核，若后臺(tái)返回的影像圖片信息模糊或關(guān)鍵信息錯(cuò)位，可點(diǎn)擊圖片進(jìn)入大圖預(yù)覽模式，在此模式中可對(duì)圖片進(jìn)行旋轉(zhuǎn)和縮放，幫助審核影像圖片信息；