盛事通基礎組件 · 慧鼎科技開發標準

``` 如果需要在項目當中使用組件庫需要安裝 hd-sst-mobile-base 組件庫（版本持續更新中...）溫馨提示：如果發現有功能出現問題請更新最新版本安裝方法：執行命令 npm i --save hd-sst-mobile-base 在項目 src/main.js 中 import?hdMobilePlugin?from'hd-sst-mobile-base' Vue.use(hdMobilePlugin) 其中包含所有惠鼎公共 UI 組件以及通用函數庫注冊功能流程 ``` ### :-: 注冊認證功能使用說明 ***** ``` /** * 不傳遞任何參數不需要回調函數的調用方式 * 默認自動調用 getopenidMsg 接口來獲取用戶信息 * 根據接口返回的用戶狀態來執行用戶注冊流程 */ this.$hdutils.signin() /** * 傳遞一個回調函數也可以執行回調信息 * @param row { Object } 基礎用戶信息 * @param index { String } 點擊取消按鈕執行回調操作 cancel 失敗標識 */ this.$hdutils.signin((row, index) => { // 只要在回調函數內部 // 初始化時候會執行一次可拿到用戶信息處理邏輯（不建議在此處理復雜邏輯） console.log(row) // 也可以在用戶點擊取消之后通過 index 回參執行取消之后操作邏輯 if (index === 'cancel') { // 如果執行此操作整個回調都會被重新執行一遍這里要注意避免重復執行！ } }) /** * 也可以傳遞功能參數接受類型 OBJ * @param state { String } 可傳參數 v0 v1 v2 v3 * { * state 參數聲明 * v0 直接調用 getopenidMSg 不做任何其他操作并且直接用戶基礎數據 * v1 該頁面為注冊級別自動執行注冊操作對應狀態 0 2 3 5 6 * v2 該頁面為 ocr?人臉級別自動執行人臉身份認證操作對應狀態 2 3 * v3 查詢錢包自動查詢開通錢包功能需要配合 wallet 參數對應狀態 3 * } * * @param wallet { String Number } 可傳遞參數 0 1 * 如果頁面需要配合 cer 查詢是否開通錢包功能則需要傳遞 wallet 0 已開通 1 未開通 * 傳遞 wallet 時 state 則為必傳項且建議傳遞 v3 * * @param level { String Number } 可自定義傳遞 cerStatus 狀態直接調取注冊流程 * 如果傳遞 level 參數則不會調用 getopenidMsg 接口進行查詢用戶信息 * 同時也意味著不會將用戶信息回調回來。 * * @param callpath { Boolean } 是否需要在注冊流程之后跳轉回到調用方法的路由 * 開啟之后如果在注冊過程中跳轉到其他頁面無法跳轉回來的時候可傳遞此參數 * * @function callBack (row) 回調函數 row 用戶基礎信息 */ this.$hdutils.signin({ state: '', wallet: '', level: '' }, (row) => { // 自定義回調邏輯 }) 當調用此公共方法之后隨之用戶數據同時也會被存儲到Vuex當中為篩選后的常用有效數據 : { cardNo, cerStatus, idCardImg, mobile, name, openid, sex, unionid, id, type } 調用語法 this.$store.state.user.userInfo ``` ### :-: 選功能認證功能使用說明 ***** ``` /* * @param { String } path 開通功能完成后最終跳轉地址 (必傳項) * @param { Boolean } bindCard 是否查詢開通綁定銀行卡 true false * @param { String } bindurl 綁卡后跳轉的地址（如果bindCard為true時此參數為必傳項） * @param { Boolean } coming 是否開啟敬請期待彈窗提示 true false * 在跳轉路徑中域名可以攜帶也可以不攜帶 * 如果攜帶域名建議攜帶 HTTP 或 HTTPS 請求協議。 */ this.$hdutils.selectFun({ path: 'wanglanglang.tripln.top', bindCard: true, bindurl: 'wanglanglang.tripln.top', coming: false }) ``` ### :-: 設置用戶跳轉功能使用說明 ***** ``` /* * @param { String } key 設置儲存路徑的唯一標識 * @param { String } defaultPath 設置需要返回的路徑 */ this.$hdutils.setPath({ key: '', path: '' }) /* * @param { String } key 路徑的唯一標識 * @param { String } defaultPath 設置默認跳轉路徑（如果未篩選到 key 所對應的路徑則跳轉默認路徑） */ this.$hdutils.callPath({ key: '', defaultPath: '' }) ```