```
如果需要在项目当中使用组件库 需要安装 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 组件以及 通用函数库 注册功能流程
```
<br />
### :-: 注册认证功能使用说明
*****
```
/**
* 不传递任何参数 不需要回调函数的调用方式
* 默认自动调用 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
```
<br />
<br />
<br />
### :-: 选功能认证功能使用说明
*****
```
/*
* @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
})
```
<br />
<br />
<br />
### :-: 设置用户跳转功能使用说明
*****
```
/*
* @param { String } key 设置储存路径的唯一标识
* @param { String } defaultPath 设置需要返回的路径
*/
this.$hdutils.setPath({ key: '', path: '' })
/*
* @param { String } key 路径的唯一标识
* @param { String } defaultPath 设置默认跳转路径 （如果未筛选到 key 所对应的路径则跳转 默认路径）
*/
this.$hdutils.callPath({ key: '', defaultPath: '' })
```
